/* 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(.78rem,.9vw,.82rem);   /* taban 12.5 px: küçük yazı 12 px altına inmez (sakin gelecek) */
  --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(.2,.7,.25,1);   /* sakin gelecek 2026-09-28: yay/zıplama yok */
}

*,*::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: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{display:none}   /* sakin gelecek 2026-09-28: imleci izleyen renkli ışık kaldırıldı (betik öğeyi taşımaya devam eder, görünmez) */

/* ---- ü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}
.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(.72rem,.82vw,.78rem);letter-spacing:.03em}
.sc-saat{margin:0;display:inline-flex;align-items:center;gap:.5rem;font-size:var(--sc-tip-etiket);letter-spacing:.04em;
  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)}   /* sakin gelecek: nabız atmaz, parlamaz; canlılığı saniye göstergesi taşır */
.sc-saat-deger{color:var(--sc-ink);font-weight:700}

/* ---- 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 .8rem;font-size:var(--sc-tip-etiket);color:var(--sc-ink-soft);font-weight:600}   /* sakin gelecek: üst etiketler HTML'den kaldırıldı; kural yalnız geri uyumluluk */
.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 ---- */
/* sakin gelecek 2026-09-28: ana düğme düz kehribar (zamanın rengi), gradyan ve renkli parıltı yok; gölge nötr ve ofsetli */
.sc-eylem{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;
  padding:.85rem 1.6rem;border-radius:999px;border:1px solid transparent;background:var(--sc-accent);
  color:var(--sc-accent-ink);text-decoration:none;font-weight:700;cursor:pointer;
  box-shadow:0 8px 20px -14px rgba(0,0,0,.8);
  transition:transform var(--sc-sure-hizli) var(--sc-egri-cikis),background var(--sc-sure-hizli) var(--sc-egri-cikis),border-color 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}
@media (hover:hover) and (pointer:fine){
  .sc-eylem:hover{transform:translate3d(0,-1px,0);background:#F6C46A}
  .sc-eylem-ikincil:hover{border-color:var(--sc-cam);background:rgba(12,18,36,.8)}
}

/* ==================================================================
   1 · EŞİK — sinematik açılış (uzay motoru + acilis_b.js: ışık izi, ana R, yazı bloğu; stiller acilis.css), 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 .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%)}

/* ==================================================================
   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:.78rem;letter-spacing:.01em;color:var(--sc-ink);background:rgba(5,7,15,.62);padding:.25rem .6rem;border-radius:6px}   /* okunurluk: gölge yerine koyu zemin */
.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,.08) 46%,rgba(255,255,255,0) 58%);   /* sakin gelecek: renkli ışık lekeleri yok, tek nötr şerit */
  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;letter-spacing:-.02em;text-wrap:balance;
  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)}   /* sakin gelecek: büyük harf yok, tek nötr gölge (video üstünde okunurluk) */
.deger-soz em{font-style:normal;color:var(--sc-accent)}
.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;
  color:var(--sc-accent);
  filter:drop-shadow(0 2px 14px rgba(5,7,15,.9)) 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;color:var(--sc-accent)}   /* sakin gelecek 2026-09-28: gradyan yazı yok, zaman = kehribar */
.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:var(--sc-surface);
  border:1px solid rgba(34,211,238,calc(.14 + var(--r) * .34));   /* sakin gelecek: parıltı ve cam yok, durum kenarda */
  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:600;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(.18 + var(--r) * .42))}
.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:var(--sc-surface-2);border:1px solid rgba(34,211,238,calc(.16 + var(--c) * .5));   /* sakin gelecek: hale yok, disk yanınca kenarı belirir */
  transform:scale(calc(.85 + var(--c) * .15));will-change:transform}
.nabiz-cekirdek img{width:50%;height:50%;aspect-ratio:1/1;object-fit:contain;opacity:calc(.55 + var(--c) * .45)}
.nabiz-cekirdek span{position:absolute;bottom:-1.8rem;left:50%;transform:translateX(-50%);font-size:var(--sc-tip-etiket);
  letter-spacing:.04em;font-weight:600;color:var(--sc-ink-soft);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:repeating-conic-gradient(from 0deg,rgba(242,246,255,.10) 0deg 1deg,transparent 1deg 30deg);   /* saat kadranı çentikleri (anlamlı); renkli ışık yok */
  -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))}
/* İ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)}
.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:none;
  -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;
  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:.01em;
  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);background:rgba(34,211,238,.08)}
.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-canvas);box-shadow:0 4px 10px 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-canvas);box-shadow:0 4px 10px rgba(0,0,0,.5)}
.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)}
.zaman-yol{margin-top:clamp(.9rem,2.5vh,1.4rem)}   /* ücretsiz yol haritası bağlantısı: hesap perdesi değer algısının tepe noktası (2026-09-26) */
/* 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:.01em;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)}
.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:.01em;
  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:var(--sc-accent);color:var(--sc-accent-ink);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);   /* sakin gelecek: mavi hale ve gölge yok */
  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:.01em;cursor:pointer;
  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:.01em;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-accent) calc(var(--p,0) * 100%),rgba(242,246,255,.25) 0)}   /* ilerleme = zaman rengi */
.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-accent)}
.pencere-kaydir::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:#fff;border:3px solid var(--sc-accent)}
.pencere-kaydir::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--sc-accent)}
.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:.72rem}.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:.01em;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:var(--sc-surface);border:1px solid rgba(34,211,238,calc(.12 + var(--a,1) * .35));
  box-shadow:none;   /* sakin gelecek: cam, gölge ve renkli parıltı yok; kart kenarı ve zemin tonu yeter */
  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;color:var(--sc-cam);
  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);color:rgba(242,246,255,.16)}
.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;color:var(--sc-accent)}
.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:var(--sc-surface);
  border:1px solid rgba(34,211,238,calc(.1 + var(--k) * .22));
  box-shadow:none;will-change:transform,opacity}
.uretim-no{display:inline-block;font-weight:800;font-size:var(--sc-tip-alt);letter-spacing:-.02em;color:var(--sc-cam);
  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:.01em;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:none;
  --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-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:clamp(.92rem,1vw,1rem);letter-spacing:0;color:var(--sc-ink);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);max-width:50ch}
.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:50ch;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{display:none}
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:.01em;font-weight:600;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 0 0 1px var(--sc-cizgi);
  overflow:hidden}   /* sakin gelecek: köşe ışığı ve renkli hale yok */
.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:.01em;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,.85)}
.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);
  transition:border-color var(--sc-sure-orta) var(--sc-egri-cikis),background var(--sc-sure-orta) var(--sc-egri-cikis)}   /* sakin gelecek: bekleyen adım saydam değil, yalnız daha sakin (kontrast tam) */
.talep-adim:not([data-goster]) b{color:var(--sc-ink-soft)}
.talep-adim[data-goster]{background:rgba(242,246,255,.05)}
.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:.01em;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)}
/* sakin gelecek 2026-09-28: kapanışta nabız çekirdeği (düz disk + ince kenar) büyüyerek geri döner; renkli ışık bulutu yok */
.iletisim-isik{position:absolute;left:50%;top:50%;z-index:0;width:min(70vh,70vw);aspect-ratio:1/1;border-radius:50%;
  transform:translate(-50%,-50%) scale(calc(.6 + var(--sc-p,0) * .7));pointer-events:none;
  background:rgba(12,18,36,.55);border:1px solid rgba(34,211,238,calc(.10 + var(--sc-p,0) * .3));
  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-govde)!important;letter-spacing:0;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-govde);letter-spacing:0;color:var(--sc-ink);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){
  /* sakin gelecek 2026-09-28: marka ve dil seçimi aynı satırda, menü altta; üst çubuk iki satırı geçmez (başlıkla çakışmıyordu → çakışmaz) */
  .sc-ust{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3rem .8rem;
    background:linear-gradient(180deg,rgba(5,7,15,.9),rgba(5,7,15,.7) 70%,rgba(5,7,15,0))}
  .sc-nav{grid-column:1/-1;grid-row:2}
  .sc-diller{grid-column:2;grid-row:1;margin-left:0}
  .sc-nav+.sc-diller{margin-left: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:.72rem;letter-spacing:.04em}
  .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:9.6rem}   /* tablet: üç satırlı üst çubuğun altından başlar (2026-09-28) */
  .nasil-adim{width:min(74vw,340px);padding:1rem 1.1rem}
  .nasil-sayac b{font-size:var(--sc-tip-baslik)}
}
@media (max-width:900px){
  .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}
  .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):not(.zaman-yol){display:none}
  .zaman-vaat{margin-top:.6rem;font-size:var(--sc-tip-govde)}
  .zaman-yol{margin-top:.6rem}
  .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}
  .nasil-ust{top:7.4rem}   /* telefon: iki satırlı üst çubuk */
}
@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}
  .sc-iris,.isik-imlec{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}
  .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))}
  .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}
}