.yeni{--y-ink:var(--ink,#0b1626);--y-ink-2:var(--ink-2,#15273f);--y-paper:var(--paper,#f8f6f1);--y-paper-2:var(--paper-2,#ece7db);--y-text:var(--text,#111a28);--y-muted:var(--muted,#5d6470);--y-accent:var(--accent,#86672a);--y-gold:#d2b06a;--y-gold-soft:rgba(210,176,106,.22);--y-line:rgba(17,26,40,.12);--y-on-ink:#e9e4d8;--y-on-ink-muted:#9aa3b2;--y-display:"Playfair Display",Georgia,serif;--y-body:"Hanken Grotesk",system-ui,sans-serif;--y-amp:"Libre Caslon Text",Georgia,serif;--y-ease-out:cubic-bezier(.23,1,.32,1);--y-ease-io:cubic-bezier(.77,0,.175,1);--y-gut:clamp(16px,4vw,56px);--y-max:1200px;color:var(--y-text);font-family:var(--y-body)}
.yeni h1,.yeni h2,.yeni h3{font-family:var(--y-display);font-weight:400;text-wrap:balance;margin:0;line-height:1.12}
.yeni p{margin:0}.yeni em.v{font-style:italic;color:var(--y-accent)}.yeni a{color:inherit;text-decoration:none}.yeni button{font:inherit}

/* Düzen: yapışkan koyu sahne (kaydırdıkça ilerleyen tek anlatı) + kâğıt zeminli bölümler; alan sayfasında metin solda, yapışkan canlı çizim sağda */

.yeni .y-koyu em.v{color:var(--y-gold)}
:focus-visible{outline:2px solid var(--y-gold);outline-offset:3px}
.kap{max-width:var(--y-max);margin-inline:auto;padding-inline:var(--y-gut)}
.y-etiket{font:500 12px/1 var(--y-body);letter-spacing:.22em;text-transform:uppercase;color:var(--y-accent);display:flex;align-items:center;gap:12px}
.y-etiket::before{content:"";width:28px;height:1px;background:currentColor;opacity:.6}
.y-koyu .y-etiket{color:var(--y-gold)}
.dugme{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid var(--y-gold);color:var(--y-ink);background:var(--y-gold);font:500 14px/1 var(--y-body);letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:transform 160ms var(--y-ease-out),background-color 200ms ease}
.dugme:active{transform:scale(.97)}
.dugme.hat{background:transparent;color:var(--y-on-ink)}
@media (hover:hover) and (pointer:fine){.dugme:hover{background:#dfc085}.dugme.hat:hover{background:var(--y-gold-soft)}}

/* Kelime kelime açılan başlıklar */
.y-k{display:inline-block;overflow:hidden;vertical-align:top;padding:.14em .05em .14em;margin:-.14em -.05em -.14em}
.ki{display:inline-block;will-change:transform}
.js .yarik .ki{transform:translateY(115%);transition:transform 1000ms var(--y-ease-out)}
.js .yarik.gorundu .ki{transform:none}
.js .belir{transform:translateY(18px);opacity:.001;transition:transform 900ms var(--y-ease-out),opacity 900ms var(--y-ease-out)}
.js .belir.gorundu{transform:none;opacity:1}

/* Üst çubuk */
@media (max-width:760px){.nav a:not(.dugme){display:none}.nav .dugme{padding:10px 12px;font-size:13px;white-space:nowrap}.logo b{font-size:13px;letter-spacing:.14em}}

/* ===== Sahne ===== */
.sahne{position:relative;height:860svh;background:var(--y-ink);color:var(--y-on-ink)}
.yapiskan{position:sticky;top:0;height:100svh;overflow:hidden}
.yapiskan::before{content:"";position:absolute;inset:0;background:radial-gradient(52rem circle at 70% 46%,var(--y-ink-2),transparent 70%);pointer-events:none}
.toz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.dev{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.05}
.dev span{position:absolute;right:3vw;bottom:-.2em;font:italic 400 min(40vw,560px)/1 var(--y-display);color:var(--y-gold);visibility:hidden}
.dev .n0{visibility:visible}
.dev .n6{font-family:var(--y-amp);font-style:normal}
.sahne-izgara{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(16px,4vw,64px);padding-top:72px}
@media (min-width:1101px){.sahne-izgara{padding-right:calc(var(--y-gut) + 140px)}}
.metinler{position:relative;min-height:440px;min-width:0}
.y-bolum{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:22px;max-width:34rem}
.y-bolum h1{font-size:clamp(36px,4.7vw,66px);letter-spacing:-.01em}
.y-bolum h2{font-size:clamp(30px,3.8vw,54px)}
.y-bolum p{color:var(--y-on-ink-muted);font-size:clamp(16px,1.25vw,18px);max-width:31rem}
.y-bolum .no{font:400 italic 15px/1 var(--y-display);color:var(--y-gold)}
.y-bolum .eylem{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.y-bolum:not(.b0){visibility:hidden}
.ipucu{display:flex;align-items:center;gap:12px;font:500 11px/1 var(--y-body);letter-spacing:.24em;text-transform:uppercase;color:var(--y-on-ink-muted);margin-top:18px}
.ipucu span{width:1px;height:38px;background:linear-gradient(var(--y-gold),transparent);animation:damla 2.2s var(--y-ease-io) infinite}
@keyframes damla{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

.cizim{width:100%;height:min(80svh,660px);min-width:0}
.cizim svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 7px rgba(210,176,106,.26))}
.cizim [data-ciz]{fill:none;stroke:var(--y-gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.cizim .cz{fill:none;stroke:var(--y-gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.cizim .ince{stroke-width:.9;opacity:.7}
.cizim text{fill:var(--y-on-ink);font-family:var(--y-body);font-size:13px;letter-spacing:.06em}
.cizim text.altin{fill:var(--y-gold)}
.cizim text.minik{font-size:9px;letter-spacing:.16em}
.cizim text.y-buyuk{font-family:var(--y-display);font-size:30px;letter-spacing:0}
.cizim .dolgu{fill:var(--y-gold);stroke:none}
.cizim .dolgu-g{fill:url(#gAltin);stroke:none}
.cizim .dyz{fill:url(#gAltin);stroke:none;opacity:0}
.cizim .kutu{fill:var(--y-ink);stroke:var(--y-gold);stroke-width:1.2}
.cizim .kagit{fill:#0f1e33;stroke:none}
.cizim .zincir circle{fill:none;stroke:var(--y-gold);stroke-width:1;opacity:0}
.cizim .dugum{fill:var(--y-ink);stroke:var(--y-gold);stroke-width:1.4}
.cizim .dugumEt{opacity:0}
.cizim .yol{fill:var(--y-on-ink-muted);opacity:0}
.cizim .dalga{fill:none;stroke:var(--y-gold);stroke-width:1.2}
#gil circle{fill:none;stroke:var(--y-gold);stroke-width:.5;opacity:.2}

.ray{position:absolute;right:var(--y-gut);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0 0 0 16px;z-index:2}
.ray::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--y-gold-soft)}
.ray .dolum{position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--y-gold);transform-origin:top;transform:scaleY(0)}
.ray button{background:none;border:0;padding:2px 0;cursor:pointer;font:500 10px/1 var(--y-body);letter-spacing:.2em;text-transform:uppercase;color:var(--y-on-ink-muted);transition:color 250ms ease;text-align:left}
.ray button:hover{color:var(--y-on-ink)}
.ray li.aktif button{color:var(--y-gold)}
.sahne.yedek .yapiskan{position:absolute;top:0;left:0;right:0}
.sahne.yedek.sabit .yapiskan{position:fixed}
.sahne.yedek.sonda .yapiskan{top:auto;bottom:0}
.cizim .pencere{fill:none;stroke:var(--y-gold);stroke-width:.8;opacity:.8}
.cizim .kagit2{fill:#1a2c47;stroke:var(--y-gold);stroke-width:1.1}
.cizim .dosyaArka{fill:#102038;stroke:none}
.cizim .dosyaOn{fill:#0d1a2e;stroke:none}
.cizim .cek{fill:var(--y-ink);stroke:var(--y-gold);stroke-width:1.3}
.cizim .cekEt{fill:var(--y-on-ink-muted);opacity:.5}
.cizim text.baslikEv{font-family:var(--y-display);font-size:16px;letter-spacing:0;fill:var(--y-gold)}
.alan-sahne .cizim .dolgu-g,.alan-sahne .cizim .dyz{fill:url(#aAltin)}
.alan-sahne{height:640svh}
.alan-sahne .y-bolum h2{font-size:clamp(30px,3.6vw,50px)}
.alan-sahne .gs-lejant{margin-top:6px}
@media (max-width:1100px){.ray{display:none}}
@media (max-width:820px){
  .sahne-izgara{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:start;padding-top:84px;gap:6px}
  .cizim{order:-1;height:40svh}
  .metinler{min-height:0;height:50svh}
  .y-bolum{justify-content:flex-start;gap:14px}
  .y-bolum h1{font-size:clamp(32px,9vw,44px)}
  .y-bolum h2{font-size:clamp(26px,7.5vw,34px)}
  .ipucu{display:none}
  .cizim text{font-size:19px}
  .cizim text.minik{font-size:9px}
  .cizim .hn-t{display:none}
  .cizim text.cekEt{font-size:15px}
  .csvg text{font-size:16px}
  .csvg text.minik{font-size:9px}
  .cizim text.baslikEv{font-size:22px}
}

/* ===== Kâğıt bölümleri ===== */
.bolge{padding-block:clamp(72px,10vw,140px)}
.bolge-bas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:56px}
.bolge-bas h2{font-size:clamp(32px,4vw,54px);margin-top:18px}
.bolge-bas p{color:var(--y-muted);max-width:34rem}
@media (max-width:820px){.bolge-bas{grid-template-columns:1fr}}
.y-alan-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--y-line);border-left:1px solid var(--y-line)}
@media (max-width:1000px){.y-alan-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.y-alan-izgara{grid-template-columns:1fr}}
.alan-kart{position:relative;display:flex;flex-direction:column;gap:14px;text-align:left;padding:28px 26px 30px;min-height:250px;background:var(--y-paper);border:0;border-right:1px solid var(--y-line);border-bottom:1px solid var(--y-line);color:var(--y-text);cursor:pointer;overflow:hidden;isolation:isolate;transition:color 300ms ease}
.alan-kart::before{content:"";position:absolute;inset:0;background:var(--y-ink);z-index:-1;clip-path:inset(100% 0 0 0);transition:clip-path 420ms var(--y-ease-io)}
.alan-kart .sira{font:400 italic 14px/1 var(--y-display);color:var(--y-accent);transition:color 300ms ease}
.alan-kart h3{font-size:24px}
.alan-kart p{font-size:15px;color:var(--y-muted);transition:color 300ms ease}
.alan-kart .y-ok{margin-top:auto;font:500 12px/1 var(--y-body);letter-spacing:.18em;text-transform:uppercase;color:var(--y-accent);display:flex;gap:10px;align-items:center;transition:color 300ms ease,gap 300ms var(--y-ease-out)}
.alan-kart .rozet{position:absolute;top:26px;right:22px;font:500 10px/1 var(--y-body);letter-spacing:.16em;text-transform:uppercase;color:var(--y-accent);border:1px solid currentColor;padding:5px 7px}
.alan-kart:active{transform:scale(.99)}
@media (hover:hover) and (pointer:fine){
  .alan-kart:hover{color:var(--y-on-ink)}
  .alan-kart:hover::before{clip-path:inset(0 0 0 0)}
  .alan-kart:hover p{color:var(--y-on-ink-muted)}
  .alan-kart:hover .sira,.alan-kart:hover .y-ok,.alan-kart:hover .rozet{color:var(--y-gold)}
  .alan-kart:hover .y-ok{gap:16px}
}
.alan-kart:focus-visible{outline-offset:-3px}
.surec{background:var(--y-paper-2)}
.y-adimlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:a;position:relative}
.y-adimlar::before{content:"";position:absolute;top:22px;left:0;right:0;height:1px;background:var(--y-line)}
.y-adim{position:relative;padding:60px 24px 0 0;display:flex;flex-direction:column;gap:12px;min-width:0}
.y-adim::before{counter-increment:a;content:counter(a,upper-roman);position:absolute;top:0;left:0;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--y-accent);background:var(--y-paper-2);font:400 italic 15px/1 var(--y-display);color:var(--y-accent)}
.y-adim h3{font-size:21px}
.y-adim p{font-size:15px;color:var(--y-muted)}
@media (max-width:900px){.y-adimlar{grid-template-columns:1fr 1fr;gap:40px 0}.y-adimlar::before{display:none}}
@media (max-width:520px){.y-adimlar{grid-template-columns:1fr}}
.rakam-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--y-line)}
.rakam{padding:36px 28px 0 0;display:flex;flex-direction:column;gap:10px}
.rakam b{font:400 clamp(54px,7vw,96px)/1 var(--y-display);color:var(--y-ink);font-variant-numeric:tabular-nums}
.rakam b sup{font-size:.4em;color:var(--y-accent);vertical-align:top;margin-left:4px}
.rakam span{font-weight:500}
.rakam p{font-size:14px;color:var(--y-muted);max-width:18rem}
.y-dipnot{font-size:12px;color:var(--y-muted);margin-top:36px;max-width:48rem}
@media (max-width:700px){.rakam-izgara{grid-template-columns:1fr}}
@media (max-width:820px){.cta-ic{grid-template-columns:1fr}}

/* ===== Alan sayfası ===== */
.alan-ust{background:var(--y-ink);color:var(--y-on-ink);padding-top:calc(72px + env(safe-area-inset-top,0px));position:relative;overflow:hidden}
.alan-ust::before{content:"";position:absolute;inset:0;background:radial-gradient(40rem circle at 80% 30%,var(--y-ink-2),transparent 70%)}
.alan-ust .kap{position:relative;padding-block:clamp(56px,8vw,110px) clamp(48px,6vw,80px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:end}
.yol{font-size:13px;color:var(--y-on-ink-muted);display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:28px}
.yol button{background:none;border:0;color:var(--y-gold);cursor:pointer;padding:0}
.alan-ust h1{font-size:clamp(42px,6.4vw,92px);letter-spacing:-.015em;margin-top:18px}
.alan-ust .ozet{color:var(--y-on-ink-muted);font-size:18px;max-width:34rem;margin-top:24px}
.alan-ust .y-detay{border-left:1px solid var(--y-gold);padding-left:22px;font:400 italic clamp(18px,1.6vw,22px)/1.55 var(--y-display);color:var(--y-on-ink)}
.js .alan-ust .giris{opacity:0;transform:translateY(14px);transition:opacity 800ms var(--y-ease-out),transform 800ms var(--y-ease-out)}
.js .alan-ust .giris.gorundu{opacity:1;transform:none}
.js .alan-ust .y-detay.giris{clip-path:inset(0 0 100% 0);transform:none;transition:clip-path 1200ms var(--y-ease-io) 300ms,opacity 400ms ease 300ms}
.js .alan-ust .y-detay.giris.gorundu{clip-path:inset(0 0 0 0)}
.asamalar-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.asamalar-mini button{background:transparent;border:1px solid var(--y-gold-soft);color:var(--y-on-ink);font-size:13px;line-height:1;padding:10px 14px;cursor:pointer;transition:border-color 200ms ease,background-color 200ms ease,transform 160ms var(--y-ease-out)}
.asamalar-mini button:hover{border-color:var(--y-gold);background:var(--y-gold-soft)}
.asamalar-mini button:active{transform:scale(.97)}
@media (max-width:860px){.alan-ust .kap{grid-template-columns:1fr}}

.akis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:clamp(32px,5vw,72px);padding-block:clamp(56px,7vw,100px)}
.asama-liste{min-width:0}
.ayrinti{max-width:880px;margin-inline:auto;padding-block:clamp(64px,8vw,110px) 0}
.asama{display:flex;flex-direction:column;gap:24px;padding-block:24px clamp(48px,6vw,80px);border-bottom:1px solid var(--y-line);scroll-margin-top:96px}
.asama:last-child{border-bottom:0}
.asama-bas{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
.asama-bas .roma{font:400 italic clamp(44px,5vw,72px)/.9 var(--y-display);color:var(--y-accent);min-width:1.4em}
.asama-bas h2{font-size:clamp(30px,3.2vw,44px)}
.asama-bas .soru{margin-top:12px;font:400 italic 19px/1.5 var(--y-display);color:var(--y-muted)}
.oncu{font-size:17px;max-width:36rem}
.sekmeli{display:flex;flex-direction:column}
.sekmeler{position:relative;display:flex;gap:26px;border-bottom:1px solid var(--y-line);margin-bottom:18px;flex-wrap:wrap}
.sekmeler button{background:none;border:0;padding:12px 0;font:500 12px/1 var(--y-body);letter-spacing:.16em;text-transform:uppercase;color:var(--y-muted);cursor:pointer;transition:color 200ms ease}
.sekmeler button[aria-selected="true"]{color:var(--y-text)}
.sekmeler button:hover{color:var(--y-text)}
.sekme-cizgi{position:absolute;left:0;bottom:-1px;height:2px;width:1px;background:var(--y-accent);transform-origin:left;transition:transform 280ms var(--y-ease-out)}
.riskler{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.riskler li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:12px;font-size:15px;line-height:1.55}
.riskler li::before{content:"";width:7px;height:7px;margin-top:8px;border:1px solid var(--y-accent);transform:rotate(45deg)}
.belgeler{display:flex;flex-wrap:wrap;gap:8px}
.belgeler span{font-size:13px;padding:8px 12px;background:var(--y-paper-2);border:1px solid var(--y-line)}
.yaptigimiz{background:var(--y-ink);color:var(--y-on-ink-muted);padding:22px 24px;font-size:15px}
.dayanak{font-size:13px;color:var(--y-muted);border-top:1px solid var(--y-line);padding-top:14px}
.dayanak b{color:var(--y-text);font-weight:500}
.acilir{border:1px solid var(--y-line);background:var(--y-paper)}
.acilir-dugme{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;background:none;border:0;cursor:pointer;text-align:left;font:400 19px/1.3 var(--y-display);color:var(--y-text)}
.acilir-dugme span{width:26px;height:26px;border:1px solid var(--y-accent);display:grid;place-items:center;color:var(--y-accent);font:400 18px/1 var(--y-body);transition:transform 300ms var(--y-ease-out)}
.acilir.y-acik .acilir-dugme span{transform:rotate(45deg)}
.acilir-govde{display:grid;grid-template-rows:0fr;transition:grid-template-rows 500ms var(--y-ease-io)}
.acilir.y-acik .acilir-govde{grid-template-rows:1fr}
.acilir-govde>div{overflow:hidden;min-height:0}
.tablo-sar{overflow-x:auto;border-top:1px solid var(--y-line)}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:540px}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--y-line);vertical-align:top}
thead th{font:500 11px/1.3 var(--y-body);letter-spacing:.16em;text-transform:uppercase;color:var(--y-accent);background:var(--y-paper-2)}
tbody th{font-weight:500;width:24%}
tbody tr{opacity:0;transform:translateY(8px);transition:opacity 400ms ease,transform 500ms var(--y-ease-out)}
.acilir.y-acik tbody tr{opacity:1;transform:none}
.tablo-not{font-size:12px;color:var(--y-muted);padding:10px 16px 14px}

/* Girişim sahnesi paneli */
.gs{position:sticky;top:calc(88px + env(safe-area-inset-top,0px));align-self:start;height:calc(100svh - 112px);max-height:800px;background:var(--y-ink);color:var(--y-on-ink);display:flex;flex-direction:column;padding:20px 22px;gap:10px;border:1px solid var(--y-gold-soft);min-width:0}
.gs-ust{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.gs-ad{font:400 19px/1.2 var(--y-display)}
.gs-ad i{color:var(--y-gold);margin-right:8px}
.gs-cizim{flex:1;min-height:0}
.gs-cizim svg{width:100%;height:100%}
.gs-alt{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 16px;flex-wrap:wrap}
.gs-lejant{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--y-on-ink-muted);min-height:18px}
.gs-lejant span{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.gs-lejant i{width:9px;height:9px;display:inline-block}
.gs-lejant b{color:var(--y-on-ink);font-weight:500}
.gs-not{font-size:11px;color:var(--y-on-ink-muted);opacity:.8}
.gs-nav{display:flex;gap:4px}
.gs-nav button{width:34px;height:34px;border:1px solid var(--y-gold-soft);background:transparent;color:var(--y-on-ink-muted);font:italic 400 13px/1 var(--y-display);cursor:pointer;transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease,transform 160ms var(--y-ease-out)}
.gs-nav button:active{transform:scale(.95)}
.gs-nav button.aktif{background:var(--y-gold);color:var(--y-ink);border-color:var(--y-gold)}
.gss [data-ciz]{fill:none;stroke:var(--y-gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.gss .cz{fill:none;stroke:var(--y-gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.gss .ince{stroke-width:.9;opacity:.75}
.gss .kutu{fill:var(--y-ink);stroke:var(--y-gold);stroke-width:1.2}
.gss .nokta{fill:var(--y-gold);opacity:.16}
.gss .ortu{fill:var(--y-ink)}
.gss .y-iz{fill:none;stroke:rgba(210,176,106,.12);stroke-width:22}
.gss .dilim{fill:none;stroke-width:22}
.gss .dA{stroke:#d2b06a}.gss .dB{stroke:#efe2c2}.gss .dY{stroke:#7f93b5}.gss .dE{stroke:#b07a4f}
.gss .iz2{fill:none;stroke:rgba(210,176,106,.16);stroke-width:2}
.gss .hk{fill:none;stroke:var(--y-gold);stroke-width:2.4;stroke-linecap:round}
.gss text{fill:var(--y-on-ink);font-family:var(--y-body)}
.gss .etk{font-size:12px}
.gss .y-kucuk{font-size:11px}
.gss .minik{font-size:9px;letter-spacing:.16em}
.gss .orta{font-family:var(--y-display);font-size:15px}
.gss .yuzde{font-family:var(--y-display);font-size:16px}
.gss .plaka{font-size:11px;letter-spacing:.14em;fill:var(--y-gold)}
.gss .altin{fill:var(--y-gold)}
.gss .y-soluk{fill:var(--y-on-ink-muted)}
.gss .dalga{fill:none;stroke:var(--y-gold);stroke-width:1.2}
.gss .kul{fill:var(--y-gold)}
.gss .cubuk{fill:var(--y-gold);opacity:.85}
.gss .dolguY{fill:#7f93b5}
@media (max-width:820px){
  .alan-sahne .gs-lejant{display:none}
  .gss .etk{font-size:18px}.gss .y-kucuk{font-size:15px}.gss .yuzde{font-size:22px}.gss .orta{font-size:19px}.gss .plaka{font-size:14px}.gss .minik{font-size:11px}
}

.ikili{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px)}
@media (max-width:860px){.ikili{grid-template-columns:1fr}}
.kontrol{background:var(--y-paper-2);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:18px}
.kontrol h3{font-size:28px}
.kontrol label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:15px;cursor:pointer;align-items:start}
.kontrol input{appearance:none;width:20px;height:20px;border:1px solid var(--y-accent);margin:2px 0 0;display:grid;place-items:center;cursor:pointer;background:var(--y-paper);transition:background-color 160ms ease}
.kontrol input:checked{background:var(--y-ink);border-color:var(--y-ink)}
.kontrol input:checked::after{content:"";width:9px;height:5px;border-left:1.5px solid var(--y-gold);border-bottom:1.5px solid var(--y-gold);transform:translateY(-1px) rotate(-45deg)}
.kontrol .sonuc{border-top:1px solid var(--y-line);padding-top:16px;font-size:15px}
.kontrol .sayac{font:400 40px/1 var(--y-display);font-variant-numeric:tabular-nums}
.olcek{height:3px;background:var(--y-line);position:relative;overflow:hidden;margin-block:12px}
.olcek i{position:absolute;inset:0;background:var(--y-accent);transform-origin:left;transform:scaleX(0);transition:transform 500ms var(--y-ease-out)}
.sozluk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--y-line);margin:0}
.sozluk div{padding:18px 18px 18px 0;border-bottom:1px solid var(--y-line)}
.sozluk dt{font:400 20px/1.2 var(--y-display)}
.sozluk dt small{font:400 12px/1 var(--y-body);color:var(--y-accent);letter-spacing:.06em;margin-left:6px}
.sozluk dd{margin:6px 0 0;font-size:14px;color:var(--y-muted)}
@media (max-width:620px){.sozluk{grid-template-columns:1fr}}
.y-sss details{border-bottom:1px solid var(--y-line)}
.y-sss summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:16px;padding:20px 0;font:400 19px/1.4 var(--y-display)}
.y-sss summary::-webkit-details-marker{display:none}
.y-sss summary::after{content:"";width:12px;height:12px;margin-top:8px;border-right:1px solid var(--y-accent);border-bottom:1px solid var(--y-accent);transform:rotate(45deg);transition:transform 250ms var(--y-ease-out)}
.y-sss details[open] summary::after{transform:rotate(225deg)}
.y-sss details p{padding:0 36px 22px 0;color:var(--y-muted);font-size:15px;max-width:44rem}
.kapsam-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--y-line)}
.kapsam-liste li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;padding:16px 16px 16px 0;border-bottom:1px solid var(--y-line);font-size:15px}
.kapsam-liste li span{font:400 italic 14px/1.6 var(--y-display);color:var(--y-accent)}
@media (max-width:620px){.kapsam-liste{grid-template-columns:1fr}}
.yazilar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.yazi{border:1px solid var(--y-line);padding:22px;display:flex;flex-direction:column;gap:10px;background:var(--y-paper)}
.yazi time{font-size:12px;color:var(--y-muted);letter-spacing:.08em}
.yazi h4{margin:0;font:400 21px/1.3 var(--y-display)}
@media (max-width:620px){.yazilar{grid-template-columns:1fr}}
.gecis-alan{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--y-line)}
.gecis-alan button{background:none;border:0;padding:28px 0;text-align:left;cursor:pointer;color:var(--y-text);display:flex;flex-direction:column;gap:8px}
.gecis-alan button:last-child{text-align:right;align-items:flex-end;border-left:1px solid var(--y-line);padding-left:24px}
.gecis-alan small{font:500 11px/1 var(--y-body);letter-spacing:.2em;text-transform:uppercase;color:var(--y-accent)}
.gecis-alan b{font:400 clamp(22px,2.6vw,32px)/1.2 var(--y-display)}
.alt-baslik{font-size:clamp(28px,3vw,40px);margin:18px 0 28px}

@media (max-width:820px){.taslak-not{display:none}}
@media (prefers-reduced-motion:reduce){
  .ipucu span{animation:none}
  .js .belir{transform:none;transition:opacity 300ms ease}
  .js .yarik .ki{transform:none}
  .alan-kart::before{transition:none}
}