:root{--maxw:880px;--gold:#FFD166;--gold-deep:#8A5E06;--night:#0E0D12}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:#F5F4F8;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
a{color:var(--zl,#FFD166);text-decoration:none}
a:hover{text-decoration:underline}

/* ── Şafak Kavisi: bölge sistemi ─────────────────────────────────────────
   Sayfa gece (#0E0D12) başlar, bölge bölge açılır, kremde (#FBF2E3) biter.
   Metin taşıyan bölgeler ya koyu ya açık; ikisi ufuk bandıyla bağlanır. */
.z0,.z1,.z2,.z3{--ink:#F5F4F8;--ink2:#B4ACC0;--ink3:#847C90;--line:rgba(255,255,255,.10);
 --card:rgba(255,255,255,.045);--cardbr:rgba(255,255,255,.09);--zl:#FFD166;
 --ev-s-bg:rgba(52,211,153,.15);--ev-s:#34D399;--ev-m-bg:rgba(110,168,254,.15);--ev-m:#8FBAFF;
 --ev-g-bg:rgba(255,209,102,.15);--ev-g:#FFD166;--dot:#FFD166;--dotglow:rgba(255,209,102,.5)}
.z4,.z5{--ink:#3A2A1E;--ink2:#5C4835;--ink3:#7A6448;--line:rgba(58,42,30,.14);
 --card:rgba(255,255,255,.55);--cardbr:rgba(58,42,30,.12);--zl:#6B4A05;
 --ev-s-bg:#DDF2E7;--ev-s:#085041;--ev-m-bg:#E2EDFB;--ev-m:#0C447C;
 --ev-g-bg:#F6E7C3;--ev-g:#6B4A05;--dot:#B98506;--dotglow:rgba(185,133,6,.35)}
.z3{--ink2:#F9EFE4;--ink3:#F5E6D6;--zl:#FFE9B8;
 --ev-s-bg:#DDF2E7;--ev-s:#085041;--ev-m-bg:#E2EDFB;--ev-m:#0C447C;--ev-g-bg:#F6E7C3;--ev-g:#6B4A05}
.z0{background:linear-gradient(180deg,#0E0D12,#17131F)}
.z1{background:linear-gradient(180deg,#17131F,#2A2138)}
.z2{background:linear-gradient(180deg,#2A2138,#4E3A54)}
.z3{background:linear-gradient(180deg,#4E3A54,#8A5A5F)}
.z4{background:linear-gradient(180deg,#EDC9A0,#F6E7CF)}
.z5{background:linear-gradient(180deg,#F6E7CF,#FBF2E3)}
section.zone{padding:34px 0}
.zone{color:var(--ink)}

/* Ufuk bandı: metinsiz geçiş + doğan güneş */
.horizon{height:150px;background:linear-gradient(180deg,#8A5A5F,#C98F78 55%,#EDC9A0);position:relative;overflow:hidden}
.horizon::before{content:"";position:absolute;left:50%;bottom:-58px;transform:translateX(-50%);
 width:116px;height:116px;border-radius:99px;background:#FFE9B8;
 box-shadow:0 0 46px 20px rgba(255,224,160,.75),0 0 130px 60px rgba(255,200,120,.35)}
.horizon::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:rgba(255,255,255,.35)}

/* ── Üst bar ── */
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
 max-width:var(--maxw);margin:0 auto;padding:20px 22px;color:#F5F4F8}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;color:var(--gold);font-size:22px;letter-spacing:-.2px}
.top nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px;font-weight:600}
.top nav a{color:#B4ACC0}
.top nav a.sos{color:#FF9B8A}
.top nav a.lang{color:#847C90;border:1px solid rgba(255,255,255,.14);padding:3px 10px;border-radius:99px}
.top nav a.cta{color:#41280A;background:linear-gradient(135deg,#FFE29A,var(--gold));padding:8px 14px;border-radius:12px;font-weight:800}
.top nav a.cta:hover{text-decoration:none;filter:brightness(1.05)}

/* ── Kahraman ── */
.hero{text-align:center;padding:56px 0 46px}
.hero h1{font-size:clamp(28px,5vw,44px);line-height:1.12;letter-spacing:-.5px;margin:0 0 16px;
 background:linear-gradient(135deg,#FFE29A,var(--gold) 60%,#E8A33D);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:640px;margin:0 auto;color:var(--ink2);font-size:18px}
.hero .arc-note{margin-top:14px;font-size:13px;color:var(--ink3);font-style:italic}
.badges{margin-top:26px}
.soon-badge{display:inline-block;border:1px solid var(--cardbr);background:var(--card);color:var(--ink2);padding:10px 18px;border-radius:14px;font-size:14px;font-weight:600}

/* ── Kartlar ── */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;padding:8px 0}
.feat{background:var(--card);border:1px solid var(--cardbr);border-radius:18px;padding:20px;backdrop-filter:blur(4px)}
.feat h3{margin:0 0 8px;font-size:15.5px;color:var(--zl)}
.feat p{margin:0;font-size:13.5px;color:var(--ink2)}
.guides h2{font-size:28px;margin:6px 0;letter-spacing:-.3px}
.guides .sub{color:var(--ink2);margin:0 0 22px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.card{display:block;background:var(--card);border:1px solid var(--cardbr);border-radius:18px;padding:20px;color:var(--ink);transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--zl);text-decoration:none;transform:translateY(-2px)}
.card h3{margin:0 0 6px;font-size:17px;color:var(--zl)}
.card p{margin:0 0 12px;font-size:13.5px;color:var(--ink2)}
.card .go{font-size:13px;font-weight:700;color:var(--ink)}

/* ── Rehber ── */
.guide h1{font-size:clamp(26px,4.5vw,38px);line-height:1.15;letter-spacing:-.4px;margin:10px 0 6px;color:var(--ink)}
.zone h2{font-size:24px;margin:10px 0 14px;letter-spacing:-.3px;color:var(--ink)}
.meta-line{color:var(--ink3);font-size:13px;margin:0 0 22px}
.bc{font-size:13px;color:var(--ink3)}
.bc a{color:var(--ink3)}
.intro p{color:var(--ink);font-size:16px;max-width:720px}
.warn{background:rgba(255,90,80,.12);border:1px solid rgba(255,120,100,.4);border-radius:14px;padding:14px 18px;margin:18px 0;font-size:14.5px;color:var(--ink)}
.z4 .warn,.z5 .warn{background:rgba(200,60,40,.08);border-color:rgba(160,60,40,.35)}
.chapter-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--zl);border:1px solid var(--cardbr);background:var(--card);padding:4px 12px;border-radius:99px;margin:0 0 10px}
.tl-sec h3{font-size:20px;color:var(--zl);margin:14px 0 2px}
.tl-sub{color:var(--ink3);font-size:13px;margin:0 0 12px}
.tl-stage h4{font-size:15.5px;margin:22px 0 2px;color:var(--ink)}
.tl-stage .range{color:var(--ink3);font-weight:600;font-size:12.5px;margin-inline-start:6px}
.stage-sum{color:var(--ink2);font-size:13.5px;margin:2px 0 10px}
ol.tl{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--line)}
ol.tl li{display:flex;gap:14px;padding:10px 0 10px 16px;position:relative}
ol.tl li::before{content:"";position:absolute;inset-inline-start:-6px;top:18px;width:10px;height:10px;border-radius:99px;background:var(--dot);box-shadow:0 0 8px var(--dotglow)}
ol.tl .t{flex:0 0 92px;font-weight:800;color:var(--zl);font-size:13.5px;padding-top:1px}
ol.tl strong{font-size:14.5px;color:var(--ink)}
ol.tl p{margin:3px 0 6px;color:var(--ink2);font-size:13.5px}
.ev{font-size:11px;font-weight:800;padding:2px 8px;border-radius:7px}
.ev-saglam{background:var(--ev-s-bg);color:var(--ev-s)}
.ev-makul{background:var(--ev-m-bg);color:var(--ev-m)}
.ev-gosterge{background:var(--ev-g-bg);color:var(--ev-g)}

/* ── Sabah bölgesi: ipuçları, SSS, CTA ── */
ul.tips{padding-inline-start:20px;max-width:720px}
ul.tips li{margin:10px 0;color:var(--ink);font-size:15px}
details{background:var(--card);border:1px solid var(--cardbr);border-radius:14px;padding:14px 18px;margin:10px 0}
details summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--ink)}
details p{color:var(--ink2);margin:10px 0 0;font-size:14.5px}
.cta-box{background:rgba(255,255,255,.6);border:1px solid rgba(185,133,6,.4);border-radius:20px;padding:28px;margin:26px 0 8px;text-align:center}
.cta-box h2{margin:0 0 10px;font-size:22px;color:#3A2A1E}
.cta-box p{color:#5C4835;max-width:560px;margin:0 auto 8px;font-size:14.5px}
.cta-box .soon{color:#6B4A05;font-weight:700;font-size:13.5px}
.disclaimer{color:var(--ink3);font-size:12.5px;border-top:1px solid var(--line);padding-top:16px;margin-top:26px}

/* ── Düzyazı (destek sayfaları) ── */
.prose p{color:var(--ink);font-size:15.5px;max-width:720px}
.prose h2{color:var(--ink)}
.prose li{margin:8px 0;color:var(--ink)}
.prose ul{padding-inline-start:20px}
.steps{counter-reset:s;list-style:none;padding:0;max-width:720px}
.steps li{counter-increment:s;background:var(--card);border:1px solid var(--cardbr);border-radius:16px;padding:16px 18px 16px 58px;margin:12px 0;position:relative;color:var(--ink)}
.steps li::before{content:counter(s);position:absolute;left:18px;top:16px;width:26px;height:26px;border-radius:99px;
 background:var(--dot);color:#41280A;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.steps strong{color:var(--ink)}

/* ── Sabah sonu / footer ── */
footer{padding:8px 22px 46px;text-align:center;color:#3A2A1E}
footer .tag{color:#7A6448;font-style:italic;font-size:14px}
footer nav{font-size:13.5px;margin:10px 0}
footer nav a{color:#5C4835}
footer .copy{color:#7A6448;font-size:12.5px}
@media(max-width:640px){ol.tl .t{flex-basis:70px}.horizon{height:110px}}

/* ── Kilitli çizelge: içerik DOM'da (SEO), görüntü blurlu, devamı uygulamada ── */
.lockwrap{position:relative}
.locked{filter:blur(7px) saturate(.85);max-height:620px;overflow:hidden;
 pointer-events:none;user-select:none;-webkit-user-select:none;
 background:linear-gradient(180deg,#17131F,#8A5A5F)}
.locked .zone{background:transparent}
.lockwrap::after{content:"";position:absolute;inset:auto 0 0 0;height:220px;
 background:linear-gradient(180deg,rgba(138,90,95,0),#8A5A5F);pointer-events:none}
.lock-cta{position:absolute;top:150px;left:50%;transform:translateX(-50%);z-index:2;
 width:min(420px,86%);text-align:center;background:rgba(20,16,26,.72);
 border:1px solid rgba(255,209,102,.45);border-radius:20px;padding:24px 22px;
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
 box-shadow:0 18px 50px rgba(0,0,0,.45)}
.lock-cta .lock-h{margin:0 0 4px;font-size:16.5px;font-weight:800;color:#F5F4F8}
.lock-cta .lock-n{margin:0 0 14px;font-size:12.5px;font-weight:700;color:#FFD166}
.lock-btn{display:inline-block;background:linear-gradient(135deg,#FFE29A,#FFD166);
 color:#41280A;font-weight:800;font-size:14px;padding:11px 20px;border-radius:13px}
.lock-btn:hover{text-decoration:none;filter:brightness(1.05)}
@media(max-width:640px){.locked{max-height:520px}.lock-cta{top:110px}}

/* ── SEO katmanı: hızlı cevap, bir-bakışta tablo, kaynakça ── */
.quick{background:var(--card);border:1px solid rgba(255,209,102,.45);border-radius:16px;padding:16px 20px;margin:0 0 18px}
.quick p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink)}
table.glance{width:100%;border-collapse:collapse;margin:14px 0 6px;font-size:13.5px}
.glance th{text-align:start;font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink3);font-weight:800;padding:8px 10px;border-bottom:1px solid var(--line)}
.glance td{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--ink2)}
.glance td:first-child{color:var(--ink);font-weight:600}
.hub-note{font-size:13.5px;font-weight:700}
.rel-grid .card h3{font-size:15.5px}
.hardlist,.sourcelist{padding-inline-start:20px}
.hardlist li,.sourcelist li{margin:8px 0;font-size:14.5px}
.sourcelist a{color:var(--zl)}
.method-note{font-size:13px;margin-top:14px}
.calc{background:var(--card);border:1px solid var(--cardbr);border-radius:18px;padding:22px;margin:18px 0}
.calc label{display:block;font-size:12.5px;font-weight:700;color:var(--ink2);margin:12px 0 4px}
.calc input{width:100%;max-width:220px;background:rgba(255,255,255,.07);border:1px solid var(--cardbr);border-radius:10px;padding:10px 12px;color:var(--ink);font-size:15px;font-weight:700}
.calc-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px}
.calc-out .co{background:rgba(255,255,255,.05);border:1px solid var(--cardbr);border-radius:14px;padding:14px}
.calc-out .co b{display:block;font-size:20px;color:var(--zl);margin-top:2px}
.calc-out .co span{font-size:11.5px;color:var(--ink3);font-weight:700}