/* sayfa.css — ranova-gelecek-01 · Ranova Creative OS (sayfa kodu, eşik ölçümüne dahil)
   Tur 3: koyu uzay zemini + logonun gerçek mavi-camgöbeği ışığı + zaman için sıcak kehribar.
   Tur 5: girdap geçişi tüm sabit perdelerde; açılış yazısı bantsız; Nabız girişleri dağınık; Beş adım ışık yolu. */

@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;
  src:url(fontlar/manrope-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;
  src:url(fontlar/manrope-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --sc-canvas:#05070F;
  --sc-surface:#0C1224;
  --sc-surface-2:#121A33;
  --sc-ink:#F2F6FF;
  --sc-ink-soft:#9AA8C7;
  --sc-mavi:#1F6BFF;
  --sc-cam:#22D3EE;
  --sc-mor:#7C5CFF;
  --sc-accent:#F2B44C;
  --sc-accent-ink:#0A1230;
  --sc-cizgi:rgba(242,246,255,.12);
  --sc-font:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;

  --sc-tip-etiket:clamp(.72rem,.9vw,.8rem);
  --sc-tip-govde:clamp(1rem,1.15vw,1.125rem);
  --sc-tip-buyuk:clamp(1.15rem,1.6vw,1.35rem);
  --sc-tip-alt:clamp(1.5rem,2.6vw,2.1rem);
  --sc-tip-baslik:clamp(2.2rem,5vw,4.2rem);
  --sc-tip-dev:clamp(2.8rem,7.2vw,6.4rem);
  --sc-tip-sayi:clamp(2.6rem,6vw,5rem);
  --sc-tip-marka:clamp(.8rem,1vw,.9rem);
  --sc-satir:62ch;
  --sc-satir-dar:44ch;

  --sc-sure-hizli:180ms;
  --sc-sure-orta:420ms;
  --sc-sure-yavas:760ms;
  --sc-sure-agir:1200ms;
  --sc-sure-nefes:2600ms;
  --sc-egri-cikis:cubic-bezier(.2,.7,.25,1);
  --sc-egri-giris:cubic-bezier(.55,0,.45,1);
  --sc-egri-yay:cubic-bezier(.34,1.3,.64,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--sc-canvas)}
body{margin:0;background:var(--sc-canvas);color:var(--sc-ink);font-family:var(--sc-font);
  font-size:var(--sc-tip-govde);line-height:1.6;overflow-x:hidden;font-weight:400}
img{max-width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
h1,h2,h3{font-weight:700;line-height:1.06;margin:0;letter-spacing:-.025em;text-wrap:balance}
p{text-wrap:pretty;margin:0}
a{color:inherit}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--sc-cam);outline-offset:3px;border-radius:3px}
::selection{background:rgba(34,211,238,.35)}

.sc-atla{position:absolute;left:-999px;top:0;background:var(--sc-accent);color:var(--sc-accent-ink);
  padding:.6rem 1rem;z-index:99}
.sc-atla:focus{left:.5rem;top:.5rem}

/* ---- ilerleme çubuğu ---- */
.sc-ilerleme{position:fixed;inset:0 0 auto 0;height:2px;z-index:60;background:rgba(242,246,255,.06)}
.sc-ilerleme span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--sc-mavi),var(--sc-cam));
  transform:scaleX(var(--sc-ilerleme,0));transform-origin:0 50%;will-change:transform}

/* ---- imleci izleyen ışık (yalnız ince işaretçi); perdelerin üstünde, üst çubuğun altında ---- */
.isik-imlec{position:fixed;left:0;top:0;z-index:9;width:46vmax;height:46vmax;pointer-events:none;
  transform:translate3d(-50%,-50%,0);opacity:0;
  background:radial-gradient(circle,rgba(34,211,238,.10),rgba(31,107,255,.06) 35%,rgba(31,107,255,0) 70%);
  will-change:transform,opacity}
@media (hover:hover) and (pointer:fine){.isik-imlec[data-acik]{opacity:1}}

/* ---- üst çubuk ---- */
/* Sabit üst çubuk (mücevher/pizza sitelerindeki gibi): ne kadar inilirse inilsin logo yerinde kalır, tıklayınca başa döner.
   Çubuğun kendisi tıklamayı yutmaz; yalnız içindekiler tıklanır (imleç ışığı ve perdeler altta çalışmaya devam eder). */
.sc-ust{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;pointer-events:none;
  justify-content:space-between;gap:1rem;padding:clamp(.9rem,2vw,1.4rem) clamp(1rem,4vw,3rem)}
.sc-ust>*{pointer-events:auto}
.sc-marka-bag{cursor:pointer}
.sc-marka{margin:0;font-size:var(--sc-tip-marka);font-weight:800;letter-spacing:.32em;text-transform:uppercase}
.sc-marka-bag{text-decoration:none;display:inline-flex;align-items:center;gap:.55rem}
.sc-logo{width:32px;height:32px;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 0 10px rgba(34,211,238,.55))}
.sc-nav-liste{list-style:none;margin:0;padding:0;display:flex;gap:clamp(.8rem,2vw,1.6rem)}
.sc-nav-bag{font-size:var(--sc-tip-etiket);letter-spacing:.08em;text-transform:uppercase;font-weight:600;white-space:nowrap;
  text-decoration:none;color:var(--sc-ink-soft);padding:.4rem 0;border-bottom:1px solid transparent;
  transition:color var(--sc-sure-hizli) var(--sc-egri-cikis),border-color var(--sc-sure-hizli) var(--sc-egri-cikis)}
@media (hover:hover) and (pointer:fine){
  .sc-nav-bag:hover{color:var(--sc-ink);border-color:var(--sc-cam)}
}
/* Canlı saat: sayfanın tek gerçek zamanlı verisi; sahnenin teması olan zamanı sürekli hatırlatır. */
.sc-diller{display:flex;align-items:center;gap:.15rem;margin-left:auto}
.sc-dil{display:inline-flex;align-items:center;min-height:44px;padding:0 .45rem;font-size:var(--sc-tip-etiket);letter-spacing:.08em;font-weight:600;
  text-decoration:none;color:var(--sc-ink-soft)}
.sc-dil[aria-current="page"]{color:var(--sc-ink)}
.sc-dil:hover{color:var(--sc-cam)}
.sc-dil+.sc-dil{border-left:1px solid var(--sc-cizgi)}
.sc-nav+.sc-diller{margin-left:clamp(.6rem,1.6vw,1.4rem)}
.sc-diller+.sc-saat{margin-left:clamp(.6rem,1.4vw,1.2rem)}
/* İngilizce etiketler daha uzun: menü tek satırda kalsın diye 1440 altında yazı ve boşluk hafif küçülür (Tur 9) */
html[lang="en"] .sc-nav-liste{gap:clamp(.55rem,1.3vw,1.2rem)}
html[lang="en"] .sc-nav-bag{font-size:clamp(.66rem,.82vw,.78rem);letter-spacing:.06em}
.sc-saat{margin:0;display:inline-flex;align-items:center;gap:.5rem;font-size:var(--sc-tip-etiket);letter-spacing:.12em;
  text-transform:uppercase;color:var(--sc-ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}
.sc-saat-nokta{width:6px;height:6px;border-radius:50%;background:var(--sc-cam);box-shadow:0 0 10px var(--sc-cam);
  animation:saat-nefes 2s var(--sc-egri-giris) infinite}
.sc-saat-deger{color:var(--sc-ink);font-weight:700}
@keyframes saat-nefes{50%{opacity:.35}}

/* ---- sahne kabuğu ---- */
.sc-sahne{position:relative}
.sc-sahne-ic{max-width:min(1160px,92vw);margin-inline:auto;padding:clamp(4rem,12vh,9rem) 0}
.sc-ustluk{margin:0 0 1rem;font-size:var(--sc-tip-etiket);letter-spacing:.22em;text-transform:uppercase;
  font-weight:700;color:var(--sc-cam)}
.sc-baslik{font-size:var(--sc-tip-baslik)}
.sc-kopya p{color:var(--sc-ink-soft);margin:1.1rem 0 0;max-width:var(--sc-satir)}
.sc-kopya .sc-vurgu{color:var(--sc-ink);font-weight:600}

.sc-akt-pin{--sc-p:0;min-height:100vh;position:relative}
.sc-stage{position:-webkit-sticky;position:sticky;top:0;min-height:100vh;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:clamp(1.2rem,5vw,4rem)}
@supports (min-height:100svh){.sc-akt-pin{min-height:100svh}.sc-stage{min-height:100svh}}

/* ---- CUE: sıralı giriş, gizleme yalnız runtime açıkken ---- */
.sc-cue{transition:opacity var(--sc-sure-yavas) var(--sc-egri-cikis),transform var(--sc-sure-yavas) var(--sc-egri-cikis);
  transition-delay:var(--sc-gec,0ms)}
html[data-sc-hazir] .sc-cue{opacity:0;transform:translate3d(0,22px,0);will-change:opacity,transform}
html[data-sc-hazir] .sc-cue.sc-gorunur{opacity:1;transform:none;will-change:auto}
/* Akışta duran perdeler (canlı örnek, iletişim) görünür olunca aynı girdap karakteriyle açılır. */
.sc-kopya-girdap{transition:opacity var(--sc-sure-agir) var(--sc-egri-cikis),transform var(--sc-sure-agir) var(--sc-egri-cikis)}
html[data-sc-hazir] .sc-kopya-girdap{opacity:0;transform:rotate(-14deg) scale(.55);will-change:opacity,transform}
html[data-sc-hazir] .sc-kopya-girdap.sc-gorunur{opacity:1;transform:none;will-change:auto}

/* ==================================================================
   GİRDAP GEÇİŞİ — tüm sabit perdeler için ortak
   Her perde: girişte (p 0–.14) merkezden dönerek açılır, çıkışta (p .84–1) merkeze dönerek emilir,
   karanlık iris kapanır. Sonraki perde bir ekran boyu bindirilir (margin-top:-100vh) ve örtüşme boyunca
   saydamdır; zemin kendi ilerlemesiyle (--h) dolar. Beyaz kare yok, dikiş yok.
   ================================================================== */
.sc-girdapli{background:transparent;margin-top:-100vh}
/* Girilmemiş perdenin saydam sahnesi alttaki perdenin kaydırıcısını/düğmesini örtmesin (sayfa.js .sc-disari yazar). */
.sc-girdapli.sc-disari,.sc-girdapli.sc-disari .sc-stage{pointer-events:none}
.esik{z-index:1}.deger{z-index:2}.nabiz{z-index:3}.zaman{z-index:4}.gelecek{z-index:5}.uretim{z-index:6}.nasil{z-index:7}.not{z-index:8}.iletisim{z-index:9}
.sc-girdapli .sc-stage{--h:clamp(0,calc(var(--sc-p,0) / .14),1);background:rgba(5,7,15,var(--h))}
.sc-girdapli .sc-stage::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:var(--zemin,var(--sc-canvas));opacity:var(--h)}
.girdap{--gg:.14;--gc:.84;
  --gi:clamp(0,calc(var(--sc-p,0) / var(--gg)),1);
  --go:clamp(0,calc((var(--sc-p,0) - var(--gc)) / (1 - var(--gc))),1);
  position:relative;z-index:1;width:100%;flex:1 1 auto;min-height:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  transform:rotate(calc((1 - var(--gi)) * -28deg + var(--go) * 42deg)) scale(calc(.35 + var(--gi) * .65 - var(--go) * .62));
  transform-origin:50% 50%;opacity:calc(var(--gi) * (1 - var(--go) * var(--go)));will-change:transform,opacity}
.sc-iris{position:absolute;inset:0;z-index:6;pointer-events:none;--gc:.84;
  --go:clamp(0,calc((var(--sc-p,0) - var(--gc)) / (1 - var(--gc))),1);
  background:radial-gradient(circle at 50% 50%,rgba(5,7,15,0) calc((1 - var(--go)) * 70%),var(--sc-canvas) calc((1 - var(--go)) * 70% + 22%));
  opacity:clamp(0,calc(var(--go) * 4),1)}

/* ---- ortak: düğme ---- */
.sc-eylem{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;
  padding:.85rem 1.6rem;border-radius:999px;border:0;background:linear-gradient(90deg,var(--sc-mavi),var(--sc-cam));
  color:#041018;text-decoration:none;font-weight:700;cursor:pointer;
  box-shadow:0 0 0 1px rgba(34,211,238,.25),0 10px 40px -12px rgba(34,211,238,.7);
  transition:transform var(--sc-sure-hizli) var(--sc-egri-yay),box-shadow var(--sc-sure-hizli) var(--sc-egri-cikis)}
.sc-eylem-ikincil{background:rgba(12,18,36,.6);border:1px solid var(--sc-cizgi);color:var(--sc-ink);box-shadow:none;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (hover:hover) and (pointer:fine){
  .sc-eylem:hover{transform:translate3d(0,-2px,0);box-shadow:0 0 0 1px rgba(34,211,238,.5),0 18px 50px -14px rgba(34,211,238,.9)}
  .sc-eylem-ikincil:hover{box-shadow:0 0 0 1px rgba(34,211,238,.4)}
}

/* ==================================================================
   1 · EŞİK — nebula (tuval), ışık hüzmesi, ışık çizgisiyle açılan yazı, girdap çıkışı
   ================================================================== */
.esik{background:var(--sc-canvas)}
.esik .sc-stage{padding:0}
.esik .girdap{--gi:1;--gc:.78;position:absolute;inset:0}
.esik .sc-iris{--gc:.8}
.esik-tuval{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}
/* Işık hüzmesi: sol üstten merkeze; ikinci perdede aynı hüzme sürer (bütünlük). */
.huzme{position:absolute;inset:-20%;z-index:1;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,0) 32%,rgba(34,211,238,.10) 42%,rgba(242,246,255,.22) 46%,rgba(242,180,76,.10) 51%,rgba(255,255,255,0) 60%),
    radial-gradient(40% 40% at 50% 48%,rgba(31,107,255,.22),rgba(31,107,255,0) 70%);
  opacity:calc(.45 + var(--sc-p,0) * .55);transform:rotate(calc(var(--sc-p,0) * -8deg));will-change:opacity,transform}
.esik .sc-perde{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,7,15,.35) 0%,rgba(5,7,15,0) 30%,rgba(5,7,15,0) 60%,rgba(5,7,15,.75) 100%)}
/* Gerçek logo: nebula onun içinden doğar; kaydırınca büyüyüp ışığa karışır.
   Parıltı filtre değil, arkadaki yumuşak ışık katmanıdır (filtre ölçeklenen öğede her kare yeniden hesaplanıyordu). */
.esik-logo{position:absolute;left:50%;top:50%;z-index:3;width:clamp(160px,21.5vw,294px);aspect-ratio:1/1;perspective:1100px;
  transform:translate(-50%,-50%) scale(calc(1 + var(--sc-p,0) * 1.8));
  opacity:calc(1 - var(--sc-p,0) * 4.5);will-change:transform,opacity}
.esik-logo::before{content:"";position:absolute;inset:-40%;border-radius:50%;z-index:-1;
  background:radial-gradient(circle,rgba(34,211,238,.42),rgba(31,107,255,.26) 38%,rgba(31,107,255,0) 68%);
  animation:logo-dogus 2.2s var(--sc-egri-cikis) both,logo-nefes 4s var(--sc-egri-giris) 2.2s infinite;will-change:transform,opacity}
@keyframes logo-nefes{50%{opacity:.6;transform:scale(1.14)}}
.esik-logo[data-sonuk]{display:none}
/* Açılış: logo küçükten büyüyerek gelir (2.2 sn), büyüme bitince KENDİ DİKEY EKSENİ etrafında döner (madeni para gibi,
   14 sn/tur). İki yüz var: ön yüz 0→360°, arka yüz 180→540° döner; her yüz kendi arkasını gizler, böylece hangi
   taraftan bakılırsa bakılsın R düz okunur. Yüzler AYRI AYRI döndürülür (üç boyutlu sarmalayıcı bağlamı kullanılmaz:
   tarayıcı sarmalayıcıyı düz katmana indirip ön yüzün arkasını ayna gibi gösterdi — ölçülerek bulundu).
   Dış kabuğun kaydırmaya bağlı büyüme/solma davranışı değişmez. */
.esik-logo-don{position:relative;width:100%;height:100%}
.esik-logo img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;
  backface-visibility:hidden;transform-origin:50% 50%;will-change:transform}
.esik-logo-on{animation:logo-dogus 2.2s var(--sc-egri-cikis) both,logo-don 14s linear 2.2s infinite}
.esik-logo-arka{transform:rotateY(180deg);animation:logo-don-arka 14s linear 2.2s infinite}
@keyframes logo-dogus{from{transform:scale(.06);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes logo-don{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}  /* iki uç da yazılı: yalnız 'to' olursa 360° = 0° sayılır, dönmez */
@keyframes logo-don-arka{from{transform:rotateY(180deg)}to{transform:rotateY(540deg)}}
/* Yazı: bant yok. Kaydırdıkça ince bir ışık çizgisi soldan sağa geçer, yazı çizginin ardından belirir. */
.rulo{--r:clamp(0,calc((var(--sc-p,0) - .18) / .42),1);position:absolute;left:50%;top:50%;z-index:4;
  width:min(1100px,90vw);transform:translate(-50%,-50%);
  opacity:calc(clamp(0,calc((var(--sc-p,0) - .12) * 8),1) * (1 - clamp(0,calc((var(--sc-p,0) - .84) / .14),1)));
  filter:blur(calc(clamp(0,calc((var(--sc-p,0) - .82) / .16),1) * 14px));will-change:opacity,filter}
.rulo-band{position:relative;padding:clamp(.6rem,2vh,1.2rem) clamp(.6rem,2vw,1.4rem);
  clip-path:inset(-30% calc((1 - var(--r)) * 100%) -30% 0);will-change:clip-path}
.rulo-yazi{margin:0;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-weight:800;
  font-size:clamp(1.4rem,3.6vw,3.2rem);line-height:1.14;color:var(--sc-ink);white-space:normal;text-wrap:balance;
  text-shadow:0 0 30px rgba(34,211,238,.45),0 0 80px rgba(31,107,255,.35)}
.rulo-yazi span{background:linear-gradient(90deg,var(--sc-mavi),var(--sc-cam));-webkit-background-clip:text;background-clip:text;color:transparent}
.rulo-isik{position:absolute;top:-18%;bottom:-18%;left:calc(var(--r) * 100%);width:3px;
  transform:translateX(-50%);border-radius:999px;
  background:linear-gradient(180deg,rgba(34,211,238,0),#DDE9FF 30%,#22D3EE 70%,rgba(34,211,238,0));
  box-shadow:0 0 22px rgba(34,211,238,.95),0 0 60px rgba(31,107,255,.6),0 0 120px rgba(31,107,255,.35);
  opacity:calc(1 - clamp(0,calc((var(--r) - .9) * 10),1))}
/* İlk kare vaadi (2026-09-20): sahne açılmadan ÖNCE de ne sattığımız ve tek çağrı görünür.
   Üst şeridin hemen altında durur, kaydırma başlar başlamaz söner (p=.10'da yok olur), böylece
   birinci perdenin yazı-açılış koreografisi hiç değişmez. Logo ortada kaldığı için çakışma yok. */
.esik-vaat{position:absolute;left:50%;top:clamp(4.6rem,11vh,6.4rem);z-index:5;transform:translateX(-50%);
  width:min(680px,90vw);text-align:center;
  opacity:calc(1 - clamp(0,calc(var(--sc-p,0) / .10),1));will-change:opacity}
.esik-vaat-yazi{margin:0;font-size:var(--sc-tip-buyuk);color:var(--sc-ink);text-wrap:balance;letter-spacing:.02em;
  text-shadow:0 2px 18px rgba(5,7,15,.85)}
.esik-vaat-yol{margin:.9rem 0 0}
.esik-vaat-yol .sc-eylem{min-height:44px;padding:.6rem 1.25rem;font-size:var(--sc-tip-govde)}
/* Ne yaptığımız + iki yol (Tur 7): yazı açıldıktan sonra altında belirir. */
.esik-satmaz{position:absolute;left:50%;top:calc(50% + clamp(4.4rem,11vh,7.6rem));z-index:4;transform:translateX(-50%);
  width:min(760px,90vw);margin:0;font-size:var(--sc-tip-buyuk);color:var(--sc-ink-soft);letter-spacing:.02em;text-align:center;
  opacity:calc(clamp(0,calc((var(--sc-p,0) - .55) / .12),1) * (1 - clamp(0,calc((var(--sc-p,0) - .84) / .14),1)))}
.esik-ne{margin:0;text-wrap:balance}
.esik-yollar{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:1.2rem 0 0}
.esik-yollar .sc-eylem{min-height:44px;padding:.65rem 1.3rem;font-size:var(--sc-tip-govde)}
.esik-ipucu{position:absolute;left:50%;bottom:clamp(1.2rem,4vh,2.4rem);z-index:4;transform:translateX(-50%);
  font-size:var(--sc-tip-etiket);letter-spacing:.2em;text-transform:uppercase;color:var(--sc-ink-soft);
  opacity:calc(1 - var(--sc-p,0) * 4);display:flex;flex-direction:column;align-items:center;gap:.5rem}
.esik-ipucu::after{content:"";width:1px;height:2.2rem;background:var(--sc-cam);box-shadow:0 0 8px var(--sc-cam);
  animation:esik-nefes var(--sc-sure-nefes) var(--sc-egri-giris) infinite}
@keyframes esik-nefes{0%,100%{transform:scaleY(.3);transform-origin:top;opacity:.3}50%{transform:scaleY(1);opacity:1}}

/* ==================================================================
   2 · DEĞER — girdaptan açılan sahne: süzülen pencereler + küçükten büyüyen söz; hüzme sürer
   ================================================================== */
/* İnsan görüntüsü (Tur 11): perde arkasında sessiz, düşük parlaklık, üstüne koyu örtü; yazı okunurluğu korunur. Betiksiz ve
   hareket kapalıyken yalnız poster (durağan kare). Etiket görünür: temsili görüntü, lisanslı stok (ekip/müşteri değil). */
.sahne-insan{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
/* Betiksiz: video gizli (tarayıcı kontrol çizmesin), poster arka plan. YALNIZ betiksizde: betik açıkken poster saydam videonun altına düşüp
   sahneyi aydınlatıyordu, İletişim yazısı okunmaz oldu (denetçi 2026-09-19). */
html:not([data-sayfa-hazir]) .sahne-insan{background:var(--poster) center/cover no-repeat}
html:not([data-sayfa-hazir]) .sahne-insan video{display:none}
.iletisim .sahne-insan video{opacity:.34}
.iletisim .sahne-insan::after{background:linear-gradient(180deg,rgba(5,7,15,.72),rgba(5,7,15,.64) 45%,rgba(5,7,15,.86))}   /* İletişim paragrafı gri (ink-soft): telefonda AA için daha koyu örtü */
.sahne-insan video{width:100%;height:100%;object-fit:cover;display:block;opacity:.42;filter:saturate(.75) contrast(1.05)}
.sahne-insan::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,15,.6),rgba(5,7,15,.52) 45%,rgba(5,7,15,.82))}   /* orta durak .35→.52: İletişim paragrafı AA (denetçi 2026-09-19) */
.sc-sahne .insan-etiket{position:absolute;right:clamp(.8rem,2vw,1.6rem);bottom:clamp(.7rem,1.6vh,1.2rem);z-index:4;margin:0;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sc-ink);opacity:.85;text-shadow:0 1px 6px rgba(5,7,15,.9)}
.iletisim-ic{position:relative;z-index:2}
.deger .sc-stage{padding:0}
.deger .girdap{position:absolute;inset:0}
.deger-huzme{position:absolute;inset:-20%;z-index:0;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,0) 34%,rgba(242,246,255,.10) 46%,rgba(255,255,255,0) 58%),
    radial-gradient(38% 38% at 22% 30%,rgba(31,107,255,.28),transparent 70%),
    radial-gradient(30% 30% at 78% 66%,rgba(34,211,238,.20),transparent 70%),
    radial-gradient(26% 26% at 62% 18%,rgba(124,92,255,.22),transparent 70%),
    radial-gradient(24% 24% at 30% 80%,rgba(242,180,76,.14),transparent 70%);
  opacity:var(--h,1);transform:rotate(calc(-6deg + var(--sc-p,0) * -4deg));will-change:transform,opacity}
.deger-metin{position:relative;z-index:3;text-align:center;max-width:min(1000px,92vw);
  /* Ana yazı ZAMANLA büyür: perdeye gelince (--dsn = görünür olalı geçen saniye, sayfa_deger.js yazar) 2.2 sn'de
     .32→1; kaydırma yalnız perde geçişini yönetir. */
  --b:clamp(0,calc(var(--dsn,0) / 2.2),1);
  transform:scale(calc(.32 + var(--b) * .68));transform-origin:50% 50%;will-change:transform}
.deger-soz{margin:0;text-transform:uppercase;letter-spacing:.02em;
  font-size:clamp(2rem,6.2vw,5.4rem);font-weight:800;line-height:1.04;color:var(--sc-ink);
  text-shadow:0 2px 30px rgba(5,7,15,.9),0 0 70px rgba(5,7,15,.9)}
.deger-soz em{font-style:normal;background:linear-gradient(90deg,var(--sc-cam),var(--sc-accent));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.deger-alt{margin:clamp(1rem,3vh,1.8rem) auto 0;color:var(--sc-ink-soft);
  font-size:clamp(1.05rem,1.9vw,1.6rem);max-width:min(720px,88vw);
  opacity:clamp(0,calc((var(--dsn,0) - 1.7) / .7),1);transform:translate3d(0,calc((1 - clamp(0,calc((var(--dsn,0) - 1.7) / .7),1)) * 16px),0)}
/* Tur 14: üç değer satırı aynı yuvada (grid üst üste), KAYDIRMAYLA sırayla: her satırın dilimi --a'dan başlar, --l uzunluğunda
   (perde ilerlemesi --sc-p, .28→.85 arası üç dilim; perde 4.4 ekran uzunluğunda, dilim ≈ .65 ekran kaydırma). Dilim içinde t:
   0-.25 doğuş (küçük, bulanık, saydam → tam), .25-.78 durur (okuma penceresi, denetçi notu), .78-1 çıkış (yukarı erir; --cikis:0 olan son satır kalır).
   Geri kaydırınca aynı yoldan geri sarar. Sahip 00:53: tek satır (≥601 px, sayfa_deger.js gerekirse küçültür), renk beyaz değil
   başlık vurgusuyla aynı camgöbeği-kehribar geçiş. */
.deger-satirlar{position:relative;z-index:3;list-style:none;margin:clamp(1.2rem,3.4vh,2.2rem) auto 0;padding:0;width:92vw;max-width:1500px;
  display:grid;text-align:center}
.deger-satir{grid-area:1/1;--a:.28;--l:.19;
  --t:clamp(0,calc((var(--sc-p,0) - (var(--a) + var(--i,0) * var(--l))) / var(--l)),1);
  --in:clamp(0,calc(var(--t) / .25),1);
  --out:calc(clamp(0,calc((var(--t) - .78) / .22),1) * var(--cikis,1));
  margin:0;font-size:clamp(1.05rem,1.85vw,1.9rem);line-height:1.3;font-weight:700;letter-spacing:.005em;text-wrap:balance;
  background:linear-gradient(90deg,var(--sc-cam),var(--sc-accent));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 14px rgba(5,7,15,.9)) drop-shadow(0 0 30px rgba(5,7,15,.8)) blur(calc((1 - var(--in)) * 12px + var(--out) * 6px));
  opacity:calc(var(--in) * (1 - var(--out)));
  transform:translate3d(0,calc((1 - var(--in)) * 26px - var(--out) * 30px),0) scale(calc(.5 + var(--in) * .5 + var(--out) * .06));
  pointer-events:none;will-change:opacity,transform,filter}
@media (min-width:601px){.deger-satir{white-space:nowrap;text-wrap:nowrap}}   /* text-wrap:initial nowrap'ı geri alıyordu (denetçi 2026-09-20) */

/* ==================================================================
   3 · NABIZ — dağınık işler tek çekirdeğe bağlanır (tuval + gerçek etiketler)
   ================================================================== */
/* Akış: sol taraf DAĞINIK giren işler (düzensiz dizilim, hafif eğik, süzülür) → ışık lifleri → Ranova çekirdeği →
   sağ sütun DÜZENLİ dönenler. Amaç: dağınığın toplandığını göstermek.
   Kaydırma sırası: başlık (0-.1) → giren işler tek tek (.06-.45) → çekirdek yanar (.28-.5) → dönenler (.46-.76) → sonuç (.66-.8) → girdap çıkışı (.84+). */
.nabiz .sc-stage{--zemin:radial-gradient(60% 50% at 50% 55%,#0A1230 0%,var(--sc-canvas) 70%)}
.nabiz .girdap{justify-content:center;gap:clamp(.8rem,2vh,1.6rem);padding:clamp(2rem,3vh,2.6rem) 0 0}
.nabiz-ust{position:relative;z-index:3;text-align:center;max-width:min(860px,92vw);
  opacity:clamp(0,calc(var(--sc-p,0) * 10),1);transform:translate3d(0,calc((1 - clamp(0,calc(var(--sc-p,0) * 10),1)) * 18px),0)}
.nabiz-baslik{font-size:clamp(1.9rem,3.8vw,3.2rem);color:var(--sc-ink)}
.nabiz-baslik em{font-style:normal;background:linear-gradient(90deg,var(--sc-mavi),var(--sc-cam));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.nabiz-aciklama{margin:.7rem auto 0;color:var(--sc-ink-soft);max-width:var(--sc-satir);font-size:var(--sc-tip-govde)}
.nabiz-akis{position:relative;z-index:2;width:min(1240px,94vw);display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:clamp(1.6rem,5vw,6rem);min-height:min(42vh,440px)}
.nabiz-tuval{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}
.nabiz-giris,.nabiz-cikis{position:relative;z-index:2;list-style:none;margin:0;padding:0}
.nabiz-cikis{display:flex;flex-direction:column;gap:clamp(.4rem,1vh,.7rem);align-items:flex-start}
/* Giriş: sağa yaslı, sarmalı, düzensiz. Her çip kendi eğimi ve kaymasıyla (--jx/--jy/--jr/--jb) durur, ayrıca süzülür. */
.nabiz-giris{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:center;
  gap:clamp(1rem,2.2vh,1.5rem) clamp(1.2rem,1.8vw,1.8rem);padding:.4rem .6rem}
/* Akış ZAMANLA oynar: perdeye gelince (girdap açıldıktan sonra) --akis 0→1 kendiliğinden ilerler (~7.5 sn), kaydırmak
   gerekmez; hızlı kaydıran için --akis kaydırmayla da ilerler (ikisinin büyüğü). Değer sayfa_tuval.js'te yazılır. */
.nabiz-dugum{--r:clamp(0,calc((var(--akis,0) - .02 - var(--i,0) * .04) / .10),1);
  display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:.1rem;
  padding:.55rem .95rem;border-radius:14px;background:rgba(12,18,36,.72);border:1px solid var(--sc-cizgi);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 0 0 1px rgba(34,211,238,calc(var(--r) * .25)),0 0 40px -10px rgba(34,211,238,calc(var(--r) * .6));
  opacity:var(--r);
  transform:translate3d(calc((1 - var(--r)) * -24px + var(--jx,0px) + var(--dx,0px)),calc(var(--jy,0px) + var(--dy,0px)),0)
    rotate(calc(var(--jr,0deg) + var(--dr,0deg))) scale(var(--jb,1));
  will-change:opacity,transform;white-space:nowrap}
.nabiz-giris .nabiz-dugum{white-space:normal;max-width:13rem}
/* Dağıtık düzen (geniş ekran, betik kurdu): çipler sol sütunun tamamına düzensiz serpilir; konum/eğim/ölçek her çipin
   kendi --px/--py/--jr/--jb değerinde (sayfa.js hesaplar, çakışma yok). Betiksiz ve dar ekranda akış düzeni kalır. */
.nabiz-giris[data-dagit]{display:block;align-self:stretch;height:100%;min-height:min(42vh,440px);padding:0}
.nabiz-giris[data-dagit] .nabiz-dugum{position:absolute;left:var(--px,0px);top:var(--py,0px);margin:0}
/* Dağıtık düzende alt yazılar yalnız çok yüksek ekranda (≥1000 px) kalır: 10 çip 42vh'lik kutuya alt yazıyla sığmıyor, binişiyordu. */
@media (min-width:901px) and (max-height:999px){.nabiz-giris[data-dagit] .nabiz-dugum{padding:.45rem .8rem}.nabiz-giris[data-dagit] .nabiz-dugum small{display:none}}
.nabiz-giris .nabiz-dugum:nth-child(3n+1){--jx:-4px;--jy:3px;--jr:-2.5deg}
.nabiz-giris .nabiz-dugum:nth-child(3n+2){--jx:2px;--jy:-4px;--jr:2deg;--jb:.94}
.nabiz-giris .nabiz-dugum:nth-child(3n){--jx:4px;--jy:2px;--jr:-1.5deg;--jb:1.04}
.nabiz-giris .nabiz-dugum:nth-child(4n+1){--jr:3deg}
.nabiz-giris .nabiz-dugum:nth-child(5n+2){--jy:5px;--jb:.9}
.nabiz-giris .nabiz-dugum:nth-child(7n+3){--jx:-5px;--jr:-3deg}
.nabiz-dugum span{font-weight:700;font-size:var(--sc-tip-govde);letter-spacing:-.01em;color:var(--sc-ink)}
.nabiz-dugum small{font-size:var(--sc-tip-etiket);color:var(--sc-ink-soft);letter-spacing:.02em}
.nabiz-dugum-cikis{--r:clamp(0,calc((var(--akis,0) - .52 - var(--i,0) * .09) / .12),1);
  align-items:flex-start;text-align:left;transform:translate3d(calc((1 - var(--r)) * 24px),0,0);
  border-color:rgba(242,180,76,calc(.2 + var(--r) * .3));
  box-shadow:0 0 0 1px rgba(242,180,76,calc(var(--r) * .25)),0 0 40px -10px rgba(242,180,76,calc(var(--r) * .6))}
.nabiz-dugum-cikis span{color:var(--sc-ink)}
.nabiz-cekirdek{--c:clamp(0,calc((var(--akis,0) - .30) / .20),1);position:relative;z-index:2;width:clamp(96px,11vw,150px);aspect-ratio:1/1;
  border-radius:50%;display:grid;place-items:center;gap:0;
  background:radial-gradient(circle,rgba(34,211,238,calc(.12 + var(--c) * .3)),rgba(31,107,255,calc(.06 + var(--c) * .14)) 55%,rgba(31,107,255,0) 72%);
  box-shadow:0 0 0 1px rgba(34,211,238,calc(.15 + var(--c) * .4)),0 0 80px -10px rgba(34,211,238,calc(var(--c) * .9)),0 0 160px -20px rgba(31,107,255,calc(var(--c) * .8));
  transform:scale(calc(.85 + var(--c) * .15));will-change:transform,box-shadow}
.nabiz-cekirdek img{width:50%;height:50%;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 0 16px rgba(34,211,238,calc(var(--c) * .9)))}
.nabiz-cekirdek span{position:absolute;bottom:-1.8rem;left:50%;transform:translateX(-50%);font-size:var(--sc-tip-etiket);
  letter-spacing:.3em;text-transform:uppercase;font-weight:800;color:var(--sc-cam);opacity:var(--c)}
.nabiz-sonuc{position:relative;z-index:3;margin:clamp(.6rem,2vh,1.4rem) 0 0;text-align:center;max-width:min(760px,92vw);
  font-size:var(--sc-tip-buyuk);color:var(--sc-ink);
  opacity:clamp(0,calc((var(--akis,0) - .86) / .12),1);transform:translate3d(0,calc((1 - clamp(0,calc((var(--akis,0) - .86) / .12),1)) * 16px),0)}  /* akışın sonunda belirir */
.nabiz-sonuc em{font-style:normal;color:var(--sc-accent);font-weight:700}

/* ==================================================================
   4 · ZAMAN — sizin saatiniz; arkada kaydırdıkça geri dönen saat
   ================================================================== */
.zaman .sc-stage{--zemin:linear-gradient(180deg,var(--sc-canvas) 0%,#080D1E 50%,var(--sc-canvas) 100%)}
.zaman-yuz{position:absolute;right:-8vw;top:50%;z-index:0;width:min(78vh,70vw);aspect-ratio:1/1;border-radius:50%;
  transform:translateY(-50%);pointer-events:none;
  border:1px solid rgba(242,246,255,.08);
  background:radial-gradient(circle,rgba(242,180,76,.10),rgba(242,180,76,0) 60%),
    repeating-conic-gradient(from 0deg,rgba(242,246,255,.10) 0deg 1deg,transparent 1deg 30deg);
  -webkit-mask:radial-gradient(circle,transparent 78%,#000 79%,#000 100%),radial-gradient(circle,#000 0 100%);
  mask:radial-gradient(circle,transparent 78%,#000 79%,#000 100%),radial-gradient(circle,#000 0 100%);
  -webkit-mask-composite:source-over;mask-composite:add}
.zaman-yuz i,.zaman-yuz b{position:absolute;left:50%;top:50%;transform-origin:50% 100%;border-radius:999px}
.zaman-yuz i{width:3px;background:linear-gradient(180deg,var(--sc-accent),rgba(242,180,76,0));box-shadow:0 0 14px rgba(242,180,76,.6)}
/* İbreler kaydırmayla değil ZAMANLA geri sarar: perde görünür olunca (sayfa.js .zaman-oynat ekler) akrep 36 sn'de,
   yelkovan 3 sn'de bir tam tur GERİYE döner; perdeden çıkınca durur, tekrar gelince sürer. Kaydırma yalnız perde geçişini yönetir. */
.zaman-akrep{height:22%;transform:translate(-50%,-100%) rotate(120deg)}
.zaman-yelkovan{height:33%;width:2px;transform:translate(-50%,-100%) rotate(200deg)}
.zaman-oynat .zaman-akrep{animation:akrep-geri 36s linear infinite}
.zaman-oynat .zaman-yelkovan{animation:yelkovan-geri 3s linear infinite}
@keyframes akrep-geri{from{transform:translate(-50%,-100%) rotate(120deg)}to{transform:translate(-50%,-100%) rotate(-240deg)}}
@keyframes yelkovan-geri{from{transform:translate(-50%,-100%) rotate(200deg)}to{transform:translate(-50%,-100%) rotate(-160deg)}}
.zaman-yuz b{width:10px;height:10px;transform:translate(-50%,-50%);background:var(--sc-accent);box-shadow:0 0 20px var(--sc-accent)}
.zaman-izgara{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);
  align-items:center;max-width:min(1160px,92vw);width:100%}
.zaman-baslik{font-size:var(--sc-tip-baslik)}
.zaman-kutu{--sc-hesap-oran:.23;--zaman-oran:.06;display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,2rem);
  align-items:center;padding:clamp(1.2rem,3vw,2.2rem);background:rgba(12,18,36,.7);
  border:1px solid var(--sc-cizgi);border-radius:28px;box-shadow:0 30px 80px -40px rgba(0,0,0,.9),0 0 80px -30px rgba(242,180,76,.35);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.zaman-halka{position:relative;width:clamp(150px,22vw,230px);aspect-ratio:1/1;border-radius:50%;
  background:conic-gradient(var(--sc-accent) calc(var(--zaman-oran) * 360deg),rgba(242,246,255,.08) 0);
  display:grid;place-items:center;box-shadow:0 0 40px -10px rgba(242,180,76,.5);
  transition:background var(--sc-sure-orta) var(--sc-egri-cikis)}
.zaman-halka::before{content:"";position:absolute;inset:14%;border-radius:50%;background:var(--sc-surface)}
.zaman-halka-ic{position:relative;text-align:center;line-height:1}
.zaman-saat{display:block;font-size:var(--sc-tip-sayi);font-weight:800;letter-spacing:-.04em;color:var(--sc-ink)}
.zaman-saat-etiket{display:block;margin-top:.35rem;font-size:var(--sc-tip-etiket);letter-spacing:.16em;
  text-transform:uppercase;color:var(--sc-ink-soft)}
.zaman-sonuc{display:flex;flex-direction:column;gap:1rem}
.zaman-senaryo{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:.5rem .6rem}
.zaman-senaryo legend{padding:0;margin-bottom:.5rem}
.zaman-senaryo label{position:relative;display:inline-flex;align-items:center;min-height:36px;padding:.35rem .85rem;border-radius:999px;
  border:1px solid var(--sc-cizgi);background:rgba(12,18,36,.6);color:var(--sc-ink-soft);font-size:var(--sc-tip-etiket);letter-spacing:.06em;
  text-transform:uppercase;cursor:pointer}
.zaman-senaryo input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.zaman-senaryo label:has(input:checked){border-color:var(--sc-cam);color:var(--sc-ink);box-shadow:0 0 0 1px rgba(34,211,238,.35)}
.zaman-senaryo label:has(input:focus-visible){outline:2px solid var(--sc-cam);outline-offset:2px}
.zaman-satir{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.zaman-buyuk{font-size:var(--sc-tip-alt);font-weight:800;letter-spacing:-.03em;color:var(--sc-cam)}
.zaman-kucuk{color:var(--sc-ink-soft)}
.zaman-kaydirici{-webkit-appearance:none;appearance:none;width:100%;margin:.4rem 0 0;cursor:pointer;height:44px;background:transparent}
/* Sahip 2026-09-19: bar görünmüyordu. Seçilen değere kadar kehribar dolu, kalanı mavi-gri; tutamaç kehribar. --dolu sayfa.js'ten. */
.zaman-kaydirici::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--sc-accent) calc(var(--dolu,0) * 100%),rgba(31,107,255,.32) 0);box-shadow:inset 0 0 0 1px rgba(242,246,255,.12)}
.zaman-kaydirici::-moz-range-track{height:8px;border-radius:999px;background:rgba(31,107,255,.32)}
.zaman-kaydirici::-moz-range-progress{height:8px;border-radius:999px;background:var(--sc-accent)}
.zaman-kaydirici::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:50%;background:var(--sc-accent);border:3px solid var(--sc-surface);box-shadow:0 0 0 2px rgba(242,180,76,.55),0 4px 14px rgba(0,0,0,.5)}
.zaman-kaydirici::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--sc-accent);border:3px solid var(--sc-surface);box-shadow:0 0 0 2px rgba(242,180,76,.55)}
.zaman-kaydirici:focus-visible{outline:2px solid var(--sc-cam);outline-offset:4px;border-radius:8px}
.zaman-not{font-size:var(--sc-tip-etiket);color:var(--sc-ink-soft);letter-spacing:.02em;line-height:1.5;max-width:var(--sc-satir-dar)}
.zaman-vaat{margin-top:clamp(1.4rem,4vh,2.4rem);font-size:var(--sc-tip-buyuk);font-weight:600;color:var(--sc-ink)}
/* Sahip 2026-09-19: hesap kutusu ekranın ortasında dar bir bar gibi duruyordu. Kutu şeffaf (çerçevesiz), sağ sütun daha geniş,
   yazılar sütunun tamamını kullanır. */
.zaman-izgara{grid-template-columns:1fr 1fr;max-width:min(1600px,94vw)}
.zaman-baslik{text-wrap:balance}   /* 'mi?' gibi yetim satır kalmasın (denetçi 2026-09-19) */
.zaman-yuz{opacity:.45}   /* şeffaf kutuda ibreler yazının üstünden geçiyor, kadran soluk (denetçi) */
@media (max-width:1400px) and (min-width:901px){.zaman-baslik{font-size:clamp(2rem,4.1vw,3.4rem)}}   /* 1280-1366'da başlık 5 satıra düşüyordu */
.zaman-kutu{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;grid-template-columns:auto minmax(0,1fr)}
.zaman-kutu .zaman-not{max-width:none}
.zaman-sonuc{min-width:0}

/* ==================================================================
   5 · GELECEK PENCERESİ — alan seç, gerçek işi izle (alanlar veriden kurulur)
   ================================================================== */
.gelecek .sc-stage{--zemin:var(--sc-canvas)}
.gelecek .girdap{justify-content:flex-start;padding-top:clamp(2.2rem,4vh,3rem)}
.gelecek-ust{position:relative;z-index:2;max-width:min(1160px,92vw);width:100%;display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.2rem,3vw,3rem);align-items:end}
.gelecek-ust .sc-kopya{max-width:none}
.gelecek-baslik{font-size:clamp(1.9rem,3.6vw,3rem)}
.gelecek-ust .sc-kopya p{max-width:var(--sc-satir-dar)}
/* Sahip 2026-09-19: perde masaüstünde ekrana sığmıyordu (çerçevenin altı taşıyordu). Sekmeler ve örnekler sağ sütunda üst üste,
   çerçeve yüksekliği görünür alana göre sınırlı. */
.gelecek-ust{grid-template-rows:auto auto}
.gelecek-ust .sc-kopya{grid-column:1;grid-row:1/3}
.pencere-sekmeler{grid-column:2;grid-row:1;margin-bottom:.5rem}
.gelecek-ust .pencere-secim{grid-column:2;grid-row:2}
.pencere-sekmeler{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end;margin-bottom:.6rem}
.pencere-sekme-grup{display:contents}   /* tablist yalnız iki sekmeyi sarar (bağ dışarıda, ARIA); düzen üst kapsayıcıdan */
.pencere-sekme{font:inherit;font-size:var(--sc-tip-etiket);letter-spacing:.1em;text-transform:uppercase;font-weight:700;min-height:40px;padding:.4rem .9rem;
  border-radius:999px;border:1px solid transparent;background:transparent;color:var(--sc-ink-soft);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.pencere-sekme[aria-selected="true"]{color:var(--sc-ink);border-color:var(--sc-cam);box-shadow:0 0 0 1px rgba(34,211,238,.25)}
.pencere-sekme:hover,.pencere-sekme:focus-visible{color:var(--sc-ink);outline:none;border-color:var(--sc-cizgi)}
.pencere-secim{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0;justify-content:flex-end}
.pencere-sec{min-height:44px;padding:.55rem 1.05rem;border-radius:999px;border:1px solid var(--sc-cizgi);
  background:rgba(12,18,36,.7);font-weight:600;font-size:var(--sc-tip-etiket);letter-spacing:.06em;
  text-transform:uppercase;cursor:pointer;color:var(--sc-ink);
  transition:background var(--sc-sure-hizli) var(--sc-egri-cikis),color var(--sc-sure-hizli) var(--sc-egri-cikis),
    border-color var(--sc-sure-hizli) var(--sc-egri-cikis),transform var(--sc-sure-hizli) var(--sc-egri-yay)}
.pencere-sec{display:inline-flex;align-items:center;gap:.55rem}
.pencere-sec img{width:44px;height:auto;aspect-ratio:16/9;border-radius:6px;object-fit:cover;flex:0 0 auto;
  opacity:.85;transition:opacity var(--sc-sure-hizli) var(--sc-egri-cikis)}
.pencere-sec[aria-pressed="true"]{background:linear-gradient(90deg,var(--sc-mavi),var(--sc-cam));color:#041018;border-color:transparent}
.pencere-sec[aria-pressed="true"] img{opacity:1;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.gizli-okuyucu{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
@media (hover:hover) and (pointer:fine){
  .pencere-sec:hover{transform:translate3d(0,-2px,0);border-color:var(--sc-cam)}
}
.pencere{position:relative;z-index:2;margin-top:clamp(.8rem,1.6vh,1.4rem);
  width:min(1160px,92vw,calc((100vh - 27rem) * 16 / 9));
  aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:var(--sc-surface);
  box-shadow:0 0 0 1px rgba(242,246,255,.12),0 40px 100px -40px rgba(0,0,0,.9),0 0 120px -20px rgba(31,107,255,.45);
  transform:scale(calc(.96 + var(--sc-p,0) * .04));
  will-change:transform}
.pencere-oynat{position:absolute;right:1rem;top:1rem;z-index:4;min-height:44px;padding:.5rem 1rem;border-radius:999px;
  border:1px solid rgba(255,255,255,.3);background:rgba(5,7,15,.55);color:var(--sc-ink);font-weight:600;
  font-size:var(--sc-tip-etiket);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:background var(--sc-sure-hizli) var(--sc-egri-cikis)}
.pencere-oynat[aria-pressed="true"]{background:rgba(34,211,238,.85);color:#041018;border-color:transparent}
/* Araçlar (Tur 10): ses ve büyük ekran; ilerleme çubuğu alt yazının üstünde, ziyaretçi kaydı kendisi yönetir */
.pencere-araclar{position:absolute;left:1rem;top:1rem;z-index:4;display:flex;gap:.5rem}
.pencere-arac{min-height:44px;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(5,7,15,.55);color:var(--sc-ink);
  font:inherit;font-size:var(--sc-tip-etiket);letter-spacing:.06em;text-transform:uppercase;font-weight:600;cursor:pointer}
.pencere-arac[aria-pressed="true"]{background:rgba(34,211,238,.85);color:#041018;border-color:transparent}
.pencere-ilerleme{position:absolute;left:1.2rem;right:1.2rem;bottom:calc(var(--altyazi-h,3.4rem) + .5rem);z-index:4;display:block;height:24px}   /* alt yazı yükseldikçe (2-3 satır) çubuk da yükselir; --altyazi-h betikten */
.pencere-kaydir{-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:0;background:transparent;cursor:pointer}
.pencere-kaydir::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--sc-cam) calc(var(--p,0) * 100%),rgba(242,246,255,.25) 0)}
.pencere-kaydir::-moz-range-track{height:4px;border-radius:999px;background:rgba(242,246,255,.25)}
.pencere-kaydir::-moz-range-progress{height:4px;border-radius:999px;background:var(--sc-cam)}
.pencere-kaydir::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(34,211,238,.45)}
.pencere-kaydir::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(34,211,238,.45)}
.pencere-kaydir:focus-visible{outline:2px solid var(--sc-cam);outline-offset:2px;border-radius:8px}
.pencere[data-izin-yok] .pencere-ilerleme,.pencere[data-izin-yok] .pencere-araclar{display:none}
.pencere:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;transform:none;background:#000}
.pencere:fullscreen video,.pencere:fullscreen img{object-fit:contain}
.pencere.pencere-genis-yedek{position:fixed;inset:0;z-index:60;width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;transform:none;background:#000;margin:0}   /* betik bu modda çerçeveyi body'ye taşır: dönüşümlü girdap içinde fixed, girdaba göre yerleşirdi (denetçi 2026-09-19) */
.pencere.pencere-genis-yedek video,.pencere.pencere-genis-yedek img{object-fit:contain}
html:not([data-sayfa-hazir]) .pencere-oynat,html:not([data-sayfa-hazir]) .pencere-araclar,html:not([data-sayfa-hazir]) .pencere-ilerleme,html:not([data-sayfa-hazir]) .pencere-sekmeler{display:none}   /* betiksiz: işlevsiz düğmeler gizli (denetçi 2026-09-19); bayrak sayfa.js'ten, hareket kapalıyken de konur (Tur 10) */
@media (max-width:640px){.pencere-araclar{gap:.35rem}.pencere-arac,.pencere-oynat{min-height:38px;padding:.35rem .7rem;font-size:.66rem}.pencere-ilerleme{left:.8rem;right:.8rem}
  /* Dar ekranda alt yazı görüntünün ÜSTÜNE değil ALTINA gelir (akışta); görüntü alanı 16:9 kalır, çubuk görüntünün altında,
     üst düğmelerle çakışmaz (denetçi 2026-09-19: 360 px'te 3 satırlı alt yazı çubuğu düğmelerin üstüne itiyordu). Büyük ekranda (.pencere-genis-acik) eski düzen. */
  .pencere:not(.pencere-genis-acik){aspect-ratio:auto}
  .pencere:not(.pencere-genis-acik) video{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9}   /* görüntü akışta; yüzde padding ana kutuya göre çözüldüğü için kullanılmaz (denetçi: 5 px fark) */
  .pencere:not(.pencere-genis-acik) img,.pencere:not(.pencere-genis-acik) .pencere-kenar{bottom:auto;height:auto;aspect-ratio:16/9}
  .pencere:not(.pencere-genis-acik) .pencere-altyazi{position:relative;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.75rem .9rem .9rem;background:var(--sc-surface)}
  .pencere-secim{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.2rem}   /* dar ekranda tek satır, yana kaydırılır (dikey yer kazancı) */
  .pencere-secim::-webkit-scrollbar{display:none}
  .pencere-secim li{flex:0 0 auto}
  .gelecek .girdap{padding-top:8.4rem}   /* telefonda sabit menü iki satır (~152 px); başlık altında kalmasın (denetçi 2026-09-19) */
  .gelecek-ust .sc-kopya > p.sc-cue{display:none}   /* telefonda yönerge paragrafı gizli; izin ibaresi her kaydın alt yazısında zaten var */
  .gelecek-baslik{font-size:clamp(1.5rem,6.5vw,2rem)}
  .pencere-sekmeler{margin-bottom:.2rem}
  .pencere{margin-top:.5rem}
  .pencere-not{margin-top:.5rem}
}
.pencere video,.pencere img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.pencere img{z-index:1;transition:opacity var(--sc-sure-orta) var(--sc-egri-cikis)}
.pencere video{z-index:0}
.pencere[data-oynuyor] img{opacity:0}
.pencere-kenar{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 -80px 120px -60px rgba(5,7,15,.85)}
.pencere-altyazi{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;justify-content:space-between;
  gap:1rem;align-items:end;padding:clamp(1rem,2.5vw,1.8rem);color:var(--sc-ink)}
.pencere-ad{font-size:var(--sc-tip-buyuk);font-weight:700;letter-spacing:-.01em}
.pencere-ne{font-size:var(--sc-tip-etiket);letter-spacing:.06em;opacity:.85;max-width:var(--sc-satir-dar)}
.pencere[data-izin-yok] .pencere-poster{filter:saturate(.7)}
.pencere-not{margin-top:.9rem;font-size:var(--sc-tip-etiket);color:var(--sc-ink-soft);letter-spacing:.02em}

/* ==================================================================
   6 · NASIL — beş adım, geleceğe uzanan ışık yolu
   Tuval: yol, ilerleyen ışık (kuyruklu), duraklar. Adım kartları durakların üstünde belirir (--a: sayfa.js her karede yazar).
   Dar ekranda yol dikey, kartlar yolun sağında yer değiştirerek görünür. Betik yoksa / hareket kapalıysa: düz ızgara.
   ================================================================== */
.nasil .sc-stage{--zemin:linear-gradient(180deg,var(--sc-canvas),#080D1E)}
.nasil .girdap{position:absolute;inset:0;display:block}
.nasil-tuval{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}
.nasil-ust{position:absolute;left:50%;top:clamp(3.4rem,7vh,5rem);z-index:2;width:min(1160px,92vw);transform:translateX(-50%)}
.nasil-baslik{font-size:var(--sc-tip-baslik)}
.nasil-ust p{max-width:var(--sc-satir-dar)}
.nasil-yol{position:absolute;inset:0;z-index:3;list-style:none;margin:0;padding:0;pointer-events:none}
.nasil-adim{position:absolute;left:var(--x,50%);top:var(--y,60%);width:clamp(240px,26vw,340px);padding:clamp(1.2rem,2.4vw,1.8rem);border-radius:22px;
  background:rgba(12,18,36,.8);border:1px solid rgba(34,211,238,calc(.12 + var(--a,1) * .35));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 30px 80px -40px rgba(0,0,0,.9),0 0 60px -20px rgba(34,211,238,calc(var(--a,1) * .6));
  transform:translate3d(-50%,var(--ty,0px),0) scale(calc(.72 + var(--a,1) * .28)) rotate(calc((1 - var(--a,1)) * -6deg));
  opacity:var(--a,1);will-change:transform,opacity}
.nasil-adim[data-etkin]{pointer-events:auto}
.nasil-no{display:inline-block;font-weight:800;font-size:var(--sc-tip-alt);letter-spacing:-.02em;
  background:linear-gradient(90deg,var(--sc-mavi),var(--sc-cam));-webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums}
.nasil-adim h3{margin-top:.4rem;font-size:var(--sc-tip-buyuk);font-weight:700}
.nasil-adim p{color:var(--sc-ink-soft);margin:.5rem 0 0}
.nasil-sayac{position:absolute;right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,4vh,2.4rem);z-index:1;margin:0;
  display:flex;align-items:baseline;gap:.3rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.nasil-sayac b{font-size:var(--sc-tip-dev);background:linear-gradient(90deg,rgba(31,107,255,.6),rgba(34,211,238,.6));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.nasil-sayac span{font-size:var(--sc-tip-alt);color:rgba(242,246,255,.22)}
/* ==================================================================
   5b · ÜRETİM SİSTEMİ — işi biz değil, sistem yapar (dört katman + teklif kartı)
   ZAMANLA oynar: sayfa_uretim.js --usn (perdede geçen saniye; hızlı kaydıranda ilerleme de sayılır) yazar.
   0-.9 başlık · 1.1/2.0/2.9/3.8 katman kartları (0.7 sn) · sayılar kart gelince sayar · 5.2 kapanış cümlesi ·
   6.8 faz "teklif": kartlar yukarı küçülür, teklif kartı yükselir. Betiksiz/hareket-kapalı: hepsi sabit görünür.
   ================================================================== */
.uretim .sc-stage{--zemin:radial-gradient(70% 60% at 50% 42%,#0A1230 0%,var(--sc-canvas) 72%)}
.uretim .girdap{position:absolute;inset:0;justify-content:center;gap:clamp(.9rem,2.2vh,1.5rem);padding:clamp(3.4rem,8vh,5rem) 0 clamp(1rem,3vh,2rem)}
.uretim-ust{position:relative;z-index:2;text-align:center;max-width:min(980px,92vw);
  --u:clamp(0,calc(var(--usn,0) / .9),1);opacity:var(--u);transform:translate3d(0,calc((1 - var(--u)) * 18px),0);
  transition:opacity var(--sc-sure-yavas) var(--sc-egri-cikis)}
.uretim-baslik{font-size:clamp(1.9rem,3.8vw,3.2rem);color:var(--sc-ink)}
.uretim-baslik em{font-style:normal;background:linear-gradient(90deg,var(--sc-cam),var(--sc-accent));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.uretim-aciklama{margin:.7rem auto 0;color:var(--sc-ink-soft);max-width:var(--sc-satir);font-size:var(--sc-tip-govde)}
.uretim-katmanlar{position:relative;z-index:2;list-style:none;margin:0;padding:0;width:min(1200px,94vw);
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.7rem,1.4vw,1.2rem);
  transform-origin:50% 0;transition:transform var(--sc-sure-agir) var(--sc-egri-cikis),opacity var(--sc-sure-agir) var(--sc-egri-cikis)}
.uretim-katman{--k:clamp(0,calc((var(--usn,0) - 1.1 - var(--i,0) * .9) / .7),1);
  opacity:var(--k);transform:translate3d(0,calc((1 - var(--k)) * 28px),0) scale(calc(.9 + var(--k) * .1));
  padding:clamp(1rem,1.8vw,1.4rem);border-radius:20px;background:rgba(12,18,36,.8);
  border:1px solid rgba(34,211,238,calc(.1 + var(--k) * .22));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 30px 80px -40px rgba(0,0,0,.9),0 0 50px -24px rgba(34,211,238,calc(var(--k) * .5));will-change:transform,opacity}
.uretim-no{display:inline-block;font-weight:800;font-size:var(--sc-tip-alt);letter-spacing:-.02em;
  background:linear-gradient(90deg,var(--sc-mavi),var(--sc-cam));-webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums}
.uretim-katman h3{margin:.3rem 0 0;font-size:var(--sc-tip-buyuk);font-weight:700}
.uretim-metin{color:var(--sc-ink-soft);margin:.45rem 0 0;font-size:clamp(.9rem,1vw,1rem);transition:opacity var(--sc-sure-orta) var(--sc-egri-cikis)}
.uretim-sayi{display:flex;flex-direction:column;margin:.9rem 0 0}
.uretim-sayi b{font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--sc-ink);font-variant-numeric:tabular-nums}
.uretim-sayi span{font-size:var(--sc-tip-etiket);color:var(--sc-ink-soft);letter-spacing:.06em;text-transform:uppercase;margin-top:.35rem;line-height:1.3}
.uretim-katman[data-sayi-yok] .uretim-sayi{display:none}
.uretim-kapanis{position:relative;z-index:2;margin:0;text-align:center;font-size:var(--sc-tip-buyuk);font-weight:700;color:var(--sc-ink);
  --c:clamp(0,calc((var(--usn,0) - 5.2) / .7),1);opacity:var(--c);transform:translate3d(0,calc((1 - var(--c)) * 14px),0);
  transition:opacity var(--sc-sure-yavas) var(--sc-egri-cikis)}
/* Teklif kartı: ortada bindirme (akışa girmez, kartlar yer değiştirince sıçrama olmaz). Faz "teklif" gelmeden görünmez. */
.uretim-teklif{position:absolute;left:50%;top:calc(50% + 2.6rem);z-index:4;width:min(1040px,92vw);max-height:calc(100vh - 8.8rem);overflow:auto;
  --kpx:clamp(1.2rem,3vw,2.4rem);--kpy:clamp(1.2rem,2.6vw,2rem);padding:var(--kpy) var(--kpx) 0;border-radius:24px;
  background:linear-gradient(180deg,rgba(18,26,51,.94),rgba(12,18,36,.96));border:1px solid rgba(242,180,76,.38);
  box-shadow:0 40px 120px -40px rgba(0,0,0,.95),0 0 80px -30px rgba(242,180,76,.35);
  --t:clamp(0,calc((var(--usn,0) - 7.2) / .9),1);opacity:var(--t);
  transform:translate3d(-50%,calc(-50% + (1 - var(--t)) * 44px),0) scale(calc(.94 + var(--t) * .06));
  visibility:hidden;pointer-events:none}
.uretim[data-faz="teklif"] .uretim-teklif{visibility:visible;pointer-events:auto}
.uretim-teklif .sc-ustluk{color:var(--sc-accent);margin-bottom:.6rem}
.uretim-teklif-baslik{margin:0;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:800;line-height:1.15}
.uretim-teklif-metin{margin:.6rem 0 0;color:var(--sc-ink-soft);max-width:var(--sc-satir)}
/* Tur 13: üç blok (ne kurarız / ne alırsınız / neden biz) + kimler için; vaka listesi kaldırıldı. */
.teklif-uclu{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.6rem;margin-top:1.1rem}
.teklif-blok{display:flex;flex-direction:column;gap:.5rem;padding:.8rem .9rem;border-radius:14px;background:rgba(242,246,255,.04);border:1px solid var(--sc-cizgi)}
.teklif-blok h4{margin:0;font-size:var(--sc-tip-etiket);letter-spacing:.08em;text-transform:uppercase;color:var(--sc-cam);font-weight:700}
.teklif-blok ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.teklif-blok li{position:relative;padding-left:.95rem;font-size:clamp(.86rem,.95vw,.95rem);line-height:1.4;color:var(--sc-ink-soft)}
.teklif-blok li::before{content:"";position:absolute;left:0;top:.5em;width:.38rem;height:.38rem;border-radius:50%;background:var(--sc-accent)}
.teklif-blok p{margin:0;font-size:clamp(.86rem,.95vw,.95rem);line-height:1.45;color:var(--sc-ink-soft)}
.teklif-blok p span{color:var(--sc-ink);font-weight:600}
.teklif-kimler{margin:1rem 0 0;font-size:clamp(.9rem,1vw,1rem);line-height:1.45;color:var(--sc-ink)}
.uretim-kaynak{position:relative;z-index:2;margin:1rem auto 0;max-width:62ch;text-align:center;font-size:var(--sc-tip-etiket);letter-spacing:.04em;color:var(--sc-ink-soft);
  --c:clamp(0,calc((var(--usn,0) - 4.6) / .7),1);opacity:var(--c);transition:opacity var(--sc-sure-yavas) var(--sc-egri-cikis)}
.uretim-teklif .uretim-kaynak{margin:.9rem 0 0;max-width:none;text-align:left;opacity:1;transition:none}
/* Düğme kartın altına yapışık: içerik kartın içinde kaysa bile (kısa ekran) düğme görünür kalır. */
.uretim-eylem{position:sticky;bottom:0;margin:.4rem calc(-1 * var(--kpx)) 0;padding:.7rem var(--kpx) var(--kpy);display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;
  background:linear-gradient(180deg,rgba(12,18,36,0),rgba(12,18,36,.97) 40%)}
/* Faz "teklif": başlık ve kartlar yukarı doğru küçülerek söner (kartla binişmesin), teklif kartı ortaya gelir. */
.uretim[data-faz="teklif"] .uretim-ust{opacity:0}
.uretim[data-faz="teklif"] .uretim-katmanlar{transform:translate3d(0,-12vh,0) scale(.86);opacity:0}
.uretim[data-faz="teklif"] .uretim-metin{opacity:0}
.uretim[data-faz="teklif"] .uretim-kapanis{opacity:0}
.uretim[data-faz="teklif"] .uretim-girdap > .uretim-kaynak{opacity:0}
/* Sabit menü 1100 px altında iki satıra iner (yaklaşık 10rem): kart onun altında ortalanır. */
@media (min-width:601px) and (max-width:1100px){
  .uretim-teklif{top:calc(50% + 4.4rem);max-height:calc(100vh - 11.6rem);--kpx:1.2rem;--kpy:1rem}
  .teklif-uclu{gap:.7rem .9rem;margin-top:.8rem}
  .teklif-blok{padding:.65rem .75rem;gap:.4rem}
  .teklif-kimler{margin-top:.7rem}
}
@media (max-width:900px){
  .uretim-katmanlar{grid-template-columns:repeat(2,1fr);width:min(680px,94vw)}
  .teklif-uclu{grid-template-columns:1fr;gap:.6rem}
}
@media (max-width:600px){
  .uretim .girdap{padding-top:4.2rem}
  .uretim-metin{display:none}
  .uretim-katman{padding:.8rem .9rem}
  .uretim-sayi{margin-top:.5rem}
  /* Telefon: sabit menünün altından başlar (menü ~9.5rem), taşan içerik kartın içinde kayar, düğme kartın altına yapışık kalır. */
  .uretim-teklif{top:9.9rem;max-height:calc(100vh - 10.5rem);--kpx:.9rem;--kpy:.9rem;transform:translate3d(-50%,calc((1 - var(--t)) * 44px),0) scale(calc(.94 + var(--t) * .06))}
  .uretim-teklif .uretim-kaynak{margin:.7rem 0 .2rem}
  .uretim-teklif .uretim-eylem{margin-top:0;padding-top:.55rem}
  .uretim-teklif-metin{display:none}
  .uretim-teklif-baslik{font-size:1.3rem}
  .teklif-uclu{margin-top:.7rem;gap:.45rem}
  .teklif-blok{padding:.55rem .65rem;gap:.35rem}
  .teklif-blok li,.teklif-blok p{font-size:.82rem;line-height:1.35}
  .teklif-blok ul{gap:.25rem}
  .teklif-kimler{margin-top:.7rem;font-size:.84rem;line-height:1.35}
}
@media (min-width:901px) and (max-height:800px){
  .uretim .girdap{gap:.7rem;padding-top:3.6rem}
  .uretim-baslik{font-size:clamp(1.6rem,3vw,2.4rem)}
  .uretim-metin{display:none}
}
/* Betik yok: her şey görünür, teklif kartı akışa iner. */
html:not([data-sc-hazir]) .uretim{--usn:30}
/* Betiksiz: sayı JSON'dan okunamaz, yer tutucu gösterilmez. Betik sayıyı yazınca karta data-sayi-var koyar; hareket kapalıyken de
   motor bayrağı (data-sc-hazir) konmadığı için kural yalnız 'sayı yazılmamış' kartı gizler (denetçi bulgusu 2026-09-19). */
html:not([data-sc-hazir]) .uretim-katman:not([data-sayi-var]) .uretim-sayi{display:none}
html:not([data-sc-hazir]) .uretim .girdap{position:relative;inset:auto}
html:not([data-sc-hazir]) .uretim-teklif{position:relative;left:auto;top:auto;transform:none;opacity:1;visibility:visible;pointer-events:auto;max-height:none;margin-top:.6rem}
html:not([data-sc-hazir]) .uretim-eylem{position:static}
@media (prefers-reduced-motion:reduce){
  .uretim{--usn:30}
  .uretim .girdap{position:relative;inset:auto}
  .uretim .girdap{padding-top:clamp(4rem,9vh,5.4rem)}
  .uretim-ust,.uretim-katman,.uretim-kapanis,.uretim-kaynak{opacity:1;transform:none;transition:none}
  .uretim-katmanlar{transform:none;opacity:1;transition:none}
  .uretim-metin{display:none}
  .uretim-teklif{position:relative;left:auto;top:auto;transform:none;opacity:1;visibility:visible;pointer-events:auto;max-height:none;margin-top:.6rem;transition:none}
}

/* Betik çalışmıyorsa (motor bayrağı yok): girdap yok, bindirme yok, her perde tam görünür ve alt alta okunur. */
html:not([data-sc-hazir]) .girdap,html:not([data-sc-hazir]) .esik .girdap,html:not([data-sc-hazir]) .deger .girdap{transform:none;opacity:1}
html:not([data-sc-hazir]) .sc-girdapli{margin-top:0;background:var(--zemin,var(--sc-canvas))}
html:not([data-sc-hazir]) .sc-girdapli .sc-stage{--h:1}
html:not([data-sc-hazir]) .sc-iris,html:not([data-sc-hazir]) .rulo-isik,html:not([data-sc-hazir]) .esik-ipucu{display:none}
/* Betiksiz düzende her perde zaten açık duruyor, vaat satırı logoyla çakışmasın diye kapanır. */
html:not([data-sc-hazir]) .esik-vaat{display:none}
html:not([data-sc-hazir]) .rulo{--r:1;opacity:1;filter:none;top:54%}
html:not([data-sc-hazir]) .esik-satmaz{opacity:1;top:calc(54% + clamp(4.4rem,11vh,7.6rem))}
html:not([data-sc-hazir]) .esik-logo{opacity:1;transform:translate(-50%,-50%);top:22%}
html:not([data-sc-hazir]) .deger-metin{--b:1}
html:not([data-sc-hazir]) .deger-alt{opacity:1}
html:not([data-sc-hazir]) .deger-metin,html:not([data-sc-hazir]) .deger-alt,html:not([data-sc-hazir]) .deger-satir,html:not([data-sc-hazir]) .nabiz-ust,html:not([data-sc-hazir]) .nabiz-sonuc{transform:none;opacity:1}
html:not([data-sc-hazir]) .deger-satirlar{display:flex;flex-direction:column;gap:.6rem}
html:not([data-sc-hazir]) .deger-satir{filter:drop-shadow(0 2px 14px rgba(5,7,15,.9))}
html:not([data-sc-hazir]) .nabiz-dugum,html:not([data-sc-hazir]) .nabiz-dugum-cikis{--r:1;opacity:1;transform:none}
html:not([data-sc-hazir]) .nabiz-cekirdek{--c:1;transform:none}
/* Betik çalışmıyorsa adımlar düz ızgarada okunur. */
html:not([data-sc-hazir]) .nasil .girdap{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.2rem,5vw,4rem)}
html:not([data-sc-hazir]) .nasil-ust{position:static;transform:none}
html:not([data-sc-hazir]) .nasil-yol{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem;width:min(1160px,92vw);pointer-events:auto}
html:not([data-sc-hazir]) .nasil-adim{position:static;transform:none;opacity:1;width:auto}
html:not([data-sc-hazir]) .nasil-tuval,html:not([data-sc-hazir]) .nasil-sayac{display:none}

/* ==================================================================
   7 · NOT — canlı örnek: geleceğinizi yazalım
   ================================================================== */
.not{background:linear-gradient(180deg,#080D1E,var(--sc-canvas))}
/* Sık sorulanlar (Tur 9): kısa, doğrudan cevaplar; details/summary, betiksiz çalışır */
.sss{background:var(--sc-canvas)}
.sss-ic{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.sss-baslik{font-size:var(--sc-tip-baslik)}
.sss-liste{display:flex;flex-direction:column;gap:.6rem}
.sss-madde{border:1px solid var(--sc-cizgi);border-radius:16px;background:rgba(242,246,255,.03);padding:0 1.1rem}
.sss-madde summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:.8rem 0;font-weight:700;color:var(--sc-ink)}
.sss-madde summary::-webkit-details-marker{display:none}
.sss-madde summary::after{content:"+";flex:0 0 auto;width:1.6rem;height:1.6rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sc-cizgi);color:var(--sc-cam);font-weight:800}
.sss-madde[open] summary::after{content:"–"}
.sss-madde summary:focus-visible{outline:2px solid var(--sc-cam);outline-offset:4px;border-radius:8px}
.sss-madde p{margin:0 0 1rem;color:var(--sc-ink-soft);max-width:var(--sc-satir-dar)}
@media (max-width:900px){.sss-ic{grid-template-columns:1fr}}
.not .sc-sahne-ic{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.not-baslik{font-size:var(--sc-tip-baslik)}
.not-alan{display:flex;flex-direction:column;gap:.4rem}
.not-alan label{font-size:var(--sc-tip-etiket);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--sc-ink-soft)}
.not-kart{position:relative;padding:clamp(1.4rem,3.5vw,2.4rem);border-radius:28px;background:var(--sc-surface-2);
  color:var(--sc-ink);min-height:22rem;box-shadow:0 40px 100px -40px rgba(0,0,0,.9),0 0 0 1px var(--sc-cizgi),0 0 100px -30px rgba(34,211,238,.4);
  overflow:hidden}
.not-kart::before{content:"";position:absolute;inset:auto -30% -50% auto;width:70%;aspect-ratio:1/1;border-radius:50%;
  background:radial-gradient(circle,rgba(34,211,238,.35),rgba(34,211,238,0) 70%);pointer-events:none}
.not-kart-ustluk{font-size:var(--sc-tip-etiket);letter-spacing:.22em;text-transform:uppercase;color:var(--sc-cam);font-weight:700}
.not-kart-baslik{margin-top:.6rem;font-size:var(--sc-tip-alt);font-weight:700;letter-spacing:-.02em}
.not-metin{margin-top:1.2rem;white-space:pre-wrap;line-height:1.65;max-width:var(--sc-satir-dar);min-height:9rem;
  font-variant-numeric:tabular-nums}
.not-metin .imlec{display:inline-block;width:.55ch;height:1.1em;vertical-align:-.15em;background:var(--sc-cam);
  animation:imlec-nefes 900ms steps(2,start) infinite}
@keyframes imlec-nefes{50%{opacity:0}}
.not-bos{color:var(--sc-ink-soft)}
.not-eylemler{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;position:relative}
.not-gizlilik{margin-top:1rem;font-size:var(--sc-tip-etiket);color:var(--sc-ink-soft);letter-spacing:.02em}
/* Talep demosu (Tur 8): örnek düğmeleri, metin alanı, adım listesi, onay kutusu */
.talep-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.6rem;max-width:34rem}
.talep-ornekler{display:flex;flex-wrap:wrap;gap:.5rem}
.talep-ornek{font:inherit;font-size:var(--sc-tip-etiket);letter-spacing:.06em;text-transform:uppercase;min-height:40px;padding:.4rem .9rem;border-radius:999px;
  border:1px solid var(--sc-cizgi);background:rgba(12,18,36,.6);color:var(--sc-ink-soft);cursor:pointer}
.talep-ornek:hover,.talep-ornek:focus-visible{border-color:var(--sc-cam);color:var(--sc-ink);outline:none}
.not-alan textarea{font:inherit;line-height:1.5;padding:.8rem 1rem;border-radius:14px;resize:vertical;min-height:7rem;
  background:rgba(12,18,36,.75);color:var(--sc-ink);border:1px solid var(--sc-cizgi)}
.not-alan textarea::placeholder{color:rgba(154,168,199,.6)}
.not-alan textarea:focus{border-color:var(--sc-cam);box-shadow:0 0 0 4px rgba(34,211,238,.18);outline:none}
.not-alan textarea[aria-invalid="true"]{border-color:var(--sc-accent)}
.talep-adimlar{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.8rem;position:relative}
.talep-adim{display:flex;gap:.9rem;padding:.8rem 1rem;border-radius:16px;border:1px solid var(--sc-cizgi);background:rgba(242,246,255,.03);
  opacity:.35;transition:opacity var(--sc-sure-orta) var(--sc-egri-cikis),border-color var(--sc-sure-orta) var(--sc-egri-cikis)}
.talep-adim[data-goster]{opacity:1}
.talep-adim[data-durum="ok"]{border-color:rgba(34,211,238,.45)}
.talep-adim[data-durum="eksik"]{border-color:rgba(242,180,76,.6)}
.talep-adim[data-durum="yok"],.talep-adim[data-durum="insan"]{border-color:rgba(242,180,76,.6)}
.talep-adim > div{flex:1;min-width:0}
.talep-adim b{display:block;font-weight:700;color:var(--sc-ink)}
.talep-no{flex:0 0 auto;width:1.8rem;height:1.8rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:var(--sc-tip-etiket);font-weight:800;background:rgba(31,107,255,.25);color:var(--sc-ink);border:1px solid rgba(34,211,238,.35)}
.talep-adim-metin{margin:.3rem 0 0;color:var(--sc-ink-soft);font-size:clamp(.9rem,1vw,1rem);line-height:1.5;overflow-wrap:anywhere}
.talep-adim-metin:empty{display:none}
.talep-kontrol{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.25rem;color:var(--sc-ink-soft);font-size:clamp(.9rem,1vw,1rem)}
.talep-kontrol li{display:flex;align-items:center;gap:.5rem}
.talep-kontrol i{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--sc-cizgi);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:.7rem;font-weight:800}
.talep-kontrol li[data-sonuc="ok"] i{background:rgba(34,211,238,.85);border-color:transparent;color:#041018}
.talep-kontrol li[data-sonuc="ok"] i::before{content:"✓"}
.talep-kontrol li[data-sonuc="yok"] i{background:rgba(242,180,76,.85);border-color:transparent;color:#1a1200}
.talep-kontrol li[data-sonuc="yok"] i::before{content:"!"}
.talep-kontrol li[data-sonuc="yok"]{color:var(--sc-ink)}
.talep-taslak{font:inherit;line-height:1.55;margin-top:.7rem;width:100%;box-sizing:border-box;padding:.8rem 1rem;border-radius:12px;resize:vertical;
  background:rgba(5,7,15,.6);color:var(--sc-ink);border:1px dashed rgba(34,211,238,.35);white-space:pre-wrap}
.talep-taslak:not([readonly]){border-style:solid;border-color:var(--sc-cam)}
.talep-taslak:focus{outline:none;box-shadow:0 0 0 4px rgba(34,211,238,.18)}
.talep-onay{margin-top:1.2rem;padding:1rem 1.1rem;border-radius:16px;border:1px solid rgba(242,180,76,.5);background:rgba(242,180,76,.06);position:relative}
.talep-onay-etiket{margin:0;font-size:var(--sc-tip-etiket);letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--sc-accent)}
.talep-onay .not-eylemler{margin-top:.8rem}
.talep-bitis{margin:1.1rem 0 0;padding:.9rem 1.1rem;border-radius:14px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.35);color:var(--sc-ink);position:relative}
.talep-kart[data-durum="insan"] .talep-bitis{background:rgba(242,180,76,.08);border-color:rgba(242,180,76,.45)}
@media (prefers-reduced-motion:reduce){.talep-adim{transition:none}}

/* ==================================================================
   8 · İLETİŞİM — kapanış: çekirdek ışığı geri gelir
   ================================================================== */
.iletisim{background:var(--sc-canvas)}
.iletisim-isik{position:absolute;left:50%;top:50%;z-index:0;width:min(120vh,120vw);aspect-ratio:1/1;border-radius:50%;
  transform:translate(-50%,-50%) scale(calc(.5 + var(--sc-p,0) * .9));pointer-events:none;
  background:radial-gradient(circle,rgba(34,211,238,.28),rgba(31,107,255,.18) 30%,rgba(124,92,255,.08) 52%,rgba(5,7,15,0) 70%);
  opacity:calc(.5 + var(--sc-p,0) * .5);will-change:transform,opacity}
.iletisim-ic{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;
  max-width:min(900px,92vw)}
.iletisim-baslik{font-size:var(--sc-tip-dev);font-weight:800;letter-spacing:-.035em}
.iletisim p{margin:1.4rem auto 0;max-width:var(--sc-satir-dar);color:var(--sc-ink-soft);font-size:var(--sc-tip-buyuk)}
.iletisim-eylemler{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:2.2rem}
.iletisim-not{font-size:var(--sc-tip-etiket)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--sc-accent)!important}

.sc-alt{padding:clamp(3rem,8vh,5rem) clamp(1rem,4vw,3rem) 2.5rem;background:var(--sc-canvas);color:var(--sc-ink);
  border-top:1px solid var(--sc-cizgi)}
.sc-alt-ic{max-width:min(1160px,92vw);margin-inline:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(1.5rem,4vw,3rem)}
.sc-alt-soz{font-size:var(--sc-tip-alt);font-weight:700;letter-spacing:-.02em;max-width:var(--sc-satir-dar)}
.sc-alt-sutun h3{font-size:var(--sc-tip-etiket);letter-spacing:.2em;text-transform:uppercase;color:var(--sc-cam);font-weight:700}
.sc-alt-sutun ul{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.sc-alt-sutun a{color:var(--sc-ink-soft);text-decoration:none;border-bottom:1px solid transparent;
  transition:color var(--sc-sure-hizli) var(--sc-egri-cikis),border-color var(--sc-sure-hizli) var(--sc-egri-cikis)}
@media (hover:hover) and (pointer:fine){.sc-alt-sutun a:hover{color:var(--sc-ink);border-color:var(--sc-cam)}}
.sc-alt-telif{max-width:min(1160px,92vw);margin:2.5rem auto 0;padding-top:1.2rem;border-top:1px solid var(--sc-cizgi);
  font-size:var(--sc-tip-etiket);color:var(--sc-ink-soft);letter-spacing:.04em;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}

/* ==================================================================
   KIRILIMLAR
   ================================================================== */
@media (max-width:1100px){
  .sc-ust{flex-direction:column;align-items:flex-start;gap:.4rem;
    background:linear-gradient(180deg,rgba(5,7,15,.82),rgba(5,7,15,.55) 60%,rgba(5,7,15,0))}
  .sc-nav-liste{flex-wrap:wrap}
  .sc-saat{display:none}
}
@media (max-width:900px){
  .zaman-izgara,.not .sc-sahne-ic{grid-template-columns:1fr}
  .gelecek-ust{grid-template-columns:1fr;grid-template-rows:auto}
  .gelecek-ust .sc-kopya,.pencere-sekmeler,.gelecek-ust .pencere-secim{grid-column:auto;grid-row:auto}
  .pencere-secim{justify-content:flex-start}
  .pencere{width:min(1160px,92vw)}
  .sc-nav-bag{font-size:.68rem;letter-spacing:.06em}
  .sc-alt-ic{grid-template-columns:1fr 1fr}
  .sc-alt-soz{grid-column:1/-1}
  .zaman-yuz{right:-30vw;top:78%;width:min(60vh,120vw);opacity:.35}
  .nabiz .girdap{padding-top:clamp(2.2rem,4vh,3rem);gap:clamp(.6rem,1.4vh,1.1rem)}
  .nabiz-akis{grid-template-columns:1fr;gap:clamp(1rem,3vh,1.6rem);min-height:0;justify-items:center}
  .nabiz-sonuc{margin-top:.3rem;font-size:var(--sc-tip-govde)}
  .nabiz-giris,.nabiz-cikis{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.8rem .9rem;width:100%;padding:0}
  /* dar ekranda dağınıklık yalnız hafif eğim + süzülme; kayma ve ölçek yok (çipler sık, binişmesin) */
  .nabiz-akis .nabiz-giris .nabiz-dugum{max-width:none;--jx:0px;--jy:0px;--jb:1}
  .nabiz-akis .nabiz-giris .nabiz-dugum:nth-child(odd){--jr:-2deg}
  .nabiz-akis .nabiz-giris .nabiz-dugum:nth-child(even){--jr:2deg}
  .nabiz-dugum{padding:.4rem .7rem;align-items:center;text-align:center}
  .nabiz-dugum-cikis{transform:none}
  .nabiz-dugum small{display:none}
  .nabiz-cekirdek span{display:none}
  .nabiz-aciklama{font-size:var(--sc-tip-govde)}
  .nasil-ust{top:clamp(3rem,6vh,4rem)}
  .nasil-adim{width:min(74vw,340px);padding:1rem 1.1rem}
  .nasil-sayac b{font-size:var(--sc-tip-baslik)}
}
@media (max-width:900px){
  .rulo-yazi{white-space:normal;font-size:clamp(1.35rem,5.6vw,2.4rem)}
  /* dar ekranda yazı küçük; mavi gradyan nebula üstünde 1.5:1 kalıyordu, açık tonlar + koyu gölge ile 3:1 üstü */
  .rulo-yazi span{background:linear-gradient(90deg,#8FC2FF,#9FF2FF);-webkit-background-clip:text;background-clip:text;text-shadow:none}
  .rulo-band{padding:.8rem .6rem}
  .esik-satmaz{width:88vw;font-size:var(--sc-tip-govde);top:calc(50% + 6.4rem)}
  .esik-yollar{gap:.6rem}
  /* telefonda üst şerit iki satıra iniyor (menü + dil), vaat satırı onun altından başlar */
  .esik-vaat{width:88vw;top:9.4rem}
  .esik-vaat-yazi{font-size:var(--sc-tip-govde)}
  .deger-soz{font-size:clamp(1.9rem,8.5vw,3.2rem)}
}
@media (max-width:600px){
  .sc-nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .sc-nav-liste{flex-wrap:nowrap;white-space:nowrap;padding-bottom:.2rem}
  .esik-logo{width:45vw}
  .zaman-kutu{grid-template-columns:1fr;justify-items:center;text-align:center;padding:1rem}
  /* Telefon: perde içeriği ekrana sığsın (sahip 2026-09-19: başlık üst çubuğun altına giriyordu). */
  .zaman .girdap{justify-content:flex-start;padding-top:5.6rem}
  /* Telefon: 'Nasıl oluyor' etiketi üst çubuğun altına girmesin, Sonuç satırı da ekranın altından taşmasın (denetçi 2026-09-19):
     üstten hizalı, açıklama gizli, akış alanı ve boşluklar kısa. */
  .nabiz .girdap{padding-top:5.6rem;padding-bottom:.6rem;justify-content:flex-start;gap:.6rem}
  .nabiz-aciklama{display:none}
  .nabiz-baslik{font-size:clamp(1.5rem,7vw,2rem)}
  .nabiz-akis{min-height:0;gap:.6rem}
  .nabiz-sonuc{font-size:var(--sc-tip-govde);margin-top:0}
  .nabiz-giris,.nabiz-cikis{gap:.5rem .6rem}
  .nabiz-dugum{padding:.45rem .7rem}
  .nabiz-dugum span{font-size:.92rem}
  .nabiz-cekirdek{width:104px;height:104px}
  .zaman-izgara{gap:1rem;align-items:start}
  .zaman-baslik{font-size:clamp(1.5rem,7vw,2.1rem)}
  .zaman-izgara .sc-kopya>p.sc-cue:not(.sc-ustluk):not(.zaman-vaat){display:none}
  .zaman-vaat{margin-top:.6rem;font-size:var(--sc-tip-govde)}
  .zaman-halka{width:132px}
  .zaman-sonuc{gap:.6rem}
  .zaman-sonuc{width:100%}
  .sc-alt-ic{grid-template-columns:1fr}
  .sc-nav-liste{gap:.6rem .9rem}
}
@media (pointer:coarse){
  .pencere-sec,.sc-eylem{min-height:48px}
  .zaman-kaydirici{height:52px}
}
/* Kısa ekran (dizüstü 720-800 px): Nabız giriş çipleri yalnız başlıkla durur, sıra sayısı düşer, Sonuç satırı ekranda kalır. */
@media (min-width:901px) and (max-height:800px){
  .nabiz .girdap{gap:.6rem;padding-top:1.8rem}
  .nabiz-baslik{font-size:clamp(1.6rem,3vw,2.4rem)}
  .nabiz-aciklama{margin-top:.4rem}
  .nabiz-giris .nabiz-dugum small{display:none}
  .nabiz-giris{gap:.9rem 1.2rem}
  .nabiz-sonuc{margin-top:.4rem;font-size:var(--sc-tip-govde)}
}

/* ---- HAREKET KAPALI: her şey okunur, tuvaller çizilmez, girdap yok, düğümler sabit dizilir ---- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .esik-logo{opacity:1;transform:translate(-50%,-50%);top:22%}
  .esik-logo::before,.esik-logo img{animation:none}
  .esik-logo-arka{display:none}
  .rulo{--r:1;opacity:1;filter:none;top:54%}
  .esik-satmaz{opacity:1;top:calc(54% + clamp(4.4rem,11vh,7.6rem))}
  .rulo-isik,.sc-iris,.esik-ipucu,.isik-imlec{display:none}
  /* hareket kapalıyken perde zaten açık duruyor, vaat satırı logoyla çakışmasın diye kapanır */
  .esik-vaat{display:none}
  .sc-girdapli{margin-top:0;background:var(--zemin,var(--sc-canvas))}
  .sc-girdapli .sc-stage{--h:1}
  .girdap,.esik .girdap,.deger .girdap{transform:none;opacity:1}
  .huzme,.deger-huzme{transform:none;opacity:.7}
  .deger-metin,.deger-alt,.deger-satir{transform:none;opacity:1}
  .deger-satirlar{display:flex;flex-direction:column;gap:.6rem}
  .deger-satir{filter:drop-shadow(0 2px 14px rgba(5,7,15,.9))}
  .esik-tuval,.nabiz-tuval,.nasil-tuval,.nasil-sayac{display:none}
  .nabiz-ust,.nabiz-sonuc{opacity:1;transform:none}
  .nabiz-dugum,.nabiz-dugum-cikis{--r:1;opacity:1;transform:rotate(var(--jr,0deg))}
  .nabiz-cekirdek{--c:1;transform:none}
  .zaman-akrep{transform:translate(-50%,-100%) rotate(60deg);animation:none}.zaman-yelkovan{transform:translate(-50%,-100%) rotate(200deg);animation:none}
  .nasil .girdap{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.2rem,5vw,4rem)}
  .nasil-ust{position:static;transform:none}
  .nasil-yol{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem;width:min(1160px,92vw);pointer-events:auto}
  .nasil-adim{position:static;transform:none;opacity:1;width:auto}
  .iletisim-isik{transform:translate(-50%,-50%);opacity:1}
  .not-metin .imlec{animation:none}
  .sc-saat-nokta{animation:none}
  .pencere{transform:none}
  .sc-cue,.pencere-sec,.sc-eylem,.zaman-halka,.sc-kopya-girdap{transition:none}
  html[data-sc-hazir] .sc-kopya-girdap{opacity:1;transform:none}
}