/* NEFES / 16 Ekim 2026 / Yalnızca iki onaylı kreatif ekran.
   Tamamen nf2-* namespace: panel, mevcut animasyonlar ve diğer sayfalar etkilenmez. */
.nf2-kreatif,.nf2-manifesto{width:100%;position:relative;isolation:isolate;overflow:hidden}
main>section.nf2-kreatif,main>section.nf2-manifesto{z-index:0}
/* Soldaki orijinal SVG imza çizgisi (z-index:1) bu iki ekranda da kesilmeden üstten geçer. */
.nf2-kreatif{background:#061214;color:#edf7f4;padding:96px 0 88px}
.nf2-genis{width:min(1330px,calc(100% - 92px));margin:0 auto;min-width:0}
.nf2-etiket,.nf2-kart-no,.nf2-manifesto-kunye{font:750 11px/1.5 var(--govde,'Manrope',sans-serif);letter-spacing:.17em}
.nf2-etiket{color:#65ece3;margin:0 0 30px!important}
.nf2-kreatif h2{font-family:var(--display,'Montserrat',sans-serif);font-size:clamp(58px,6.1vw,94px);letter-spacing:-.082em;font-weight:650;line-height:1.12;margin:0}
.nf2-kreatif h2 em{display:inline-block;font-family:Georgia,'Times New Roman',serif;font-size:1.025em;font-style:italic;font-weight:400;letter-spacing:-.085em;color:#65ece3;white-space:normal}
.nf2-ozet{font:500 16px/1.9 var(--govde,'Manrope',sans-serif);max-width:680px;color:#a9beb9;margin:31px 0 42px!important}
.nf2-hizmet-kartlari{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}
.nf2-hizmet-kartlari:focus-visible{outline:2px solid #65ece3;outline-offset:7px}
.nf2-kart{position:relative;min-width:0;min-height:532px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:27px 24px 29px;background:#11282a;border:1px solid rgba(132,233,224,.18);transition:border-color .25s,transform .25s}
.nf2-kart:hover{border-color:rgba(116,245,232,.7)}
.nf2-kart-no{position:relative;z-index:3;color:#badad5;font-size:10px}
.nf2-kart-metni{position:relative;z-index:2}
.nf2-kart h3{font-family:var(--display,'Montserrat',sans-serif);font-size:clamp(29px,2.4vw,38px);line-height:1.14;letter-spacing:-.07em;font-weight:650;margin:0 0 14px}
.nf2-kart p{margin:0;color:#b0c7c1;font:500 13px/1.72 var(--govde,'Manrope',sans-serif)}
.nf2-kart-etiketler{display:flex;flex-wrap:wrap;gap:5px;margin-top:19px}
.nf2-kart-etiketler span{font:700 10px/1.2 var(--govde,'Manrope',sans-serif);border:1px solid rgba(169,249,237,.4);border-radius:30px;color:#c3eae4;padding:8px 10px}
.nf2-sosyal{background:linear-gradient(151deg,#104541,#11312f 52%,#0d3433)}
.nf2-baglanti{width:205px;height:205px;max-width:100%;margin:0 auto;position:relative;display:grid;place-items:center}
.nf2-baglanti-iz{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(118,235,224,.58)}
.nf2-baglanti-iz:before{content:"";position:absolute;inset:36px;border-radius:50%;border:1px solid rgba(149,255,244,.34)}
.nf2-baglanti-logo{position:relative;z-index:1;width:134px;height:134px;border:1px solid rgba(103,239,227,.48);border-radius:50%;background:rgba(5,35,35,.86);display:flex;align-items:center;justify-content:center}
.nf2-baglanti-logo img{position:static!important;width:112px;height:auto;max-height:68px;object-fit:contain}
.nf2-baglanti-n{position:absolute;z-index:2;width:49px;height:49px;border-radius:50%;background:#70eee4;color:#06332f;display:grid;place-items:center;box-shadow:0 4px 18px rgba(5,31,30,.25)}
.nf2-baglanti-n svg{width:25px;height:25px}
.nf2-baglanti-ig{left:-16px;top:60px}.nf2-baglanti-fb{right:-15px;top:35px}.nf2-baglanti-yayin{right:36px;bottom:-16px}
.nf2-kreatif-kart{background:#142b2c}
.nf2-kreatif-kart:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(3,10,11,.98),rgba(3,10,11,.24) 75%,rgba(3,10,11,.14));pointer-events:none}
.nf2-kreatif-gorsel{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:.84;transition:transform .6s}
.nf2-kreatif-kart:hover .nf2-kreatif-gorsel{transform:scale(1.04)}
.nf2-analiz-kart{background:#102325}
.nf2-grafik{position:relative;margin:40px 0 26px;height:204px;border:1px solid rgba(110,217,203,.42);background:#071a1b;padding:16px 18px}
.nf2-grafik-ust{display:flex;align-items:center;justify-content:space-between;gap:6px;font:750 9px/1.2 var(--govde);letter-spacing:.11em;color:#b3d2cb}
.nf2-grafik-ust span:last-child{color:#65ece3;font-size:24px;line-height:1}
.nf2-grafik-cubuklar{position:absolute;left:20px;right:20px;top:58px;bottom:35px;display:flex;align-items:flex-end;gap:11px}
.nf2-grafik-cubuklar i{display:block;flex:1;background:linear-gradient(0deg,#12605a,#67eee4);border-radius:3px 3px 0 0}
.nf2-grafik-alt{position:absolute;bottom:11px;left:17px;color:#78a29d;font:750 8px/1 var(--govde);letter-spacing:.14em}
.nf2-reklam-kart{background:#112a2c}
.nf2-reklam-illustrasyon{position:relative;margin:0 auto;width:214px;height:214px;max-width:100%;display:grid;place-items:center}
.nf2-reklam-cerceve{position:absolute;inset:0;border:1px solid #59e2d5a1;border-radius:50%}
.nf2-reklam-cerceve:before,.nf2-reklam-cerceve:after{content:"";position:absolute;inset:29px;border:1px solid #6beee489;border-radius:50%;transform:rotateX(67deg)}
.nf2-reklam-cerceve:after{transform:rotateY(65deg)}
.nf2-reklam-merkez{width:85px;height:85px;background:#57e5da44;border-radius:50%;color:#82f6e9;display:grid;place-items:center;box-shadow:0 0 50px 25px #44dccc1c}
.nf2-reklam-merkez svg{width:66px;height:66px}
.nf2-kaydir-ipucu{display:none}
/* İLK FOTOĞRAF: tam turkuaz manifesto, yıldız emoji yerine gerçeğe sadık SVG. */
.nf2-manifesto{background:#51e2d7;color:#061b19;min-height:650px;padding:110px 0 112px;display:flex;align-items:center}
.nf2-manifesto-ic{position:relative;width:min(1310px,calc(100% - 90px));margin:0 auto;isolation:isolate}
.nf2-manifesto-kunye{color:#175951;font-size:12px;font-weight:800;margin:0 0 64px!important}
.nf2-manifesto h2{position:relative;z-index:2;font-family:var(--display,'Montserrat',sans-serif);font-size:clamp(59px,6.8vw,102px);font-weight:750;letter-spacing:-.095em;line-height:1.13;margin:0;max-width:1230px}
.nf2-manifesto h2>span,.nf2-manifesto h2>em{display:block}
.nf2-manifesto h2>em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.08em;color:#166f66}
.nf2-manifesto .nf2-manifesto-son{white-space:normal;letter-spacing:-.095em}
.nf2-manifesto-son strong{color:#f9fffc;font-weight:750}
.nf2-manifesto-isaret{position:absolute;z-index:0;right:2%;bottom:-92px;width:250px;height:250px;opacity:.17;pointer-events:none;transform:rotate(0deg)}
@media(max-width:1180px){
 .nf2-genis,.nf2-manifesto-ic{width:calc(100% - 72px)}
 .nf2-hizmet-kartlari{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nf2-kart{min-height:470px}
 .nf2-kart h3{font-size:35px}
 .nf2-ozet{max-width:630px}
}
@media(max-width:720px){
 .nf2-kreatif{padding:102px 0 93px}
 .nf2-genis,.nf2-manifesto-ic{width:calc(100% - 44px)}
 .nf2-etiket{font-size:11px;letter-spacing:.18em;margin:0 0 31px!important}
 .nf2-kreatif h2{font-size:clamp(39px,10.6vw,60px);line-height:1.14;letter-spacing:-.075em}
 .nf2-kreatif h2 em{font-size:1.02em;letter-spacing:-.082em}
 .nf2-ozet{font-size:14px;line-height:1.9;margin:29px 0 44px!important}
 .nf2-hizmet-kartlari{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:auto;scroll-padding-inline:1px;padding-bottom:3px}
 .nf2-hizmet-kartlari::-webkit-scrollbar{display:none}
 .nf2-kart{flex:0 0 100%;min-height:505px;scroll-snap-align:start;padding:23px 23px 29px}
 .nf2-kart h3{font-size:36px;letter-spacing:-.07em}
 .nf2-kart p{font-size:13px;line-height:1.7}
 .nf2-baglanti{width:205px;height:205px}
 .nf2-kaydir-ipucu{display:flex;align-items:center;justify-content:center;gap:17px;color:#85bbb3;font:750 10px/1.3 var(--govde);letter-spacing:.12em;margin:18px 0 0!important}
 .nf2-kaydir-ipucu span{font-size:18px;color:#65ece3}
 .nf2-manifesto{padding:112px 0 118px;min-height:610px}
 .nf2-manifesto-kunye{font-size:11px;margin:0 0 61px!important;letter-spacing:.16em}
 .nf2-manifesto h2{font-size:clamp(35px,11.2vw,50px);line-height:1.15;letter-spacing:-.105em;max-width:100%}
 .nf2-manifesto .nf2-manifesto-son{font-size:.87em;letter-spacing:-.099em}
 .nf2-manifesto h2>em{letter-spacing:-.085em}
 .nf2-manifesto-isaret{width:143px;height:143px;right:0;bottom:-110px;opacity:.20}
}
@media(max-width:360px){
 .nf2-kreatif h2{font-size:clamp(34px,10vw,39px)}
 .nf2-ozet{font-size:13px}
 .nf2-kart{min-height:480px;padding:22px 19px 28px}
 .nf2-kart h3{font-size:32px}
 .nf2-manifesto{min-height:560px;padding:93px 0 104px}
 .nf2-manifesto-kunye{font-size:10px;margin:0 0 48px!important}
 .nf2-manifesto h2{font-size:clamp(35px,11.2vw,40px);line-height:1.15}
 .nf2-manifesto-isaret{width:120px;height:120px;right:0;bottom:-102px}
}
@media(prefers-reduced-motion:reduce){.nf2-kart,.nf2-kreatif-gorsel{transition:none!important}}

/* Masaüstünün genel h2 kuralından daha özgül; onaylı iki başlığın büyük, editoryal tipografisi korunur. */
@media(min-width:900px){html.web .nf2-kreatif h2{font-size:clamp(58px,6.1vw,94px);line-height:1.10}html.web .nf2-manifesto h2{font-size:clamp(59px,6.8vw,102px);line-height:1.12}}