/* Plus Jakarta Sans — self-hosted (SIL OFL 1.1), değişken ağırlık 200–800 */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html{scroll-behavior:smooth}
body{margin:0}
a{color:#2563EB;text-decoration:none}a:hover{color:#1D4ED8}

/* ---- Tema değişkenleri ---- */
.yt-theme-light{--bg:#FFFFFF;--bg-2:#F4F7FB;--surface:#FFFFFF;--surface-2:#F8FAFD;--border:rgba(15,23,42,0.08);--border-strong:rgba(15,23,42,0.14);--text:#0F172A;--text-2:#475569;--text-3:#64748B;--primary:#2563EB;--primary-hover:#1D4ED8;--primary-soft:rgba(37,99,235,0.08);--cyan:#0891B2;--cyan-soft:rgba(34,211,238,0.14);--amber:#B45309;--amber-soft:rgba(245,158,11,0.14);--navy:#0A1628;--on-primary:#FFFFFF;--shadow:0 24px 64px rgba(15,23,42,0.10);--shadow-soft:0 12px 32px rgba(15,23,42,0.06);--blob-1:rgba(59,130,246,0.22);--blob-2:rgba(34,211,238,0.20);--blob-3:rgba(99,102,241,0.12);--dots:rgba(15,23,42,0.10);--ring:rgba(37,99,235,0.35);--chat-in:#F1F5F9;--chat-in-text:#0F172A}
.yt-theme-dark{--bg:#070B14;--bg-2:#0A1628;--surface:rgba(255,255,255,0.03);--surface-2:#0D1B33;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--text:#F8FAFC;--text-2:#A8B3C7;--text-3:#8A97AD;--primary:#3B82F6;--primary-hover:#60A5FA;--primary-soft:rgba(59,130,246,0.14);--cyan:#22D3EE;--cyan-soft:rgba(34,211,238,0.12);--amber:#FBBF24;--amber-soft:rgba(245,158,11,0.14);--navy:#0A1628;--on-primary:#FFFFFF;--shadow:0 32px 80px rgba(0,0,0,0.55);--shadow-soft:0 16px 40px rgba(0,0,0,0.35);--blob-1:rgba(59,130,246,0.28);--blob-2:rgba(34,211,238,0.18);--blob-3:rgba(99,102,241,0.22);--dots:rgba(255,255,255,0.10);--ring:rgba(96,165,250,0.45);--chat-in:rgba(255,255,255,0.07);--chat-in-text:#F8FAFC}
.yt-theme-dark a{color:#60A5FA}.yt-theme-dark a:hover{color:#93C5FD}

.yt-root{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .7s ease,color .7s ease}
.yt-root *{transition-property:background-color,color,border-color,box-shadow,transform,opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.yt-display{letter-spacing:-0.035em;font-weight:800}
.yt-muted{color:var(--text-2)}
.yt-eyebrow{font-size:12px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--primary)}

/* ---- Nav ---- */
.yt-nav a.yt-link{color:var(--text-2);font-size:15px;font-weight:600}.yt-nav a.yt-link:hover{color:var(--text)}
.yt-navbar{background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow-soft)}
.yt-icon-btn{width:44px;height:44px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.yt-icon-btn:hover{border-color:var(--border-strong);transform:rotate(-12deg)}

/* ---- Butonlar ---- */
.yt-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:14px;font-family:inherit;font-weight:700;font-size:15px;border:0;cursor:pointer;text-decoration:none;transition:transform .45s cubic-bezier(.22,.61,.36,1),background-color .45s,border-color .45s,box-shadow .45s,color .45s}
.yt-btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 8px 24px rgba(37,99,235,0.28)}
.yt-btn-primary:hover{background:var(--primary-hover);color:var(--on-primary);transform:translateY(-2px);box-shadow:0 16px 36px rgba(37,99,235,0.36)}
.yt-btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-strong)}
.yt-btn-ghost:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}
.yt-root a.yt-btn-primary,.yt-root a.yt-btn-primary:hover{color:#FFFFFF}
.yt-root a.yt-btn-ghost{color:var(--text)}.yt-root a.yt-btn-ghost:hover{color:var(--primary)}
.yt-theme-dark .yt-btn-primary{box-shadow:0 8px 24px rgba(59,130,246,0.35)}
/* ---- Senaryo sekmeleri ---- */
.yt-tab{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;text-align:left}
.yt-tab:hover{border-color:var(--border-strong);color:var(--text)}
.yt-tab-active,.yt-tab-active:hover{background:var(--primary);border-color:var(--primary);color:#FFFFFF}
/* ---- SSS ---- */
.yt-faq{border-top:1px solid var(--border-strong)}
.yt-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;background:transparent;border:0;font-family:inherit;font-size:18px;font-weight:700;letter-spacing:-0.01em;color:var(--text);text-align:left;cursor:pointer}
.yt-faq-q:hover{color:var(--primary)}
.yt-faq-icon{width:32px;height:32px;border-radius:999px;border:1px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-2)}
.yt-faq-open .yt-faq-icon{background:var(--primary);border-color:var(--primary);color:#fff;transform:rotate(45deg)}
.yt-quote{font-size:clamp(22px,2.4vw,30px);line-height:1.4;font-weight:600;letter-spacing:-0.02em;color:var(--text);text-wrap:pretty}
.yt-trust-item{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:18px;border:1px solid var(--border);background:var(--surface)}

/* ---- Kartlar, çipler ---- */
.yt-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-soft);transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .6s,border-color .6s,background-color .6s}
.yt-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--border-strong)}
.yt-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:14px;font-weight:600;color:var(--text-2);white-space:nowrap}
.yt-icon-box{width:48px;height:48px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.yt-icon-box-cyan{background:var(--cyan-soft);color:var(--cyan)}
.yt-icon-box-amber{background:var(--amber-soft);color:var(--amber)}
.yt-logo-ph{height:56px;border-radius:12px;border:1px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--text-3)}
.yt-footer a{color:var(--text-2);font-size:14px}.yt-footer a:hover{color:var(--text)}
.yt-chat-in{align-self:flex-start;background:var(--chat-in);color:var(--chat-in-text);border-radius:18px 18px 18px 6px;padding:12px 16px;font-size:14px;line-height:1.5;max-width:82%}
.yt-chat-out{align-self:flex-end;background:var(--primary);color:#fff;border-radius:18px 18px 6px 18px;padding:12px 16px;font-size:14px;line-height:1.5;max-width:82%;font-weight:500}
.yt-step-num{font-weight:800;font-size:64px;line-height:1;letter-spacing:-0.04em;color:var(--primary-soft);-webkit-text-stroke:1px var(--primary);transition:color .6s}
.yt-step:hover .yt-step-num{color:var(--primary)}

/* ---- Arka plan: yumuşak mesh, nokta ızgara, halka ---- */
@keyframes yt-drift-a{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(90px,-60px,0) scale(1.12)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes yt-drift-b{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-110px,70px,0) scale(1.08)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes yt-drift-c{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(60px,90px,0) scale(1.15)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes yt-spin{to{transform:rotate(360deg)}}
@keyframes yt-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes yt-float-2{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes yt-rise{0%{opacity:0;transform:translateY(28px)}100%{opacity:1;transform:translateY(0)}}
@keyframes yt-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes yt-pulse{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
@keyframes yt-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.yt-blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;will-change:transform}
.yt-blob-a{animation:yt-drift-a 34s ease-in-out infinite}
.yt-blob-b{animation:yt-drift-b 42s ease-in-out infinite}
.yt-blob-c{animation:yt-drift-c 38s ease-in-out infinite}
.yt-dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(var(--dots) 1px,transparent 1.5px);background-size:28px 28px;mask-image:radial-gradient(ellipse 65% 60% at 50% 30%,#000 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 65% 60% at 50% 30%,#000 20%,transparent 100%)}
.yt-ring{position:absolute;border-radius:50%;pointer-events:none;border:1px solid var(--ring);opacity:.5;animation:yt-spin 80s linear infinite}
.yt-ring::before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--primary);top:-7px;left:50%;margin-left:-7px;box-shadow:0 0 24px var(--primary)}
.yt-ring-2{animation-duration:120s;animation-direction:reverse;opacity:.3}
.yt-ring-2::before{background:var(--cyan);box-shadow:0 0 24px var(--cyan)}
.yt-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:yt-pulse 2.4s ease-in-out infinite}
.yt-mock-float{animation:yt-float 8s ease-in-out infinite}
.yt-badge-float{animation:yt-float-2 7s ease-in-out infinite}
.yt-rise-1{animation:yt-rise 1.1s cubic-bezier(.22,.61,.36,1) both}
.yt-rise-2{animation:yt-rise 1.1s .15s cubic-bezier(.22,.61,.36,1) both}
.yt-rise-3{animation:yt-rise 1.1s .3s cubic-bezier(.22,.61,.36,1) both}
.yt-rise-4{animation:yt-rise 1.1s .45s cubic-bezier(.22,.61,.36,1) both}
.yt-rise-5{animation:yt-rise 1.4s .4s cubic-bezier(.22,.61,.36,1) both}
.yt-gradient-text{background:linear-gradient(92deg,var(--primary) 0%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.yt-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.yt-marquee-track{display:flex;gap:14px;width:max-content;animation:yt-marquee 40s linear infinite}
.yt-marquee:hover .yt-marquee-track{animation-play-state:paused}
.yt-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}
.yt-mock-shell{background:var(--surface-2);border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.yt-theme-dark .yt-mock-shell{background:rgba(10,22,40,0.9)}
@media (prefers-reduced-motion:reduce){.yt-blob,.yt-ring,.yt-mock-float,.yt-badge-float,.yt-marquee-track,.yt-dot,.yt-rise-1,.yt-rise-2,.yt-rise-3,.yt-rise-4,.yt-rise-5{animation:none}}

/* ---- Üretim ekleri: mobil menü, reveal ---- */
.yt-menu-btn{display:none}
.yt-ico-sun,.yt-ico-moon{display:inline-flex}
[hidden]{display:none !important}
.yt-reveal{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}
.yt-reveal.is-in{opacity:1;transform:none}
@media (max-width: 960px){
  .yt-nav-links{display:none !important;position:absolute;left:24px;right:24px;top:92px;flex-direction:column;align-items:stretch;gap:4px !important;padding:12px;border-radius:18px;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow)}
  .yt-nav-links a{padding:14px 16px;border-radius:12px;font-size:16px;text-align:left}
  .yt-nav .yt-btn{white-space:nowrap;padding:0 14px !important;font-size:14px}
  .yt-nav{padding-left:14px !important}
  .yt-nav-links a:hover{background:var(--primary-soft)}
  .yt-nav-open .yt-nav-links{display:flex !important}
  .yt-menu-btn{display:inline-flex}
  .yt-nav-cta-secondary{display:none !important}
  .yt-mock-grid{grid-template-columns:1fr !important}
  .yt-mock-side{border-right:0 !important;border-bottom:1px solid var(--border);flex-direction:row !important;overflow-x:auto}
  .yt-span-2{grid-column:span 1 !important}
  .yt-hero-badge{position:static !important;margin-top:16px;align-self:flex-start}
}
/* Dar telefonda (≤480px) nav taşıyordu ve menü düğmesi ekran dışında kalıyordu; Demo Planla hero'da zaten var. */
@media (max-width: 480px){
  .yt-nav-cta-primary{display:none !important}
}
@media (prefers-reduced-motion:reduce){.yt-reveal{opacity:1;transform:none;transition:none}}