/* NEFES Nasıl çalışır · 02 Tanı dişli motoru, 01 kısa ışıklı bağlantılar, 04 Analiz et desteleri (15 Ekim 2026) */
/* 01: bağlantı çizgileri kısa ve ışıklı */
.kz-l{stroke:rgba(125,243,234,.55)!important;stroke-width:2.2!important;filter:drop-shadow(0 0 3px rgba(101,236,227,.9))}
.kz-l.lit{stroke:#8ff7ef!important;stroke-width:2.8!important;filter:drop-shadow(0 0 4px #65ece3) drop-shadow(0 0 10px rgba(101,236,227,.7))}
.kz-dot{fill:#fff!important}.kz-halo{fill:#65ece3!important}
.kz.go{box-shadow:0 10px 24px rgba(0,0,0,.45),0 0 22px rgba(101,236,227,.55),inset 0 1px 0 rgba(255,255,255,.2)!important;border-color:#7df3ea!important}

/* 02 ve 04'te telefon ve eski uydular yok */
#howStage .n2-motor,#howStage .n2-deste{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s,visibility 0s .45s;z-index:6}
#howStage.k1 .n2-motor{opacity:1;visibility:visible;transition:opacity .5s .1s}
#howStage.k3 .n2-deste{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s .1s}
#howStage.k1 .hw-phone,#howStage.k1 .sat.f1,#howStage.k1 .hw-num,
#howStage.k3 .hw-phone,#howStage.k3 .sat.f3,#howStage.k3 .hw-num{opacity:0!important;visibility:hidden!important;transition:opacity .3s,visibility 0s .3s!important}

/* motor */
.n2-ic{position:absolute;left:0;top:0;width:360px;height:440px;transform-origin:0 0}
.n2-disli{position:absolute;will-change:transform}
.n2-disli svg{width:100%;height:100%;overflow:visible}
.n2-disli path{fill-rule:evenodd;stroke-width:2.2;transition:fill .4s,stroke .4s,filter .4s}
.n2-disli.d0 path{fill:#0f3b3c;stroke:#65ece3}
.n2-disli.d1 path{fill:#3a2c14;stroke:#f2c97d}
.n2-disli.d2 path{fill:#103a3b;stroke:#8ff5ee}
.n2-disli.on.d0 path,.n2-disli.on.d2 path{fill:#145452;filter:drop-shadow(0 0 10px rgba(101,236,227,.75))}
.n2-disli.on.d1 path{fill:#5a431c;filter:drop-shadow(0 0 10px rgba(242,201,125,.8))}
.n2-ad{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:160px;text-align:center;pointer-events:none}
.n2-ad .icon{width:32px;height:32px;color:#eafffd;stroke:currentColor;fill:none;stroke-width:1.8}
.n2-ad b{font:800 17px/1.12 var(--display,Montserrat),sans-serif;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.75);letter-spacing:-.02em}
.n2-ad.on .icon{color:#65ece3;filter:drop-shadow(0 0 8px rgba(101,236,227,.9))}
.n2-ad.a1.on .icon{color:#f2c97d;filter:drop-shadow(0 0 8px rgba(242,201,125,.9))}
.n2-ad.on b{color:#bffcf6}
.n2-girdi span{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#0d2a2d;border:1px solid rgba(124,240,230,.5);color:#eafffd;opacity:0}
.n2-girdi .icon{width:20px;height:20px;fill:currentColor}
.n2-motor[data-adim="0"] .n2-girdi span{animation:n2gir 1.7s ease-in infinite}
.n2-girdi span:nth-child(2){animation-delay:.5s!important}.n2-girdi span:nth-child(3){animation-delay:1s!important}
@keyframes n2gir{0%{transform:translate(-40px,40px) scale(1);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translate(100px,80px) scale(.4);opacity:0}}
.n2-cikti{position:absolute;left:190px;top:300px;display:grid;gap:7px;justify-items:start}
.n2-cikti span{padding:7px 11px;border-radius:999px;background:rgba(6,22,25,.9);border:1px solid rgba(124,240,230,.55);font:700 13px/1 var(--font,Manrope),sans-serif;color:#eafffd;white-space:nowrap;opacity:0;transform:translateX(-30px) scale(.8);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.n2-motor[data-adim="2"] .n2-cikti span{opacity:1;transform:none}
.n2-motor[data-adim="2"] .n2-cikti span:nth-child(2){transition-delay:.15s}.n2-motor[data-adim="2"] .n2-cikti span:nth-child(3){transition-delay:.3s}

/* 04 Analiz et desteleri */
.n2-deste{display:flex;flex-direction:column;justify-content:center;gap:8px}
.n2-sira p{display:flex;justify-content:space-between;align-items:baseline;margin:0;padding:0 20px 5px;font:800 14px/1 var(--display,Montserrat),sans-serif;color:#fff}
.n2-sira p small{font:600 11.5px/1 var(--font,Manrope),sans-serif;color:#8fc6c2}
.n2-serit{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 20px 4px;touch-action:pan-x}
.n2-serit::-webkit-scrollbar{display:none}
.n2-kartlar{display:flex;gap:9px;width:max-content}
.n2-kart{position:relative;flex:none;width:var(--kw,100px);height:var(--kh,125px);border-radius:13px;overflow:hidden;padding:0;border:1px solid rgba(124,240,230,.32);background:#0b1b22;box-shadow:0 10px 24px rgba(0,0,0,.45);cursor:pointer;will-change:transform}
.n2-kart img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.n2-kart b{position:absolute;left:0;right:0;bottom:0;padding:18px 7px 7px;text-align:left;font:700 clamp(10px,calc(var(--kw,100px) * .115),12.5px)/1.12 var(--font,Manrope),sans-serif;color:#fff;background:linear-gradient(180deg,rgba(4,14,18,0),rgba(4,14,18,.94) 55%)}
.n2-kart i{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(4,16,20,.8);border:1px solid rgba(101,236,227,.6);color:#65ece3}
.n2-kart i .icon{width:11px;height:11px;fill:currentColor;stroke:none}
.n2-kart:focus-visible{outline:2px solid #65ece3;outline-offset:2px}

/* panel ekranı lightbox */
.n2-lb{position:fixed;inset:0;z-index:2147482000;background:rgba(2,10,13,.95);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 10px) 0 calc(env(safe-area-inset-bottom,0px) + 12px)}
.n2-lb[hidden]{display:none}
.n2-lb-ust{display:flex;align-items:center;gap:8px;padding:0 12px 10px}
.n2-lb-d{flex:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.n2-lb-d::-webkit-scrollbar{display:none}
.n2-lb-d button{flex:none;height:36px;padding:0 13px;border-radius:999px;border:1px solid rgba(124,240,230,.25);font:700 13px/1 var(--font,Manrope),sans-serif;color:#b6cccb;background:rgba(8,24,27,.7)}
.n2-lb-d button.on{background:#65ece3;color:#052321;border-color:#65ece3}
.n2-lb-x{width:42px;height:42px;flex:none;border-radius:50%;border:1px solid rgba(124,240,230,.25);background:rgba(8,24,27,.8);color:#fff;font:400 26px/1 sans-serif}
.n2-lb-orta{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px;touch-action:pan-y}
.n2-lb-tel{position:relative;height:100%;aspect-ratio:600/1298;max-width:calc(100% - 100px);border-radius:26px;overflow:hidden;background:#071012;box-shadow:0 0 0 2px #2f4a4c,0 0 0 7px #0b1517,0 0 0 8px #3c5759,0 20px 60px rgba(0,0,0,.6);flex:none}
.n2-lb-tel img,.n2-lb-tel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.n2-lb-ok{width:42px;height:42px;flex:none;border-radius:50%;border:1px solid rgba(124,240,230,.25);background:rgba(8,24,27,.8);color:#e9fffd;font:400 28px/1 sans-serif}
.n2-lb-alt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px 0;text-align:center}
.n2-lb-alt b{font:800 19px/1.15 var(--display,Montserrat),sans-serif;color:#fff}
.n2-lb-alt span{font:500 14.5px/1.3 var(--font,Manrope),sans-serif;color:#b7cfcc}
.n2-lb-alt small{font:700 12px/1 var(--font,Manrope),sans-serif;color:#65ece3;letter-spacing:.12em}
@media (prefers-reduced-motion:reduce){.n2-motor .n2-girdi span{animation:none!important}}

/* 16 Ekim: bilgisayarda şeritler fareyle sürüklenir, kenarlarda oklar var */
.n2-sar{position:relative}
.n2-ok{display:none}
@media (hover:hover) and (pointer:fine){
  .n2-serit{cursor:grab}
  .n2-serit.surukle{cursor:grabbing;scroll-behavior:auto}
  .n2-serit.surukle .n2-kart{pointer-events:none}
  .n2-ok{display:grid;place-items:center;position:absolute;top:50%;z-index:3;width:36px;height:36px;margin-top:-18px;padding:0 0 3px;border-radius:50%;border:1px solid rgba(124,240,230,.55);background:rgba(4,18,22,.88);color:#e9fffd;font:400 26px/1 sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.5);transition:background .2s,transform .2s}
  .n2-ok:hover{background:#0f3b3c;transform:scale(1.08)}
  .n2-ok.g{left:8px}.n2-ok.i{right:8px}
  .n2-ok[hidden]{display:none}
}

/* 16 Ekim: Tanı 3 kaydırma — devreye girmemiş dişli ayrı ve soluk durur, kaydırınca yanaşıp kenetlenir */
.n2-disli,.n2-ad{transition:translate .65s cubic-bezier(.2,.8,.2,1),opacity .5s,scale .65s cubic-bezier(.2,.8,.2,1)}
.n2-motor[data-faz="0"] .n2-disli.d1,.n2-motor[data-faz="0"] .n2-ad.a1{translate:30px 18px;opacity:.28}
.n2-motor[data-faz="0"] .n2-disli.d2,.n2-motor[data-faz="0"] .n2-ad.a2,
.n2-motor[data-faz="1"] .n2-disli.d2,.n2-motor[data-faz="1"] .n2-ad.a2{translate:-34px 52px;opacity:0;scale:.7}
.n2-motor[data-faz] .n2-girdi span{animation:n2gir 1.7s ease-in infinite}
.n2-motor[data-faz="0"] .n2-ad.a1 b{color:#9fb5b3}
@media (prefers-reduced-motion:reduce){.n2-disli,.n2-ad{transition:none}}
.n2-cikti{left:auto!important;right:-8px;top:6px!important;justify-items:end;gap:6px!important}