/* ════════════════════════════════════════════════════════════════
   GALAKSI.CSS — Sir Arthur Rock · SAR GALAKSİ
   YÖRÜNGE dilinin (genesis v3) çok-sayfalı galaksiye genişletilmiş
   tasarım sistemi. Işık malzemedir; derin uzay + altın enstrüman.
   Palet: #0A0906→#12100A uzay · #FFE9B0 sıcak · #E8B45C altın ·
          #B8862F orta · #6E5118 loş (yalnız dekoratif) · #F2ECDC fildişi
   ════════════════════════════════════════════════════════════════ */

/* ───────── fontlar ───────── */
@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/sora-600-subset.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/inter-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/inter-400-latinext.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:500;font-display:swap;
  src:url('fonts/playfair-500i-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:500;font-display:swap;
  src:url('fonts/playfair-500i-latinext.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonts/playfair-700-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonts/playfair-700-latinext.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* ───────── belirteçler (tokens) ───────── */
:root{
  /* renk */
  --u0:#0A0906;          /* derin uzay              */
  --u1:#0E0C08;          /* uzay, bir durak açık    */
  --u2:#12100A;          /* yükseltilmiş yüzey      */
  --sicak:#FFE9B0;       /* sıcak vurgu             */
  --altin:#E8B45C;       /* birincil altın          */
  --orta:#B8862F;        /* orta altın              */
  --dim:#6E5118;         /* loş altın — DEKORATİF   */
  --fil:#F2ECDC;         /* fildişi                 */
  --fil2:rgba(242,236,220,.74);
  --fil3:rgba(242,236,220,.56);
  --cizgi:rgba(184,134,47,.26);
  --cizgi2:rgba(232,180,92,.5);
  --murekkep:#171204;    /* altın zemin üstü metin  */
  /* yazı aileleri */
  --caps:'Sora',system-ui,'Segoe UI',sans-serif;
  --gov:'Inter',system-ui,'Segoe UI',sans-serif;
  --insan:'Playfair Display',Georgia,serif;
  /* akışkan tip ölçeği */
  --y0:.72rem;                              /* kicker / HUD          */
  --y1:.94rem;                              /* mikro gövde           */
  --y2:1.06rem;                             /* büyük gövde           */
  --y3:clamp(1.25rem,1.2rem + .8vw,1.65rem);/* alt başlık            */
  --y4:clamp(1.85rem,1.4rem + 2.4vw,3.15rem);/* bölüm başlığı        */
  --y5:clamp(2.55rem,1.8rem + 3.9vw,4.7rem);/* sayfa başlığı         */
  /* tek boşluk ölçeği */
  --a1:.5rem; --a2:1rem; --a3:1.5rem; --a4:2.5rem; --a5:4rem;
  --a6:clamp(4.5rem,11vh,8.5rem);
  /* hareket: 150–350ms bandı, bir kez, kademeli */
  --sure-1:.16s; --sure-2:.26s; --sure-3:.34s;
  --kademe:70ms;
  --ease:cubic-bezier(.19,.82,.22,1);
  --nav-h:60px;
}

/* ───────── taban ───────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 1.25rem)}
body{
  background:var(--u0);
  color:var(--fil);
  font:400 1rem/1.72 var(--gov);
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--altin)}
a:hover{color:var(--sicak)}
::selection{background:var(--altin);color:var(--murekkep)}
:focus-visible{outline:2px solid var(--sicak);outline-offset:3px}
h1,h2,h3{font-family:var(--caps);font-weight:600;line-height:1.12;letter-spacing:-.005em;color:var(--fil);text-wrap:balance}
/* dul-kelime kontrolü: son kelime tek başına satıra düşmez (aşamalı zenginleştirme) */
p,li,blockquote,figcaption,dd{text-wrap:pretty}
strong,b{color:var(--sicak);font-weight:600}

.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.kap{max-width:1220px;margin-inline:auto;padding-inline:clamp(1.5rem,5vw,4rem)}
.kap--dar{max-width:920px}

/* ───────── ortak enstrüman grameri ───────── */
.bolum{position:relative;padding-block:var(--a6)}
.kck{display:flex;align-items:center;gap:.9rem;font:600 var(--y0)/1.5 var(--caps);letter-spacing:.32em;text-transform:uppercase;color:var(--altin);margin-bottom:1.6rem}
.kck::before{content:"";flex:none;width:2.6rem;height:1px;background:linear-gradient(90deg,var(--sicak),rgba(232,180,92,.15))}
.kck::after{content:"";flex:none;width:5px;height:5px;transform:rotate(45deg);border:1px solid var(--orta)}
.kck--orta{justify-content:center}
.kck--orta::after{display:none}
.bolum h2{font-size:var(--y4);max-width:22ch}
.bolum-sub{max-width:58ch;color:var(--fil2);margin-top:1.3rem;font-size:var(--y2)}
.orta{text-align:center}
.orta h2,.orta .bolum-sub{margin-inline:auto}

/* bölüm bağlantı elması */
.bolum[data-dugum]::before{
  content:"";position:absolute;left:50%;top:0;width:7px;height:7px;
  transform:translate(-50%,-50%) rotate(45deg);
  border:1px solid var(--orta);background:var(--u0);z-index:2;
}
.bolum[data-dugum]::after{
  content:"";position:absolute;left:20%;right:20%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(184,134,47,.3) 35%,rgba(184,134,47,.3) 65%,transparent);
}

/* perde/belir — gizli durum YALNIZ .js altında; 150–350ms, bir kez */
.perde{display:block;overflow:hidden}
.perde .satir{display:block;will-change:transform}
.js .perde .satir{transform:translateY(114%);transition:transform var(--sure-3) var(--ease);transition-delay:calc(var(--i,0)*var(--kademe))}
.js .goster .perde .satir,.js .perde.goster .satir{transform:translateY(0)}
.js .belir{opacity:0;transform:translateY(12px);transition:opacity var(--sure-3) var(--ease),transform var(--sure-3) var(--ease);transition-delay:calc(var(--i,0)*var(--kademe))}
.js .goster .belir,.js .belir.goster{opacity:1;transform:none}

/* ───────── CTA — ışıklı dikdörtgen, keskin köşe ───────── */
.cta{
  display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .7rem;
  text-align:center;line-height:1.3;
  padding:1.02rem 2.15rem;border:1px solid rgba(255,233,176,.75);
  background:linear-gradient(180deg,#F6CD80,#E8B45C 48%,#C08D33);
  color:var(--murekkep)!important;font:600 .92rem/1 var(--caps);letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;
  box-shadow:0 0 0 1px rgba(110,81,24,.55),0 0 22px rgba(232,180,92,.22),inset 0 1px 0 rgba(255,242,205,.85);
  transition:box-shadow var(--sure-2),background var(--sure-2),transform var(--sure-2);
}
.cta:hover,.cta:focus-visible{
  background:linear-gradient(180deg,#FFE9B0,#F0BC64 48%,#CE9A3C);
  box-shadow:0 0 0 1px rgba(184,134,47,.8),0 0 44px rgba(232,180,92,.5),0 0 90px rgba(232,180,92,.18),inset 0 1px 0 #FFF3D2;
}
.cta::after{content:"→";font-family:var(--gov);transform:translateX(0);transition:transform var(--sure-2)}
.cta:hover::after{transform:translateX(4px)}
.cta-hayalet{display:inline-flex;align-items:center;gap:.55rem;padding:1rem 1.4rem;
  font:600 .82rem/1 var(--caps);letter-spacing:.16em;text-transform:uppercase;color:var(--altin);text-decoration:none;
  border:1px solid rgba(184,134,47,.4);transition:border-color var(--sure-2),color var(--sure-2),box-shadow var(--sure-2)}
.cta-hayalet:hover{color:var(--sicak);border-color:var(--cizgi2);box-shadow:0 0 18px rgba(232,180,92,.14)}

/* ═════════════════ NAV ═════════════════ */
.ustbar{
  position:fixed;inset:0 0 auto 0;z-index:100;height:var(--nav-h);
  display:flex;align-items:center;gap:1.4rem;
  padding-inline:clamp(1.1rem,3vw,2.4rem);
  background:linear-gradient(180deg,rgba(10,9,6,.96),rgba(10,9,6,.9));
  border-bottom:1px solid var(--cizgi);
}
.ub-marka{display:flex;align-items:center;gap:.7rem;font:600 .88rem/1 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--fil);text-decoration:none;white-space:nowrap}
.ub-marka svg{width:26px;height:32px;flex:none}
.ub-marka i{font-style:normal;color:var(--altin)}
.ub-nav{display:flex;gap:1.4rem;margin-inline:auto}
.ub-nav a{font:600 var(--y0)/1 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--fil3);text-decoration:none;padding:.4rem 0;transition:color .2s;border-bottom:1px solid transparent}
.ub-nav a:hover{color:var(--sicak)}
.ub-nav a[aria-current]{color:var(--altin);border-bottom-color:var(--altin)}
.ub-cta{flex:none;padding:.62rem 1.15rem;font-size:var(--y0)}
.ub-cta::after{content:none}
.ub-burger{display:none;flex:none;width:40px;height:40px;background:none;border:1px solid var(--cizgi);cursor:pointer;position:relative}
.ub-burger span{position:absolute;left:9px;right:9px;height:1.5px;background:var(--altin);transition:transform .25s,opacity .25s}
.ub-burger span:nth-child(1){top:13px}
.ub-burger span:nth-child(2){top:19px}
.ub-burger span:nth-child(3){top:25px}
.ub-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ub-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.ub-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.mobilmenu{position:fixed;top:var(--nav-h);left:0;right:0;z-index:99;
  display:grid;gap:0;padding:.6rem 1.4rem 1.4rem;
  background:linear-gradient(180deg,#0C0A07,#0A0906);border-bottom:1px solid var(--cizgi)}
.mobilmenu a{font:600 .85rem/1 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--fil2);
  text-decoration:none;padding:1rem .2rem;border-bottom:1px solid rgba(184,134,47,.14)}
.mobilmenu a:last-child{border-bottom:0}
.mobilmenu a[aria-current]{color:var(--altin)}
.js .mobilmenu{opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s,transform .25s}
.js .mobilmenu.acik{opacity:1;transform:none;pointer-events:auto}
.no-js .mobilmenu{position:static;display:none}

/* ═════════════════ İZ — breadcrumb ═════════════════ */
.iz{margin-bottom:1.4rem}
.iz ol{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;list-style:none;
  font:600 .64rem/1.6 var(--caps);letter-spacing:.22em;text-transform:uppercase}
.iz li{display:flex;align-items:center;gap:.6rem;color:var(--orta)}
.iz li+li::before{content:"";width:4px;height:4px;transform:rotate(45deg);border:1px solid var(--dim)}
.iz a{color:var(--orta);text-decoration:none;transition:color .2s}
.iz a:hover{color:var(--sicak)}
.iz [aria-current="page"]{color:var(--altin)}

/* ═════════════════ SAYFA GİRİŞİ — standart iç sayfa ═════════════════ */
.sayfa-giris{
  position:relative;overflow:hidden;
  padding:calc(var(--nav-h) + clamp(3.5rem,9vh,6.5rem)) 0 clamp(3rem,8vh,5.5rem);
  background:
    radial-gradient(60% 50% at 78% 18%,rgba(232,180,92,.08),transparent 65%),
    radial-gradient(90% 70% at 50% 112%,rgba(184,134,47,.05),transparent 60%),
    linear-gradient(180deg,#0B0A07,var(--u0) 60%);
}
.sayfa-giris::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,rgba(232,180,92,.045) 0 1px,transparent 1px 96px),
    repeating-linear-gradient(0deg,rgba(232,180,92,.04) 0 1px,transparent 1px 96px);
  -webkit-mask-image:radial-gradient(80% 90% at 70% 10%,#000 20%,transparent 76%);
  mask-image:radial-gradient(80% 90% at 70% 10%,#000 20%,transparent 76%);
}
.sayfa-giris .kap{position:relative;z-index:2}
.sayfa-giris h1{font-size:var(--y5);line-height:1.05;letter-spacing:-.012em;max-width:20ch}
.sayfa-giris h1 b{color:var(--sicak)}
.sayfa-sub{margin-top:1.6rem;max-width:56ch;color:var(--fil2);font-size:var(--y2)}

/* ═════════════════ DÜNYA GİRİŞİ — marka sayfası kokpiti ═════════════════ */
.dunya-giris{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  align-items:center;gap:clamp(1rem,3vw,3rem);
  min-height:88svh;
  padding:calc(var(--nav-h) + 3.5vh) clamp(1.5rem,5.5vw,5.5rem) 6vh;
  background:
    radial-gradient(58% 46% at 72% 44%,rgba(232,180,92,.085),transparent 68%),
    radial-gradient(90% 70% at 50% 108%,rgba(184,134,47,.06),transparent 60%),
    linear-gradient(180deg,#0B0A07,var(--u0) 34%,#0C0A07);
}
.dunya-giris::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,rgba(232,180,92,.05) 0 1px,transparent 1px 96px),
    repeating-linear-gradient(0deg,rgba(232,180,92,.045) 0 1px,transparent 1px 96px);
  -webkit-mask-image:radial-gradient(75% 75% at 64% 45%,#000 30%,transparent 78%);
  mask-image:radial-gradient(75% 75% at 64% 45%,#000 30%,transparent 78%);
}
.dunya-metin{position:relative;z-index:3;max-width:36rem}
.dunya-metin .iz{margin-bottom:1.8rem}
.dunya-metin h1{font-size:clamp(2.4rem,1.7rem + 3.6vw,4.4rem);line-height:1.05;letter-spacing:-.012em}
.dunya-metin h1 b{color:var(--sicak)}
.dunya-sub{margin-top:1.5rem;max-width:46ch;color:var(--fil2);font-size:var(--y2)}
.dunya-cta{margin-top:2.2rem;display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem}
.garanti-satiri{margin-top:1.35rem;display:flex;align-items:flex-start;gap:.7rem;max-width:46ch;color:var(--fil2);font-size:var(--y1)}
.garanti-satiri::before{content:"";flex:none;margin-top:.52em;width:7px;height:7px;transform:rotate(45deg);
  background:linear-gradient(135deg,var(--sicak),var(--orta));box-shadow:0 0 8px rgba(232,180,92,.5)}

/* durum rozeti */
.rozet{display:inline-flex;align-items:center;gap:.5rem;font:600 .62rem/1 var(--caps);letter-spacing:.22em;text-transform:uppercase;
  padding:.52rem .85rem;border:1px solid rgba(184,134,47,.45);color:var(--altin);white-space:nowrap}
.rozet--aktif{background:linear-gradient(180deg,#F6CD80,#D9A64C);color:var(--murekkep);border-color:rgba(255,233,176,.8);
  box-shadow:0 0 16px rgba(232,180,92,.3)}
.rozet--ufukta{border-style:dashed;border-color:rgba(110,81,24,.7);color:var(--orta)}
.dunya-ust{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem}
.dunya-ust .kck{margin-bottom:0}

/* veri şeridi */
.veri-serit{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--cizgi);max-width:36rem}
.veri-serit div{padding:1rem 1.5rem 0 0;margin-right:1.5rem;border-right:1px solid rgba(184,134,47,.16)}
.veri-serit div:last-child{border-right:0;margin-right:0}
.veri-serit b{display:block;font:600 1.3rem/1.2 var(--caps);color:var(--sicak)}
.veri-serit b span{font:inherit;letter-spacing:inherit;color:inherit;text-transform:none}
.veri-serit div > span{font:600 .62rem/1.6 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--orta)}

/* dünya sahnesi — sağ kolon enstrümanı */
.dunya-sahne{position:relative;z-index:2;display:grid;place-items:center;min-height:340px}
.dunya-svg{width:min(76vh,44vw);max-width:112%;aspect-ratio:1;display:block;overflow:visible}
.dunya-hale{position:absolute;inset:-6%;pointer-events:none;
  background:
    radial-gradient(closest-side at 50% 50%,rgba(255,233,176,.13),transparent 46%),
    radial-gradient(closest-side at 50% 50%,rgba(232,180,92,.11),rgba(232,180,92,.04) 55%,transparent 72%)}
.hud-etiket{position:absolute;font:600 .6rem/1.7 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--orta);pointer-events:none;white-space:nowrap}
.hud-etiket b{color:var(--altin);font-weight:600}
.hud-etiket--sol{top:.4rem;left:.2rem}
.hud-etiket--sag{top:.4rem;right:.2rem;text-align:right}
.hud-etiket--alt{bottom:.2rem;left:.2rem}
.hud-etiket--altsag{bottom:.2rem;right:.2rem;text-align:right}
.hud-kose{position:absolute;width:18px;height:18px;border:0 solid rgba(232,180,92,.55);pointer-events:none}
.hud-kose--tl{top:0;left:0;border-top-width:1px;border-left-width:1px}
.hud-kose--tr{top:0;right:0;border-top-width:1px;border-right-width:1px}
.hud-kose--bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}
.hud-kose--br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}

/* svg çizim stilleri — paylaşılan enstrüman dili */
.tik-ince{fill:none;stroke:rgba(184,134,47,.4);stroke-dasharray:.055 .945;stroke-dashoffset:.0275}
.tik-kalin{fill:none;stroke:rgba(232,180,92,.75);stroke-dasharray:.045 .955;stroke-dashoffset:.0225}
.cember{fill:none;stroke:rgba(232,180,92,.34);stroke-width:1}
.cember--soluk{stroke:rgba(184,134,47,.18)}
.orbit-e{fill:none;stroke:rgba(232,180,92,.22);stroke-width:1}
.orbit-e--parlak{stroke:rgba(232,180,92,.4);stroke-dasharray:3 7}
.orbit-e--ufuk{stroke:rgba(110,81,24,.55);stroke-dasharray:2 9}
.hud-yazi{font:600 15px var(--caps);letter-spacing:.22em;fill:var(--orta);text-anchor:middle}
.hud-yazi--parlak{fill:var(--altin)}
.hud-yazi--sicak{fill:var(--sicak)}
.golge-p{fill:#0A0906;opacity:.5}
.golge-c{fill:#080704;opacity:.86}
.uydu{fill:var(--sicak)}
.uydu-halka{fill:none;stroke:rgba(255,233,176,.5);stroke-width:1}
.isin{stroke:rgba(255,233,176,.65);stroke-width:1.2}
.isin--soluk{stroke:rgba(232,180,92,.3);stroke-width:1}

/* yörünge sürüklenmesi — yalnız .js + hareket açık */
@keyframes surukle{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.js .suruklenir{transform-origin:center;animation:surukle 240s linear infinite}
.js .suruklenir--ters{transform-origin:center;animation:surukle 320s linear infinite reverse}

/* ═════════════════ SİSTEM SATIRLARI — dizin dili ═════════════════ */
.sistem-listesi{margin-top:3.2rem;border-bottom:1px solid var(--cizgi)}
.sistem{
  display:grid;grid-template-columns:5.4rem minmax(0,1fr) auto;align-items:center;gap:clamp(.9rem,2.5vw,2.4rem);
  padding:1.75rem clamp(.4rem,1.5vw,1.3rem);position:relative;text-decoration:none;
  border-top:1px solid var(--cizgi);
  transition:background var(--sure-2);
}
.sistem::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;
  background:linear-gradient(90deg,var(--sicak),var(--altin) 26%,rgba(232,180,92,.12) 82%,transparent);
  transform:scaleX(0);transform-origin:left;transition:transform .34s var(--ease)}
.sistem:hover{background:linear-gradient(90deg,rgba(232,180,92,.05),transparent 60%)}
.s-no{font:600 1.5rem/1 var(--caps);letter-spacing:.1em;color:var(--dim);transition:color var(--sure-3)}
.s-icerik{min-width:0}
.s-ad{display:block;font:600 clamp(1.06rem,2.1vw,1.55rem)/1.25 var(--caps);letter-spacing:.05em;text-transform:uppercase;color:#8E7A54;transition:color var(--sure-3)}
.s-tag{display:block;margin-top:.3rem;color:var(--fil3);font-size:.93rem;transition:color var(--sure-3)}
.s-durum{justify-self:end;font:600 .62rem/1 var(--caps);letter-spacing:.22em;text-transform:uppercase;
  padding:.52rem .85rem;border:1px solid rgba(184,134,47,.45);color:var(--altin);white-space:nowrap;transition:opacity var(--sure-3)}
.s-durum--aktif{background:linear-gradient(180deg,#F6CD80,#D9A64C);color:var(--murekkep);border-color:rgba(255,233,176,.8);
  box-shadow:0 0 16px rgba(232,180,92,.3)}
.s-durum--ufukta{border-style:dashed;border-color:rgba(110,81,24,.7);color:var(--orta)}
.s-ok{position:absolute;right:.4rem;top:50%;transform:translate(-6px,-50%);opacity:0;color:var(--sicak);font-size:1.1rem;transition:opacity .25s,transform .25s}
.sistem:hover .s-ok{opacity:1;transform:translate(0,-50%)}
/* sönük durum AA kontrastını korur (≥4.5:1); ateşleme = bronz→fildişi + altın numara + alt çizgi */
.js .sistem:not(.lit) .s-no{color:#8E7A54}
.js .sistem:not(.lit) .s-ad{color:#8E7A54}
.js .sistem:not(.lit) .s-tag,.js .sistem:not(.lit) .s-durum{opacity:.92}
.sistem.lit::before{transform:scaleX(1)}
.sistem.lit .s-no{color:var(--altin)}
.sistem.lit .s-ad{color:var(--fil)}
.sistem.lit:hover .s-ad{color:var(--sicak)}
.no-js .sistem::before{transform:scaleX(1)}
.no-js .sistem .s-no{color:var(--altin)}
.no-js .sistem .s-ad{color:var(--fil)}
.sistem-cta{margin-top:3rem;display:flex;flex-wrap:wrap;align-items:center;gap:1.3rem}
/* kule düzeni: birincil CTA tek başına üst satır, hayalet butonlar altta çift — 2+1 dengesizliği yerine */
.sistem-cta--kule .kule-bas{flex-basis:100%;display:flex;justify-content:center}
.araclar-liste .sistem{grid-template-columns:4.6rem minmax(0,1fr) auto}
.araclar-liste .s-no{font-size:.95rem;letter-spacing:.2em}
.araclar-liste .s-ad{font-size:clamp(1rem,1.8vw,1.3rem)}

/* ═════════════════ FAZ BLOKLARI — 30 günlük yapı ═════════════════ */
.faz-listesi{margin-top:3rem;display:grid;gap:1rem;counter-reset:faz}
.faz{border:1px solid rgba(184,134,47,.22);border-left:2px solid rgba(184,134,47,.4);
  padding:1.5rem 1.7rem;position:relative;
  background:linear-gradient(90deg,rgba(232,180,92,.05),transparent 70%);
  transition:border-color var(--sure-3)}
.faz:hover{border-left-color:var(--sicak);border-color:rgba(232,180,92,.4)}
.faz-ust{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1.2rem}
.faz-gun{font:600 .66rem/1 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--sicak);white-space:nowrap}
.faz h3{font-size:1.08rem;letter-spacing:.12em;text-transform:uppercase;color:var(--altin)}
.faz-ust::after{content:"";flex:1;height:1px;min-width:2rem;background:linear-gradient(90deg,var(--cizgi),transparent)}
.faz p{margin-top:.7rem;color:var(--fil2);font-size:.98rem;max-width:66ch}
.faz-mikro{margin-top:2rem;font:600 .62rem/1.8 var(--caps);letter-spacing:.3em;text-transform:uppercase;color:var(--orta)}

/* ═════════════════ KAYITLAR — telemetri kartları ═════════════════ */
.kayit-izgara{margin-top:3.2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.kayit{border:1px solid var(--cizgi);padding:1.6rem 1.5rem 1.4rem;position:relative;display:flex;flex-direction:column;gap:1rem;
  background:linear-gradient(180deg,rgba(232,180,92,.045),transparent 45%)}
.kayit::before{content:"";position:absolute;top:-1px;left:1.4rem;right:55%;height:1px;background:linear-gradient(90deg,var(--sicak),transparent)}
.kayit-ust{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap}
.kayit-no{font:600 .62rem/1 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--orta)}
.kayit-rozet{font:600 .58rem/1 var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--murekkep);
  background:linear-gradient(180deg,#F6CD80,#D9A64C);padding:.42rem .6rem;white-space:nowrap}
.kayit h3{font-size:1.12rem;letter-spacing:.02em;color:var(--fil)}
.kayit h3 span{display:block;font:600 .64rem/1.9 var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--altin)}
.kayit p{color:var(--fil2);font-size:.94rem;flex:1}
.kayit-bar{display:flex;align-items:center;gap:.8rem}
.kayit-bar i{flex:1;height:8px;
  background:repeating-linear-gradient(90deg,var(--altin) 0 2px,transparent 2px calc(100%/30));
  background-size:calc(100% + 2px) 100%}
.kayit-bar span{font:600 .6rem/1 var(--caps);letter-spacing:.2em;color:var(--altin)}
.kayit-link{margin-top:2.4rem;text-align:center}

/* ═════════════════ YASALAR ═════════════════ */
.yasa-izgara{margin-top:3rem;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--cizgi);border-left:1px solid var(--cizgi)}
.yasa{padding:2.2rem 2.2rem 2.4rem;border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);position:relative}
.yasa i{display:block;font:600 2.2rem/1 var(--caps);font-style:normal;color:var(--dim);letter-spacing:.08em}
.yasa h3{margin-top:1rem;font-size:1.3rem;color:var(--sicak)}
.yasa p{margin-top:.8rem;color:var(--fil2);font-size:.96rem}
.yasa::after{content:"";position:absolute;left:2.2rem;top:4.6rem;width:2.4rem;height:1px;background:linear-gradient(90deg,var(--altin),transparent)}
.yasa-kapanis{margin-top:2.8rem;text-align:center;font-family:var(--caps);font-weight:600;font-size:clamp(1.05rem,2vw,1.4rem);color:var(--fil);max-width:44ch;margin-inline:auto}
.yasa-kapanis b{color:var(--sicak)}

/* ═════════════════ KURUCU / FOTO ═════════════════ */
.kurucu-izgara{margin-top:3rem;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.foto{position:relative;border:1px solid rgba(232,180,92,.35);max-width:430px}
.foto img{filter:grayscale(1) sepia(.52) hue-rotate(-12deg) saturate(1.5) contrast(1.07) brightness(.9)}
.foto::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(168deg,rgba(255,233,176,.13),transparent 34%,rgba(10,9,6,.42) 88%)}
.foto::before{content:"";position:absolute;left:-1px;top:9%;bottom:9%;width:2px;z-index:1;
  background:linear-gradient(180deg,transparent,var(--sicak) 30%,var(--sicak) 70%,transparent);
  box-shadow:0 0 14px rgba(255,233,176,.55)}
.foto-eti{position:absolute;left:0;right:0;bottom:-1px;padding:.7rem 1rem;
  font:600 .58rem/1.6 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--altin);
  background:linear-gradient(180deg,transparent,rgba(10,9,6,.94) 45%)}
.kurucu-metin p{margin-top:1.2rem;color:var(--fil2);font-size:1.02rem;max-width:62ch}
.kurucu-metin p:first-of-type{margin-top:0}
.kurucu-alinti{margin:2rem 0;padding:1.4rem 1.8rem;border-left:2px solid var(--altin);
  background:linear-gradient(90deg,rgba(232,180,92,.07),transparent 75%);
  font:italic 500 clamp(1.2rem,2.4vw,1.55rem)/1.5 var(--insan);color:var(--sicak)}
.imza{margin-top:2.2rem}
.imza b{display:block;font:italic 500 2.1rem/1.1 var(--insan);color:var(--sicak);letter-spacing:.02em}
.imza span{display:block;margin-top:.5rem;font:600 .62rem/1 var(--caps);letter-spacing:.3em;text-transform:uppercase;color:var(--orta)}

/* ═════════════════ DÜZYAZI — hikâye/gizlilik gövde dili ═════════════════ */
.duzyazi{max-width:68ch}
.duzyazi h2{font-size:var(--y3);margin-top:2.8rem;padding-top:1.2rem;position:relative}
.duzyazi h2::before{content:"";position:absolute;left:0;top:0;width:2.6rem;height:1px;
  background:linear-gradient(90deg,var(--sicak),rgba(232,180,92,.1))}
.duzyazi p{margin-top:1.1rem;color:var(--fil2)}
.duzyazi ul{margin:1.1rem 0 0 1.2rem;color:var(--fil2)}
.duzyazi li{margin-bottom:.55rem}
.duzyazi li::marker{color:var(--altin)}
.duzyazi a{color:var(--altin)}
.duzyazi a:hover{color:var(--sicak)}
.guncelleme{font:600 .64rem/1.7 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--orta);margin-top:1rem}

/* olgular tablosu */
.gercekler{width:100%;border-collapse:collapse;margin-top:1.6rem;font-size:.97rem}
.gercekler th,.gercekler td{padding:.95rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--cizgi)}
.gercekler th{color:var(--altin);font-family:var(--caps);font-weight:600;white-space:nowrap;width:34%;
  font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.gercekler td{color:var(--fil2)}
.gercekler tr:first-child th,.gercekler tr:first-child td{border-top:1px solid var(--cizgi2)}

/* ═════════════════ ABONE / FORM ═════════════════ */
.abone-form{margin:2.6rem auto 0;display:flex;gap:.8rem;max-width:34rem;flex-wrap:wrap;justify-content:center}
.abone-form input[type=email]{
  flex:1;min-width:15rem;padding:1rem 1.2rem;
  background:linear-gradient(180deg,#12100A,#0E0C08);border:1px solid rgba(184,134,47,.45);
  color:var(--fil);font:400 1rem var(--gov);caret-color:var(--sicak)}
.abone-form input[type=email]::placeholder{color:rgba(242,236,220,.4)}
.abone-form input[type=email]:focus{outline:none;border-color:var(--altin);box-shadow:0 0 0 1px rgba(232,180,92,.5),0 0 22px rgba(232,180,92,.15)}
.abone-form .cta{padding-block:1rem}
.tuzak{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
.abone-durum{margin-top:1.1rem;min-height:1.5rem;font-size:.94rem;color:var(--altin)}
.abone-mikro{margin-top:1.4rem;color:var(--fil3);font-size:.85rem}
.abone-mikro a{color:var(--orta)}
.abone-mikro a:hover{color:var(--altin)}
.abone-nojs{margin-top:2.2rem;font-size:1.02rem}
.no-js .abone-form,.no-js .abone-durum{display:none}
.js .abone-nojs{display:none}

/* ═════════════════ PANO — /simdi durum panosu ═════════════════ */
.pano{margin-top:3rem;border:1px solid var(--cizgi);position:relative;
  background:linear-gradient(180deg,rgba(232,180,92,.04),transparent 40%)}
.pano::before{content:"";position:absolute;top:-1px;left:1.6rem;right:50%;height:1px;background:linear-gradient(90deg,var(--sicak),transparent)}
.pano-baslik{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;
  padding:1.2rem 1.6rem;border-bottom:1px solid var(--cizgi);
  font:600 .68rem/1.5 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--altin)}
.pano-baslik span{color:var(--orta);letter-spacing:.2em}
.pano-satir{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;
  padding:1.15rem 1.6rem;border-bottom:1px solid rgba(184,134,47,.14);text-decoration:none;transition:background var(--sure-2)}
.pano-satir:last-child{border-bottom:0}
a.pano-satir:hover{background:linear-gradient(90deg,rgba(232,180,92,.05),transparent 60%)}
.pano-satir b{font:600 1.02rem/1.35 var(--caps);letter-spacing:.04em;color:var(--fil)}
a.pano-satir:hover b{color:var(--sicak)}
.pano-satir small{display:block;margin-top:.2rem;color:var(--fil3);font-size:.88rem}

/* ═════════════════ HARİTA — /galaksi ═════════════════ */
.harita-cerceve{position:relative;margin-top:3rem;padding:clamp(1.2rem,4vw,3.2rem);border:1px solid var(--cizgi);
  background:radial-gradient(60% 55% at 50% 45%,rgba(232,180,92,.06),transparent 70%)}
.harita-svg{width:100%;max-width:860px;margin-inline:auto;display:block;overflow:visible}
.harita-not{margin-top:1.8rem;text-align:center;font:600 .62rem/1.8 var(--caps);letter-spacing:.3em;text-transform:uppercase;color:var(--orta)}
.harita-not b{color:var(--altin)}

/* ═════════════════ 404 — kayıp uzay ═════════════════ */
.kayip{min-height:100svh;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;
  padding:calc(var(--nav-h) + 3rem) 1.5rem 4rem;
  background:
    radial-gradient(50% 40% at 50% 42%,rgba(232,180,92,.07),transparent 70%),
    linear-gradient(180deg,var(--u0),#0C0A07 55%,var(--u0))}
.kayip-icerik{position:relative;z-index:2;max-width:44rem}
.kayip-kod{font:600 clamp(4.5rem,16vw,9rem)/1 var(--caps);letter-spacing:.06em;color:transparent;
  -webkit-text-stroke:1px rgba(232,180,92,.55);
  text-shadow:0 0 44px rgba(232,180,92,.18)}
.kayip h1{margin-top:1rem;font-size:var(--y4)}
.kayip p{margin-top:1.2rem;color:var(--fil2)}
.kayip-cta{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:1.1rem;justify-content:center}
.kayip-svg{position:absolute;inset:auto auto -18% 50%;transform:translateX(-50%);width:min(80vw,780px);opacity:.5;pointer-events:none}

/* ═════════════════ FOOTER ═════════════════ */
.altbilgi{background:#070604;border-top:1px solid var(--cizgi);position:relative;margin-top:var(--a6)}
.altbilgi--dip{margin-top:0}
.altbilgi::before{content:"";position:absolute;top:-1px;left:8%;right:52%;height:1px;
  background:linear-gradient(90deg,transparent,var(--sicak),transparent)}
.altbilgi-izgara{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;padding-block:4.5rem 3.5rem}
.altbilgi h2{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--orta);margin-bottom:1.2rem;font-family:var(--caps);font-weight:600}
.alt-marka{display:flex;align-items:center;gap:.7rem;font:600 1rem/1 var(--caps);letter-spacing:.24em;color:var(--fil);margin-bottom:1.2rem}
.alt-marka svg{width:24px;height:30px;flex:none}
.alt-marka i{font-style:normal;color:var(--altin)}
.alt-misyon{color:var(--fil3);font-size:.92rem;max-width:30ch}
.altbilgi ul{list-style:none}
.altbilgi li{margin-bottom:.65rem}
.altbilgi a{color:var(--fil3);text-decoration:none;font-size:.92rem;transition:color .2s}
.altbilgi a:hover{color:var(--sicak)}
.alt-bant{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;align-items:center;justify-content:space-between;
  padding-block:1.5rem;border-top:1px solid rgba(184,134,47,.16);
  font:600 .66rem/1.7 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--orta)}
.alt-bant a{color:var(--altin);text-decoration:none;font-size:.66rem;text-transform:none;letter-spacing:.14em}
/* adres literalleri (e-posta, alan adı) büyütülmez — TR noktalı İ bozar; kırılmaz da */
.adres{text-transform:none;letter-spacing:.12em;white-space:nowrap}
/* marka adı gibi bölünmez ibareler (CTA'larda "1 AYDA 1 DİL" ortadan kırılmasın) */
.tek{white-space:nowrap}
.alt-bant .soz{color:var(--altin)}

/* ═════════════════ BLOG DÜNYASI — Phase 3 ═════════════════ */

/* okuma çubuğu — ışıklı ilerleme hattı */
.okuma-cubugu{position:fixed;top:0;left:0;right:0;height:2px;z-index:120;pointer-events:none;background:rgba(184,134,47,.14)}
.okuma-cubugu i{display:block;height:100%;transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--orta),var(--altin) 55%,var(--sicak));
  box-shadow:0 0 12px rgba(232,180,92,.55),0 0 3px rgba(255,233,176,.8)}
.no-js .okuma-cubugu{display:none}

/* yazı girişi */
.sayfa-giris--makale h1{font-size:clamp(1.95rem,1.4rem + 2.7vw,3.35rem);max-width:24ch}
.makale-ust{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.1rem;margin-bottom:1.5rem;
  font:600 var(--y0)/1.6 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--orta)}
.makale-ust time,.makale-ust span{white-space:nowrap}
.kategori-etiket{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;
  border:1px solid rgba(184,134,47,.5);color:var(--altin);text-decoration:none;
  font:600 .62rem/1 var(--caps);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;
  transition:color var(--sure-2),border-color var(--sure-2),box-shadow var(--sure-2)}
.kategori-etiket::before{content:"";width:5px;height:5px;transform:rotate(45deg);
  background:linear-gradient(135deg,var(--sicak),var(--orta))}
a.kategori-etiket:hover{color:var(--sicak);border-color:var(--cizgi2);box-shadow:0 0 16px rgba(232,180,92,.18)}
/* lead: gövde sansıyla, ışıklı sol hat — el yazması değil enstrüman (serif yalnız epigrafta) */
.makale-lead{margin-top:1.5rem;max-width:56ch;font:400 clamp(1.1rem,1.02rem + .5vw,1.32rem)/1.68 var(--gov);color:var(--fil2);
  padding-left:1.1rem;border-left:2px solid rgba(232,180,92,.55)}
.makale-yazan{margin-top:1.3rem;font:600 .66rem/1.6 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--orta)}
.makale-yazan b{color:var(--altin);font-weight:600}
.makale-kapak{position:relative;margin-top:2.4rem;padding:clamp(1.5rem,3vw,2.1rem) clamp(1.4rem,4vw,3rem) clamp(1.6rem,3.2vw,2.3rem);
  border:1px solid var(--cizgi);text-align:center;
  background:
    radial-gradient(60% 120% at 50% 0%,rgba(232,180,92,.13),transparent 72%),
    linear-gradient(180deg,rgba(232,180,92,.04),transparent 60%)}
.makale-kapak::before,.makale-kapak::after{content:"";position:absolute;width:16px;height:16px;border:0 solid rgba(232,180,92,.55)}
.makale-kapak::before{top:-1px;left:-1px;border-top-width:1px;border-left-width:1px}
.makale-kapak::after{bottom:-1px;right:-1px;border-bottom-width:1px;border-right-width:1px}
.makale-kapak span{display:block;font:italic 500 clamp(1.15rem,2.2vw,1.5rem)/1.55 var(--insan);color:var(--sicak);text-wrap:balance}
/* epigraf nişanı: elmas + iki yana ışıklı hairline — plaka artık tören taşıyor */
.makale-kapak span::before{content:"";display:block;width:min(240px,55%);height:1px;margin:0 auto 1.05rem;
  background:linear-gradient(90deg,transparent,rgba(232,180,92,.5) 18%,rgba(232,180,92,.5) 82%,transparent)}
.makale-kapak span::after{content:"◆";position:absolute;top:calc(clamp(1.5rem,3vw,2.1rem) - .62em);left:50%;translate:-50% 0;
  font:400 .58rem/1 var(--caps);font-style:normal;color:var(--altin);background:var(--u0);padding-inline:.7em}

/* gövde — dergi tipografisi (~66ch Inter, Sora başlıklar) */
.bolum--makale{padding-block:clamp(2.6rem,6vh,4rem) var(--a6)}
.makale-govde{max-width:min(66ch,680px);font-size:var(--y2);line-height:1.85;color:var(--fil2)}
.makale-govde>p{margin-top:1.2rem}
.makale-govde h2{font-size:clamp(1.42rem,1.2rem + 1.1vw,1.85rem);margin-top:3.2rem;padding-top:1.2rem;position:relative;color:var(--fil)}
.makale-govde h2::before{content:"";position:absolute;left:0;top:0;width:2.6rem;height:1px;
  background:linear-gradient(90deg,var(--sicak),rgba(232,180,92,.1))}
.makale-govde h3{font-size:1.16rem;margin-top:2.2rem;color:var(--sicak)}
.makale-govde ul,.makale-govde ol{margin:1.2rem 0 0 1.35rem}
.makale-govde li{margin-bottom:.6rem}
.makale-govde li::marker{color:var(--altin)}
.makale-govde a{color:var(--altin);text-decoration:underline;text-decoration-color:rgba(232,180,92,.4);text-underline-offset:3px}
.makale-govde a:hover{color:var(--sicak);text-decoration-color:var(--sicak)}
/* alıntı: HUD iletim bloğu — köşe nişanları + altın hat (serif değil, gelecek dili) */
.makale-govde blockquote{margin:2.2rem 0;padding:1.5rem 1.8rem 1.4rem;position:relative;
  border:1px solid var(--cizgi);border-left:2px solid var(--altin);
  background:linear-gradient(90deg,rgba(232,180,92,.07),transparent 78%);
  font:500 clamp(1.04rem,1.7vw,1.22rem)/1.7 var(--gov);color:var(--sicak)}
.makale-govde blockquote::before{content:"";position:absolute;top:-1px;left:1.2rem;right:55%;height:1px;
  background:linear-gradient(90deg,var(--sicak),transparent)}
.makale-govde blockquote::after{content:"";position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;
  border-right:1px solid rgba(232,180,92,.6);border-bottom:1px solid rgba(232,180,92,.6)}
.tablo-sar{margin-top:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--cizgi)}
.makale-govde table{width:100%;min-width:520px;border-collapse:collapse;font-size:.95rem}
.makale-govde th,.makale-govde td{padding:.85rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid rgba(184,134,47,.16)}
.makale-govde th{color:var(--altin);font:600 .74rem/1.5 var(--caps);letter-spacing:.14em;text-transform:uppercase;
  border-bottom:1px solid var(--cizgi2);white-space:nowrap}
.makale-govde tr:last-child td{border-bottom:0}
.makale-govde td{color:var(--fil2)}

/* gövde blokları */
.makale-ozet{margin-top:2.4rem;padding:1.4rem 1.7rem;border:1px solid var(--cizgi);border-left:2px solid var(--altin);
  background:linear-gradient(90deg,rgba(232,180,92,.05),transparent 70%)}
.makale-ozet p{margin-top:.4rem}
.ozet-tag{font:600 .62rem/1 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--altin)}
.icindekiler{margin-top:1.6rem;padding:1.3rem 1.7rem;border:1px solid rgba(184,134,47,.2)}
.icindekiler-tag{font:600 .62rem/1 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--orta);margin-bottom:.8rem}
.makale-ozet .icindekiler-tag{color:var(--altin);margin-bottom:.4rem}
.icindekiler ul{margin:0;list-style:none}
.icindekiler li{margin-bottom:.45rem;display:flex;align-items:baseline;gap:.65rem}
.icindekiler li::before{content:"";flex:none;width:4px;height:4px;transform:rotate(45deg) translateY(-1px);border:1px solid var(--dim)}
.icindekiler a{color:var(--fil3);text-decoration:none;font-size:.95rem;transition:color .2s}
.icindekiler a:hover{color:var(--sicak)}
.makale-cta{margin:2.8rem 0;padding:1.9rem 2rem 2.1rem;border:1px solid var(--cizgi);position:relative;
  background:radial-gradient(80% 120% at 12% 0%,rgba(232,180,92,.07),transparent 60%)}
.makale-cta::before{content:"";position:absolute;top:-1px;left:1.6rem;right:55%;height:1px;
  background:linear-gradient(90deg,var(--sicak),transparent)}
.makale-cta h3{margin-top:0;font-size:1.22rem;color:var(--sicak)}
.makale-cta h2{margin-top:.6rem;padding-top:0;font-size:1.22rem;color:var(--sicak)}
.makale-cta h2::before{content:none}
.makale-cta p{margin-top:.7rem}
.makale-cta .cta{margin-top:1.5rem}
.makale-not{margin-top:2.6rem;padding-top:1.2rem;border-top:1px solid var(--cizgi);font-size:.88rem;color:var(--fil3)}
.makale-sss{margin-top:1.4rem}
.makale-sss-madde{border:1px solid var(--cizgi);margin-top:.7rem}
.makale-sss-madde summary{list-style:none;cursor:pointer;padding:1.05rem 2.9rem 1.05rem 1.3rem;position:relative;
  font:600 .98rem/1.45 var(--caps);color:var(--fil);transition:color .2s}
.makale-sss-madde summary::-webkit-details-marker{display:none}
.makale-sss-madde summary::after{content:"+";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);
  color:var(--altin);font:400 1.3rem/1 var(--gov);transition:transform .25s}
.makale-sss-madde[open] summary{color:var(--sicak)}
.makale-sss-madde[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.makale-sss-madde summary:hover{color:var(--sicak)}
.makale-sss-madde summary h2{display:inline;font:inherit;color:inherit;letter-spacing:inherit;margin:0;padding:0}
.makale-sss-madde summary h2::before{content:none}
.makale-sss-c{padding:0 1.3rem 1.2rem;color:var(--fil2);font-size:.97rem}
.sozluk-dizin{margin-top:1rem;border-bottom:1px solid var(--cizgi)}
.terim{padding:1.5rem .2rem 1.6rem;border-top:1px solid var(--cizgi)}
.terim h2.terim-ad{font-size:1.12rem;color:var(--sicak);margin:0;padding:0}
.terim h2.terim-ad::before{content:none}
.terim-tanim{margin-top:.55rem;font-size:.97rem}
.ayrim-notu{font-size:.85rem;color:var(--fil3);border-left:2px solid var(--cizgi);padding:.5rem .95rem;margin:0 0 1.2rem}
.makale-vurgu{margin-top:2rem;padding:1.1rem 1.3rem;border:1px dashed rgba(184,134,47,.4);font-size:.94rem;color:var(--fil3)}

/* paylaşım + yazar + ilgili + dip */
.paylas{margin-top:3.2rem;padding-top:1.6rem;border-top:1px solid var(--cizgi);
  display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}
.paylas-tag{font:600 .62rem/1 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--orta);margin-right:.5rem}
.paylas-dugme{display:inline-flex;align-items:center;padding:.62rem 1rem;border:1px solid rgba(184,134,47,.4);
  background:none;color:var(--altin);text-decoration:none;cursor:pointer;
  font:600 .68rem/1 var(--caps);letter-spacing:.16em;text-transform:uppercase;
  transition:color var(--sure-2),border-color var(--sure-2),box-shadow var(--sure-2)}
.paylas-dugme:hover,.paylas-dugme:focus-visible{color:var(--sicak);border-color:var(--cizgi2);box-shadow:0 0 16px rgba(232,180,92,.15)}
.yazar{margin-top:2.4rem;display:flex;gap:1.4rem;align-items:flex-start;padding:1.6rem 1.7rem;border:1px solid var(--cizgi);
  background:linear-gradient(180deg,rgba(232,180,92,.045),transparent 55%)}
.yazar-arma{flex:none;width:46px}
.yazar-arma svg{width:46px;height:58px;display:block}
.yazar-ad{font:600 .8rem/1 var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--fil)}
.yazar-not{margin-top:.55rem;color:var(--fil3);font-size:.93rem}
.yazar-not a{color:var(--altin);text-decoration:none}
.yazar-not a:hover{color:var(--sicak)}
.yazar .garanti-satiri{margin-top:1rem;font-size:.9rem}
.ilgili{margin-top:3.4rem}
.ilgili .kck{margin-bottom:.4rem}
.ilgili-liste{list-style:none;border-bottom:1px solid var(--cizgi)}
.ilgili-liste a{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;
  padding:1.05rem .2rem;border-top:1px solid var(--cizgi);text-decoration:none;transition:background var(--sure-2)}
.ilgili-liste b{font:600 1.02rem/1.4 var(--caps);color:var(--fil);transition:color .2s}
.ilgili-liste span{color:var(--dim);transition:color .2s,transform .25s;flex:none}
.ilgili-liste a:hover{background:linear-gradient(90deg,rgba(232,180,92,.05),transparent 60%)}
.ilgili-liste a:hover b{color:var(--sicak)}
.ilgili-liste a:hover span{color:var(--sicak);transform:translateX(4px)}
.makale-dip{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--cizgi);
  display:flex;flex-wrap:wrap;gap:.9rem 2rem}
.makale-dip a{font:600 .68rem/1.6 var(--caps);letter-spacing:.2em;text-transform:uppercase;
  color:var(--orta);text-decoration:none;transition:color .2s}
.makale-dip a:hover{color:var(--sicak)}

/* blog index — vitrin + raflar + referans + tam dizin */
.vitrin{display:block;position:relative;padding:clamp(2rem,5vw,3.4rem);border:1px solid rgba(232,180,92,.4);
  text-decoration:none;overflow:hidden;
  background:radial-gradient(70% 110% at 14% 0%,rgba(232,180,92,.1),transparent 62%),linear-gradient(180deg,#0D0B07,#0B0A07);
  transition:border-color var(--sure-3),box-shadow var(--sure-3)}
.vitrin::before{content:"";position:absolute;top:-1px;left:2rem;right:40%;height:1px;
  background:linear-gradient(90deg,var(--sicak),transparent)}
.vitrin:hover{border-color:var(--cizgi2);box-shadow:0 0 44px rgba(232,180,92,.13)}
.vitrin-tag{font:600 .64rem/1 var(--caps);letter-spacing:.3em;text-transform:uppercase;color:var(--altin);margin-bottom:1.3rem}
.vitrin h2{font-size:clamp(1.7rem,1.3rem + 2.1vw,2.9rem);max-width:24ch;color:var(--fil)}
.vitrin:hover h2{color:var(--sicak)}
.vitrin-sub{margin-top:1.1rem;max-width:64ch;color:var(--fil2);font-size:var(--y2)}
.vitrin-alt{margin-top:1.5rem;font:600 .66rem/1.6 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--orta)}
.vitrin-ok{display:inline-block;margin-left:.6rem;color:var(--sicak);transition:transform .25s}
.vitrin:hover .vitrin-ok{transform:translateX(5px)}
.raf{margin-top:3.4rem}
.raf-ust{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem 1.4rem;
  padding-bottom:.9rem;border-bottom:1px solid var(--cizgi)}
.raf-ust h3{font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:.04em;color:var(--fil)}
.raf-ust h3 span{font:600 .66rem/1 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--orta)}
.raf-ust a{font:600 .66rem/1.6 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--altin);text-decoration:none;transition:color .2s}
.raf-ust a:hover{color:var(--sicak)}
.raf-izgara{margin-top:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.raf-kart{display:flex;flex-direction:column;gap:.7rem;padding:1.4rem 1.5rem;border:1px solid var(--cizgi);
  text-decoration:none;background:linear-gradient(180deg,rgba(232,180,92,.035),transparent 50%);
  transition:border-color var(--sure-3),box-shadow var(--sure-3)}
.raf-kart:hover{border-color:var(--cizgi2);box-shadow:0 0 22px rgba(232,180,92,.1)}
.raf-kart-ust{font:600 .6rem/1.6 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--orta)}
.raf-kart b{font:600 1.04rem/1.4 var(--caps);color:var(--fil);transition:color .2s}
.raf-kart:hover b{color:var(--sicak)}
.raf-kart p{color:var(--fil3);font-size:.9rem;flex:1}
.referans-izgara{margin-top:3rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}
.referans-kart{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem 1.4rem;border:1px solid var(--cizgi);
  position:relative;text-decoration:none;transition:border-color var(--sure-3),box-shadow var(--sure-3)}
.referans-kart::before{content:"";position:absolute;top:-1px;left:1.3rem;right:60%;height:1px;
  background:linear-gradient(90deg,var(--sicak),transparent)}
.referans-kart:hover{border-color:var(--cizgi2);box-shadow:0 0 22px rgba(232,180,92,.12)}
.referans-kart b{font:600 .95rem/1.3 var(--caps);letter-spacing:.06em;text-transform:uppercase;color:var(--altin)}
.referans-kart:hover b{color:var(--sicak)}
.referans-kart span{color:var(--fil3);font-size:.88rem}
.arama-bant{margin-top:2.4rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.arama-bant input[type=search]{flex:1;min-width:16rem;max-width:34rem;padding:1rem 1.2rem;
  background:linear-gradient(180deg,#12100A,#0E0C08);border:1px solid rgba(184,134,47,.45);
  color:var(--fil);font:400 1rem var(--gov);caret-color:var(--sicak)}
.arama-bant input[type=search]::placeholder{color:rgba(242,236,220,.4)}
.arama-bant input[type=search]:focus{outline:none;border-color:var(--altin);box-shadow:0 0 0 1px rgba(232,180,92,.5),0 0 22px rgba(232,180,92,.15)}
.arama-sonuc{font:600 .66rem/1.6 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--orta)}
.tum-dizin{margin-top:1.8rem;list-style:none;border-bottom:1px solid var(--cizgi)}
.tum-dizin a{display:grid;grid-template-columns:10.5rem minmax(0,1fr) auto;align-items:baseline;gap:1.4rem;
  padding:.85rem .2rem;border-top:1px solid rgba(184,134,47,.16);text-decoration:none;transition:background var(--sure-2)}
.tum-dizin a:hover{background:linear-gradient(90deg,rgba(232,180,92,.05),transparent 60%)}
.td-kat{font:600 .6rem/1.6 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--orta);white-space:nowrap}
.tum-dizin b{font:400 .98rem/1.5 var(--gov);color:var(--fil2);transition:color .2s}
.tum-dizin a:hover b{color:var(--sicak)}
.td-tarih{font:600 .6rem/1.6 var(--caps);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);white-space:nowrap}

/* kategori dizini */
.dizin{border-bottom:1px solid var(--cizgi)}
.dizin-satir{display:grid;grid-template-columns:10rem minmax(0,1fr) auto;align-items:center;gap:1.6rem;
  padding:1.5rem .4rem;border-top:1px solid var(--cizgi);text-decoration:none;position:relative;
  transition:background var(--sure-2)}
.dizin-satir:hover{background:linear-gradient(90deg,rgba(232,180,92,.05),transparent 60%)}
.ds-ust{font:600 .64rem/1.7 var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--orta)}
.ds-ust i{display:block;font-style:normal;color:var(--dim)}
.ds-icerik b{display:block;font:600 1.08rem/1.4 var(--caps);color:var(--fil);transition:color .2s}
.dizin-satir:hover .ds-icerik b{color:var(--sicak)}
.ds-icerik small{display:block;margin-top:.35rem;color:var(--fil3);font-size:.92rem}
.ds-ok{color:var(--dim);transition:color .2s,transform .25s}
.dizin-satir:hover .ds-ok{color:var(--sicak);transform:translateX(4px)}

/* başarı hikâyeleri — sayı şeridi, hikâye kartları, süzgeç */
.stu-stats{margin-top:2.2rem;display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--cizgi)}
.stu-stats__item{display:flex;flex-direction:column;gap:.3rem;padding:1.1rem 1.6rem 0 0;margin-right:1.6rem;
  border-right:1px solid rgba(184,134,47,.16)}
.stu-stats__item:last-child{border-right:0;margin-right:0}
.stu-stats__num{font:600 1.4rem/1.2 var(--caps);color:var(--sicak)}
.stu-stats__item>span:last-child{font:600 .62rem/1.6 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--orta)}
.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;margin:1.8rem 0 .5rem}
.story-card{display:block;padding:1.5rem 1.6rem;border:1px solid var(--cizgi);text-decoration:none;position:relative;
  background:linear-gradient(180deg,rgba(232,180,92,.04),transparent 55%);
  transition:border-color var(--sure-3),box-shadow var(--sure-3)}
.story-card:hover{border-color:var(--cizgi2);box-shadow:0 0 22px rgba(232,180,92,.1)}
.story-card__tag{display:inline-block;font:600 .58rem/1 var(--caps);letter-spacing:.22em;text-transform:uppercase;
  color:var(--altin);border:1px solid rgba(184,134,47,.45);padding:.4rem .6rem;margin-bottom:1rem}
.story-card__head{display:flex;align-items:center;gap:.9rem;margin-bottom:.9rem}
.story-card__avatar{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  font:700 1rem var(--insan);color:var(--murekkep);background:linear-gradient(135deg,#F4D88A,#B8862F)}
.story-card__who b{display:block;color:var(--fil);font:600 1rem/1.3 var(--caps)}
.story-card__who span{color:var(--fil3);font-size:.85rem}
.story-card__goal{color:var(--fil2);font-size:.93rem}
.story-card:hover .story-card__who b{color:var(--sicak)}
.stu-feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem;margin:1.8rem 0 .5rem}
.stu-feat{border:1px solid var(--cizgi);padding:1.3rem 1.4rem;margin:0;
  background:linear-gradient(180deg,rgba(232,180,92,.035),transparent 50%)}
.stu-feat__head{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}
.stu-feat__ava{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  font:700 .92rem var(--insan);color:var(--murekkep);background:linear-gradient(135deg,#F4D88A,#B8862F)}
.stu-feat figcaption b{display:block;color:var(--fil);font:600 .95rem/1.3 var(--caps)}
.stu-feat figcaption span{color:var(--fil3);font-size:.8rem}
.stu-feat p{margin:0;font-size:.93rem;color:var(--fil2)}
.stu-feat__badge{display:inline-block;font:600 .58rem/1 var(--caps);letter-spacing:.16em;text-transform:uppercase;
  color:var(--altin);border:1px solid rgba(184,134,47,.45);padding:.35rem .55rem;margin-top:.9rem}
.stu-feat__read{display:block;margin-top:.7rem;font-size:.82rem;color:var(--orta)}
.stu-filter{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.8rem 0 1.4rem}
.stu-chip{padding:.6rem .95rem;border:1px solid rgba(184,134,47,.4);background:none;color:var(--fil3);cursor:pointer;
  font:600 .66rem/1 var(--caps);letter-spacing:.14em;text-transform:uppercase;
  transition:color var(--sure-2),border-color var(--sure-2),box-shadow var(--sure-2)}
.stu-chip span{color:var(--orta)}
.stu-chip:hover{color:var(--sicak);border-color:var(--cizgi2)}
.stu-chip.is-active{color:var(--murekkep);background:linear-gradient(180deg,#F6CD80,#D9A64C);border-color:rgba(255,233,176,.8);
  box-shadow:0 0 14px rgba(232,180,92,.3)}
.stu-chip.is-active span{color:var(--murekkep)}
.stu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin:0 0 .5rem}
.stu-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid rgba(184,134,47,.2);
  text-decoration:none;transition:border-color var(--sure-2),background var(--sure-2)}
.stu-card:hover{border-color:var(--cizgi2);background:linear-gradient(90deg,rgba(232,180,92,.05),transparent 70%)}
.stu-card__ava{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  font:700 .88rem var(--insan);color:var(--murekkep);background:linear-gradient(135deg,#F4D88A,#B8862F)}
.stu-card__body{min-width:0}
.stu-card__name{display:block;color:var(--fil);font:600 .95rem/1.3 var(--caps)}
.stu-card:hover .stu-card__name{color:var(--sicak)}
.stu-card__occ{display:block;color:var(--fil3);font-size:.83rem}
.stu-card__meta{display:block;margin-top:.2rem;font-size:.8rem;color:var(--orta)}
.stu-card__lang{color:var(--altin)}

/* ═════════════════ DUYARLILIK ═════════════════ */
@media (max-width:1100px){
  .ub-nav{display:none}
  .js .ub-burger{display:block}
  .ub-cta{margin-left:auto}
  .dunya-giris{grid-template-columns:1fr;gap:0;min-height:0;padding-top:calc(var(--nav-h) + 2vh)}
  .dunya-sahne{order:-1;min-height:0;margin-bottom:1.2rem}
  .dunya-svg{width:min(56vh,74vw)}
  .dunya-metin{max-width:40rem}
  .kayit-izgara{grid-template-columns:1fr}
  .kurucu-izgara{grid-template-columns:1fr}
  .foto{max-width:380px}
  .altbilgi-izgara{grid-template-columns:1fr 1fr}
  .raf-izgara{grid-template-columns:1fr 1fr}
  .referans-izgara{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  :root{--nav-h:54px}
  .ustbar{gap:.7rem;padding-inline:.9rem}
  .ub-marka{font-size:.72rem;letter-spacing:.12em;gap:.5rem}
  .ub-marka svg{width:20px;height:25px}
  .ub-marka i{display:none}
  .ub-burger{width:38px;height:38px;margin-left:auto}
  .ub-cta{display:none}
  .sayfa-giris h1{font-size:clamp(2rem,9.5vw,2.7rem)}
  .dunya-metin h1{font-size:clamp(1.9rem,9vw,2.6rem)}
  .dunya-giris{padding-inline:1.35rem}
  .veri-serit div{padding-right:1rem;margin-right:1rem}
  .veri-serit b{font-size:1.05rem}
  .hud-etiket--sag,.hud-etiket--altsag{display:none}
  /* marka sahnesi: SVG içi merkez başlıkla çakışan sol köşe etiketi dar ekranda gizlenir
     (aynı bilgi breadcrumb + kicker'da zaten var; EVRE alt etiketi kalır) */
  .dunya-sahne .hud-etiket--sol{display:none}
  .sistem{grid-template-columns:3rem minmax(0,1fr);row-gap:.5rem}
  .s-durum{grid-column:2;justify-self:start}
  .s-no{font-size:1.1rem}
  .yasa-izgara{grid-template-columns:1fr}
  .gercekler{table-layout:fixed}
  .gercekler th{white-space:normal;width:38%}
  .gercekler td{overflow-wrap:anywhere}
  .gercekler th,.gercekler td{padding-inline:.65rem}
  .altbilgi-izgara{grid-template-columns:1fr;gap:2rem}
  .pano-satir{grid-template-columns:1fr;gap:.5rem}
  .pano-satir .rozet{justify-self:start}
  .sayfa-giris--makale h1{font-size:clamp(1.6rem,7.4vw,2.2rem)}
  .raf-izgara{grid-template-columns:1fr}
  .referans-izgara{grid-template-columns:1fr}
  .tum-dizin a{grid-template-columns:minmax(0,1fr);gap:.15rem;padding-block:.75rem}
  .td-tarih{display:none}
  .dizin-satir{grid-template-columns:minmax(0,1fr);gap:.5rem;padding-inline:.2rem}
  .ds-ust i{display:inline;margin-left:.8rem}
  .ds-ok{display:none}
  .story-grid,.stu-grid{grid-template-columns:1fr}
  .yazar{flex-direction:column;gap:1rem}
  .makale-govde table{min-width:440px}
}

/* ═════════════════ AZALTILMIŞ HAREKET — ayrık durumlar, hepsi görünür ═════════════════ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  .js .perde .satir{transform:none}
  .js .belir{opacity:1;transform:none}
  .js .suruklenir,.js .suruklenir--ters{animation:none}
}

/* ═════════════════ PHASE 4 — ETKİLEŞİM KATMANI ═════════════════ */

/* /galaksi — interaktif seyir haritası */
.harita-svg a{cursor:pointer;outline:none;text-decoration:none}
.g-vur{fill:transparent;stroke:none}
.g-halo{fill:none;stroke:rgba(255,233,176,0);stroke-width:1;transition:stroke var(--sure-2)}
.g-cisim,.g-eti{transition:filter var(--sure-2),fill var(--sure-2),stroke var(--sure-2)}
.g-dunya:hover .g-halo,.g-dunya:focus .g-halo,.g-dunya.secili .g-halo{
  stroke:rgba(255,233,176,.7);filter:drop-shadow(0 0 6px rgba(255,233,176,.55))}
.g-dunya:hover circle.g-cisim,.g-dunya:focus circle.g-cisim,.g-dunya.secili circle.g-cisim{
  fill:var(--sicak);filter:drop-shadow(0 0 9px rgba(255,233,176,.95))}
.g-dunya:hover rect.g-cisim,.g-dunya:focus rect.g-cisim,.g-dunya.secili rect.g-cisim{
  stroke:var(--sicak);filter:drop-shadow(0 0 7px rgba(255,233,176,.85))}
.g-dunya:hover .g-eti,.g-dunya:focus .g-eti,.g-dunya.secili .g-eti{fill:var(--sicak)}
.g-dunya:focus-visible .g-halo{stroke-dasharray:3 3;stroke:var(--sicak)}
.harita-panel{margin:1.8rem auto 0;max-width:860px;min-height:8.2rem;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;
  border:1px solid var(--cizgi);padding:1.25rem 1.5rem;position:relative;
  background:linear-gradient(90deg,rgba(232,180,92,.06),transparent 65%)}
.harita-panel::before{content:"";position:absolute;top:-1px;left:1.3rem;right:55%;height:1px;
  background:linear-gradient(90deg,var(--sicak),transparent)}
.hp-metin{min-width:0;flex:1 1 24rem}
.hp-ust{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
.hp-no{font:600 .62rem/1 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--orta)}
.hp-ad{margin-top:.55rem;font:600 1.25rem/1.25 var(--caps);letter-spacing:.04em;color:var(--fil)}
.hp-tag{margin-top:.35rem;color:var(--fil2);font-size:.95rem;max-width:52ch}
.hp-git{flex:none}
.no-js .harita-panel .hp-tag{max-width:none}

/* /kesif — keşif aracı */
.quiz{margin-top:2.6rem;border:1px solid var(--cizgi);padding:1.8rem clamp(1.2rem,3.5vw,2.2rem) 2rem;position:relative;
  background:radial-gradient(90% 120% at 10% 0%,rgba(232,180,92,.06),transparent 60%)}
.quiz::before{content:"";position:absolute;top:-1px;left:1.6rem;right:50%;height:1px;
  background:linear-gradient(90deg,var(--sicak),transparent)}
.quiz-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1.4rem}
.quiz-adim{font:600 .66rem/1 var(--caps);letter-spacing:.3em;text-transform:uppercase;color:var(--altin)}
.quiz-geri{background:none;border:1px solid rgba(184,134,47,.4);color:var(--orta);cursor:pointer;
  padding:.55rem .9rem;font:600 .64rem/1 var(--caps);letter-spacing:.18em;text-transform:uppercase;
  transition:color var(--sure-2),border-color var(--sure-2)}
.quiz-geri:hover,.quiz-geri:focus-visible{color:var(--sicak);border-color:var(--cizgi2)}
.q-baslik{font-size:clamp(1.15rem,2.2vw,1.5rem);color:var(--fil);max-width:30ch;outline:none}
.q-secenekler{margin-top:1.4rem;display:grid;gap:.7rem}
.q-secenek{display:block;width:100%;text-align:left;cursor:pointer;
  padding:1.05rem 1.2rem;background:linear-gradient(180deg,rgba(232,180,92,.04),transparent 60%);
  border:1px solid rgba(184,134,47,.32);color:var(--fil2);
  font:400 1rem/1.5 var(--gov);
  transition:color var(--sure-2),border-color var(--sure-2),background var(--sure-2),box-shadow var(--sure-2)}
.q-secenek:hover,.q-secenek:focus-visible{color:var(--sicak);border-color:var(--cizgi2);
  background:linear-gradient(90deg,rgba(232,180,92,.08),transparent 70%);box-shadow:0 0 18px rgba(232,180,92,.12)}
.q-sonuc .hp-ust{margin-bottom:.2rem}
.q-paylasilan{margin-bottom:1.1rem;font:600 .64rem/1.7 var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--orta)}
.q-sonuc-ad{margin-top:.6rem;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:.03em;color:var(--sicak);outline:none}
.q-sonuc-metin{margin-top:.9rem;color:var(--fil2);font-size:var(--y2);max-width:58ch}
.q-sonuc-cta{margin-top:1.8rem}
.q-ikinci{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(184,134,47,.16);color:var(--fil3);font-size:.95rem}
.q-ikinci a{color:var(--altin);text-decoration:none}
.q-ikinci a:hover{color:var(--sicak)}
.q-paylas{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.7rem}
.quiz-nojs{margin-top:2.2rem;color:var(--fil2);font-size:1.02rem;max-width:58ch}
.no-js .quiz{display:none}
.js .quiz-nojs{display:none}

/* /simdi — canlı pano: tarih sütunu, glifler, gök saati */
.pano-tarih{font:600 .62rem/1 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--orta);white-space:nowrap}
.pano-satir--glifli{grid-template-columns:auto minmax(0,1fr) auto}
.pano-glif{width:30px;height:30px;flex:none;color:var(--orta);transition:color var(--sure-2)}
a.pano-satir--glifli:hover .pano-glif{color:var(--sicak)}
.gok{margin-top:3rem;display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(1.4rem,4vw,2.8rem);align-items:center;
  border:1px solid var(--cizgi);padding:clamp(1.4rem,3.5vw,2.4rem);position:relative;
  background:radial-gradient(70% 110% at 12% 30%,rgba(232,180,92,.07),transparent 62%)}
.gok::before{content:"";position:absolute;top:-1px;left:1.4rem;right:55%;height:1px;
  background:linear-gradient(90deg,var(--sicak),transparent)}
.gok-ay-svg{width:100%;max-width:150px;display:block;filter:drop-shadow(0 0 18px rgba(255,233,176,.18))}
.gok-gun b{font:600 clamp(1.5rem,3vw,2rem)/1.2 var(--caps);letter-spacing:.06em;color:var(--sicak)}
.gok-gun span{font:600 .68rem/1 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--altin)}
.gok-aciklama{margin-top:.9rem;color:var(--fil2);font-size:.98rem;max-width:56ch}
.gok-nojs{margin-top:.9rem;color:var(--fil3);font-size:.88rem}
.js .gok-nojs{display:none}
.no-js .js-canli{display:none}
.no-js .gok-ay{display:none}

/* anasayfa — dolunay ritüeli (easter egg) */
.dolunay{position:fixed;inset:0;z-index:150;display:grid;place-items:center;align-content:center;gap:1.6rem;
  pointer-events:none;opacity:0;visibility:hidden;
  background:radial-gradient(60% 60% at 50% 46%,rgba(10,9,6,.55),rgba(10,9,6,.92));
  transition:opacity .6s var(--ease),visibility 0s linear .6s}
.dolunay.acik{opacity:1;visibility:visible;transition:opacity .5s var(--ease)}
.dolunay-disk{width:min(38vmin,240px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 38% 34%,#FFF9E3,#FFE9B0 46%,#EFC97B 78%,#D9A64C);
  box-shadow:0 0 60px rgba(255,233,176,.55),0 0 160px rgba(232,180,92,.35),inset -14px -18px 34px rgba(184,134,47,.45);
  transform:scale(.86);transition:transform .9s var(--ease)}
.dolunay.acik .dolunay-disk{transform:scale(1)}
.dolunay-not{font:600 .68rem/1 var(--caps);letter-spacing:.34em;text-transform:uppercase;color:var(--altin);
  text-shadow:0 0 18px rgba(232,180,92,.5)}
.no-js .dolunay{display:none}

/* /blog — raf kartlarında ışıklı önizleme + okuma süresi */
.raf-kart[data-dk]{position:relative;padding-bottom:2.8rem;
  transition:border-color var(--sure-3),box-shadow var(--sure-3),transform var(--sure-3)}
.raf-kart[data-dk]::before{content:"";position:absolute;left:1.5rem;right:1.5rem;bottom:2.2rem;height:1px;
  background:linear-gradient(90deg,var(--sicak),var(--altin) 45%,rgba(232,180,92,.08));
  transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.raf-kart[data-dk]::after{content:attr(data-dk) " DK OKUMA →";position:absolute;left:1.5rem;bottom:1rem;
  font:600 .6rem/1 var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--altin);
  opacity:0;transform:translateY(5px);
  transition:opacity var(--sure-2) var(--ease),transform var(--sure-2) var(--ease)}
.raf-kart[data-dk]:hover,.raf-kart[data-dk]:focus-visible{transform:translateY(-3px);
  border-color:var(--cizgi2);box-shadow:0 0 30px rgba(232,180,92,.16),0 0 60px rgba(232,180,92,.06)}
.raf-kart[data-dk]:hover::before,.raf-kart[data-dk]:focus-visible::before{transform:scaleX(1)}
.raf-kart[data-dk]:hover::after,.raf-kart[data-dk]:focus-visible::after{opacity:1;transform:none}

@media (max-width:640px){
  .harita-panel{padding:1.1rem 1.2rem;min-height:0}
  .gok{grid-template-columns:1fr;justify-items:center;text-align:left}
  .gok-ay{max-width:130px}
  .pano-satir--glifli{grid-template-columns:auto minmax(0,1fr)}
  .pano-satir--glifli .rozet{grid-column:2}
}
@media (prefers-reduced-motion:reduce){
  .raf-kart[data-dk]:hover,.raf-kart[data-dk]:focus-visible{transform:none}
  .dolunay-disk,.dolunay.acik .dolunay-disk{transform:none}
}

/* ═════════════════ YAZDIRMA — içerik görünür ═════════════════ */
@media print{
  body{background:#fff;color:#111}
  .ustbar,.mobilmenu,.dunya-hale,.kayip-svg,.hud-kose{display:none!important}
  .bolum,.sayfa-giris,.dunya-giris,.altbilgi,.kayip{background:none!important;color:#111;min-height:0}
  h1,h2,h3,.s-ad,.s-no,strong,b{color:#111!important}
  p,.s-tag,.dunya-sub,.sayfa-sub,.bolum-sub,.kurucu-metin p,.faz p,.kayit p,.duzyazi p{color:#222!important}
  a{color:#6E5118!important}
  .js .perde .satir{transform:none}
  .js .belir{opacity:1;transform:none}
  .js .sistem:not(.lit) .s-ad,.js .sistem:not(.lit) .s-no{color:#111}
  .js .sistem:not(.lit) .s-tag,.js .sistem:not(.lit) .s-durum{opacity:1}
  .cta,.cta-hayalet,.kayit-rozet,.s-durum--aktif,.rozet{background:none!important;color:#111!important;border:1px solid #999}
}

/* ════════════════════════════════════════════════════════════════
   SPECTACLE PASS — canlı galaksi, yörünge makinesi, sinyal kaosu,
   dolunay finali, sinematik geçişler, sitewide idle-yaşam katmanı.
   Tüm hareket transform/opacity; GFX kayıt defteri + reduced-motion
   kapıları geçerli (idle-yaşam yalnız html.gfx-idle altında oynar).
   ════════════════════════════════════════════════════════════════ */

/* ───────── 1 · CANLI GALAKSİ — paylaşılan bileşen (/, /galaksi) ───────── */
.cg-svg a{cursor:pointer;outline:none;text-decoration:none}
.cg-eti{font-size:13px}
.cg-kimlik{fill:none;stroke:rgba(232,180,92,.5);stroke-width:1;transition:stroke var(--sure-2)}
.cg-kimlik-nokta{fill:var(--sicak);opacity:.9}
.g-dunya:hover .cg-kimlik,.g-dunya:focus .cg-kimlik,.g-dunya.secili .cg-kimlik{stroke:var(--sicak)}
.cg-dunya .g-cisim{fill:var(--altin)}
.cg-dunya--aktif .g-cisim{fill:var(--sicak);filter:drop-shadow(0 0 7px rgba(255,233,176,.8))}
.cg-dunya--aktif .uydu-halka{stroke:rgba(255,233,176,.7)}
.cg-on{stroke:rgba(232,180,92,.34)}

/* güneş yaşamı: korona nefes alır + yavaşça döner (idle-yaşam kapısı) */
.gfx-idle .cg-korona-hale{transform-origin:center;animation:gunesNefes 7.5s var(--ease) infinite alternate}
.gfx-idle .cg-nefes{transform-origin:center;animation:gunesNefes 7.5s var(--ease) infinite alternate-reverse}
.gfx-idle .cg-korona{transform-origin:center;animation:koronaDonus 140s linear infinite}
@keyframes gunesNefes{from{transform:scale(1);opacity:.82}to{transform:scale(1.045);opacity:1}}
@keyframes koronaDonus{to{transform:rotate(360deg)}}
.gfx-idle .cg-yildiz--1{animation:yildizKay 90s linear infinite alternate}
.gfx-idle .cg-yildiz--2{animation:yildizKay 140s linear infinite alternate-reverse}
@keyframes yildizKay{from{transform:translate3d(-4px,2px,0)}to{transform:translate3d(4px,-3px,0)}}

/* davet satırı + bilgi çipi */
.cg-davet{position:absolute;left:0;right:0;bottom:.1rem;text-align:center;pointer-events:none;
  font:600 .7rem/1.7 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--fil2);
  transition:opacity var(--sure-2)}
.cg-davet b{color:var(--sicak);font-weight:600}
.cip-acik .cg-davet{opacity:0}
.cg-cip{position:absolute;left:.4rem;bottom:1.9rem;z-index:6;max-width:21rem;pointer-events:none;
  padding:.95rem 1.15rem;border:1px solid var(--cizgi2);
  background:linear-gradient(180deg,rgba(18,16,10,.94),rgba(10,9,6,.9));
  box-shadow:0 0 34px rgba(232,180,92,.14)}
.cg-cip::before{content:"";position:absolute;top:-1px;left:.9rem;right:45%;height:1px;
  background:linear-gradient(90deg,var(--sicak),transparent)}
.js .cg-cip{opacity:0;transform:translateY(8px);transition:opacity var(--sure-2) var(--ease),transform var(--sure-2) var(--ease)}
.js .cg-cip.acik{opacity:1;transform:none}
.cip-ust{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}
.cip-no{font:600 .6rem/1 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--orta)}
.cip-ad{margin-top:.45rem;font:600 1.06rem/1.25 var(--caps);letter-spacing:.04em;color:var(--fil)}
.cip-tag{margin-top:.3rem;color:var(--fil2);font-size:.86rem}
.cip-ipucu{display:none;margin-top:.6rem;font:600 .56rem/1 var(--caps);letter-spacing:.24em;color:var(--altin)}
@media (hover:none){.cip-ipucu{display:block}}
.no-js .cg-cip{display:none}

/* sinematik dalış: sahne dünyaya doğru büyür + ışık patlaması */
.js .cg-svg{transition:transform .55s cubic-bezier(.45,0,.24,1)}
.js .cg-svg.dalis{transform:scale(2.35)}
.dalis-flash{position:fixed;inset:0;z-index:300;pointer-events:none;opacity:0;
  background:radial-gradient(56% 56% at var(--fx,50%) var(--fy,50%),rgba(255,233,176,.92),rgba(232,180,92,.4) 38%,rgba(10,9,6,0) 72%);
  transition:opacity .42s var(--ease)}
.dalis-flash.acik{opacity:1}

/* ───────── 2 · SİNYAL KAOSU — çelişkiler söner, tek altın yörünge çizilir ───────── */
.sinyal{min-height:150vh;overflow:hidden;display:grid;align-items:center;
  background:linear-gradient(180deg,var(--u0),#070604 26%,#060503 62%,var(--u0))}
.parazit-alan{position:absolute;inset:0;pointer-events:none}
.parazit{position:absolute;font:400 clamp(.72rem,1.1vw,.95rem)/1.5 var(--gov);letter-spacing:.05em;color:#8a6524;white-space:nowrap;
  opacity:calc(var(--pbaz,.8)*(1 - var(--soluk,0)))}
.parazit span{display:inline-block;animation:parazit var(--psure,6.4s) steps(1,end) infinite;animation-delay:var(--pgecik,0s)}
.parazit--buyuk{font-size:clamp(.85rem,1.5vw,1.2rem);color:#9c742c}
@keyframes parazit{
  0%{opacity:.9}6%{opacity:.25}9%{opacity:.85}22%{opacity:.55}
  27%{opacity:.95}41%{opacity:.3}46%{opacity:.8}63%{opacity:.5}
  68%{opacity:1}82%{opacity:.35}88%{opacity:.75}100%{opacity:.9}}
.sinyal-yol{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sinyal-yol .yol-parlama{fill:none;stroke:rgba(232,180,92,.16);stroke-width:5}
.sinyal-yol .yol{fill:none;stroke:var(--altin);stroke-width:1.4}
.sinyal-yol .yol-cekirdek{fill:none;stroke:rgba(255,233,176,.85);stroke-width:.5}
.js .sinyal-yol .cizilir{stroke-dasharray:1;stroke-dashoffset:1}
.sinyal-uc{opacity:0}
.sinyal-metin{position:relative;z-index:2;text-align:left}
.sinyal-metin h2{max-width:16ch}
.sinyal-hukum{margin-top:2rem;display:inline-flex;align-items:center;gap:1rem;padding:1.1rem 1.5rem;
  border:1px solid var(--cizgi);border-left:2px solid var(--altin);
  background:linear-gradient(90deg,rgba(232,180,92,.07),transparent 70%);
  font-family:var(--caps);font-weight:600;font-size:1.06rem;color:var(--sicak);max-width:38rem}
.sinyal-aciklama{margin-top:1.4rem;max-width:52ch;color:var(--fil2)}

/* ───────── 3 · YÖRÜNGE MAKİNESİ — kaydırmaya kilitli ay-dolumu ───────── */
.om-pist{height:350vh;position:relative}
.om-sahne{position:sticky;top:0;height:100svh;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-rows:auto 1fr;
  column-gap:clamp(1rem,3.5vw,3.6rem);
  padding:calc(var(--nav-h) + 2.2vh) clamp(1.5rem,5.5vw,5.5rem) 3.5vh;
  background:
    radial-gradient(52% 46% at 38% 55%,rgba(232,180,92,calc(.035 + var(--om-isik,1)*.085)),transparent 70%),
    linear-gradient(180deg,var(--u0),#0C0A07)}
.no-js .om-pist{height:auto}
.no-js .om-sahne{position:static;height:auto;min-height:100svh}
.om-baslik{grid-column:1/-1;display:flex;align-items:baseline;gap:2rem;flex-wrap:wrap;padding-bottom:1rem}
.om-baslik .kck{margin-bottom:0}
.om-baslik h2{font-size:clamp(1.4rem,2.5vw,2.1rem)}
.om-ipucu{margin-left:auto;font:600 .62rem/1 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--orta)}
.om-kadran{position:relative;display:grid;place-items:center;min-height:0}
.om-svg{width:min(74vh,44vw);max-width:100%;aspect-ratio:1;display:block}
.om-hale{position:absolute;inset:6%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,233,176,calc(.05 + var(--om-isik,1)*.1)),rgba(232,180,92,calc(.02 + var(--om-isik,1)*.05)) 52%,transparent 70%)}
.om-rakam{font:600 21px var(--caps);fill:#4A3814;text-anchor:middle;transition:fill .3s}
.no-js .om-rakam{fill:var(--altin)}
.om-rakam.yandi{fill:var(--altin)}
.om-rakam.simdi{fill:var(--sicak)}
.om-ibre-cizgi{stroke:var(--sicak);stroke-width:1.6;opacity:.85}
.om-ibre-uc{fill:var(--sicak)}
.om-ibre-halka{fill:none;stroke:rgba(255,233,176,.6);stroke-width:1}
.om-okuma{position:absolute;left:50%;bottom:-.4rem;transform:translateX(-50%);
  display:flex;gap:1.6rem;white-space:nowrap;
  font:600 .68rem/1 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--orta)}
.om-okuma b{color:var(--sicak);font-weight:600}
.om-panel{display:flex;flex-direction:column;justify-content:center;gap:1.15rem;min-width:0;min-height:0}
.om-yazici{border:1px solid var(--cizgi);border-left:2px solid var(--altin);
  background:linear-gradient(90deg,rgba(232,180,92,.06),transparent 75%);
  padding:1.15rem 1.4rem;min-height:7.3rem}
.om-yazici-ust{display:flex;align-items:center;gap:1rem;font:600 .66rem/1 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--orta)}
.om-yazici-ust b{font-size:1.02rem;letter-spacing:.14em;color:var(--sicak);font-weight:600}
.om-yazici-ust::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--cizgi),transparent)}
.om-metin{margin-top:.7rem;color:var(--fil);font-size:1.03rem;line-height:1.6}
.js .om-metin.bas{animation:satirBas .28s var(--ease)}
@keyframes satirBas{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.om-evre{border:1px solid rgba(184,134,47,.18);border-left:2px solid rgba(184,134,47,.3);padding:1rem 1.3rem;
  transition:border-color .35s,background .35s,opacity .35s}
.js .om-evre{opacity:.42}
.js .om-evre.aktif{opacity:1}
.om-evre.aktif{border-color:rgba(232,180,92,.4);border-left-color:var(--sicak);
  background:linear-gradient(90deg,rgba(232,180,92,.08),transparent 70%)}
.om-evre h3{font-size:.8rem;letter-spacing:.26em;text-transform:uppercase;color:var(--altin);display:flex;align-items:center;gap:.8rem}
.om-evre.aktif h3{color:var(--sicak)}
.om-evre h3 i{font-style:normal;font-size:.62rem;letter-spacing:.2em;color:var(--orta)}
.om-evre p{margin-top:.5rem;font-size:.92rem;color:var(--fil2);line-height:1.6}
.om-defter{list-style:none;counter-reset:gun}
.js .om-defter{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
.no-js .om-defter{columns:2;column-gap:3rem;max-width:1220px;margin:2rem auto 0;padding-inline:clamp(1.5rem,5vw,4rem)}
.no-js .om-defter li{counter-increment:gun;padding:.45rem 0;border-bottom:1px solid rgba(184,134,47,.14);color:var(--fil2);font-size:.92rem;break-inside:avoid}
.no-js .om-defter li::before{content:"GÜN " counter(gun,decimal-leading-zero) " — ";font:600 .72rem var(--caps);letter-spacing:.12em;color:var(--altin)}

/* ───────── 4 · DOLUNAY FİNALİ — ışıklılık kavsinin zirvesi ───────── */
.bolum--dolunay{min-height:92vh;display:grid;place-items:center;overflow:hidden;
  background:
    radial-gradient(60% 52% at 50% 44%,rgba(255,233,176,.13),transparent 62%),
    radial-gradient(85% 70% at 50% 50%,rgba(232,180,92,.1),transparent 75%),
    linear-gradient(180deg,var(--u0),#171204 52%,#0C0A07)}
.son-ay{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(86vh,80vw);pointer-events:none;opacity:.5}
.gfx-idle .son-ay{animation:sonAyNefes 12s var(--ease) infinite alternate}
@keyframes sonAyNefes{from{transform:translate(-50%,-50%) scale(1);opacity:.46}to{transform:translate(-50%,-50%) scale(1.025);opacity:.56}}
.son-icerik{position:relative;z-index:2;padding-block:6rem}
.son-icerik::before{content:"";position:absolute;inset:-8% -16%;z-index:-1;
  background:radial-gradient(closest-side,rgba(10,9,6,.62),rgba(10,9,6,.34) 55%,transparent 78%)}
.bolum--dolunay h2{text-shadow:0 0 60px rgba(10,9,6,.9)}
.bolum--dolunay .bolum-sub{color:var(--fil);text-shadow:0 1px 18px rgba(10,9,6,.9)}

/* ───────── 5 · SİNEMATİK GEÇİŞLER — ışıklı perde + sahne doğuşu ───────── */
.gecis-perde{position:fixed;inset:0;z-index:400;pointer-events:none;overflow:hidden;visibility:hidden}
.gecis-perde i{position:absolute;inset:0;transform:translateX(-104%);
  background:linear-gradient(90deg,rgba(255,233,176,0) 0,rgba(255,233,176,.2) 3%,rgba(232,180,92,.32) 5%,#0A0906 14%,#0A0906 100%)}
.gecis-perde.acik{visibility:visible}
.gecis-perde.acik i{transform:translateX(0);transition:transform .34s cubic-bezier(.5,0,.3,1)}
.js main{animation:sahneDogus .5s var(--ease)}
@keyframes sahneDogus{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ───────── 6 · İDLE-YAŞAM — sitede hiçbir ekran ölü durmaz (html.gfx-idle) ───────── */
/* marka dünyaları: uydu halkası nabız gibi genişler (her sahnede tek sürekli hareket) */
.gfx-idle .dunya-sahne .uydu-halka{transform-box:fill-box;transform-origin:center;animation:uyduNabiz 9s var(--ease) infinite}
@keyframes uyduNabiz{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.55);opacity:.3}}
/* blog rafları: rayda gezinen ışık teli */
.gfx-idle .raf-ust{position:relative;overflow:hidden}
.gfx-idle .raf-ust::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;opacity:.85;
  background:linear-gradient(90deg,transparent 0 42%,rgba(255,233,176,.8) 50%,transparent 58% 100%);
  transform:translateX(-60%);animation:rayGezgin 11s linear infinite}
@keyframes rayGezgin{to{transform:translateX(60%)}}
/* nav marka elması: periyodik parıltı */
.gfx-idle .ub-marka i{display:inline-block;animation:elmasParilti 12s var(--ease) infinite}
@keyframes elmasParilti{0%,86%,100%{opacity:1;transform:scale(1)}90%{opacity:.35;transform:scale(1.3)}95%{opacity:1;transform:scale(1)}}

/* ───────── duyarlılık + azaltılmış hareket + yazdırma ───────── */
@media (max-width:1100px){
  .om-sahne{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;row-gap:1.2rem;padding-inline:clamp(1.2rem,4vw,3rem)}
  .om-svg{width:min(46vh,80vw)}
  /* dar ekranda okuma satırı akışa girer — mutlak konumla GÜNLÜK KAYIT kartının
     üstüne binmesin (390'da metin-üstüne-metin çakışması düzeltmesi) */
  .om-okuma{position:static;left:auto;bottom:auto;transform:none;justify-content:center;margin-top:.5rem}
  /* panel içeriği satırından uzunsa ortalama yukarı taşırıyordu (kadranın üstüne
     biniyordu) — taşma artık aşağı bakar */
  .om-panel{justify-content:flex-start}
}
@media (max-width:640px){
  .om-pist{height:300vh}
  .om-baslik{padding-bottom:.4rem}
  .om-ipucu{display:none}
  .om-svg{width:min(36vh,76vw)}
  .om-kadran{margin-bottom:.6rem}
  .om-panel{gap:.9rem}
  .om-yazici{min-height:7.6rem;padding:.95rem 1.05rem}
  .om-metin{font-size:.93rem}
  .om-evre{padding:.7rem 1rem}
  .om-evre p{display:none}
  .om-evre.aktif p,.no-js .om-evre p{display:block}
  /* 100svh sahneye sığmak için telefonda yalnız AKTİF evre kartı görünür
     (kaydırdıkça üçü de sırayla aktifleşir; no-JS'te üçü de açık) */
  .js .om-evre:not(.aktif){display:none}
  .no-js .om-defter{columns:1}
  .parazit{font-size:.68rem}
  .cg-cip{left:.2rem;right:.2rem;max-width:none;bottom:1.7rem;padding:.8rem .95rem}
  .cg-davet{font-size:.6rem;letter-spacing:.2em}
}
@media (prefers-reduced-motion:reduce){
  .parazit span{animation:none}
  .js .cg-svg.dalis{transform:none}
  .js main{animation:none}
  .gecis-perde{display:none}
}
@media print{
  .sinyal-yol,.parazit-alan,.om-hale,.son-ay,.cg-cip,.gecis-perde,.dalis-flash{display:none!important}
  .om-pist{height:auto}
  .om-sahne{position:static;height:auto;background:none!important}
  .sinyal,.bolum--dolunay{background:none!important;min-height:0}
  .om-rakam{fill:#111}
  .js .om-evre{opacity:1}
  .js .om-defter{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
}

/* ════════════════════════════════════════════════════════════════
   PHASE 8 — GÜN YOLCULUĞU (GFX: gunYolculugu, korumalı)
   Her marka sayfasında 30 günlük kaydırma yolculuğu: 250vh pist +
   yapışkan sahne. Sol = gün eskapmanı + günlük satır yazıcısı + evre;
   sağ (mobilde üst) = markaya ÖZGÜ SVG mekanik. Altta tam seyir
   defteri (details/summary, open) — JS'siz içerik eksiksiz.
   Yalnız transform/opacity/stroke değişir; düzen kayması yok.
   ════════════════════════════════════════════════════════════════ */
.gy-pist{height:250vh;position:relative}
.no-js .gy-pist{height:auto}
.gy-sahne{position:sticky;top:0;height:100svh;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-rows:auto 1fr;
  column-gap:clamp(1rem,3.5vw,3.4rem);
  padding:calc(var(--nav-h) + 2.2vh) clamp(1.5rem,5.5vw,5.5rem) 3.2vh;
  background:
    radial-gradient(50% 44% at 64% 54%,rgba(232,180,92,.075),transparent 70%),
    linear-gradient(180deg,var(--u0),#0C0A07)}
.no-js .gy-sahne{position:static;height:auto;min-height:70svh}
.gy-baslik{grid-column:1/-1;display:flex;align-items:baseline;gap:2rem;flex-wrap:wrap;padding-bottom:.8rem}
.gy-baslik .kck{margin-bottom:0}
.gy-baslik h2{font-size:clamp(1.4rem,2.5vw,2.1rem)}
.gy-ipucu{margin-left:auto;font:600 .62rem/1 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--orta)}

/* sol — eskapman okuma paneli */
.gy-okuma{display:flex;flex-direction:column;justify-content:center;gap:1.15rem;min-width:0;min-height:0}
.gy-gun{display:flex;align-items:baseline;gap:.85rem}
.gy-gun span{font:600 .72rem/1 var(--caps);letter-spacing:.34em;color:var(--altin)}
.gy-gun b{font:600 clamp(3rem,5.2vw,4.9rem)/1 var(--caps);color:var(--sicak);font-variant-numeric:tabular-nums;min-width:2ch;font-weight:600}
.gy-gun i{font:600 1.05rem/1 var(--caps);font-style:normal;letter-spacing:.2em;color:var(--orta)}
.gy-serit{display:flex;gap:4px;height:15px;align-items:flex-end}
.gy-serit i{flex:1;height:9px;background:rgba(184,134,47,.18);transition:background .3s,height .3s}
.gy-serit i.yandi{background:var(--altin)}
.gy-serit i.simdi{background:var(--sicak);height:15px}
.gy-faz-ad{font:600 .72rem/1.6 var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--orta)}
.gy-faz-ad b{color:var(--altin);font-weight:600}
.gy-yazici{border:1px solid var(--cizgi);border-left:2px solid var(--altin);
  background:linear-gradient(90deg,rgba(232,180,92,.06),transparent 75%);
  padding:1.15rem 1.4rem;min-height:8.8rem}
.gy-yazici-ust{display:flex;align-items:center;gap:1rem;font:600 .66rem/1 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--orta)}
.gy-yazici-ust b{font-size:1.02rem;letter-spacing:.14em;color:var(--sicak);font-weight:600}
.gy-yazici-ust::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--cizgi),transparent)}
.gy-metin{margin-top:.7rem;color:var(--fil);font-size:1.03rem;line-height:1.6}
.js .gy-metin.bas{animation:satirBas .28s var(--ease)}

/* sağ — mekanik sahnesi */
.gy-mekanik{position:relative;display:grid;place-items:center;min-height:0}
.gy-svg{width:min(72vh,42vw);max-width:100%;aspect-ratio:1;display:block}
.gy-mekanik-ad{position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  font:600 .62rem/1 var(--caps);letter-spacing:.3em;text-transform:uppercase;color:var(--orta);white-space:nowrap}
.gy-mekanik-ad b{color:var(--altin);font-weight:600}

/* mekanik SVG grameri — gün-öğeleri ([data-gun]): kapalı durum YALNIZ .js altında */
.js .gy-svg [data-gun]{transition:opacity .35s var(--ease),transform .45s var(--ease),fill .35s,stroke .35s}
.gy-bar{fill:var(--altin);transform-box:fill-box;transform-origin:center}
.js .gy-bar{transform:scaleY(.07);opacity:.35}
.js .gy-bar.yandi{transform:scaleY(1);opacity:.92}
.gy-bar.simdi{fill:var(--sicak)}
.gy-plaka{fill:rgba(232,180,92,.12);stroke:rgba(184,134,47,.45);stroke-width:1}
.js .gy-plaka{opacity:.2}
.js .gy-plaka.yandi{opacity:1}
.gy-plaka.yandi{fill:rgba(232,180,92,.3);stroke:var(--altin)}
.gy-plaka.simdi{stroke:var(--sicak);fill:rgba(255,233,176,.42)}
.gy-dugum{fill:var(--altin)}
.js .gy-dugum{opacity:.16}
.js .gy-dugum.yandi{opacity:1}
.gy-dugum.simdi{fill:var(--sicak)}
.gy-pad{fill:none;stroke:rgba(184,134,47,.28);stroke-width:1}
.gy-kenar{stroke:rgba(232,180,92,.55);stroke-width:1.1}
.js .gy-kenar{opacity:.08}
.js .gy-kenar.yandi{opacity:1}
.gy-kenar.simdi{stroke:var(--sicak)}
.gy-halka{fill:none;stroke:var(--altin);stroke-width:1.2;opacity:.55}
.js .gy-halka{opacity:0;transition:opacity .3s var(--ease)}
.gy-halka.simdi{stroke:var(--sicak);stroke-width:1.9}
.gy-kare{fill:rgba(232,180,92,.08);stroke:rgba(184,134,47,.5);stroke-width:1}
.js .gy-kare{opacity:.3}
.js .gy-kare.yandi{opacity:1}
.gy-kare.yandi{fill:rgba(232,180,92,.28);stroke:var(--altin)}
.gy-kare.simdi{stroke:var(--sicak);stroke-width:1.6}
.gy-tikc{stroke:rgba(184,134,47,.32);stroke-width:2.4}
.gy-tikc.yandi{stroke:var(--altin)}
.gy-tikc.simdi{stroke:var(--sicak);stroke-width:3.6}
.gy-isaret{fill:none;stroke:rgba(184,134,47,.4);stroke-width:1}
.gy-isaret.yandi{fill:rgba(232,180,92,.35);stroke:var(--altin)}
.gy-isaret.simdi{fill:var(--sicak);stroke:var(--sicak)}
.gy-g{fill:rgba(232,180,92,.12);stroke:rgba(184,134,47,.5);stroke-width:1.2}
.gy-g.yandi{fill:rgba(232,180,92,.4);stroke:var(--sicak)}
.gy-g.simdi{fill:var(--sicak);stroke:var(--sicak)}
.gy-eko{fill:none;stroke:var(--altin);stroke-width:1}
.js .gy-eko{opacity:.06}
.js .gy-eko.yandi{opacity:.6}
.gy-cizgi{fill:none;stroke:var(--altin);stroke-width:1.5}
.js .gy-cizgi{stroke-dasharray:1;stroke-dashoffset:1}
.gy-iskelet{stroke:rgba(184,134,47,.22);fill:none;stroke-width:1}
.gy-aks{stroke:rgba(184,134,47,.4);stroke-width:1}
.gy-yazi{font:600 12px var(--caps);letter-spacing:.14em;fill:#6E5118;text-anchor:middle}
.gy-cekirdek{fill:rgba(232,180,92,.22);stroke:var(--altin);stroke-width:1.4;transition:fill .5s,stroke .5s}
.gy-svg.tamam .gy-cekirdek{fill:var(--sicak);stroke:var(--sicak)}
.gy-svg.tamam .gy-final{opacity:1}
.gy-final{opacity:0;transition:opacity .6s var(--ease);fill:none;stroke:rgba(255,233,176,.75);stroke-width:1.2}
.no-js .gy-final{opacity:1}
/* eksen (sarkaç) */
.gy-sarkac line{stroke:var(--altin);stroke-width:2}
.gy-sarkac circle{fill:rgba(232,180,92,.22);stroke:var(--altin);stroke-width:1.5}
.gy-genlik{fill:none;stroke:rgba(184,134,47,.5);stroke-width:1;stroke-dasharray:3 7}
.gy-eksen{stroke:var(--sicak);stroke-width:1.6;opacity:0}
.no-js .gy-eksen{opacity:1}
/* fener */
.gy-isin{fill:rgba(255,233,176,.13)}
.gy-lamba{fill:var(--sicak)}
.gy-halo{fill:rgba(255,233,176,.14)}
/* kesim */
.gy-bicak line{stroke:var(--sicak);stroke-width:1.6}
.gy-bicak rect{fill:var(--sicak)}
/* kadran */
.gy-unut{fill:none;stroke:rgba(184,134,47,.6);stroke-width:1.3;stroke-dasharray:4 5}
.gy-ibre line{stroke:var(--sicak);stroke-width:1.6}
.gy-ibre circle{fill:var(--sicak)}

/* defter — tam 30 satır, evreye göre gruplu; JS'siz de eksiksiz */
.gy-defter{max-width:920px;margin-inline:auto;padding:var(--a5) clamp(1.5rem,5vw,4rem) var(--a6)}
.gy-defter .kck{margin-bottom:.4rem}
.gy-faz{border:1px solid rgba(184,134,47,.18);border-left:2px solid rgba(184,134,47,.3);margin-top:1rem;
  background:linear-gradient(90deg,rgba(232,180,92,.04),transparent 70%)}
.gy-faz[open]{border-left-color:var(--altin)}
.gy-faz summary{display:flex;align-items:baseline;gap:1.2rem;padding:1rem 1.3rem;cursor:pointer;list-style:none}
.gy-faz summary::-webkit-details-marker{display:none}
.gy-faz summary::after{content:"−";margin-left:auto;color:var(--orta);font:600 1rem var(--caps)}
.gy-faz:not([open]) summary::after{content:"+"}
.gy-aralik{font:600 .7rem/1 var(--caps);letter-spacing:.18em;color:var(--sicak);white-space:nowrap}
.gy-faz-baslik{font:600 .8rem/1.45 var(--caps);letter-spacing:.16em;text-transform:uppercase;color:var(--altin)}
.gy-liste{list-style:none;padding:0 1.3rem 1.1rem}
.gy-liste li{padding:.5rem 0;border-top:1px solid rgba(184,134,47,.12);color:var(--fil2);font-size:.95rem}
.gy-liste li b{font:600 .7rem var(--caps);letter-spacing:.14em;color:var(--altin);margin-right:.2rem;white-space:nowrap}

/* duyarlılık */
@media (max-width:1100px){
  .gy-sahne{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1.05fr) auto;row-gap:1rem;padding-inline:clamp(1.2rem,4vw,3rem)}
  .gy-mekanik{order:2}
  .gy-okuma{order:3;justify-content:flex-start;gap:.9rem}
  .gy-svg{width:min(44vh,78vw)}
}
@media (max-width:640px){
  .gy-pist{height:230vh}
  .gy-ipucu{display:none}
  .gy-baslik{padding-bottom:.3rem}
  .gy-svg{width:min(38vh,86vw)}
  .gy-gun b{font-size:2.7rem}
  .gy-yazici{min-height:9.6rem;padding:.9rem 1.05rem}
  .gy-metin{font-size:.92rem}
  .gy-liste li{font-size:.9rem}
  .gy-faz summary{gap:.8rem;padding:.85rem 1rem}
}
@media (prefers-reduced-motion:reduce){
  .js .gy-svg [data-gun],.gy-serit i,.js .gy-halka{transition:none}
  .js .gy-metin.bas{animation:none}
  .gy-cekirdek,.gy-final{transition:none}
}
@media print{
  .gy-pist{height:auto}
  .gy-sahne{position:static;height:auto;background:none!important}
  .js .gy-svg [data-gun],.js .gy-bar,.js .gy-plaka,.js .gy-dugum,.js .gy-kenar,.js .gy-halka,.js .gy-kare,.js .gy-eko{opacity:1;transform:none}
  .js .gy-cizgi{stroke-dasharray:none;stroke-dashoffset:0}
}

/* ════════════════════════════════════════════════════════════════
   QUALITY SWEEP P9 — iç sayfa yaşam katmanı, seyir kompakt girişi,
   dizin glifleri, canlı güneş, simdi nabzı, marka sahne dönüşü,
   raf filigranı, tablo kaydırma ipucu, mobil harita okunabilirliği.
   Tüm hareket transform/opacity; idle-yaşam yalnız html.gfx-idle.
   ════════════════════════════════════════════════════════════════ */

/* ───────── P9·1 GİRİŞ NİŞANI — iç sayfa kahramanının sağ yarısı yaşar ───────── */
.giris-nisan{position:absolute;right:clamp(1rem,6vw,7rem);top:50%;translate:0 -50%;
  width:min(34vw,430px);aspect-ratio:1;pointer-events:none;z-index:1}
.giris-nisan svg{width:100%;height:100%;display:block;overflow:visible}
.giris-nisan::before{content:"";position:absolute;inset:-12%;z-index:-1;
  background:radial-gradient(closest-side,rgba(255,233,176,.1),rgba(232,180,92,.045) 55%,transparent 72%)}
.gfx-idle .giris-nisan::before{animation:gunesNefes 9s var(--ease) infinite alternate}
.gfx-idle .gn-donus{transform-origin:center;animation:surukle 200s linear infinite}
.gfx-idle .gn-donus--ters{transform-origin:center;animation:surukle 260s linear infinite reverse}
/* varyant: radar süpürmesi (/kesif) */
.gn-radar{transform-origin:center}
.gfx-idle .gn-radar{animation:gnRadar 9s linear infinite}
@keyframes gnRadar{to{transform:rotate(360deg)}}
.gn-radar-iz{fill:none;stroke:var(--sicak);stroke-width:1.4}
.gn-radar-yelpaze{fill:rgba(255,233,176,.07)}
/* varyant: durum takımyıldızı (/simdi) + genel nabız noktaları */
.gn-nokta{fill:var(--altin)}
.gn-nokta--parlak{fill:var(--sicak)}
.gfx-idle .gn-nabiz{transform-box:fill-box;transform-origin:center;animation:gnNabiz 5.5s var(--ease) infinite}
.gfx-idle .gn-nabiz--2{animation-delay:-1.8s}
.gfx-idle .gn-nabiz--3{animation-delay:-3.6s}
@keyframes gnNabiz{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}
/* varyant: yankı halkaları (/iletisim) */
.gn-eko{fill:none;stroke:var(--altin);stroke-width:1}
.gfx-idle .gn-eko{transform-box:fill-box;transform-origin:center;animation:gnEko 7s var(--ease) infinite}
.gfx-idle .gn-eko--2{animation-delay:-2.3s}
.gfx-idle .gn-eko--3{animation-delay:-4.6s}
@keyframes gnEko{0%{opacity:.8;transform:scale(.4)}100%{opacity:0;transform:scale(1.5)}}
/* varyant: mühür (/hikaye) */
.gfx-idle .gn-muhur{transform-box:fill-box;transform-origin:center;animation:gunesNefes 11s var(--ease) infinite alternate}
/* kahraman başlığının arkasında nefes alan ışık — 0-rAF düzlüğü biter */
.sayfa-giris .kap{position:relative;z-index:2}
.gfx-idle .sayfa-giris::after{content:"";position:absolute;left:-6%;top:-14%;width:52%;height:130%;
  pointer-events:none;z-index:0;
  background:radial-gradient(closest-side,rgba(232,180,92,.075),transparent 70%);
  animation:gunesNefes 12s var(--ease) infinite alternate-reverse}
@media (max-width:1100px){.giris-nisan{display:none}}

/* ───────── P9·2 SEYİR KOMPAKT GİRİŞİ — /galaksi haritası ilk ekranda ───────── */
.sayfa-giris--seyir{padding:calc(var(--nav-h) + clamp(1.8rem,4vh,3rem)) 0 clamp(2.5rem,6vh,4rem)}
.sayfa-giris--seyir h1{font-size:clamp(2rem,1.5rem + 2.4vw,3.3rem)}
.sayfa-giris--seyir .sayfa-sub{margin-top:1rem;max-width:64ch}
.sayfa-giris--seyir .harita-cerceve{margin-top:clamp(1.4rem,3vh,2.2rem)}

/* ───────── P9·3 DİZİN GLİFLERİ — /markalar satırlarında evre-durum gezegenleri ───────── */
.sistem-listesi--glifli .sistem{grid-template-columns:5.4rem 38px minmax(0,1fr) auto}
.araclar-liste.sistem-listesi--glifli .sistem{grid-template-columns:4.6rem 38px minmax(0,1fr) auto}
.s-glif{width:38px;height:38px;color:#8E7A54;transition:color var(--sure-3),filter var(--sure-3)}
.sistem.lit .s-glif{color:var(--altin)}
.sistem:hover .s-glif{color:var(--sicak);filter:drop-shadow(0 0 7px rgba(255,233,176,.55))}
.no-js .s-glif{color:var(--altin)}
.s-glif--aktif{color:var(--sicak)!important}
.gfx-idle .s-glif--aktif .glif-nabiz{transform-box:fill-box;transform-origin:center;animation:gnNabiz 4.5s var(--ease) infinite}
.s-glif--ufukta{color:var(--dim)}
/* satır ışık hattı hover'da da yanar (yalnız .lit değil) */
.sistem:hover::before{transform:scaleX(1)}
@media (max-width:640px){
  .sistem-listesi--glifli .sistem,.araclar-liste.sistem-listesi--glifli .sistem{grid-template-columns:3rem 28px minmax(0,1fr)}
  .sistem-listesi--glifli .s-durum{grid-column:3}
  .s-glif{width:28px;height:28px}
}

/* ───────── P9·4 CANLI GÜNEŞ — merkez yıldız artık cevap veriyor ───────── */
.g-gunes{cursor:pointer;outline:none}
.g-gunes .gunes-disk{transition:filter var(--sure-2)}
.g-gunes:hover .gunes-disk,.g-gunes:focus .gunes-disk{filter:drop-shadow(0 0 24px rgba(255,233,176,.6)) drop-shadow(0 0 60px rgba(232,180,92,.35))}
.g-gunes:focus-visible .gunes-disk{filter:drop-shadow(0 0 24px rgba(255,233,176,.75))}

/* ───────── P9·5 ŞİMDİ NABZI — canlı sayfada görünür kalp atışı ───────── */
.pano .rozet--aktif{position:relative}
.gfx-idle .pano .rozet--aktif::after{content:"";position:absolute;inset:-1px;pointer-events:none;
  box-shadow:0 0 20px rgba(232,180,92,.6),0 0 5px rgba(255,233,176,.7);
  opacity:.15;animation:nabizParla 4.5s ease-in-out infinite}
@keyframes nabizParla{0%,100%{opacity:.12}50%{opacity:.9}}
.gfx-idle .pano-baslik{position:relative;overflow:hidden}
.gfx-idle .pano-baslik::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;opacity:.8;
  background:linear-gradient(90deg,transparent 0 40%,rgba(255,233,176,.75) 50%,transparent 60% 100%);
  transform:translateX(-60%);animation:rayGezgin 9s linear infinite}
.gfx-idle .pano-glif{animation:glifNefes 7s ease-in-out infinite alternate}
@keyframes glifNefes{from{opacity:.7}to{opacity:1}}

/* ───────── P9·6 MARKA SAHNESİ DÖNÜŞÜ — dev gezegen artık duraklamış render değil ───────── */
.gfx-idle .dunya-sahne .sahne-tik{transform-box:view-box;transform-origin:320px 320px;animation:surukle 150s linear infinite}
.gfx-idle .dunya-sahne .sahne-yuzey{transform-box:view-box;transform-origin:320px 320px;animation:surukle 300s linear infinite}
.dunya-hale{opacity:.85;transition:opacity .6s var(--ease)}
.dunya-giris:hover .dunya-hale{opacity:1}

/* ───────── P9·7 RAF FİLİGRANI — kartlarda kozmik kimlik (yörünge glifi) ───────── */
.raf-kart{background-image:
  linear-gradient(180deg,rgba(232,180,92,.035),transparent 50%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='21' fill='none' stroke='%23E8B45C' stroke-opacity='.45' stroke-width='1'/%3E%3Ccircle cx='32' cy='32' r='29' fill='none' stroke='%23E8B45C' stroke-opacity='.22' stroke-width='1' stroke-dasharray='2.5 5'/%3E%3Ccircle cx='49' cy='19' r='2.2' fill='%23FFE9B0' fill-opacity='.7'/%3E%3Crect x='29.2' y='29.2' width='5.6' height='5.6' transform='rotate(45 32 32)' fill='%23E8B45C' fill-opacity='.55'/%3E%3C/svg%3E");
  background-repeat:no-repeat,no-repeat;
  background-position:0 0,calc(100% + 26px) calc(100% + 26px);
  background-size:100% 100%,104px 104px}

/* ───────── P9·8 TABLO KAYDIRMA İPUCU — kesilen sütun artık sırlı değil ───────── */
.tablo-sar.kayar{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 64px),rgba(0,0,0,.18));
  mask-image:linear-gradient(90deg,#000 calc(100% - 64px),rgba(0,0,0,.18))}
.tablo-sar.kayar.kaydi{-webkit-mask-image:none;mask-image:none}
.tablo-ipucu{margin-top:.5rem;font:600 .6rem/1 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--orta);text-align:right}
.tablo-sar.kaydi + .tablo-ipucu{opacity:0;transition:opacity .4s}

/* ───────── P9·9 MOBİL HARİTA OKUNABİLİRLİĞİ — etiketler ve dokunma alanları ───────── */
@media (max-width:640px){
  .cg-svg text.g-eti{font-size:26px!important;letter-spacing:.14em}
  .cg-svg .g-vur{r:64px}
  /* kahraman istatistik şeridi: 2+1 yetim hücre yerine temiz üçlü sıra */
  .veri-serit{flex-direction:column;gap:0}
  .veri-serit div{display:flex;align-items:baseline;gap:.7rem;width:100%;
    border-right:0;margin-right:0;padding:.7rem 0 .55rem;border-bottom:1px solid rgba(184,134,47,.16)}
  .veri-serit div:last-child{border-bottom:0}
}

/* azaltılmış hareket + yazdırma koruması */
@media (prefers-reduced-motion:reduce){
  .gn-radar,.gn-nabiz,.gn-eko,.gn-muhur,.gn-donus,.gn-donus--ters{animation:none!important}
}
@media print{
  .giris-nisan{display:none!important}
}

/* ════════════════════════════════════════════════════════════════
   P10 — UYDU MİMARİSİ + 30 ŞEY
   Araç dünyaları artık ana markalarının UYDUSUDUR. Eşleme TEK yerde:
   assets/galaksi.js → UYDU_ANA. Bu blok: canlı galakside uydu gövdesi
   + ana gezegen yörünge halkası, çapraz bağ kartı ("BU DÜNYANIN
   UYDUSU" / "BU UYDUNUN GEZEGENİ"), dizinlerde ⟳ işaretleri.
   Araç sayfalarındaki 30 ŞEY sayacı motoru Phase 8'den miras alır.
   ════════════════════════════════════════════════════════════════ */

/* ── canlı galakside uydu: ana gezegen çevresinde küçük halka + mikro kimlikli nokta ── */
.cg-uydu-ring{fill:none;stroke:rgba(232,180,92,.3);stroke-width:1;stroke-dasharray:2 5;pointer-events:none}
.cg-uydu-eti{font-size:11px;letter-spacing:.14em}
.cg-uydu .g-halo{stroke-width:1}
.cg-uydu--aktif rect.g-cisim{stroke:var(--sicak);filter:drop-shadow(0 0 5px rgba(255,233,176,.7))}
.cg-uydu--aktif circle.g-cisim{fill:var(--sicak);filter:drop-shadow(0 0 5px rgba(255,233,176,.7))}

/* ── uydu bağ kartı — iki yönlü çapraz bağ bölümü ── */
.uydu-karti{margin-top:2.6rem;display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);
  gap:clamp(1.2rem,3vw,2.6rem);align-items:center;position:relative;
  border:1px solid var(--cizgi);padding:clamp(1.4rem,3vw,2.2rem);
  background:linear-gradient(90deg,rgba(232,180,92,.05),transparent 65%)}
.uydu-karti::before{content:"";position:absolute;top:-1px;left:1.4rem;right:52%;height:1px;
  background:linear-gradient(90deg,var(--sicak),transparent)}
.uydu-glif{width:100%;max-width:170px;aspect-ratio:1;display:block;overflow:visible;margin-inline:auto}
.gfx-idle .uydu-glif .ug-donen{transform-box:view-box;transform-origin:60px 60px;animation:surukle 36s linear infinite}
.uydu-ust{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
.uydu-no{font:600 .62rem/1 var(--caps);letter-spacing:.26em;text-transform:uppercase;color:var(--orta)}
.uydu-ad{margin-top:.55rem;font:600 1.3rem/1.25 var(--caps);letter-spacing:.04em;color:var(--fil)}
.uydu-tag{margin-top:.4rem;color:var(--fil2);font-size:.98rem;max-width:56ch}
.uydu-birlikte{margin-top:.9rem;padding-top:.85rem;border-top:1px solid rgba(184,134,47,.16);
  color:var(--fil2);font-size:.95rem;max-width:56ch}
.uydu-karti .sistem-cta{margin-top:1.5rem}

/* ── dizinlerde ⟳ uydu işareti (hub satırları + koordinat dizini) ── */
.s-uydu{display:block;margin-top:.35rem;font:600 .6rem/1.6 var(--caps);letter-spacing:.2em;
  text-transform:uppercase;color:var(--orta)}
.s-uydu i{font-style:normal;color:var(--altin)}
.pano-uydu{white-space:nowrap}
.pano-uydu i{font-style:normal;color:var(--altin)}

@media (max-width:640px){
  .cg-svg .cg-uydu .g-vur{r:30px}
  .cg-svg text.cg-uydu-eti{font-size:19px!important;letter-spacing:.1em}
  .uydu-karti{grid-template-columns:1fr}
  .uydu-glif{max-width:120px}
}
@media (prefers-reduced-motion:reduce){
  .gfx-idle .uydu-glif .ug-donen{animation:none!important}
}
@media print{
  .cg-uydu-ring{display:none}
}

/* ════════════════════════════════════════════════════════════════
   P11 — VERİ MASASI (/rapor) + RAKAMLARLA bileşeni
   Yasa: her rakam birincil kaynağına bağlanır; kutu "önce cevap" dilidir.
   Rapor gövdesi makale tipografisini taşır (.makale-govde), geniş
   tablolar için .rapor-govde genişletir; tablolar .tablo-sar ile kayar.
   ════════════════════════════════════════════════════════════════ */
.rakamlarla{margin-top:2.6rem;border:1px solid var(--cizgi);position:relative;
  padding:1.5rem 1.7rem 1.35rem;
  background:linear-gradient(180deg,rgba(232,180,92,.05),transparent 55%)}
.rakamlarla::before{content:"";position:absolute;top:-1px;left:1.4rem;right:55%;height:1px;
  background:linear-gradient(90deg,var(--sicak),transparent)}
.rakamlarla-tag{font:600 .62rem/1.5 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--altin)}
.rakamlarla-izgara{margin-top:1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:1.2rem 1.6rem}
.rakam b{display:block;font:600 clamp(1.3rem,2.3vw,1.65rem)/1.15 var(--caps);color:var(--sicak)}
.rakam span{display:block;margin-top:.4rem;color:var(--fil2);font-size:.9rem}
.rakam a{display:inline-block;margin-top:.55rem;font:600 .6rem/1.6 var(--caps);letter-spacing:.2em;text-transform:uppercase;
  color:var(--orta);text-decoration:none;border-bottom:1px solid rgba(184,134,47,.35);
  transition:color .2s,border-color .2s}
.rakam a:hover{color:var(--sicak);border-color:var(--cizgi2)}
.rakamlarla-dip{margin-top:1.4rem;padding-top:1rem;border-top:1px solid rgba(184,134,47,.16);
  font:600 .6rem/1.9 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--orta)}
.rakamlarla-dip a{color:var(--altin);text-decoration:none}
.rakamlarla-dip a:hover{color:var(--sicak)}
/* kategori sayfası varyantı: kutu dizinin ÜSTÜNDE oturur */
.rakamlarla--ust{margin:2.4rem 0 3rem}
/* yazı başlığındaki görünür dateModified satırı */
.yazan-guncel{color:var(--orta)}
.yazan-guncel time{color:var(--altin)}

/* rapor gövdesi: makale tipografisi + geniş tablo alanı */
.rapor-govde{max-width:min(78ch,820px)}
.rapor-govde .tablo-sar{margin-top:1.5rem}
.rapor-kunye{margin-top:1.3rem;display:flex;flex-wrap:wrap;gap:.7rem 1.6rem;
  font:600 .62rem/1.8 var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--orta)}
.rapor-kunye b{color:var(--altin);font-weight:600}

/* atıf kutusu — kopyalanabilir APA satırı */
.alinti-kutu{margin:2.8rem 0 0;padding:1.5rem 1.7rem 1.6rem;border:1px solid var(--cizgi);border-left:2px solid var(--altin);
  background:linear-gradient(90deg,rgba(232,180,92,.06),transparent 78%)}
.alinti-metin{margin-top:.9rem;color:var(--fil2);font-size:.95rem;overflow-wrap:anywhere}
.alinti-kutu .paylas-dugme{margin-top:1.1rem}

/* sürüm geçmişi */
.surumler{list-style:none;margin-top:1.2rem;border-bottom:1px solid var(--cizgi)}
.surumler li{display:grid;grid-template-columns:5.5rem 9.5rem minmax(0,1fr);gap:1rem;align-items:baseline;
  padding:.9rem .2rem;border-top:1px solid rgba(184,134,47,.16);font-size:.93rem;color:var(--fil2)}
.surumler b{font:600 .72rem/1.6 var(--caps);letter-spacing:.18em;color:var(--altin);text-transform:uppercase}
.surumler time{font:600 .68rem/1.6 var(--caps);letter-spacing:.12em;color:var(--orta);text-transform:uppercase;white-space:nowrap}

/* kaynakça */
.kaynakca{margin:1.4rem 0 0 1.35rem}
.kaynakca li{margin-bottom:.7rem;font-size:.93rem;color:var(--fil2)}

/* CEFR düzey tanımları — alıntılanabilir tek satırlar */
.duzey-liste{margin-top:1.6rem;border-bottom:1px solid var(--cizgi)}
.duzey{padding:1.3rem .2rem 1.4rem;border-top:1px solid var(--cizgi);
  display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:1.2rem;align-items:baseline}
.duzey-kod{font:600 1.5rem/1 var(--caps);letter-spacing:.08em;color:var(--altin)}
.duzey p{color:var(--fil2)}
.duzey p b{color:var(--sicak)}

/* türetim formülü plakası */
.formul{margin:1.8rem 0 0;padding:1.4rem 1.7rem;border:1px dashed rgba(184,134,47,.45);
  color:var(--fil2);font-size:.97rem}
.formul b{color:var(--sicak)}

@media (max-width:640px){
  .rakamlarla{padding:1.2rem 1.2rem 1.1rem}
  .surumler li{grid-template-columns:1fr;gap:.15rem}
  .duzey{grid-template-columns:3rem minmax(0,1fr);gap:.9rem}
}
@media print{
  .rakam a,.rakamlarla-dip{color:#3a2c10}
}