/* NEFES yaklaşımı — minimal paint, unchanged intro typography, mobile-first. */
/* The canvas/long signature line stays beneath the isolated surfaces. */
.nf-vizyon,.nf-gelisim{position:relative;z-index:2;isolation:isolate}
.nf-vizyon{
  min-height:100vh;min-height:100svh;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(84px,10svh,120px) var(--kenar) clamp(86px,11svh,124px);
  background:radial-gradient(ellipse 70% 55% at 50% 48%,#103034 0%,#081a1d 44%,#050e11 100%);
  overflow:hidden;border-top:1px solid rgba(149,231,225,.11);
}
.nf-vizyon-orta{width:100%;max-width:1120px;margin:auto;text-align:center}
.nf-vizyon-ust,.nf-gelisim-etiket{
  display:flex;align-items:center;justify-content:center;gap:15px;
  font:700 11px/1.3 var(--govde);
  letter-spacing:.18em;color:#94bbb7;
}
.nf-vizyon-ust span,.nf-gelisim-etiket span{
  color:rgba(149,231,225,.48);font:600 11px/1 var(--govde);letter-spacing:.06em;
}
.nf-vizyon-alinti{margin:clamp(32px,6vw,65px) auto 0;max-width:1090px}
.nf-vizyon-alinti h2{
  margin:0 auto;color:#f2faf8;
  font:600 clamp(50px,7.65vw,99px)/1.05 "NefesYalom","Segoe Print",cursive;
  letter-spacing:0;text-wrap:balance;text-align:center;
  -webkit-font-smoothing:antialiased;
}
.nf-vizyon-alinti footer{
  margin:20px auto 0;color:#afd8d2;text-align:center;
  font:600 clamp(31px,3.1vw,43px)/1.15 "NefesYalom","Segoe Print",cursive;
}
.nf-vizyon-kaydir{
  position:absolute;left:var(--kenar);right:var(--kenar);
  bottom:calc(35px + env(safe-area-inset-bottom,0px));
  display:flex;align-items:center;justify-content:center;gap:12px;
  color:#91b5b1;font:600 12px/1.3 var(--govde);letter-spacing:.01em;
}
.nf-vizyon-ok{font:400 25px/1.15 var(--govde);color:var(--tq)}
.nf-gelisim{
  background:linear-gradient(180deg,#050e11 0%,#091c1f 55%,#050e11 100%);
  padding:clamp(84px,9vw,126px) var(--kenar) clamp(76px,8vw,124px);
  overflow:hidden;
}
.nf-gelisim-ic{width:100%;max-width:1100px;margin:0 auto}
.nf-gelisim-etiket{justify-content:space-between;margin-bottom:clamp(45px,7vw,76px)}
.nf-gelisim-ifade{
  padding:clamp(30px,5vw,58px) 0 clamp(39px,6vw,75px);
  border-top:1px solid rgba(149,231,225,.18);
  opacity:1;transform:none;
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);
}
.nf-gelisim-sira{
  display:block;margin-bottom:clamp(18px,2.4vw,25px);
  color:#90b8b2;font:700 11px/1.4 var(--govde);letter-spacing:.14em;
}
.nf-gelisim-ifade h2{
  margin:0;max-width:1100px;
  font:600 clamp(35px,5.3vw,72px)/1.09 var(--display);
  letter-spacing:-.045em;color:var(--kopuk);
  overflow-wrap:normal;
}
.nf-gelisim-ifade h2 strong{color:var(--tq);font-weight:600}
.nf-gelisim-kopru{
  margin:clamp(26px,4vw,49px) 0 0;padding:clamp(28px,4vw,46px) 0 0;
  border-top:1px solid rgba(149,231,225,.25);max-width:850px;
  color:#b4cfcb;font:500 clamp(17px,1.7vw,23px)/1.55 var(--govde);
  letter-spacing:-.015em;
}
.nf-gelisim-kopru strong{font-weight:700;color:#f2faf8}
.nf-gelisim-kopru span{display:inline-block;margin-left:8px;color:var(--tq);font-size:22px}
html.nf-gelisim-hareket .nf-gelisim-ifade:not(.nf-gorundu){opacity:.35;transform:translateY(20px)}
@media(max-width:599px){
  .nf-vizyon{padding:clamp(68px,10svh,94px) 18px clamp(80px,12svh,104px)}
  .nf-vizyon-alinti{margin-top:36px}
  .nf-vizyon-alinti h2{font-size:clamp(48px,11.45vw,64px);line-height:1.05}
  .nf-vizyon-alinti footer{margin-top:22px;font-size:clamp(29px,7vw,36px)}
  .nf-vizyon-ust{font-size:10px;gap:12px}
  .nf-vizyon-kaydir{bottom:calc(27px + env(safe-area-inset-bottom,0px))}
  .nf-gelisim{padding:76px 22px 80px}
  .nf-gelisim-etiket{margin-bottom:48px;font-size:10px}
  .nf-gelisim-ifade{padding:32px 0 42px}
  .nf-gelisim-ifade h2{font-size:clamp(35px,8.8vw,43px);line-height:1.1;letter-spacing:-.042em}
  .nf-gelisim-kopru{margin-top:28px;padding-top:28px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .nf-gelisim-ifade{transition:none!important;transform:none!important;opacity:1!important}
}


/* Let visitors read the manifesto without the persistent signup CTA obscuring text. */
body.nf-manifesto-reading .alt-cta{
  transform:translateY(120%)!important;
  pointer-events:none!important;
}
.nf-vizyon-kaydir{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
@media(max-width:599px){
  .nf-vizyon-kaydir{bottom:calc(83px + env(safe-area-inset-bottom,0px))}
}


/* 16.10.2026: no floating trial CTA during page scroll.
   The actual in-flow trial button inside #nasil .tek-cta remains visible near the footer. */
html body > #altCta{display:none!important;visibility:hidden!important;pointer-events:none!important}