/* NEFES — açılış, sektör seçici, sektör düğmesi ve görselsiz sektörlerde illüstrasyon. */

/* ---------- açılış: tek kalem çizgi animasyonu (GIF, ~3 sn, bir kez) ---------- */
.nf-splash{position:absolute;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  background:#0a0a0c}
.nf-nosplash .nf-splash{display:none}
.nf-splash.out{opacity:0;transition:opacity .38s ease;pointer-events:none}
.nf-logo{position:relative;width:min(58vw,230px);aspect-ratio:638/248}
.nf-logo img{position:absolute;inset:0;width:100%;height:100%}
.nf-base{opacity:0;animation:nfIn .35s ease .05s forwards}
.nf-f{clip-path:inset(100% 0 0 0);filter:drop-shadow(0 0 10px rgba(101,236,227,.55));animation:nfDraw .55s cubic-bezier(.5,0,.2,1) .2s forwards}
.nf-slogan{margin:0;font:300 15px/1.4 var(--display);letter-spacing:.02em;color:#cfe9e5;opacity:0;transform:translateY(6px);animation:nfUp .35s ease .5s forwards}
.nf-slogan b{font-weight:500;color:var(--turq)}
@keyframes nfIn{to{opacity:1}}
@keyframes nfDraw{to{clip-path:inset(0 0 0 0)}}
@keyframes nfUp{to{opacity:1;transform:none}}
@keyframes nfOut{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.nf-base,.nf-f,.nf-slogan{animation:none;opacity:1;clip-path:none;transform:none}}

/* ---------- sektör seçici ---------- */
.nf-chooser{position:absolute;inset:0;z-index:70;display:flex;align-items:flex-end;justify-content:center;background:rgba(2,8,10,.62);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease}
.nf-chooser.on{opacity:1}
.nf-chooser.first{align-items:center;background:radial-gradient(80% 60% at 50% 30%,#0c3134,#050e11 75%);-webkit-backdrop-filter:none;backdrop-filter:none}
.nf-ch-in{width:100%;max-width:440px;padding:26px 20px calc(22px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;background:linear-gradient(180deg,#0e2427,#081518);
  border:1px solid rgba(149,231,225,.22);border-bottom:0;transform:translateY(24px);transition:transform .35s var(--ease)}
.nf-chooser.on .nf-ch-in{transform:none}
.nf-chooser.first .nf-ch-in{background:none;border:0;border-radius:0;padding-top:12px}
.nf-ch-brand{display:none;justify-content:center;margin-bottom:6px}.nf-ch-brand img{width:132px;height:auto}
.nf-ch-slogan{display:none;margin:0 0 26px;text-align:center;font:300 14.5px/1.4 var(--display);color:#cfe9e5}.nf-ch-slogan b{font-weight:500;color:var(--turq)}
.nf-chooser.first .nf-ch-brand{display:flex}.nf-chooser.first .nf-ch-slogan{display:block}
.nf-ch-in h2{margin:0;font:600 25px/1.15 var(--display);letter-spacing:-.01em;color:#fff}
.nf-chooser.first .nf-ch-in h2{text-align:center}
.nf-ch-sub{margin:6px 0 18px;color:var(--muted);font-size:13.5px}
.nf-chooser.first .nf-ch-sub{text-align:center}
.nf-cards{display:grid;gap:10px}
.nf-card{position:relative;display:flex;align-items:center;gap:14px;min-height:86px;padding:14px 16px;border-radius:22px;overflow:hidden;text-decoration:none;color:#fff;
  border:1px solid rgba(149,231,225,.22);background:#0b1c1f;isolation:isolate;transition:transform .2s ease,border-color .2s ease}
.nf-card::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--thumb) center/cover no-repeat;opacity:.55;transition:opacity .25s ease,transform .5s ease}
.nf-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,16,18,.94) 0%,rgba(5,16,18,.78) 55%,rgba(5,16,18,.25) 100%)}
.nf-card:active{transform:scale(.985)}
.nf-card:hover::before,.nf-card:focus-visible::before{opacity:.75;transform:scale(1.04)}
.nf-card.on{border-color:rgba(101,236,227,.7);box-shadow:0 0 0 1px rgba(101,236,227,.35) inset}
.nf-ic{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:15px;background:rgba(101,236,227,.12);border:1px solid rgba(101,236,227,.3)}
.nf-ic svg{width:24px;height:24px;fill:none;stroke:var(--turq);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nf-tx{flex:1;min-width:0}.nf-tx b{display:block;font-size:16.5px;font-weight:700}.nf-tx small{display:block;color:#bcd3d0;font-size:12.5px;margin-top:2px}
.nf-go{font-size:26px;color:var(--turq);line-height:1}
.nf-ch-close{display:block;margin:14px auto 0;border:0;background:none;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:8px}
body.nf-lock .scene{pointer-events:none}

/* ---------- başlıktaki sektör düğmesi ---------- */
.sector-pill{margin-right:auto;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px 0 8px;border-radius:99px;border:1px solid rgba(162,227,221,.3);
  background:rgba(3,17,20,.74);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#effffd;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.sector-pill .sp-ic svg{width:17px;height:17px;display:block;fill:none;stroke:#65ece3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sector-pill .sp-dn{width:14px;height:14px;fill:none;stroke:#9fc9c4;stroke-width:2;stroke-linecap:round}

/* ---------- görseli henüz olmayan sektörler: illüstrasyon ---------- */
.iphone.empty .ip-screen{background:var(--sector-art) center/cover no-repeat,#0b1c1f}
.compare-stage.pending{background:var(--sector-art) center/cover no-repeat}
.compare-stage.pending .compare-empty{align-items:flex-end;padding:0 18px 18px;text-align:center;font-size:12.5px;line-height:1.45;color:#fff;
  background:linear-gradient(180deg,transparent 45%,rgba(3,10,12,.85));text-shadow:0 1px 6px rgba(0,0,0,.6)}
.compare-stage.pending .compare-handle,.compare-stage.pending .compare-tag,.compare-stage.pending .compare-range{display:none}
.platform-icon.gg{background:linear-gradient(145deg,#2a3f63,#1a2b46);font:800 18px/1 var(--font);color:#fff}

.nf-gif{width:100%;height:100%;max-width:min(100vw,56.25vh);object-fit:contain;display:block}

/* ---------- dil seçici: açılıştan hemen sonra (ilk ziyarette) ---------- */
.nf-lang{position:absolute;inset:0;z-index:79;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(80% 60% at 50% 40%,#0c2f31,#050c0e 75%);opacity:0;transition:opacity .35s ease}
.nf-lang.on{opacity:1}
.nf-lang[hidden]{display:none}
.nf-lang-in{width:100%;max-width:330px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.nf-lang-in img{width:118px;height:auto;margin-bottom:6px}
.nf-lang-t{margin:0 0 6px;font:500 13px/1.4 var(--display,inherit);letter-spacing:.04em;color:#a9c9c4}
.nf-lang-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.nf-lang-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 10px;border-radius:18px;border:1px solid rgba(116,235,225,.28);background:linear-gradient(140deg,rgba(20,76,73,.75),rgba(7,28,30,.85));color:#effffd;text-decoration:none;transition:transform .2s,border-color .2s}
.nf-lang-btn b{font:600 17px/1 var(--display,inherit)}
.nf-lang-btn small{font-size:10px;letter-spacing:.14em;color:#7fe9df}
.nf-lang-btn:active,.nf-lang-btn:hover{transform:translateY(-2px);border-color:#84efe8}
/* menüdeki dil değiştirici */
.menu-lang{display:flex;gap:6px;margin:14px 0 4px;padding:4px;border:1px solid rgba(116,235,225,.22);border-radius:14px}
.menu-lang a{flex:1;text-align:center;padding:9px 0;border-radius:10px;color:#b9cccb;font-size:12px;font-weight:600;text-decoration:none}
.menu-lang a.on{background:linear-gradient(135deg,rgba(21,144,138,.55),rgba(6,46,48,.8));color:#fff}
/* blog yalnızca Türkçe */
html[lang="en"] .nefes-blog-entry,html[lang="en"] .nefes-blog-desktop-link{display:none!important}