/* NEFES — Vitrin katmanı: Instagram vitrinindeki "ışığı açılmış" dil sitede.
   Koyu zemin ve turkuaz kimlik aynen kalır; her sahnenin arkasına turkuaz tonlu fotoğraf/ipek katmanı gelir.
   Fotoğraflar önceden gri tonlanmış ve hafif bulanıklaştırılmış WebP (≈10–25 KB); tarayıcıda pahalı filtre yok. */

.sahne-zemin{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.sz-foto{position:absolute;inset:-24px;background:center/cover no-repeat;filter:contrast(1.05) brightness(.8);transform:scale(1.04);opacity:0;transition:opacity .9s ease}
.scene.active .sz-foto,.scene.leave-up .sz-foto,.scene.leave-down .sz-foto{opacity:1}
.sz-ton{position:absolute;inset:0;background:#0d6b67;mix-blend-mode:color;opacity:.7}
.sz-karart{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(3,14,16,.78) 0%,rgba(7,40,42,.42) 34%,rgba(7,40,42,.46) 58%,rgba(3,10,12,.94) 100%),
  rgba(18,120,116,.22)}
/* Metin bölgeleri için ek okunurluk: başlıkların durduğu üst-sol alan biraz daha koyu */
.sz-karart:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,14,.72) 0%,rgba(3,12,14,.5) 48%,rgba(3,12,14,.12) 78%,transparent 100%)}
/* Fotoğraf üstündeki metinlere ince gölge (okunurluk) */
.hero-text>p,.hero-stat,.how-head p,.section-header>p,.service-heading p{text-shadow:0 1px 10px rgba(2,8,10,.85),0 0 2px rgba(2,8,10,.6)}
.hero-stat small{color:#b9d3cf}
/* Hizmet ve başla sahnelerinde kart yoğun: zemin daha sakin */
.scene-services .sz-foto,.scene-start .sz-foto,.scene-demo .sz-foto,.scene-how .sz-foto{filter:contrast(1) brightness(.55)}

/* İmza çizgisi: organik turkuaz çizgi, Keşfet'teki bölüm çubuğunun üst kenarından ışık rayı gibi akar; iki ışık düğümünde durur. Bir kez oynar. */
.scene-tabs.has-imza{overflow:visible}
.imza{position:absolute;z-index:-1;left:-22px;right:-22px;width:calc(100% + 44px);top:-26px;height:48px;overflow:visible;pointer-events:none}
.imza-iz{fill:none;stroke:rgba(101,236,227,.16);stroke-width:1.2;vector-effect:non-scaling-stroke}
.imza-cizgi{fill:none;stroke:#72f9ef;stroke-width:2.2;stroke-linecap:round;vector-effect:non-scaling-stroke;
  stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 4px rgba(101,236,227,.9)) drop-shadow(0 0 12px rgba(16,168,164,.55));
  animation:imzaCiz 2.7s cubic-bezier(.45,.05,.25,1) .35s forwards}
.imza-dugum{position:absolute;z-index:1;width:9px;height:9px;border-radius:50%;background:#e9fffd;box-shadow:0 0 0 4px rgba(114,249,239,.28),0 0 12px 2px #65ece3;opacity:0;pointer-events:none;animation:imzaDugum .5s ease forwards}
.imza-dugum.d1{left:calc(-22px + (100% + 44px) * .35);top:calc(-26px + 48px * 20/48 - 4.5px);animation-delay:1.3s}
.imza-dugum.d2{left:calc(-22px + (100% + 44px) * .7);top:calc(-26px + 48px * 27/48 - 4.5px);animation-delay:2.25s}
@keyframes imzaCiz{to{stroke-dashoffset:0}}
@keyframes imzaDugum{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.3)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.imza-cizgi{animation:none;stroke-dashoffset:0}.imza-dugum{animation:none;opacity:1}.sz-foto{transition:none}}

/* Kanal simgeleri: tek renk, açık ton — yalnız simge, hizmet iddiası değil */
.hero-apps.kanallar{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.hero-apps.kanallar .k-ic{width:17px;height:17px;fill:#e6f6f3;opacity:.9;flex:none}
@media(max-width:365px){.hero-apps.kanallar{gap:10px}.hero-apps.kanallar .k-ic{width:15px;height:15px}}

/* Öncesi / sonrası etiketleri: vitrindeki pill dili (yarı saydam koyu zemin, ince açık çerçeve, turkuaz nokta) */
.hp-label,.compare-label{color:#e9fbf8;background:rgba(4,20,22,.66);border:1px solid rgba(149,231,225,.32);font-family:Montserrat,var(--font);letter-spacing:.14em;text-transform:uppercase}
.hp-label:before,.compare-label:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#65ece3;box-shadow:0 0 6px #65ece3;margin-right:5px;vertical-align:1px}
.compare-tag{background:rgba(4,20,22,.66);border-color:rgba(149,231,225,.32);font-family:Montserrat,var(--font)}
.compare-tag.tag-after{color:#8ff6ee}

/* ---------- Masaüstü: Instagram'daki sabit 3'lü vitrin — sol panel · telefon · sağ panel, arkadan ışık çizgisi ---------- */
.masa-vitrin{display:none}
@media(min-width:800px){
  .masa-vitrin{display:block;position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
  .masa-vitrin .sz-foto{opacity:1;inset:-30px;filter:contrast(1.05) brightness(.78)}
  .mv-karart{position:absolute;inset:0;background:radial-gradient(ellipse 30% 60% at 50% 52%,rgba(3,10,12,.35),transparent 80%),
    linear-gradient(180deg,rgba(3,14,16,.80) 0%,rgba(7,40,42,.45) 40%,rgba(7,40,42,.5) 62%,rgba(3,10,12,.95) 100%)}
  .mv-imza{position:absolute;left:0;width:100%;top:58%;height:180px;overflow:visible}
  .mv-imza .imza-cizgi{animation-duration:3.2s}
  .mv-panel{position:absolute;top:50%;transform:translateY(-50%);width:min(330px,calc((100vw - 470px)/2 - 48px));padding:42px 34px;border:1.5px solid rgba(149,231,225,.22);border-radius:28px;
    background:linear-gradient(160deg,rgba(4,20,22,.55),rgba(4,16,18,.35));backdrop-filter:blur(2px);color:#f8fcfa;font-family:var(--font)}
  .mv-panel.sol{left:max(32px,calc(50% - 250px - 360px))}
  .mv-panel.sag{right:max(32px,calc(50% - 250px - 360px))}
  .mv-ust{margin:0 0 18px;font:700 11px/1.2 Montserrat,var(--font);letter-spacing:.24em;color:#65ece3;text-transform:uppercase}
  .mv-ust:after{content:"";display:block;width:26px;height:2px;margin-top:10px;background:#65ece3;border-radius:2px}
  .mv-ust.k2{margin-top:26px;font-size:9.5px;letter-spacing:.2em}.mv-ust.k2:after{display:none}
  .mv-panel h2{margin:0 0 14px;font:800 clamp(26px,2.6vw,38px)/1.04 var(--font);letter-spacing:-.06em}
  .mv-panel h2 em{font-style:normal;color:#65ece3}
  .mv-alt{margin:0;font-size:14px;line-height:1.55;color:#c9d6d4}
  .mv-panel ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:7px}
  .mv-panel li{font:700 12.5px/1.2 Montserrat,var(--font);color:#e9f7f5;display:flex;align-items:center;gap:9px}
  .mv-panel li:before{content:"";width:5px;height:5px;border-radius:50%;background:#65ece3;box-shadow:0 0 6px #65ece3}
  .mv-dene{margin:22px 0 0;font:700 15px/1.3 var(--font);color:#f8fcfa}.mv-dene em{font-style:normal;color:#65ece3}
  .mv-alan{margin:18px 0 0;font:700 11px/1 Montserrat,var(--font);letter-spacing:.22em;color:#8fd9d3}
}
@media(min-width:800px) and (max-width:1099px){.mv-panel{display:none}}
@media(min-width:800px) and (prefers-reduced-motion:reduce){.mv-imza .imza-cizgi{animation:none;stroke-dashoffset:0}}
.hero-stat>b{text-shadow:none}

/* =====================================================================
   Premium geçişi (sayfa sayfa denetim sonrası)
   ===================================================================== */
/* 1 · Tipografi: başlıklar tek aile (Manrope 800, iki satır: beyaz + turkuaz); etiketler Montserrat 700 */
.section-header h2,.how-head h2,.onboarding-heading h2,.compare-heading h2{font-family:var(--font);font-weight:800;letter-spacing:-.055em;line-height:1.06}
.section-header h2 em,.onboarding-heading h2 em{font-weight:800}
.section-eyebrow,.overline-pill,.pricing-kicker,.choice-head span,.mini-tab,.menu-head span{font-family:'Montserrat',var(--font);font-weight:700}
.section-eyebrow{letter-spacing:.24em}
.price-value{font-family:var(--font);font-weight:300;letter-spacing:-.06em}
/* küçük yazılar en az 11–12 px: premium his okunurlukla başlar */
.price-detail{font-size:11.5px!important;line-height:1.5;color:#b9cfcc}
.hero-stat{display:none}

/* 2 · Üst bölge nefes alsın: sektör etiketi başlık çubuğuna değmesin */
.hero-text{padding-top:14px}
@media(max-height:735px){.hero-text{padding-top:22px}}

/* 3 · Bölüm çubuğu daha ince ve sakin */
.mini-tab{font-size:12px;letter-spacing:.02em;padding:9px 0}
.mini-tabs{background:rgba(4,20,22,.72);border-color:rgba(149,231,225,.18)}

/* 4 · Düğmeler: tek dil. Birincil düğme rafine turkuaz; ikincil düğmeler ince çerçeve */
.main-cta,.onboarding-cta{background:linear-gradient(135deg,#9cf8f0 0%,#5fe1d8 45%,#2fbdb6 100%);border:1px solid rgba(220,255,249,.55);
  color:#04201f;box-shadow:0 10px 30px -12px rgba(47,189,182,.6),inset 0 1px 0 rgba(255,255,255,.55);font-family:var(--font);font-weight:700;letter-spacing:-.01em}
.main-cta:active,.onboarding-cta:active{transform:translateY(1px)}
#instagramConnectEntry{background:rgba(4,20,22,.55)!important;color:#e9fbf8!important;border:1px solid rgba(149,231,225,.35)!important;font-weight:700}
#instagramConnectEntry .coming-soon{color:#8fd9d3!important}

/* 5 · "Nasıl" sahnesindeki yüzen kanal kutuları: marka renkleri yerine cam + turkuaz (vitrin dili) */
.s-igbig,.s-fbbig{background:linear-gradient(150deg,rgba(23,74,76,.92),rgba(6,26,28,.92))!important;border:1px solid rgba(149,231,225,.35);color:#e9fbf8;
  box-shadow:0 14px 30px rgba(0,0,0,.45),0 0 18px rgba(101,236,227,.18),inset 0 1px 0 rgba(255,255,255,.12)}
.hw-num{-webkit-text-stroke:1px rgba(101,236,227,.14)}

/* 6 · Hizmet: kesik çizgili (taslak gibi duran) çerçeveler yerine ince çizgi */
.platform-service.add{border-style:solid;border-color:rgba(149,231,225,.18)}
.service-catalog-link,.locked-ad{border-style:solid!important;border-color:rgba(149,231,225,.18)!important}

/* 7 · Odak halkası: tarayıcının turuncusu yerine marka turkuazı */
:focus-visible{outline:2px solid #65ece3;outline-offset:3px}
.nf-card:focus{outline:none}.nf-card:focus-visible{outline:2px solid #65ece3;outline-offset:3px}

/* 8 · İnce film dokusu: fotoğraf katmanına çok hafif gren (dijital düzlüğü kırar) */
.sahne-zemin:after,.masa-vitrin:after{content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* 9 · Sektör seçici ve dil ekranı: vitrin zemini */
.nf-chooser,.nf-lang{background:radial-gradient(90% 60% at 50% 30%,rgba(18,92,90,.45),transparent 70%),linear-gradient(180deg,#061417,#03090b)}
.nf-card{border-color:rgba(149,231,225,.2)}

/* "Nasıl çalışır" 1. adım: bütün kanallar vitrini (3×3, tak tak) */
.s0 .kv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;width:100%}
.s0 .kv{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 1px 5px;border-radius:10px;border:1px solid rgba(149,231,225,.14);background:rgba(255,255,255,.03);
  opacity:.16;transform:scale(.82);transition:opacity .22s,transform .38s cubic-bezier(.3,1.6,.5,1),border-color .3s,background .3s}
.s0 .kv.on{opacity:1;transform:none;border-color:rgba(101,236,227,.4);background:rgba(101,236,227,.08)}
.s0 .kv i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(150deg,#174a4c,#062022);border:1px solid rgba(149,231,225,.3)}
.s0 .kv .k-fill{fill:#e9fbf8;stroke:none;width:12px;height:12px}
.s0 .kv b{font-size:7px;font-weight:700;color:#e9fbf8;letter-spacing:-.02em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.hw.play.k0 .okb{animation:none!important}
.s0 .okb{opacity:0;transform:translateY(6px);transition:opacity .35s,transform .4s cubic-bezier(.3,.7,.2,1);margin-top:9px}
.s0 .okb.show{opacity:1;transform:none}
.s0 .kv-ok{width:max-content;margin-left:auto;margin-right:auto;padding-inline:12px}
.hw.play.k0 .tapdot{display:none}
.hw.play.k0 .s-beams path{animation:none}
@media(prefers-reduced-motion:reduce){.s0 .kv{transition:none}}

/* "Nasıl" 1. adım yan karoları: bağlanan kanal sırayla görünür */
.s-igbig .k-fill,.s-fbbig .k-fill{fill:#e9fbf8;stroke:none;width:26px;height:26px}
.s-igbig.pop .icon,.s-fbbig.pop .icon{animation:kn-pop .5s cubic-bezier(.3,1.5,.5,1)}
@keyframes kn-pop{0%{opacity:0;transform:scale(.4) rotate(-12deg)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.s-igbig.pop .icon,.s-fbbig.pop .icon{animation:none}}body.pf-acik{overflow:hidden}
.pf{position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;color:#f8fcfa;opacity:0;transform:translateY(14px);transition:opacity .3s,transform .35s cubic-bezier(.3,.7,.2,1);
  background:radial-gradient(90% 50% at 50% 0%,rgba(18,92,90,.42),transparent 70%),linear-gradient(180deg,#061417,#03090b 70%);
  padding:calc(env(safe-area-inset-top,0px) + 14px) 0 env(safe-area-inset-bottom,0px)}
.pf.on{opacity:1;transform:none}
.pf-bar,.pf-sek,.pf-not{width:100%;max-width:1080px;margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));box-sizing:border-box}
.pf-bar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.pf-ust{display:block;font:700 9.5px/1 Montserrat,system-ui,sans-serif;letter-spacing:.26em;color:#8ff6ee;margin-bottom:7px}
.pf-bar h2{margin:0;font:800 clamp(20px,5.4vw,32px)/1.08 Manrope,system-ui,sans-serif;letter-spacing:-.05em;text-wrap:balance}
.pf-bar h2 em{font-style:normal;color:#65ece3}
.pf-x{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(149,231,225,.3);background:rgba(4,20,22,.6);color:#f8fcfa;font:400 24px/1 system-ui;cursor:pointer}
.pf-sek{display:flex;gap:6px;margin-block:12px 8px;overflow-x:auto;scrollbar-width:none}
.pf-sek::-webkit-scrollbar{display:none}
.pf-sek button{flex:none;padding:8px 12px;border-radius:999px;border:1.5px solid rgba(149,231,225,.2);background:transparent;color:#c9d6d4;font:700 11px/1 Montserrat,system-ui,sans-serif;letter-spacing:.06em;cursor:pointer}
.pf-sek button small{font-size:10px;color:#7fe9df;margin-left:3px}
.pf-sek button.on{background:linear-gradient(135deg,#9cf8f0,#5fe1d8 45%,#2fbdb6);color:#03191a;border-color:transparent}
.pf-sek button.on small{color:#03191a}
.pf-iz{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pf-iz::-webkit-scrollbar{display:none}
.pf-yuk{margin:auto;color:#a7bab9;font-size:14px}
.pf-sl{flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;
  padding:4px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));max-width:100%}
.pf-sl{justify-content:center}
.pf-m{flex:none;min-height:0;display:grid;place-items:center}
.pf-m>*{position:relative;max-width:100%;border-radius:20px;overflow:hidden;border:1.5px solid rgba(149,231,225,.22);background:#04110f;box-shadow:0 22px 50px rgba(0,0,0,.45)}
.pf-is img{display:block;width:100%;height:100%;object-fit:cover}
.pf-kar{user-select:none;-webkit-user-select:none;cursor:pointer}
.pf-kar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.pf-s{position:absolute;inset:0}
.pf-cizgi{position:absolute;top:0;bottom:0;width:56px;margin-left:-28px;touch-action:none;cursor:ew-resize;display:block;z-index:2}
.pf-cizgi:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(180deg,#3ce4df,#72f9ef,#10a8a4);box-shadow:0 0 14px rgba(114,249,239,.7)}
.pf-cizgi b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#04201f;border:1.5px solid #72f9ef;color:#8ff6ee;font:700 14px/1 Manrope,system-ui;transition:transform .15s}
.pf-kar.surukle .pf-cizgi b{transform:translate(-50%,-50%) scale(1.12)}
.pf-cizgi:focus-visible{outline:none}.pf-cizgi:focus-visible b{box-shadow:0 0 0 3px rgba(101,236,227,.5)}
.pf-tag{position:absolute;top:10px;z-index:1;padding:5px 8px;border-radius:999px;background:rgba(3,12,13,.7);border:1px solid rgba(149,231,225,.3);font:700 8.5px/1 Montserrat,system-ui,sans-serif;letter-spacing:.16em;pointer-events:none}
.pf-tag i{font-style:normal}.dar .pf-tag i{display:none}.dar .pf-tag{top:8px;padding:4px 7px;letter-spacing:.12em}
.pf-tag.l{left:10px}.pf-tag.r{right:10px;color:#8ff6ee}
.pf-reel{cursor:pointer}
.pf-reel video{display:block;width:100%;height:100%;object-fit:cover}
.pf-oynat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(4,20,22,.7);border:1.5px solid rgba(149,231,225,.5);color:#8ff6ee;font-size:18px;padding-left:3px;transition:opacity .2s}
.pf-reel.oynuyor .pf-oynat{opacity:0}
.pf-alt,.pf-alt2{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:640px;margin-inline:auto}
.pf-bas{min-width:0;display:grid;gap:3px}
.pf-bas small{font:700 9px/1 Montserrat,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7fe9df}
.pf-bas b{font:800 15px/1.22 Manrope,system-ui,sans-serif;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}
.pf-pill{display:inline-flex;align-items:center;gap:6px;flex:none;padding:5px 9px;border-radius:999px;background:rgba(3,12,13,.72);border:1px solid rgba(149,231,225,.28);font:700 8.5px/1 Montserrat,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e9fbf8}
.pf-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:#65ece3}
/* beğen / beğenme (YouTube düzeni: tek kapsül, ortada ince ayraç) */
.pf-oy{display:inline-flex;align-items:center;height:38px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(149,231,225,.18)}
.pf-oy>i{width:1px;height:20px;background:rgba(201,214,212,.28)}
.pf-oy button{display:inline-flex;align-items:center;gap:7px;height:100%;padding:0 14px;border:0;background:transparent;color:#e9fbf8;font:700 13px/1 Manrope,system-ui,sans-serif;cursor:pointer;border-radius:999px}
.pf-oy .pf-up{padding-right:12px}.pf-oy .pf-down{padding-left:12px}
.pf-oy svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.pf-oy button[aria-pressed="true"] svg{fill:#65ece3;stroke:#65ece3}
.pf-oy button[aria-pressed="true"]{color:#8ff6ee}
.pf-oy button.pat svg{animation:pf-pat .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes pf-pat{0%{transform:scale(1)}40%{transform:scale(1.35) rotate(-10deg)}100%{transform:none}}
.pf-gez{display:inline-flex;gap:6px}
.pf-gez button{height:38px;min-width:38px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(149,231,225,.3);background:rgba(4,20,22,.6);color:#f8fcfa;font:700 12px/1 Manrope,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.pf-gez .pf-geri{padding:0;font-size:18px}
.pf-gez .pf-ileri{background:linear-gradient(135deg,#9cf8f0,#5fe1d8 45%,#2fbdb6);color:#03191a;border-color:transparent}
.pf-gez button:disabled{opacity:.35;cursor:default}
.pf-gez .pf-ileri:disabled{background:rgba(4,20,22,.6);color:#c9d6d4;border-color:rgba(149,231,225,.3)}
.pf-bos{justify-content:center;text-align:center}
.pf-bos>div{max-width:340px;margin:auto;display:grid;gap:10px;justify-items:center}
.pf-bos b{font:800 20px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.03em}
.pf-bos p{margin:0;color:#a7bab9;font-size:14px}
.pf-git{margin-top:6px;padding:11px 16px;border-radius:999px;border:0;background:linear-gradient(135deg,#9cf8f0,#5fe1d8 45%,#2fbdb6);color:#03191a;font:800 13px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.pf-deste{flex:none;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;
  height:96px;padding:6px calc(50% - 23px) 4px;box-sizing:border-box;-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.pf-deste::-webkit-scrollbar{display:none}
.pf.serbest .pf-iz{scroll-snap-type:none}
.pf:not(.serbest) .pf-deste{scroll-snap-type:none}
.pf-k{flex:0 0 46px;height:62px;margin:0 -4px;padding:0;border-radius:9px;overflow:hidden;border:1.5px solid rgba(149,231,225,.28);background:#04110f;scroll-snap-align:center;cursor:pointer;
  position:relative;transform-origin:50% 70%;box-shadow:0 8px 18px rgba(0,0,0,.5);transition:border-color .2s,box-shadow .2s;will-change:transform}
.pf-k img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.pf-k.on{border-color:#72f9ef;box-shadow:0 0 0 2px rgba(101,236,227,.35),0 10px 24px rgba(0,0,0,.55)}
.pf-not{padding-block:8px 12px;margin-block:0;color:#a7bab9;font-size:11px;line-height:1.45;border-top:1px solid rgba(149,231,225,.12)}
@media(max-height:640px){.pf-bar h2{font-size:19px}.pf-ust{display:none}.pf-not{display:none}.pf-deste{height:84px}.pf-k{flex-basis:40px;height:54px}}
@media(prefers-reduced-motion:reduce){.pf{transition:none;transform:none}.pf-oy button.pat svg{animation:none}}


/* Keşfet telefonu: "Sıradaki" düğmesi */
.hp-next{position:absolute;top:44px;left:50%;z-index:8;white-space:nowrap;pointer-events:auto;display:inline-flex;align-items:center;gap:3px;padding:5px 8px 5px 9px;border-radius:999px;
  border:1px solid rgba(149,231,225,.55);background:rgba(3,16,18,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e9fbf8;
  font:700 8.5px/1 Montserrat,Manrope,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:0;transform:translate(-50%,-4px);transition:opacity .35s,transform .35s,background .2s}
.hp-next span{color:#65ece3;font-size:11px;line-height:.8}
.hp-next.on{opacity:1;transform:translate(-50%,0)}
.hp-next:not(.on){pointer-events:none}
.hp-next:hover,.hp-next:active{background:rgba(8,48,50,.9)}
.hero-phone-wrap .iphone{pointer-events:auto}

/* 10 · Portföy düğmesi: telefonun altında (yerini portfolyo.js ayarlar) */
.pf-ac{position:absolute;right:16px;top:60%;pointer-events:auto;z-index:4;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  padding:7px 11px 7px 10px;border-radius:999px;border:1.5px solid rgba(149,231,225,.32);background:rgba(4,20,22,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:#f8fcfa;font:700 10px/1 Montserrat,Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.35);transition:border-color .2s,background .2s}
.pf-ac:hover{border-color:rgba(101,236,227,.7);background:rgba(8,40,42,.85)}
.pf-ac-n{display:block;flex:none;padding:0;width:6px;height:6px;border-radius:50%;background:#65ece3;box-shadow:0 0 0 3px rgba(101,236,227,.18)}
.pf-ac .icon{width:13px;height:13px;stroke:#65ece3;flex:none}
.pf-ac.dar .icon{display:none}.pf-ac.dar{letter-spacing:.06em;padding:7px 9px;gap:5px}
@media(max-width:365px){.pf-ac{font-size:9px;letter-spacing:.1em;padding:7px 10px 7px 9px;gap:6px}.pf-ac .icon{display:none}}
/* İngilizce başlık bir satır uzun: kısa ekranlarda kanal simgeleri bölüm çubuğuna değmesin */
@media(max-height:735px){html[lang="en"] .scene-hero .hero-text h1{font-size:27px;line-height:1.06;margin-bottom:6px}html[lang="en"] .scene-hero .hero-text>p{margin-top:6px;line-height:1.42}}
@media(max-height:680px){html[lang="en"] .scene-hero .hero-text h1{font-size:24px;margin-top:8px}}

/* ===================== NEFES PERFORMANS KATMANI — 15.10.2026 =====================
   Amaç: masaüstü ve telefonda akıcılık. Görünüm korunur; pahalı efektler ucuz eşdeğerleriyle değişir.
   1) Cam efekti (backdrop-filter): her karede arka planı yeniden bulanıklaştırıyordu → yarı opak düz zemin.
   2) Arka plan ışık lekeleri: zaten degrade; ek blur filtresi ve sürekli kayma kaldırıldı.
   3) Renk karıştırma (mix-blend) ve gren katmanı: tam ekran birleştirme maliyeti → normal tonlama.
   4) Ekranda olmayan sahnelerde animasyonlar durur.
   5) Sahne geçişi 0,72 sn → 0,38 sn, ölçeklemesiz (yalnız kayma + saydamlık). */
*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.menu-overlay{background:rgba(0,7,9,.9)!important}
.round-icon,.panel-btn{background:rgba(3,17,20,.86)!important}
.mini-tabs{background:rgba(4,20,22,.9)!important}
.mv-panel{background-color:rgba(6,24,27,.58)!important}
.ambient{filter:none!important;animation:none!important}
.light-ribbon{animation:none!important}
.sz-ton{mix-blend-mode:normal!important;background:#0d6b67!important;opacity:.42!important}
.sz-foto{filter:contrast(1.05) brightness(.8) saturate(.5)!important;transform:none!important;inset:0!important}
.scene-start .sz-foto,.scene-demo .sz-foto,.scene-how .sz-foto{filter:brightness(.52) saturate(.55)!important}
.masa-vitrin .sz-foto{inset:0!important}
.sahne-zemin:after,.masa-vitrin:after{display:none!important}
.scene:not(.active) *,.scene:not(.active) *::before,.scene:not(.active) *::after{animation-play-state:paused!important}
.scene{transform:translateY(5%)!important;transition:opacity .32s cubic-bezier(.2,.8,.2,1),transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s linear .38s!important;contain:layout paint}
.scene.active{transform:none!important;transition:opacity .34s cubic-bezier(.2,.8,.2,1),transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s!important}
.scene.leave-up{transform:translateY(-6%)!important}
.scene.leave-down{transform:translateY(6%)!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}