:root{
  --bone:#E8DECB;
  --bone-2:rgba(232,222,203,.66);
  --bone-3:rgba(232,222,203,.38);
  --pad:clamp(24px,5vw,88px);
  --ease:cubic-bezier(.2,.8,.2,1);
  /* gece mavisi zemin: space.js içindeki BG ile aynı */
  --bg-hi:#0E1630;--bg-mid:#070B17;--bg-lo:#03050C;
  --ink:6,10,22;
  --bg:radial-gradient(circle at 50% 42%,var(--bg-hi) 0,var(--bg-mid) 55vh,var(--bg-lo) 115vh);
  /* sinyal: yalnızca uyarı ve kilitlenme anları */
  --signal:#FF9A4D;--signal-rgb:255,154,77;
  --display:'Space Grotesk','Raleway',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg-mid) var(--bg) fixed;overscroll-behavior:none;overflow-x:clip}
html.stepper,html.stepper body{height:100%;overflow:hidden;overscroll-behavior:none}
html.stepper body{position:fixed;inset:0;width:100%}
body{background:transparent;color:var(--bone);font-family:'Raleway',sans-serif;font-weight:600;
  font-feature-settings:"lnum" 1,"pnum" 1;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
b{font-weight:800;color:var(--bone)}
::selection{background:rgba(255,226,180,.28);color:#fff}

#space{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}

/* okunabilirlik katmanları */
.veil{position:fixed;inset:0;z-index:1;pointer-events:none}
.veil-b{background:
  linear-gradient(180deg,rgba(var(--ink),.55) 0%,transparent 14%,transparent 62%,rgba(var(--ink),.72) 100%)}
.veil-l{opacity:0;background:
  radial-gradient(120% 90% at 0% 70%,rgba(var(--ink),.74) 0%,rgba(var(--ink),.36) 38%,transparent 62%),
  linear-gradient(180deg,rgba(var(--ink),.5) 0%,transparent 16%,transparent 80%,rgba(var(--ink),.55) 100%)}
.curtain{position:fixed;inset:0;z-index:200;background:var(--bg-mid) var(--bg);pointer-events:none;transition:opacity 2.4s cubic-bezier(.6,0,.2,1)}
.curtain.off{opacity:0}
html.leaving .curtain{transition:opacity .7s cubic-bezier(.6,0,.4,1)}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:30px var(--pad);opacity:0;transform:translateY(-8px);transition:opacity 1.4s 1s,transform 1.4s 1s}
.ready .nav{opacity:1;transform:none}
.brand{display:flex;align-items:center;gap:14px;justify-self:start}
.brand-mark{width:38px;height:30px;fill:var(--bone);transition:filter .8s}
.brand:hover .brand-mark{filter:drop-shadow(0 0 8px rgba(255,234,200,.55))}
.brand-word{font-family:var(--display);font-size:15px;letter-spacing:.32em;font-weight:600;margin-right:-.32em}
.menu{display:flex;justify-content:center;gap:clamp(26px,3.2vw,56px)}
.menu a,.lang a{position:relative;font-size:11.5px;letter-spacing:.2em;color:var(--bone-2);transition:color .5s;white-space:nowrap}
.menu a{margin-right:-.2em}
.menu a::before{content:"";position:absolute;left:50%;top:-12px;width:5px;height:5px;margin-left:-2.6px;border-radius:50%;
  background:var(--bone);box-shadow:0 0 8px 2px rgba(255,236,200,.8),0 0 22px 6px rgba(255,236,200,.25);
  opacity:0;transform:scale(.2);transition:opacity .5s,transform .7s var(--ease)}
.menu a:hover,.menu a.on{color:var(--bone)}
.menu a:hover::before,.menu a.on::before{opacity:1;transform:scale(1);animation:twinkle 2.4s ease-in-out infinite}
.nav-end{justify-self:end;display:flex;align-items:center;gap:28px}
.lang{display:flex;gap:16px}
.lang a.on{color:var(--bone);text-shadow:0 0 12px rgba(255,234,200,.45)}
.lang a:hover{color:var(--bone)}
@keyframes twinkle{0%,100%{opacity:1}37%{opacity:.45}61%{opacity:.85}78%{opacity:.6}}

/* TİPOGRAFİ */
.ov{position:fixed;inset:0;z-index:5;pointer-events:none}
.ov.live .hero-text,.ov.live .code-text,.ov.live .cue{pointer-events:auto}
.eyebrow{font-size:12px;letter-spacing:.34em;color:var(--bone-2);margin-bottom:26px;display:flex;align-items:center;gap:14px}
.eyebrow::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--bone);
  box-shadow:0 0 10px 2px rgba(255,236,200,.7),0 0 26px 8px rgba(255,236,200,.18);animation:twinkle 5.3s ease-in-out infinite}
h1,h2{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:-.012em;line-height:1;color:rgba(232,222,203,.74)}
h1 b,h2 b{font-weight:600;color:var(--bone);letter-spacing:-.018em;text-shadow:0 0 40px rgba(255,230,190,.18)}
h2{font-size:clamp(34px,3.7vw,62px)}
.lead{font-size:clamp(15px,1.05vw,17.5px);line-height:1.75;color:var(--bone-2);font-weight:500;max-width:520px;margin-top:28px}
.lead b{font-weight:700}
.br-m{display:none}

/* BUTONLAR: çerçevesiz, yıldız hareketli */
.actions{display:flex;align-items:center;gap:44px;margin-top:44px}
.btn{position:relative;display:inline-flex;align-items:center;gap:16px;font-family:var(--display);font-size:12.5px;letter-spacing:.24em;font-weight:600;
  padding:16px 0;cursor:pointer;isolation:isolate;white-space:nowrap}
.btn .lbl{transition:letter-spacing .8s var(--ease),color .5s}
.btn.primary::before{content:"";position:absolute;z-index:-1;left:-28px;right:-36px;top:-18px;bottom:-18px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,226,180,.16),rgba(160,170,255,.05) 55%,transparent);
  opacity:0;transform:scale(.6);transition:opacity .8s,transform 1.1s var(--ease);filter:blur(4px)}
.btn.primary:hover::before{opacity:1;transform:scale(1)}
.btn:hover .lbl{letter-spacing:.3em}
.orb{position:relative;width:30px;height:30px;flex:none;display:grid;place-items:center}
.orb svg{width:16px;height:16px;fill:var(--bone);filter:drop-shadow(0 0 6px rgba(255,234,200,.9));
  animation:spin 14s linear infinite;transition:transform .9s var(--ease)}
.btn:hover .orb svg{transform:scale(1.35)}
.orb i{position:absolute;inset:0;animation:spin 6s linear infinite}
.orb i:nth-of-type(2){inset:-6px;animation-duration:9.5s;animation-direction:reverse;opacity:.6}
.orb i::after{content:"";position:absolute;top:0;left:50%;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;
  background:#fff;box-shadow:0 0 6px 1px rgba(255,236,210,.9)}
.btn:hover .orb i{animation-duration:1.8s}
.btn:hover .orb i:nth-of-type(2){animation-duration:2.6s}
@keyframes spin{to{transform:rotate(360deg)}}
.btn.ghost{color:var(--bone-2)}
.btn.ghost:hover{color:var(--bone)}
.btn.ghost .trail{position:absolute;left:0;bottom:6px;width:4px;height:4px;border-radius:50%;background:#fff;opacity:0;
  box-shadow:0 0 8px 2px rgba(255,236,210,.8),-14px 0 6px -1px rgba(255,236,210,.35),-30px 0 8px -2px rgba(255,236,210,.15)}
.btn.ghost:hover .trail{animation:comet 1.6s cubic-bezier(.4,0,.2,1) infinite}
@keyframes comet{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}

/* GİRİŞ */
.hero-text{position:absolute;left:var(--pad);right:var(--pad);bottom:calc(max(3vh,20px) + 108px + var(--ckh,0px));transition:bottom .9s var(--ease);display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-text .eyebrow{justify-content:center;margin-bottom:20px}
.hero-text h1{font-size:clamp(30px,3.3vw,54px)}
.hero-text .actions{margin-top:28px;justify-content:center}
.cue{position:absolute;right:var(--pad);bottom:34px;display:flex;flex-direction:column;align-items:center;gap:14px;
  font-size:10.5px;letter-spacing:.4em;color:var(--bone-3);transition:color .5s}
.cue:hover{color:var(--bone-2)}
.cue span{margin-right:-.4em}
.cue em{position:relative;width:1px;height:46px;overflow:hidden}
.cue em::after{content:"";position:absolute;left:-1px;width:3px;height:16px;border-radius:2px;
  background:linear-gradient(transparent,var(--bone));box-shadow:0 0 6px rgba(255,236,210,.7);animation:fall 2.6s cubic-bezier(.6,0,.3,1) infinite}
@keyframes fall{0%{top:-18px;opacity:0}30%{opacity:1}100%{top:46px;opacity:0}}

/* giriş metni: işaret oluştuktan sonra kademeli belirir */
.r1,.r2,.r3,.r4{opacity:0;transform:translateY(22px);filter:blur(8px);transition:opacity 1.6s,transform 1.8s var(--ease),filter 1.6s}
.hero-in .r2{transition-delay:.2s}.hero-in .r3{transition-delay:.5s}.hero-in .r4{transition-delay:1.1s}
.hero-in .r1,.hero-in .r2,.hero-in .r3,.hero-in .r4{opacity:1;transform:none;filter:none}

/* KODUN İÇİ */
.code{visibility:hidden;opacity:0}
.code-text{position:absolute;left:var(--pad);bottom:15vh;max-width:min(680px,52vw)}

/* YETKİNLİK ETİKETLERİ */
.cps{position:fixed;inset:0;z-index:6;pointer-events:none}
.cp-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cp-lines line{stroke:rgba(232,222,203,.2);stroke-width:1;stroke-dasharray:2 5;transition:stroke .8s}
.cp-lines line.on{stroke:rgba(255,236,210,.55)}
.cp{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:8px;opacity:0;pointer-events:none;will-change:transform,opacity}
.cp.l{align-items:flex-end;text-align:right}
.cp-n{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.24em;line-height:18px;
  color:var(--bone-2);white-space:nowrap;transition:color .6s,text-shadow .6s}
.cp.l .cp-n{margin-right:-.24em}
.cp.on .cp-n,.cp:hover .cp-n{color:var(--bone);text-shadow:0 0 14px rgba(255,234,200,.5)}
.cp-d{width:230px;font-size:12.5px;line-height:1.55;font-weight:500;color:var(--bone-3);
  opacity:0;transform:translateY(-4px);transition:opacity .8s,transform 1s var(--ease)}
.cp.on .cp-d,.cp:hover .cp-d{opacity:1;transform:none}
.cp-mob{display:none}

@media (max-width:1100px){
  .menu{display:none}
  .burger{display:block}
  .menu-open .menu{display:flex;position:fixed;inset:0;z-index:-1;flex-direction:column;align-items:center;justify-content:center;gap:34px;
    background:rgba(var(--ink),.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .menu-open .menu a{font-size:15px}
  .nav{display:flex;justify-content:space-between;padding:24px var(--pad)}
}
@media (max-width:899px){
  .cps{display:none}
  .cp-mob{display:flex;flex-direction:column;align-items:center;gap:8px;position:fixed;z-index:6;left:var(--pad);right:var(--pad);top:0;
    text-align:center;opacity:0;pointer-events:none}
  .cp-mob .cp-n,.cp-mob .cp-d{transition:opacity .38s,filter .38s}
  .cp-mob .cp-n{color:var(--bone);text-shadow:0 0 14px rgba(255,234,200,.45);font-size:10.5px}
  .cp-mob .cp-d{width:auto;opacity:1;transform:none;font-size:12.5px}
  .cp-mob.swap .cp-n,.cp-mob.swap .cp-d{opacity:0;filter:blur(4px)}
  .code-text{max-width:88vw}
}
@media (max-width:700px){
  :root{--pad:22px}
  .nav{padding:18px var(--pad)}
  .brand{gap:11px}
  .brand-mark{width:32px;height:25px}
  .brand-word{font-size:13px;letter-spacing:.28em;margin-right:-.28em}
  .lang{gap:14px}
  .lang a{font-size:11px}
  .br-m{display:inline}
  .hero-text{bottom:calc(max(3vh,16px) + 84px + var(--ckh,0px))}
  .hero-text h1{font-size:clamp(28px,8.6vw,38px)}
  h2{font-size:clamp(27px,8vw,36px)}
  .eyebrow{font-size:10.5px;letter-spacing:.28em;margin-bottom:16px;gap:12px}
  .lead{font-size:14.5px;line-height:1.7;margin-top:18px}
  .btn{font-size:11.5px;letter-spacing:.2em;padding:13px 0}
  .btn:hover .lbl{letter-spacing:.24em}
  .actions{gap:28px;margin-top:22px}
  .hero-text .actions{flex-direction:column;gap:0;margin-top:18px}
  .code-text{left:var(--pad);right:var(--pad);bottom:max(6vh,32px);max-width:none}
  .code-text .actions{flex-direction:column;align-items:flex-start;gap:0}
  .code-text .actions .btn.ghost{margin-left:46px}
  #cue{bottom:calc(max(3vh,16px) + var(--ckh,0px));gap:10px;font-size:10px}
  #cue em{height:30px}
  .veil-b{background:linear-gradient(180deg,rgba(var(--ink),.55) 0%,transparent 12%,transparent 56%,rgba(var(--ink),.82) 100%)}
  .veil-l{background:linear-gradient(180deg,rgba(var(--ink),.5) 0%,transparent 14%,transparent 40%,rgba(var(--ink),.6) 62%,rgba(var(--ink),.88) 100%)}
}

/* ---------- menü düğmesi ---------- */
.burger{display:none;position:relative;width:30px;height:20px;background:none;border:0;cursor:pointer}
.burger i{position:absolute;left:0;right:0;height:1.5px;background:var(--bone);transition:transform .6s var(--ease),top .6s var(--ease),left .6s var(--ease)}
.burger i:first-child{top:5px}.burger i:last-child{top:14px;left:10px}
.menu-open .burger i:first-child{top:9px;transform:rotate(45deg)}
.menu-open .burger i:last-child{top:9px;left:0;transform:rotate(-45deg)}
html.locked,html.menu-open{overflow:hidden}

/* ================= İLETİŞİM ================= */
.veil-c{opacity:0;background:radial-gradient(52% 58% at 50% 46%,rgba(var(--ink),.66),rgba(var(--ink),.3) 62%,transparent 84%)}
.contact{visibility:hidden;opacity:0;display:flex;flex-direction:column;align-items:center;padding:0 var(--pad)}
.ov.live .ct-body,.ov.live .foot{pointer-events:auto}
.ct-body{margin:auto 0;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:70px}
.ct-body .eyebrow{justify-content:center}
.ct-body .lead{max-width:540px;margin-left:auto;margin-right:auto}
.channels{display:flex;justify-content:center;gap:clamp(56px,8vw,150px);margin-top:clamp(38px,6.5vh,72px)}
.ch{display:flex;flex-direction:column;align-items:center;cursor:pointer;isolation:isolate}
.ch-icon{position:relative;width:60px;height:60px;display:grid;place-items:center}
.ch-icon::before{content:"";position:absolute;inset:-18px;z-index:-1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,226,180,.12),rgba(160,170,255,.04) 55%,transparent);opacity:.4;transform:scale(.75);transition:opacity 1s,transform 1.4s var(--ease)}
.ch:hover .ch-icon::before,.ch:focus-visible .ch-icon::before{opacity:1;transform:scale(1.05)}
.ch-icon canvas{width:60px;height:60px;display:block;filter:drop-shadow(0 0 4px rgba(255,234,200,.7)) drop-shadow(0 0 12px rgba(255,226,180,.3));transition:transform 1.1s var(--ease)}
.ch:hover .ch-icon canvas{transform:translateY(-5px)}
.ch-label{margin-top:18px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.3em;margin-right:-.3em;color:var(--bone)}
.ch-value{margin-top:10px;font-size:13.5px;font-weight:500;color:var(--bone-2);letter-spacing:.02em;transition:color .5s}
.ch:hover .ch-value{color:var(--bone)}

/* ================= ALT BİLGİ ================= */
.foot{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 0 calc(26px + var(--ckh,0px));transition:padding .9s var(--ease)}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px}
.foot-links a{font-size:11px;letter-spacing:.08em;color:var(--bone-3);font-weight:500;transition:color .5s}
.foot-links a:hover{color:var(--bone)}
.foot-credit{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.18em;color:rgba(232,222,203,.3)}
.foot-credit a{transition:color .5s}
.foot-credit a:hover{color:var(--bone-2)}

/* ================= YASAL METİNLER ================= */
.legal{position:fixed;inset:0;z-index:120;visibility:hidden;pointer-events:none}
.legal[aria-hidden="false"]{visibility:visible;pointer-events:auto}
.legal-bg{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0%,rgba(16,24,50,.82),rgba(var(--ink),.95) 70%);
  backdrop-filter:blur(22px) saturate(110%);-webkit-backdrop-filter:blur(22px) saturate(110%);opacity:0;transition:opacity .8s}
.legal[aria-hidden="false"] .legal-bg{opacity:1}
.legal-stars{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1.4s .2s}
.legal[aria-hidden="false"] .legal-stars{opacity:1}
.legal-stars i{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 6px rgba(255,236,210,.8);animation:twinkle 5s ease-in-out infinite}
/* açılışta yukarıdan aşağı inen derleme çizgisi */
.legal-scan{position:absolute;left:0;right:0;top:0;height:120px;pointer-events:none;opacity:0;
  background:linear-gradient(180deg,rgba(255,236,210,0),rgba(255,236,210,.07) 85%,rgba(255,236,210,.32) 99%,rgba(255,236,210,0))}
.legal.scan[aria-hidden="false"] .legal-scan{animation:scan 1.3s cubic-bezier(.5,0,.3,1) .1s}
@keyframes scan{0%{opacity:1;transform:translateY(-120px)}85%{opacity:.8}100%{opacity:0;transform:translateY(100vh)}}
.legal-shell{position:relative;height:100%;display:flex;flex-direction:column;opacity:0;transform:translateY(26px);filter:blur(8px);
  transition:opacity .8s .1s,transform 1.1s .1s var(--ease),filter .8s .1s}
.legal[aria-hidden="false"] .legal-shell{opacity:1;transform:none;filter:none}
.legal-top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px var(--pad) 22px}
.legal-tabs{display:flex;gap:clamp(22px,3vw,48px);flex-wrap:wrap}
.legal-tabs a{position:relative;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;font-weight:500;letter-spacing:.2em;color:var(--bone-3);transition:color .5s}
.legal-tabs a::before{content:"/";position:absolute;left:-14px;top:0;color:var(--bone);opacity:0;transform:translateX(-4px);transition:opacity .5s,transform .7s var(--ease)}
.legal-tabs a:hover{color:var(--bone-2)}
.legal-tabs a.on{color:var(--bone)}
.legal-tabs a.on::before{opacity:1;transform:none;text-shadow:0 0 8px rgba(255,236,210,.9)}
.legal-close{display:inline-flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.26em;font-weight:700;color:var(--bone-2);transition:color .5s;white-space:nowrap;background:none;border:0;cursor:pointer;font-family:inherit}
.legal-close svg{width:14px;height:14px;fill:var(--bone);transform:rotate(45deg);filter:drop-shadow(0 0 6px rgba(255,234,200,.8));transition:transform 1s var(--ease)}
.legal-close:hover{color:var(--bone)}
.legal-close:hover svg{transform:rotate(225deg) scale(1.2)}
.legal-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:clamp(30px,6vh,70px) var(--pad) 90px;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 40px,#000 calc(100% - 60px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 40px,#000 calc(100% - 60px),transparent);
  scrollbar-width:thin;scrollbar-color:rgba(232,222,203,.2) transparent}
.doc{display:none;max-width:820px;margin:0 auto}
.doc.on{display:block;animation:docIn 1s var(--ease)}
@keyframes docIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.doc h2{font-size:clamp(34px,4vw,60px);margin-bottom:clamp(30px,5vh,54px)}
.doc-body{font-size:15px;line-height:1.85;color:var(--bone-2);font-weight:500}
.doc-body p{margin-top:14px}
.doc-body p:first-child{margin-top:0}
.doc-body .doc-meta{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-3);margin-bottom:26px}
.doc-body .doc-sub{font-size:12px;letter-spacing:.2em;color:var(--bone);font-weight:700;line-height:1.7;margin-bottom:20px}
.doc-body h3{display:flex;align-items:center;gap:12px;margin:46px 0 14px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--bone);font-weight:700}
.doc-body h3::before{content:"/";font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;color:var(--bone);text-shadow:0 0 10px rgba(255,236,200,.7)}
.doc-body ul{list-style:none;margin-top:12px;display:grid;gap:9px}
.doc-body li{position:relative;padding-left:24px}
.doc-body li::before{content:"";position:absolute;left:4px;top:.72em;width:4px;height:4px;border-radius:50%;background:var(--bone-2);box-shadow:0 0 6px rgba(255,236,210,.7)}
.doc-body dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 34px;margin-top:8px}
.doc-body dt{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-3);padding-top:4px}
.doc-body dd{color:var(--bone)}
.doc-body a{color:var(--bone);text-decoration:underline;text-decoration-color:rgba(232,222,203,.3);text-underline-offset:4px;transition:text-decoration-color .5s,text-shadow .5s}
.doc-body a:hover{text-decoration-color:var(--bone);text-shadow:0 0 12px rgba(255,234,200,.5)}
.faq{display:grid;gap:4px}
.faq-item{position:relative;transition:background .8s}
.faq-item.open{background:linear-gradient(90deg,rgba(232,222,203,.05),transparent 80%)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:22px 22px 22px 0;text-align:left;background:none;border:0;cursor:pointer;font-family:inherit;
  font-size:clamp(15px,1.15vw,18px);font-weight:600;color:rgba(232,222,203,.88);line-height:1.5;transition:color .5s,padding .8s var(--ease)}
.faq-item.open .faq-q{padding-left:22px;color:var(--bone)}
.faq-q:hover{color:var(--bone)}
.faq-q svg{flex:none;width:14px;height:14px;fill:var(--bone-2);transition:transform 1s var(--ease),fill .5s,filter .5s}
.faq-item.open .faq-q svg{transform:rotate(135deg) scale(1.15);fill:var(--bone);filter:drop-shadow(0 0 6px rgba(255,234,200,.9))}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .8s var(--ease)}
.faq-a>div{overflow:hidden}
.faq-a p{padding:0 60px 24px 22px;margin:0!important;opacity:0;transform:translateY(-6px);transition:opacity .6s,transform .8s var(--ease)}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-item.open .faq-a p{opacity:1;transform:none;transition-delay:.12s}
.ck-list{display:grid;gap:6px;margin:34px 0 10px}
.ck-row{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:22px 24px;background:linear-gradient(90deg,rgba(232,222,203,.045),rgba(232,222,203,.015))}
.ck-txt h4{font-size:15px;font-weight:700;color:var(--bone)}
.ck-txt p{margin-top:6px!important;font-size:13.5px;line-height:1.7}
.ck-always{flex:none;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.2em;color:var(--bone);display:flex;align-items:center;gap:10px;white-space:nowrap}
.ck-always::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--bone);box-shadow:0 0 8px 2px rgba(255,236,200,.8)}
.switch{flex:none;display:flex;align-items:center;gap:14px;background:none;border:0;cursor:pointer;color:inherit}
.switch-state{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.2em;color:var(--bone-3);width:4.6em;text-align:right;transition:color .5s}
.switch i{position:relative;width:52px;height:24px;border-radius:12px;background:rgba(232,222,203,.1);transition:background .8s}
.switch i::after{content:"";position:absolute;top:50%;left:12px;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--bone-2);
  box-shadow:0 0 4px rgba(255,236,210,.4);transition:left .8s var(--ease),background .6s,box-shadow .8s}
.switch.on i{background:linear-gradient(90deg,rgba(150,165,255,.12),rgba(255,222,170,.34))}
.switch.on i::after{left:40px;background:#fff;box-shadow:0 0 8px 3px rgba(255,236,210,.9),0 0 22px 8px rgba(255,226,180,.35)}
.switch.on .switch-state{color:var(--bone)}
.ck-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 44px;margin-top:36px}

/* çerez şeridi: ekranın en altında ince bir satır */
.cookie-bar{position:fixed;z-index:110;left:0;right:0;bottom:0;display:flex;align-items:center;gap:34px;padding:12px var(--pad);
  background:linear-gradient(180deg,rgba(9,14,30,.96),rgba(4,7,16,.99));box-shadow:0 -20px 60px -20px rgba(var(--ink),.8);
  opacity:0;transform:translateY(100%);pointer-events:none;transition:opacity .9s,transform 1.1s var(--ease)}
.cookie-bar::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,236,210,.28),transparent)}
.cookie-bar.show{opacity:1;transform:none;pointer-events:auto}
.cb-t{flex:none;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;font-weight:500;letter-spacing:.24em;color:var(--bone)}
.cb-text{flex:1;font-size:12.5px;line-height:1.6;color:var(--bone-2);font-weight:500}
.cb-text a{color:var(--bone);text-decoration:underline;text-decoration-color:rgba(232,222,203,.3);text-underline-offset:3px}
.cb-actions{flex:none;display:flex;align-items:center;gap:0 26px}
.cb-actions .btn{font-size:10.5px;letter-spacing:.18em;padding:10px 0}
.cb-actions .btn:hover .lbl{letter-spacing:.22em}
.toast{position:fixed;z-index:130;left:50%;bottom:calc(30px + var(--ckh,0px));display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.14em;color:var(--bone);
  transform:translate(-50%,18px);opacity:0;pointer-events:none;transition:opacity .8s,transform 1s var(--ease);text-shadow:0 0 18px rgba(var(--ink),.9)}
.toast svg{width:12px;height:12px;fill:var(--bone);animation:spin 6s linear infinite;filter:drop-shadow(0 0 6px rgba(255,234,200,.9))}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width:1100px){
  .cookie-bar{flex-wrap:wrap;gap:6px 22px;padding:16px var(--pad) calc(10px + env(safe-area-inset-bottom))}
  .cb-text{flex-basis:100%;order:2}
  .cb-actions{order:3;flex-wrap:wrap}
}
@media (max-width:700px){
  .ct-body{padding-top:84px}
  .channels{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:280px;margin-top:26px}
  .ch{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:18px;align-items:center;text-align:left}
  .ch-icon{grid-row:1 / 3;width:48px;height:48px}
  .ch-icon::before{inset:-12px}
  .ch-icon canvas{width:48px;height:48px}
  .ch-label{margin:0;align-self:end;font-size:10px;letter-spacing:.24em}
  .ch-value{margin-top:5px;align-self:start;font-size:13px}
  .foot{padding:14px 0 calc(16px + env(safe-area-inset-bottom) + var(--ckh,0px));gap:10px}
  .foot-links{gap:6px 18px}
  .foot-links a{font-size:10.5px}
  .legal-top{align-items:flex-start;gap:18px;padding:22px var(--pad) 12px}
  .legal-tabs{gap:12px 24px;padding-left:14px}
  .legal-tabs a{font-size:9.5px;letter-spacing:.16em}
  .legal-close{font-size:10px}
  .legal-scroll{padding:26px var(--pad) 70px}
  .doc h2{margin-bottom:26px}
  .doc-body{font-size:14.5px;line-height:1.8}
  .doc-body dl{grid-template-columns:1fr;gap:4px}
  .doc-body dd{margin-bottom:14px}
  .faq-q{gap:18px;padding:18px 8px 18px 0;font-size:15px}
  .faq-item.open .faq-q{padding-left:14px}
  .faq-a p{padding:0 14px 20px 14px}
  .ck-row{flex-direction:column;align-items:flex-start;gap:16px;padding:18px}
  .ck-actions{gap:4px 32px}
  .cb-text{font-size:12px}
  .cb-actions .btn{font-size:10px;letter-spacing:.14em}
  .toast{white-space:nowrap;font-size:11px;letter-spacing:.1em}
}

/* ================= İÇ SAYFA ================= */
.pg{overflow-x:clip}
.pg-veil{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,rgba(var(--ink),.5) 0%,rgba(var(--ink),.28) 38%,transparent 60%),linear-gradient(180deg,rgba(var(--ink),.45),transparent 22%,transparent 80%,rgba(var(--ink),.5))}
/* blueprint ızgara: çok silik, kaydırınca yavaşça kayar */
.bp{position:fixed;left:0;right:0;top:-240px;bottom:-240px;z-index:1;pointer-events:none;will-change:transform;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cpath d='M0 6V0H6M234 0H240V6M240 234V240H234M6 240H0V234' fill='none' stroke='%23C8D2EB' stroke-opacity='.22'/%3E%3C/svg%3E"),
    linear-gradient(rgba(200,210,235,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(200,210,235,.038) 1px,transparent 1px),
    linear-gradient(rgba(200,210,235,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(200,210,235,.014) 1px,transparent 1px);
  background-size:240px 240px,240px 240px,240px 240px,48px 48px,48px 48px;background-position:-3px -3px,0 0,0 0,0 0,0 0;
  -webkit-mask-image:radial-gradient(130% 90% at 50% 50%,#000 25%,transparent 80%);mask-image:radial-gradient(130% 90% at 50% 50%,#000 25%,transparent 80%)}
.pg .nav::before{content:"";position:absolute;inset:0 0 -40px;z-index:-1;pointer-events:none;opacity:0;transition:opacity .8s;
  background:linear-gradient(180deg,rgba(var(--ink),.94),rgba(var(--ink),.72) 55%,transparent);
  -webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
html.scrolled .pg .nav::before{opacity:1}
.rv{opacity:0;transform:translateY(30px);filter:blur(8px);transition:opacity 1.4s,transform 1.6s var(--ease),filter 1.4s}
.rv.in{opacity:1;transform:none;filter:none}
.yk{position:relative;z-index:2}
.yk-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:45;pointer-events:none}
.yk-progress i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,rgba(232,222,203,0),rgba(232,222,203,.4) 40%,rgba(255,231,194,.95));box-shadow:0 0 12px rgba(255,231,194,.6)}

/* yol satırı: sayfanın kod imzası */
.yk-path{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;font-weight:500;letter-spacing:.22em;color:var(--bone-3);margin-bottom:26px;display:flex;align-items:center;gap:12px;white-space:nowrap}
.yk-path::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--bone);
  box-shadow:0 0 10px 2px rgba(255,236,200,.7),0 0 26px 8px rgba(255,236,200,.18);animation:twinkle 5.3s ease-in-out infinite}

/* giriş */
.yk-hero{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:clamp(40px,6vw,120px);padding:120px var(--pad) 90px}
.yk-hero-in{max-width:780px}
.yk-hero h1{font-size:clamp(34px,3.3vw,56px)}
.yk-hero .lead{max-width:600px;font-size:clamp(15.5px,1.1vw,18px)}
.yk-hero-art{position:relative;justify-self:center;width:min(440px,32vw);aspect-ratio:1}
.yk-hero-art canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 0 8px rgba(255,234,200,.25))}
/* giriş amblemi: HUD dilinde çerçeve ve dönen ölçek halkası */
.yk-hero-art::before{content:"";position:absolute;inset:-9%;pointer-events:none;
  background:linear-gradient(var(--bone-3),var(--bone-3)) 0 0/14px 1px,linear-gradient(var(--bone-3),var(--bone-3)) 0 0/1px 14px,
    linear-gradient(var(--bone-3),var(--bone-3)) 100% 0/14px 1px,linear-gradient(var(--bone-3),var(--bone-3)) 100% 0/1px 14px,
    linear-gradient(var(--bone-3),var(--bone-3)) 0 100%/14px 1px,linear-gradient(var(--bone-3),var(--bone-3)) 0 100%/1px 14px,
    linear-gradient(var(--bone-3),var(--bone-3)) 100% 100%/14px 1px,linear-gradient(var(--bone-3),var(--bone-3)) 100% 100%/1px 14px;background-repeat:no-repeat}
.yk-hero-art::after{content:"";position:absolute;inset:-4%;border-radius:50%;pointer-events:none;opacity:.5;
  background:repeating-conic-gradient(from 0deg,rgba(232,222,203,.5) 0 .35deg,transparent .35deg 5deg);
  -webkit-mask-image:radial-gradient(closest-side,transparent calc(100% - 7px),#000 calc(100% - 6px),#000 100%,transparent 100%);
  mask-image:radial-gradient(closest-side,transparent calc(100% - 7px),#000 calc(100% - 6px),#000 100%,transparent 100%);
  animation:spin 90s linear infinite}
.yk-cue{left:var(--pad);right:auto;align-items:flex-start;bottom:38px}

/* dizin ve bölümler */
.yk-wrap{display:grid;grid-template-columns:168px minmax(0,1fr);gap:clamp(40px,5vw,96px);padding:0 var(--pad)}
.yk-index{position:sticky;top:150px;align-self:start;height:max-content;padding-left:20px;opacity:0;transform:translateX(-12px);transition:opacity 1s,transform 1.2s var(--ease)}
.yk-index.show{opacity:1;transform:none}
.yk-index::before{content:"";position:absolute;left:2px;top:42px;bottom:4px;width:1px;background:linear-gradient(180deg,rgba(232,222,203,.2),rgba(232,222,203,.06))}
.yk-index-t{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.3em;color:var(--bone-3);margin-bottom:24px;margin-left:-20px}
.yk-index nav{display:grid;gap:16px}
.yk-index a{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;font-weight:500;letter-spacing:.16em;line-height:1.5;color:var(--bone-3);transition:color .6s,padding .8s var(--ease)}
.yk-index a:hover{color:var(--bone-2)}
.yk-index a.on{color:var(--bone);padding-left:6px;text-shadow:0 0 12px rgba(255,234,200,.4)}
.yk-cursor{position:absolute;left:0;top:0;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#fff;
  box-shadow:0 0 8px 2px rgba(255,236,210,.9),0 0 22px 6px rgba(255,226,180,.25);transition:transform 1s var(--ease)}
.yk-chips{display:none}

.yk-body{padding-bottom:clamp(60px,10vh,120px)}
.yk-sec{display:grid;grid-template-columns:minmax(0,640px) minmax(220px,300px);justify-content:space-between;gap:clamp(40px,5vw,96px);
  padding:clamp(80px,14vh,150px) 0;scroll-margin-top:110px;position:relative}
/* geniş ekran: sağ sütun boş bir yer tutucu, nesneyi sabit sahne çizer */
.art3d .yk-sec{grid-template-columns:minmax(0,600px) minmax(380px,1fr);min-height:100vh}
.art3d .yk-eco{grid-template-columns:minmax(0,820px);min-height:0}
.art3d .yk-art{visibility:hidden;height:1px}
/* bölüm geçişi: tarama çizgisi ve ışık dalgası */
.yk-line{position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none}
.yk-line::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(232,222,203,.24),rgba(232,222,203,.07) 70%,transparent);
  transform:scaleX(0);transform-origin:0 50%;transition:transform 1.8s cubic-bezier(.6,0,.2,1)}
.yk-line::after{content:"";position:absolute;left:0;top:3px;width:100%;height:5px;opacity:0;transition:opacity 1.2s .9s;
  background:repeating-linear-gradient(90deg,rgba(232,222,203,.3) 0 1px,transparent 1px 12px);
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 45%);mask-image:linear-gradient(90deg,#000,transparent 45%)}
.yk-sec.scan .yk-line::before{transform:scaleX(1)}
.yk-sec.scan .yk-line::after{opacity:1}
.yk-wave{position:absolute;left:calc(var(--pad)*-1);right:-50vw;top:0;height:2px;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,236,210,.85) 30%,rgba(255,236,210,.3) 70%,transparent);box-shadow:0 0 18px 2px rgba(255,226,180,.35)}
.yk-wave::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:28vh;background:linear-gradient(0deg,rgba(255,236,210,.05),transparent)}
.yk-sec.scan .yk-wave{animation:wave 2.2s cubic-bezier(.5,0,.3,1) .25s}
@keyframes wave{0%{opacity:0;transform:translateY(0)}12%{opacity:1}100%{opacity:0;transform:translateY(46vh)}}
.yk-sec:first-child{padding-top:clamp(40px,8vh,90px)}
.yk-sec h2{font-size:clamp(30px,2.9vw,48px);margin-bottom:34px}
.yk-p{font-size:clamp(15.5px,1.08vw,17.5px);line-height:1.9;color:var(--bone-2);font-weight:500;margin-top:18px}
.yk-ft{margin-top:44px}
.yk-ft-t{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.28em;color:var(--bone-3);margin-bottom:18px}
.yk-ft ul{list-style:none;display:grid;gap:12px}
/* özellik satırları: önce eğik çizgi belirir, ardından satır soldan sağa açılır */
.yk-ft li{display:flex;align-items:baseline;gap:16px;font-size:clamp(15.5px,1.12vw,18px);font-weight:600;letter-spacing:.01em;color:rgba(232,222,203,.88)}
.yk-ft li i{font-style:normal;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;color:var(--bone);text-shadow:0 0 10px rgba(255,236,200,.7);
  opacity:0;transform:translateX(-6px);transition:opacity .6s calc(var(--j)*.14s + .2s),transform .9s calc(var(--j)*.14s + .2s) var(--ease)}
.yk-ft li span{clip-path:inset(0 100% 0 0);transition:clip-path 1s calc(var(--j)*.14s + .32s) cubic-bezier(.6,0,.2,1)}
.yk-ft.run li i{opacity:1;transform:none}
.yk-ft.run li span{clip-path:inset(0 0 0 0)}
.yk-art{position:sticky;top:24vh;align-self:start;display:flex;flex-direction:column;align-items:center;gap:18px}
.yk-art canvas{width:100%;max-width:300px;aspect-ratio:1;display:block;filter:drop-shadow(0 0 6px rgba(255,234,200,.25))}
.yk-art figcaption{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.3em;color:var(--bone-3)}

/* kapanış */
.yk-eco{grid-template-columns:minmax(0,820px)}
.yk-eco-row{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:46px}
.yk-mini{display:flex;flex-direction:column;align-items:center;gap:10px;width:96px}
.yk-mini canvas{width:60px;height:60px;display:block;opacity:.8;transition:opacity .6s,transform 1s var(--ease)}
.yk-mini span{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:8.5px;letter-spacing:.14em;color:var(--bone-3);text-align:center;line-height:1.5;transition:color .5s}
.yk-mini:hover canvas{opacity:1;transform:translateY(-4px)}
.yk-mini:hover span{color:var(--bone)}
.yk-eco .actions{margin-top:54px}
.yk .foot{padding-left:var(--pad);padding-right:var(--pad);border-top:0}

/* ================= YETKİNLİK SAHNESİ: HUD =================
   Nesne WebGL'de çizilir; bu katman yalnızca çerçeve, göstergeler ve işaretçileri taşır. */
.yk-stage{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;visibility:hidden;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;color:var(--bone-2);--hud:rgba(232,222,203,.34)}
.yk-stage.live{visibility:visible}
.st-frame{position:absolute;left:0;top:0;width:400px;height:400px}
.st-c{position:absolute;width:22px;height:22px;border:0 solid rgba(232,222,203,.55);transition:transform .9s var(--ease),border-color .6s}
.st-c:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}
.st-c:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}
.st-c:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}
.st-c:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}
.st-frame.swap .st-c:nth-child(1){animation:cIn1 .9s var(--ease)}
.st-frame.swap .st-c:nth-child(2){animation:cIn2 .9s var(--ease)}
.st-frame.swap .st-c:nth-child(3){animation:cIn3 .9s var(--ease)}
.st-frame.swap .st-c:nth-child(4){animation:cIn4 .9s var(--ease)}
@keyframes cIn1{from{transform:translate(-14px,-14px);border-color:#fff}}
@keyframes cIn2{from{transform:translate(14px,-14px);border-color:#fff}}
@keyframes cIn3{from{transform:translate(-14px,14px);border-color:#fff}}
@keyframes cIn4{from{transform:translate(14px,14px);border-color:#fff}}
.st-rx,.st-ry{position:absolute;opacity:.9}
.st-rx{left:20%;right:20%;bottom:-15px;height:6px;
  background:linear-gradient(90deg,var(--hud),var(--hud)) 50% 0/1px 100% no-repeat,repeating-linear-gradient(90deg,var(--hud) 0 1px,transparent 1px 10px) 0 100%/100% 3px no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.st-ry{top:20%;bottom:20%;left:-15px;width:6px;
  background:linear-gradient(var(--hud),var(--hud)) 0 50%/100% 1px no-repeat,repeating-linear-gradient(0deg,var(--hud) 0 1px,transparent 1px 10px) 100% 0/3px 100% no-repeat;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
.st-x{position:absolute;inset:0;
  background:linear-gradient(var(--hud),var(--hud)) 50% 0/1px 9px,linear-gradient(var(--hud),var(--hud)) 50% 100%/1px 9px,
    linear-gradient(var(--hud),var(--hud)) 0 50%/9px 1px,linear-gradient(var(--hud),var(--hud)) 100% 50%/9px 1px;background-repeat:no-repeat}
.st-head{position:absolute;left:24px;top:20px}
.st-name{display:flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.26em;color:var(--bone);white-space:nowrap}
.st-name::before{content:"";width:5px;height:5px;background:var(--bone);box-shadow:0 0 8px 2px rgba(255,236,200,.6)}
.st-cap{margin-top:8px;padding-left:15px;font-size:9px;letter-spacing:.32em;color:var(--bone-3)}
.st-stat{position:absolute;right:24px;top:20px;display:flex;align-items:center;gap:10px;font-size:9.5px;letter-spacing:.24em;color:var(--bone);transition:color .5s}
.st-stat i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px 2px rgba(255,236,200,.5);animation:caret 1.6s steps(1) infinite}
.alert .st-stat{color:var(--signal)}
.alert .st-stat i{box-shadow:0 0 10px 3px rgba(var(--signal-rgb),.55);animation-duration:.5s}
.alert .st-c{border-color:rgba(var(--signal-rgb),.75)}
.st-read{position:absolute;left:24px;bottom:22px;display:grid;gap:8px;isolation:isolate}
/* göstergelerin arkası hafifçe koyulaşır: nesne alttan taşsa da değerler okunur */
.st-read::before,.st-meta::before{content:"";position:absolute;inset:-26px -40px -22px -30px;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(var(--ink),.62),rgba(var(--ink),.3) 60%,transparent)}
.st-meta{isolation:isolate}
.st-read div{display:flex;align-items:baseline;gap:16px}
.st-read dt{min-width:148px;font-size:9px;letter-spacing:.24em;color:var(--bone-3)}
.st-read dd{font-size:11px;letter-spacing:.12em;color:var(--bone);font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(255,234,200,.35)}
.st-read,.st-meta,.st-head,.st-stat{text-shadow:0 0 14px rgba(var(--ink),.95)}
.st-meta{position:absolute;right:24px;bottom:22px;display:grid;gap:8px;text-align:right;font-size:9px;letter-spacing:.22em;color:var(--bone-3);font-variant-numeric:tabular-nums}
.st-fx,.st-marks,.st-set{position:absolute;inset:0}
.st-set{opacity:0;visibility:hidden}
/* güvenlik: dikey gezen tarama çizgisi */
.st-scan{position:absolute;left:6%;right:6%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,236,210,.55) 20%,rgba(255,236,210,.55) 80%,transparent);box-shadow:0 0 10px rgba(255,226,180,.5)}
.st-scan::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:46px;background:linear-gradient(0deg,rgba(255,236,210,.06),transparent)}
/* finans: canlı değer şeridi */
.st-strip{position:absolute;left:39px;top:78px;width:150px}
.st-strip-t{font-size:8.5px;letter-spacing:.3em;color:var(--bone-3);margin-bottom:10px}
.st-strip ol{list-style:none;display:grid;gap:5px;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.st-strip li{display:flex;justify-content:space-between;font-size:9.5px;letter-spacing:.08em;color:var(--bone-2);font-variant-numeric:tabular-nums}
.st-strip li:first-child{color:var(--bone);animation:rowIn .6s var(--ease)}
.st-strip b{font-weight:500}
.st-strip b.up{color:var(--bone)} .st-strip b.dn{color:var(--bone-3)}
@keyframes rowIn{from{opacity:0;transform:translateY(-8px)}}

/* işaretçiler */
.mk{position:absolute;left:0;top:0;opacity:0;transition:opacity .45s;color:var(--bone);will-change:transform}
.mk.on{opacity:1}
.mk.alert{color:var(--signal)}
.mk-t{position:absolute;left:0;top:0;white-space:nowrap;font-size:9px;line-height:1.6;letter-spacing:.16em;text-shadow:0 0 10px rgba(var(--ink),.95),0 0 3px rgba(var(--ink),.9)}
.mk-box{position:absolute;left:0;top:0;width:var(--s,36px);height:var(--s,36px);transform:translate(-50%,-50%);transition:width .5s var(--ease),height .5s var(--ease);
  --g:linear-gradient(currentColor,currentColor);
  background:var(--g) 0 0/8px 1px,var(--g) 0 0/1px 8px,var(--g) 100% 0/8px 1px,var(--g) 100% 0/1px 8px,
    var(--g) 0 100%/8px 1px,var(--g) 0 100%/1px 8px,var(--g) 100% 100%/8px 1px,var(--g) 100% 100%/1px 8px;background-repeat:no-repeat}
.mk.on .mk-box{animation:boxIn .55s var(--ease)}
@keyframes boxIn{from{transform:translate(-50%,-50%) scale(1.7);opacity:0}}
.mk-box+.mk-t{left:calc(var(--s,36px)/2 + 10px);top:calc(var(--s,36px)/-2 - 2px)}
.mk.alert .mk-box{filter:drop-shadow(0 0 6px rgba(var(--signal-rgb),.7))}
.mk-cur .mk-box::before,.mk-cur .mk-box::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;opacity:.6}
.mk-cur .mk-box::before{width:9px;height:1px;margin:0 0 0 -4.5px}
.mk-cur .mk-box::after{width:1px;height:9px;margin:-4.5px 0 0}
.mk-dot{position:absolute;left:-2.5px;top:-2.5px;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px 1px rgba(255,236,200,.6)}
.mk-ln{position:absolute;left:0;top:0;width:30px;height:1px;background:currentColor;opacity:.45;transform-origin:0 0;transform:rotate(-40deg)}
.mk-tag .mk-t{left:26px;top:-38px}
.mk-tag.alert .mk-dot{box-shadow:0 0 10px 2px rgba(var(--signal-rgb),.7)}
.mk-ring{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px currentColor}
.mk-pin .mk-t{left:16px;top:-9px}
.mk-hex .mk-t{font-size:8.5px;letter-spacing:.14em;color:var(--bone-2)}
.mk-pop .mk-t{transform:translate(-50%,-180%);letter-spacing:.24em}
.mk-pop.on .mk-t{animation:pop .9s ease-out}
@keyframes pop{from{transform:translate(-50%,-80%);opacity:0}25%{opacity:1}}

@media (max-width:1279px){
  .yk-wrap{grid-template-columns:minmax(0,1fr);gap:0}
  .yk-index{display:none}
  .yk-chips{display:flex;position:fixed;z-index:39;left:0;right:0;top:0;gap:22px;overflow-x:auto;scrollbar-width:none;padding:92px var(--pad) 14px;
    background:linear-gradient(180deg,rgba(var(--ink),.97),rgba(var(--ink),.9) 75%,transparent);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .8s,transform 1s var(--ease)}
  .yk-chips::-webkit-scrollbar{display:none}
  .yk-chips.show{opacity:1;transform:none;pointer-events:auto}
  .yk-chips a{flex:none;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.16em;color:var(--bone-3);transition:color .5s}
  .yk-chips a.on{color:var(--bone);text-shadow:0 0 12px rgba(255,234,200,.45)}
  .yk-sec{scroll-margin-top:128px}
}
@media (max-width:1100px){
  .yk-hero{grid-template-columns:1fr;align-content:center;padding-top:110px}
  .yk-hero-art{order:-1;width:min(260px,56vw);justify-self:start}
  .yk-sec{grid-template-columns:minmax(0,1fr);gap:0}
  .yk-art{position:relative;top:auto;order:-1;align-items:flex-start;margin-bottom:30px}
  .yk-art canvas{max-width:170px}
  .yk-stage{display:none}
  .yk-chips{padding-top:76px}
}
@media (max-width:700px){
  .yk-hero{padding:96px var(--pad) 80px;min-height:100svh}
  .yk-hero h1{font-size:clamp(28px,8.4vw,38px)}
  .yk-path{font-size:9.5px;letter-spacing:.16em;white-space:normal}
  .yk-sec{padding:64px 0}
  .yk-sec h2{font-size:clamp(26px,7.6vw,34px);margin-bottom:24px}
  .yk-p{font-size:15px;line-height:1.8}
  .yk-ft{margin-top:32px}
  .yk-ft li{font-size:15.5px;gap:12px}
  .yk-art canvas{max-width:140px}
  .yk-mini{width:84px}
  .yk-eco .actions{flex-direction:column;align-items:flex-start;gap:0}
  .yk-eco .actions .btn.ghost{margin-left:46px}
  .rv{filter:none!important}
  .yk-chips{padding-top:70px}
}
@media (max-width:700px){
  .cb-actions{flex-basis:100%;gap:0 22px}
  .cb-actions .btn{font-size:9.5px;letter-spacing:.12em}
  .cb-actions .btn.primary .orb{margin-right:-4px}
}

/* ---------- hero: grup bağlantısı ve ortada kaydırma işareti ---------- */
#cue{left:0;right:0;margin:0 auto;width:max-content;bottom:calc(max(3vh,20px) + var(--ckh,0px));transition:color .5s,bottom .9s var(--ease)}
a.eyebrow-link{cursor:pointer;transition:color .5s}
a.eyebrow-link .ext{width:10px;height:10px;margin-left:-4px;fill:none;stroke:currentColor;stroke-width:1.4;opacity:.55;transition:opacity .5s,transform .8s var(--ease)}
a.eyebrow-link:hover{color:var(--bone)}
a.eyebrow-link:hover .ext{opacity:1;transform:translate(2px,-2px)}

/* ================= ÇÖZ BUTONU =================
   Menüdeki tek kutulu öğe: komut satırı gibi durur, imleç yanıp söner,
   harfler ara sıra 0 ve 1'e dönüşür; üzerine gelince terminal seçimi gibi renkler ters döner. */
.solve{position:relative;display:inline-flex;align-items:center;gap:9px;padding:8px 13px 8px 12px;margin:-8px 0;border:0;cursor:pointer;isolation:isolate;overflow:hidden;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;font-weight:500;letter-spacing:.2em;color:var(--bone);background:rgba(232,222,203,.045);
  box-shadow:inset 0 0 0 1px rgba(232,222,203,.24),0 0 26px -8px rgba(255,226,180,.45);transition:color .35s,box-shadow .6s}
.solve::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bone);transform:scaleX(0);transform-origin:0 50%;transition:transform .55s cubic-bezier(.7,0,.2,1)}
.solve::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,240,218,.16),transparent);animation:solveGlint 6.5s ease-in-out infinite 2s}
@keyframes solveGlint{0%,78%{transform:translateX(0)}100%{transform:translateX(560%)}}
.solve-p{color:var(--bone-3);transition:color .35s}
.solve-t{min-width:3.6ch;text-align:left;margin-right:-.2em}
.solve-c{width:7px;height:13px;margin-left:-3px;background:var(--bone);box-shadow:0 0 8px rgba(255,236,210,.8);animation:caret 1.06s steps(1) infinite}
@keyframes caret{0%,49%{opacity:1}50%,100%{opacity:0}}
.solve:hover,.solve:focus-visible{color:#070B17;box-shadow:inset 0 0 0 1px var(--bone),0 0 34px -4px rgba(255,226,180,.6)}
.solve:hover::before,.solve:focus-visible::before{transform:scaleX(1)}
.solve:hover .solve-p,.solve:focus-visible .solve-p{color:rgba(7,11,23,.55)}
.solve:hover .solve-c,.solve:focus-visible .solve-c{background:#070B17;box-shadow:none}
.solve:focus-visible{outline:none}
.solve-m{display:none}
@media (max-width:1100px){
  .solve-m{display:inline-flex;font-size:10.5px;padding:7px 11px 7px 10px;gap:7px}
  .solve-d{display:none}
  .nav-end{gap:20px}
}
/* çok dar ekranda dil seçimi üst bardan menünün içine geçer */
.lang-m{display:none}
@media (max-width:420px){ .nav-end .lang{display:none} .menu-open .menu .lang-m{display:flex;margin-top:8px} .menu-open .menu .lang-m a{font-size:13px} }

/* ================= ÇÖZ TERMİNALİ ================= */
.term{position:fixed;inset:0;z-index:125;display:grid;place-items:center;visibility:hidden;pointer-events:none}
.term[aria-hidden="false"]{visibility:visible;pointer-events:auto}
.term-bg{position:absolute;inset:0;background:radial-gradient(90% 80% at 50% 40%,rgba(10,16,34,.72),rgba(var(--ink),.94));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .6s}
.term[aria-hidden="false"] .term-bg{opacity:1}
.term-win{position:relative;width:min(900px,92vw);height:min(580px,78vh);display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(180deg,rgba(13,19,38,.93),rgba(5,8,18,.96));box-shadow:inset 0 0 0 1px rgba(232,222,203,.14),0 40px 120px -30px rgba(var(--ink),.9),0 0 80px -40px rgba(255,226,180,.25);
  opacity:0;transform:translateY(18px) scale(.985);clip-path:inset(0 0 100% 0);transition:opacity .5s,transform .9s var(--ease),clip-path .8s cubic-bezier(.6,0,.2,1)}
.term[aria-hidden="false"] .term-win{opacity:1;transform:none;clip-path:inset(0 0 0 0)}
.term-win::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px)}
.term-top{flex:none;display:flex;align-items:center;gap:20px;padding:14px 18px 14px 22px;box-shadow:inset 0 -1px 0 rgba(232,222,203,.08)}
.term-title{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;color:var(--bone-2)}
.term-title em{font-style:normal;color:var(--bone-3)}
.term-locks{display:flex;gap:10px;margin-left:auto}
.term-locks i{width:6px;height:6px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(232,222,203,.35);transition:background .8s,box-shadow .8s}
.term-locks i.on{background:#fff;box-shadow:0 0 8px 2px rgba(255,236,210,.85),0 0 20px 6px rgba(255,226,180,.25)}
.term-close{display:inline-flex;align-items:center;gap:10px;margin-left:16px;background:none;border:0;cursor:pointer;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--bone-3);transition:color .4s}
.term-close svg{width:11px;height:11px;fill:currentColor;transform:rotate(45deg);transition:transform .8s var(--ease)}
.term-close:hover{color:var(--bone)}
.term-close:hover svg{transform:rotate(225deg)}
.term-out{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 8px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;line-height:1.65;color:var(--bone-2);
  scrollbar-width:thin;scrollbar-color:rgba(232,222,203,.2) transparent}
.tl{white-space:pre-wrap;word-break:break-word;animation:tlIn .35s ease-out}
@keyframes tlIn{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}
.tl.te{color:var(--bone);margin-top:10px}
.tp{color:var(--bone-3)}
.tl.tb{color:var(--bone);letter-spacing:.2em}
.tm{color:var(--bone-3)}
.tl.tm{color:var(--bone-3)}
.tl.tw{color:#E7B08A}
.tl.th{color:#D9E2FF}
.tl.tok{color:#fff;text-shadow:0 0 12px rgba(255,236,210,.55)}
.tk{color:var(--bone)}
.tcode{color:#fff;font-weight:500;letter-spacing:.14em;text-shadow:0 0 12px rgba(255,236,210,.8)}
.tmail{display:inline-block;margin:8px 10px 4px 0;padding:6px 12px;color:#070B17;background:var(--bone);letter-spacing:.18em;font-size:11px;font-weight:500;transition:box-shadow .5s}
.tmail:hover{box-shadow:0 0 24px rgba(255,226,180,.6)}
.term-in{flex:none;display:flex;align-items:center;gap:10px;padding:12px 22px 16px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px}
.term-ps{flex:none;color:var(--bone-3)}
.term-in input{flex:1;min-width:0;background:none;border:0;outline:none;font:inherit;color:#fff;caret-color:var(--bone);padding:0}
.term-chips{display:none}
.term.win .term-win{animation:winFlash 1.6s ease-out}
@keyframes winFlash{0%{box-shadow:inset 0 0 0 1px rgba(255,236,210,.9),0 0 120px -10px rgba(255,226,180,.7)}100%{box-shadow:inset 0 0 0 1px rgba(232,222,203,.14),0 40px 120px -30px rgba(var(--ink),.9),0 0 80px -40px rgba(255,226,180,.25)}}
@media (max-width:700px){
  .term-win{width:calc(100vw - 20px);height:calc(100svh - 20px)}
  .term-top{padding:12px 14px 12px 16px;gap:12px}
  .term-title{font-size:10px;letter-spacing:.06em}
  .term-close span{display:none}
  .term-out{padding:14px 16px 6px;font-size:12px;line-height:1.6}
  .term-in{padding:10px 16px 10px;font-size:12px}
  .term-in input{font-size:16px}
  .term-chips{flex:none;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 16px 14px}
  .term-chips button{flex:none;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.06em;color:var(--bone-2);background:rgba(232,222,203,.06);border:0;padding:7px 10px;box-shadow:inset 0 0 0 1px rgba(232,222,203,.16)}
}
.bp-home{opacity:.6}
/* İletişim formu (Pixavart) */
.nolink{cursor:text;user-select:text}
.ch-soon{cursor:default}
.ch-soon .ch-value{opacity:.7}
.cform{position:fixed;inset:0;z-index:116;display:grid;place-items:center;padding:clamp(14px,3vw,40px);visibility:hidden;pointer-events:none}
.cform[aria-hidden="false"]{visibility:visible;pointer-events:auto}
.cform-bg{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0%,rgba(14,22,48,.82),rgba(3,5,12,.94) 70%);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);opacity:0;transition:opacity .7s}
.cform[aria-hidden="false"] .cform-bg{opacity:1}
.cform-shell{position:relative;width:min(680px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:clamp(28px,4vw,52px);border-radius:18px;border:1px solid rgba(232,222,203,.12);background:radial-gradient(90% 60% at 50% 0%,rgba(var(--signal-rgb),.07),transparent 70%),linear-gradient(180deg,rgba(14,22,48,.92),rgba(7,11,23,.96));box-shadow:0 40px 120px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.05);opacity:0;transform:translateY(26px) scale(.98);transition:opacity .7s .05s,transform 1s .05s var(--ease);scrollbar-width:thin}
.cform[aria-hidden="false"] .cform-shell{opacity:1;transform:none}
.cform-x{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--bone-2);border:1px solid rgba(232,222,203,.14);background:transparent;cursor:pointer;transition:color .4s,border-color .4s,transform .6s var(--ease)}
.cform-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.cform-x:hover{color:var(--bone);border-color:rgba(var(--signal-rgb),.6);transform:rotate(90deg)}
.cform-head{text-align:center;margin-bottom:clamp(20px,3vh,30px)}
.cform-head .eyebrow{justify-content:center;margin-bottom:16px;font-family:'JetBrains Mono',ui-monospace,monospace}
.cform-head h2{font-size:clamp(26px,3.2vw,40px)}
.cform-head h2 b{color:var(--bone);font-weight:600}
.cform-head .lead{margin:14px auto 0;max-width:440px;font-size:14px}
.cform-form{display:grid;gap:16px}
.cform-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{display:grid;gap:8px;text-align:left}
.fl{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--bone-2);font-weight:500}
.fl em{font-style:normal;color:var(--signal)}
.fld input,.fld textarea{width:100%;font:inherit;font-size:15px;color:var(--bone);background:rgba(232,222,203,.035);border:1px solid rgba(232,222,203,.12);border-radius:10px;padding:13px 15px;outline:none;transition:border-color .4s,background .4s,box-shadow .4s;-webkit-appearance:none;appearance:none}
.fld textarea{resize:vertical;min-height:112px;line-height:1.55}
.fld input:focus,.fld textarea:focus{border-color:rgba(var(--signal-rgb),.55);background:rgba(232,222,203,.06);box-shadow:0 0 0 4px rgba(var(--signal-rgb),.08)}
.cform-check{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;text-align:left;font-size:12.5px;line-height:1.6;color:var(--bone-2);cursor:pointer;position:relative}
.cform-check input{position:absolute;opacity:0;width:20px;height:20px;margin:0}
.cform-check .box{width:20px;height:20px;border-radius:5px;border:1px solid rgba(232,222,203,.38);margin-top:1px;display:grid;place-items:center;transition:background .3s,border-color .3s}
.cform-check .box:after{content:"";width:9px;height:5px;border-left:1.6px solid #070B17;border-bottom:1.6px solid #070B17;transform:rotate(-45deg) translateY(-1px);opacity:0;transition:opacity .25s}
.cform-check input:checked+.box{background:var(--signal);border-color:var(--signal)}
.cform-check input:checked+.box:after{opacity:1}
.cform-check input:focus-visible+.box{box-shadow:0 0 0 4px rgba(var(--signal-rgb),.18)}
.cform-check a{color:var(--bone);text-decoration:underline;text-decoration-color:rgba(var(--signal-rgb),.6);text-underline-offset:3px}
.cform-msg{font-size:13px;line-height:1.6;color:var(--bone-2);text-align:center}
.cform-msg.err{color:#ffb3a1}
.cform-msg.ok{color:#c9f2d4}
.cform-foot{display:flex;justify-content:center;margin-top:4px}
.cform-send{background:none;border:0;color:var(--bone);font-family:inherit}
.cform-send[disabled]{opacity:.5;cursor:default}
.cform-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:700px){.cform{padding:0;place-items:end center}.cform-shell{border-radius:18px 18px 0 0;max-height:94vh;padding:26px 20px calc(22px + env(safe-area-inset-bottom))}.cform-row{grid-template-columns:1fr}.cform-x{top:12px;right:12px}}