/* =====================================================================
   KUZU PVC — NEON TEMA
   Renkler: turuncu (marka) + neon camgöbeği
   ===================================================================== */
:root{
  --bg:#05060A; --bg2:#0B0D14;
  --text:#EDF1F7; --muted:#9AA3B5;
  --line:rgba(255,255,255,.1); --line2:rgba(255,255,255,.16);
  --glass:rgba(255,255,255,.035);
  --or:#F7941F; --ne:#22E1FF; --pk:#FF3DA8;
  --wrap:1320px;
  --f-disp:'Chakra Petch',system-ui,sans-serif;
  --f-body:'Space Grotesk',system-ui,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --cut:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}
@property --kzA{syntax:'<angle>';initial-value:0deg;inherits:false}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:17px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--text)}a:hover{color:var(--or)}
h1,h2,h3,h4{margin:0;font-family:var(--f-disp);font-weight:700;text-transform:uppercase;line-height:1.02}
p{margin:0}
:focus-visible{outline:2px solid var(--ne);outline-offset:3px}
.nx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- genel yerleşim ---------- */
.nx-wrap{max-width:var(--wrap);margin:0 auto;padding-left:40px;padding-right:40px}
.nx-sec{padding-top:120px;padding-bottom:110px;position:relative}
.nx-tag{font-family:var(--f-mono);font-size:13px;letter-spacing:.14em;color:var(--ne);text-transform:uppercase}
.nx-h2{font-size:58px;letter-spacing:-.01em}
.nx-lead{font-size:18px;color:var(--muted);max-width:560px}
.nx-head{display:flex;flex-direction:column;gap:14px;margin-bottom:44px}
.nx-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:44px}
.nx-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.nx-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nx-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}

/* ---------- arka plan ışıkları ---------- */
.nx-glow{position:absolute;border-radius:999px;pointer-events:none;filter:blur(140px);animation:nxPulse 3s ease-in-out infinite;z-index:0}
.nx-glow.or{left:-220px;top:40px;width:640px;height:640px;background:var(--or);opacity:.22}
.nx-glow.ne{right:-200px;top:220px;width:620px;height:620px;background:var(--ne);opacity:.18;animation-delay:1.5s}
@keyframes nxPulse{0%,100%{opacity:.14}50%{opacity:.26}}

/* ---------- düğmeler ---------- */
.nx-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border:0;background:var(--or);color:var(--bg);text-decoration:none;font-family:var(--f-disp);font-weight:700;font-size:16px;letter-spacing:.05em;text-transform:uppercase;clip-path:var(--cut);cursor:pointer;transition:transform .25s ease,filter .25s ease}
.nx-btn:hover{color:var(--bg);transform:translateY(-2px);filter:drop-shadow(0 0 14px rgba(247,148,31,.9))}
.nx-btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:rgba(255,255,255,.35);transform:skewX(-20deg);transition:left .6s ease}
.nx-btn:hover::after{left:130%}
.nx-btn.sm{min-height:46px;padding:0 20px;font-size:14px}
.nx-btn.ghost{background:transparent;color:var(--text);border:1px solid rgba(237,241,247,.35);clip-path:none}
.nx-btn.ghost:hover{color:var(--ne);border-color:var(--ne);filter:drop-shadow(0 0 10px rgba(34,225,255,.7))}
.nx-btn.wide{width:100%}
.nx-btn svg{flex:none}

/* ---------- üst menü ---------- */
.nx-header{position:sticky;top:0;z-index:50;background:rgba(5,6,10,.62);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.08)}
.nx-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--ne),var(--or));box-shadow:0 0 14px var(--ne);transform-origin:left;transform:scaleX(0)}
.nx-bar{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nx-logo{display:flex;align-items:center;background:#fff;border-radius:10px;padding:6px 10px;box-shadow:0 0 24px -4px rgba(247,148,31,.6)}
.nx-logo img{height:40px;width:auto}
.nx-nav{display:flex;gap:30px;font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.nx-nav a{position:relative;text-decoration:none;padding:8px 0}
.nx-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ne);box-shadow:0 0 10px var(--ne);transform:scaleX(0);transform-origin:right;transition:transform .35s ease}
.nx-nav a:hover::after,.nx-nav a.on::after{transform:scaleX(1);transform-origin:left}
.nx-nav a.on{color:var(--ne)}
.nx-bar-r{display:flex;align-items:center;gap:12px}
.nx-nav{flex:1;justify-content:center}
.nx-logo-r{flex:none}
/* Kuzu PVC logosu (sol) büyük */
.nx-bar>.nx-logo{padding:8px 14px;border-radius:12px}
.nx-bar>.nx-logo img{height:64px}
.nx-foot-top a.nx-logo img{height:54px}
.nx-menu-btn{display:none;width:46px;height:46px;border:1px solid var(--line2);background:transparent;color:var(--text);border-radius:8px;align-items:center;justify-content:center;cursor:pointer}
.nx-mobile{display:none}

/* ---------- giriş (hero) ---------- */
.nx-hero{position:relative;overflow:hidden}
.nx-floorbox{position:absolute;left:0;right:0;bottom:0;height:46%;perspective:520px;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to top,#000 30%,transparent);mask-image:linear-gradient(to top,#000 30%,transparent)}
.nx-floor{position:absolute;left:-50%;right:-50%;top:0;bottom:-40%;transform:rotateX(64deg);transform-origin:center top;background-image:linear-gradient(rgba(34,225,255,.55) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(247,148,31,.45) 1.5px,transparent 1.5px);background-size:64px 64px;animation:nxFloor 1.6s linear infinite}
@keyframes nxFloor{to{background-position:0 64px}}
.nx-horizon{position:absolute;left:0;right:0;bottom:46%;height:2px;background:linear-gradient(90deg,transparent,var(--ne),var(--or),transparent);box-shadow:0 0 30px 6px rgba(34,225,255,.35);opacity:.8}
.nx-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);pointer-events:none}
.nx-hero-in{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:center;padding-top:80px;padding-bottom:150px}
.nx-hero-l{display:flex;flex-direction:column;gap:28px;position:relative;z-index:2}
.nx-chip{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;padding:8px 14px;border:1px solid rgba(34,225,255,.45);background:rgba(34,225,255,.07);font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--ne);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.nx-dot{position:relative;display:inline-flex;width:8px;height:8px}
.nx-dot::before,.nx-dot::after{content:"";position:absolute;inset:0;border-radius:999px;background:var(--ne)}
.nx-dot::before{animation:nxPing 1.8s ease-out infinite}
.nx-dot::after{box-shadow:0 0 10px var(--ne)}
@keyframes nxPing{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.4);opacity:0}}
.nx-h1{font-size:80px;line-height:.98;letter-spacing:-.02em}
.nx-h1 > span{display:block}
.nx-neon{color:var(--or);text-shadow:0 0 12px rgba(247,148,31,.9),0 0 40px rgba(247,148,31,.6),0 0 80px rgba(247,148,31,.35)}
.nx-glitch{position:relative;display:inline-block;animation:nxFlicker 5s linear infinite}
.nx-glitch::before,.nx-glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;pointer-events:none;text-shadow:none}
.nx-glitch::before{color:var(--ne);animation:nxGA 4s steps(1) infinite}
.nx-glitch::after{color:var(--pk);animation:nxGB 4s steps(1) infinite}
@keyframes nxGA{0%,86%,100%{clip-path:inset(0 0 100% 0);transform:none}88%{clip-path:inset(10% 0 55% 0);transform:translate(-4px,-2px)}91%{clip-path:inset(60% 0 8% 0);transform:translate(4px,2px)}94%{clip-path:inset(30% 0 40% 0);transform:translate(-3px,1px)}}
@keyframes nxGB{0%,84%,100%{clip-path:inset(0 0 100% 0);transform:none}86%{clip-path:inset(50% 0 20% 0);transform:translate(4px,-1px)}90%{clip-path:inset(5% 0 70% 0);transform:translate(-4px,2px)}93%{clip-path:inset(75% 0 2% 0);transform:translate(3px,0)}}
@keyframes nxFlicker{0%,19%,21%,23%,55%,57%,100%{opacity:1}20%,22%,56%{opacity:.55}}
.nx-term{display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:rgba(255,255,255,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-left:0;box-shadow:inset 3px 0 0 var(--ne);font-family:var(--f-mono);font-size:14px;color:var(--muted);max-width:520px}
.nx-term b{color:var(--ne);font-weight:400}
.nx-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:nxType 1.2s steps(32,end) backwards}
@keyframes nxType{from{width:0}}
.nx-caret{color:var(--or);animation:nxBlink 1s steps(1) infinite}
@keyframes nxBlink{50%{opacity:0}}
.nx-actions{display:flex;gap:14px;flex-wrap:wrap}
.nx-up{animation:nxUp .9s cubic-bezier(.2,.75,.2,1) backwards}
@keyframes nxUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}

/* 3B sahne */
.nx-scene-box{position:relative;height:640px}
.nx-corner{position:absolute;width:40px;height:40px;border-color:var(--ne);border-style:solid;border-width:0}
.nx-corner.tl{left:10px;top:10px;border-left-width:2px;border-top-width:2px}
.nx-corner.tr{right:10px;top:10px;border-right-width:2px;border-top-width:2px}
.nx-corner.bl{left:10px;bottom:10px;border-left-width:2px;border-bottom-width:2px}
.nx-corner.br{right:10px;bottom:10px;border-right-width:2px;border-bottom-width:2px}
.nx-hud{position:absolute;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em}
.nx-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:1400px}
.nx-orbit{position:absolute;width:520px;height:520px;border-radius:999px;border:2px dashed rgba(34,225,255,.55);box-shadow:0 0 30px rgba(34,225,255,.25),inset 0 0 30px rgba(34,225,255,.15);animation:nxOrbit 12s linear infinite}
@keyframes nxOrbit{from{transform:rotateX(74deg) rotateZ(0)}to{transform:rotateX(74deg) rotateZ(360deg)}}
.nx-float{animation:nxFloat 6s ease-in-out infinite}
@keyframes nxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.nx-win3d{position:relative;width:320px;height:420px;transform-style:preserve-3d}
.nx-obj{position:absolute;inset:0;transform-style:preserve-3d;animation:nxSpin 16s linear infinite}
@keyframes nxSpin{from{transform:rotateX(-12deg) rotateY(0)}to{transform:rotateX(-12deg) rotateY(360deg)}}
.nx-layer{position:absolute;inset:0;border:16px solid rgba(247,148,31,.22);border-radius:6px}
.nx-layer::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:12px;margin-left:-6px;background:rgba(247,148,31,.22)}
.nx-layer.end{border-color:var(--or);box-shadow:0 0 22px var(--or),inset 0 0 14px var(--or)}
.nx-layer.end::after{background:var(--or)}
.nx-glass{position:absolute;left:16px;right:16px;top:16px;bottom:16px;background:rgba(34,225,255,.1);border:1px solid rgba(34,225,255,.6);box-shadow:inset 0 0 40px rgba(34,225,255,.25);overflow:hidden}
.nx-glass::after{content:"";position:absolute;top:-20%;bottom:-20%;left:18%;width:22%;background:rgba(255,255,255,.14);transform:skewX(-18deg)}
.nx-handle{position:absolute;left:50%;top:46%;width:10px;height:44px;margin-left:10px;border-radius:5px;background:var(--text);transform:translateZ(26px);box-shadow:0 0 14px var(--or)}
.nx-cubebox{position:absolute;width:70px;height:70px;transform-style:preserve-3d}
.nx-cubebox.a{left:8%;top:12%;animation-delay:1s}
.nx-cubebox.b{right:10%;bottom:14%;animation-delay:2.4s}
.nx-cube{position:absolute;inset:0;transform-style:preserve-3d;animation:nxCube 14s linear infinite}
.nx-cubebox.b .nx-cube{animation-duration:18s;animation-direction:reverse}
@keyframes nxCube{from{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(720deg)}}
.nx-face{position:absolute;inset:0;border:1.5px solid var(--ne);background:rgba(34,225,255,.07);box-shadow:0 0 14px rgba(34,225,255,.55),inset 0 0 12px rgba(34,225,255,.3)}
.nx-cubebox.b .nx-face{border-color:var(--or);background:rgba(247,148,31,.07);box-shadow:0 0 14px rgba(247,148,31,.6),inset 0 0 12px rgba(247,148,31,.3)}
.nx-face:nth-child(1){transform:rotateY(0) translateZ(35px)}
.nx-face:nth-child(2){transform:rotateY(90deg) translateZ(35px)}
.nx-face:nth-child(3){transform:rotateY(180deg) translateZ(35px)}
.nx-face:nth-child(4){transform:rotateY(270deg) translateZ(35px)}
.nx-face:nth-child(5){transform:rotateX(90deg) translateZ(35px)}
.nx-face:nth-child(6){transform:rotateX(-90deg) translateZ(35px)}
.nx-badge{position:absolute;left:0;bottom:64px;display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:rgba(5,6,10,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(247,148,31,.5);box-shadow:0 0 24px -6px rgba(247,148,31,.7);font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--muted)}
.nx-badge b{color:var(--or);font-weight:600}
.nx-badge span{color:var(--text);font-size:14px;letter-spacing:.02em}

/* ---------- kayan şerit ---------- */
.nx-marquee{position:relative;border-top:1px solid rgba(34,225,255,.35);border-bottom:1px solid rgba(247,148,31,.35);background:rgba(255,255,255,.03);box-shadow:0 0 30px -10px rgba(34,225,255,.5);overflow:hidden}
.nx-track{display:flex;width:max-content;padding:18px 0;animation:nxMarquee 30s linear infinite}
.nx-marquee:hover .nx-track{animation-play-state:paused}
@keyframes nxMarquee{to{transform:translateX(-50%)}}
.nx-mq{display:flex;align-items:center;gap:26px;padding:0 13px;font-family:var(--f-disp);font-weight:700;font-size:22px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.nx-mq i{font-style:normal;color:var(--ne);text-shadow:0 0 10px var(--ne)}

/* ---------- cam kutu + dönen kenar ---------- */
.nx-panel{position:relative;border-radius:22px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line)}
.nx-beam::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--kzA),transparent 0 60%,var(--ne) 75%,var(--or) 88%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:nxBeam 5s linear infinite;pointer-events:none;z-index:2}
@keyframes nxBeam{to{--kzA:360deg}}

/* ---------- ölçü hesaplayıcı ---------- */
.nx-calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}
.nx-calc-l{padding:44px;display:flex;flex-direction:column;gap:30px;border-right:1px solid var(--line)}
.nx-calc-row{display:flex;flex-direction:column;gap:14px}
.nx-calc-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.nx-calc-top label,.nx-calc-top span.lbl{font-weight:600}
.nx-val{font-family:var(--f-mono);font-size:22px;color:var(--ne);text-shadow:0 0 12px rgba(34,225,255,.7)}
.nx-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--ne),var(--or));outline:none}
.nx-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--bg);border:3px solid var(--ne);box-shadow:0 0 16px var(--ne);cursor:pointer}
.nx-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--bg);border:3px solid var(--ne);box-shadow:0 0 16px var(--ne);cursor:pointer}
.nx-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nx-seg button{min-height:52px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--text);font-family:var(--f-mono);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease}
.nx-seg button:hover{border-color:var(--ne)}
.nx-seg button[aria-pressed="true"]{border-color:var(--ne);background:rgba(34,225,255,.12);color:var(--ne);box-shadow:0 0 16px rgba(34,225,255,.55)}
.nx-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px dashed rgba(255,255,255,.2);padding-top:18px}
.nx-stat{display:flex;flex-direction:column;gap:4px}
.nx-stat small{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--muted)}
.nx-stat strong{font-family:var(--f-disp);font-size:36px;line-height:1.1}
.nx-stat strong.or{color:var(--or);text-shadow:0 0 18px rgba(247,148,31,.6)}
.nx-calc-r{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.35);background-image:linear-gradient(rgba(34,225,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(34,225,255,.08) 1px,transparent 1px);background-size:22px 22px;perspective:1200px;overflow:hidden}
.nx-prev{position:relative;display:flex;align-items:center;justify-content:center;padding:34px 44px 44px 34px;transform-style:preserve-3d}
.nx-prev-tilt{transform:rotateY(-16deg) rotateX(8deg);transform-style:preserve-3d}
.nx-pwin{width:320px;height:400px;padding:10px;background:#EEF2F6;border-radius:4px;box-shadow:0 0 0 1px rgba(34,225,255,.7),0 0 40px rgba(34,225,255,.45),30px 40px 60px -20px rgba(0,0,0,.8);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;transition:width .35s cubic-bezier(.2,.75,.2,1),height .35s cubic-bezier(.2,.75,.2,1)}
.nx-sash{background:#fff;border-radius:2px;padding:7px;box-shadow:inset 0 0 0 1px #C9CFD8}
.nx-sash div{height:100%;border-radius:1px;background:rgba(34,225,255,.35);position:relative;overflow:hidden;box-shadow:inset 0 0 20px rgba(34,225,255,.5)}
.nx-sash div::after{content:"";position:absolute;top:-20%;bottom:-20%;left:20%;width:24%;background:rgba(255,255,255,.35);transform:skewX(-18deg)}
.nx-dim-h{position:absolute;left:34px;right:44px;bottom:12px;height:1px;background:var(--or);box-shadow:0 0 8px var(--or)}
.nx-dim-v{position:absolute;top:34px;bottom:44px;right:12px;width:1px;background:var(--or);box-shadow:0 0 8px var(--or)}
.nx-dim-t{position:absolute;padding:2px 8px;background:var(--bg);font-family:var(--f-mono);font-size:13px;color:var(--or);white-space:nowrap}
.nx-dim-t.h{left:50%;bottom:0;transform:translate(-50%,50%)}
.nx-dim-t.v{right:0;top:50%;transform:translate(50%,-50%) rotate(90deg)}

/* ---------- kartlar ---------- */
.nx-card{position:relative;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--text);transition:transform .5s cubic-bezier(.2,.75,.2,1),border-color .3s ease,box-shadow .4s ease}
.nx-card:hover{color:var(--text);transform:perspective(900px) rotateX(5deg) translateY(-10px);border-color:rgba(34,225,255,.6);box-shadow:0 0 0 1px rgba(34,225,255,.3),0 0 40px -6px rgba(34,225,255,.45),0 30px 60px -30px rgba(247,148,31,.6)}
.nx-card-img{position:relative;height:210px;overflow:hidden;background:#000;border-bottom:1px solid rgba(255,255,255,.08)}
.nx-card-img img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .8s ease,opacity .4s ease}
.nx-card:hover .nx-card-img img{transform:scale(1.07);opacity:1}
.nx-card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,6,10,.85),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px);pointer-events:none}
.nx-card-code{position:absolute;top:14px;left:16px;z-index:1;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--ne);background:rgba(5,6,10,.7);padding:4px 8px}
.nx-card-b{padding:22px 24px;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.nx-card-b h3{font-size:24px}
.nx-card-b p{font-size:15px;color:var(--muted);flex-grow:1}
.nx-more{font-family:var(--f-mono);font-weight:600;font-size:13px;letter-spacing:.08em;min-height:40px;display:inline-flex;align-items:center;gap:8px;color:var(--ne);text-transform:uppercase}
.nx-more i{font-style:normal;display:inline-block;transition:transform .3s ease}
.nx-card:hover .nx-more i{transform:translateX(8px)}

/* ---------- toptan ---------- */
.nx-band{position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.nx-bigword{position:absolute;right:-30px;bottom:-50px;font-family:var(--f-disp);font-weight:700;font-size:250px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(34,225,255,.18);white-space:nowrap;pointer-events:none}
.nx-toptan{display:grid;grid-template-columns:5fr 1fr 6fr;gap:0;align-items:start;position:relative}
.nx-toptan-l{grid-column:1;display:flex;flex-direction:column;gap:24px;position:sticky;top:120px}
.nx-toptan-r{grid-column:3;font-family:var(--f-mono)}
.nx-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px 16px;padding:22px 0;border-top:1px solid rgba(255,255,255,.12);transition:padding-left .35s ease}
.nx-row:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.nx-row::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,225,255,.14),rgba(247,148,31,.08),transparent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.nx-row:hover{padding-left:18px}
.nx-row:hover::before{transform:scaleX(1)}
.nx-row>*{position:relative}
.nx-row-l{display:flex;align-items:baseline;gap:18px}
.nx-row-l small{font-size:12px;color:var(--or);text-shadow:0 0 8px rgba(247,148,31,.7)}
.nx-row-l strong{font-family:var(--f-disp);font-weight:600;font-size:25px}
.nx-row>span:last-child{font-size:13px;color:var(--muted)}

/* ---------- süreç ---------- */
.nx-steps{position:relative}
.nx-steps-line,.nx-steps-fill{position:absolute;left:26px;right:26px;top:26px;height:2px}
.nx-steps-line{background:rgba(255,255,255,.12)}
.nx-steps-fill{background:linear-gradient(90deg,var(--ne),var(--or));box-shadow:0 0 16px var(--ne);transform-origin:left}
.nx-step{display:flex;flex-direction:column;gap:22px;position:relative}
.nx-step-no{width:52px;height:52px;background:var(--bg);border:1px solid var(--ne);color:var(--ne);display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-weight:600;font-size:15px;box-shadow:0 0 22px -4px var(--ne),inset 0 0 12px -4px var(--ne);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.nx-step:last-child .nx-step-no{border-color:var(--or);color:var(--or);box-shadow:0 0 22px -4px var(--or)}
.nx-step-box{padding:24px;border-radius:14px;background:var(--glass);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;transition:transform .4s ease,border-color .3s ease}
.nx-step-box:hover{transform:translateY(-6px);border-color:rgba(34,225,255,.5)}
.nx-step-box h3{font-size:20px}
.nx-step-box p{font-size:15px;color:var(--muted)}

/* ---------- yorumlar ---------- */
.nx-quote{padding:28px;display:flex;flex-direction:column;gap:18px}
.nx-quote p{color:var(--text);font-size:17px}
.nx-quote-by{display:flex;align-items:center;gap:14px;font-family:var(--f-mono);font-size:13px;letter-spacing:.06em}
.nx-quote-by img{width:48px;height:48px;border-radius:10px;object-fit:cover;border:1px solid rgba(34,225,255,.5)}
.nx-quote-by small{display:block;color:var(--muted)}

/* ---------- form ---------- */
.nx-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;padding:64px;overflow:hidden}
.nx-contact>*:not(.nx-glow){position:relative;z-index:1}
.nx-info{display:flex;flex-direction:column;font-family:var(--f-mono);font-size:14px}
.nx-info>div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12)}
.nx-info>div:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.nx-info span:first-child{color:var(--muted);flex:none}
.nx-info span:last-child,.nx-info a{text-align:right;text-decoration:none}
.nx-formbox{border-radius:16px;padding:30px;background:rgba(5,6,10,.75);border:1px solid rgba(255,255,255,.12)}
.nx-form{display:flex;flex-direction:column;gap:16px}
.nx-form-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nx-field{display:flex;flex-direction:column;gap:8px}
.nx-field label{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.nx-input{width:100%;min-height:52px;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:8px;font-size:16px;font-family:inherit;background:rgba(255,255,255,.04);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}
select.nx-input{background:var(--bg2)}
textarea.nx-input{padding:14px 16px;min-height:120px;resize:vertical}
.nx-input::placeholder{color:#6E788B}
.nx-input:focus{outline:none;border-color:var(--ne);box-shadow:0 0 0 3px rgba(34,225,255,.2),0 0 24px -4px rgba(34,225,255,.6)}
.nx-alert{padding:14px 16px;border:1px solid var(--pk);background:rgba(255,61,168,.08);font-size:15px;border-radius:8px}

/* ---------- alt sayfa başlığı ---------- */
.nx-pagehero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.nx-pagehero .nx-wrap{position:relative;padding-top:90px;padding-bottom:80px;display:flex;flex-direction:column;gap:18px}
.nx-crumb{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.nx-crumb li+li::before{content:"//";color:var(--ne);margin-right:10px}
.nx-crumb a{text-decoration:none;color:var(--muted)}
.nx-crumb a:hover{color:var(--ne)}
.nx-pagehero h1{font-size:72px;letter-spacing:-.01em}

/* panelden gelen yazılar */
.nx-prose{color:#C9D0DC;font-size:17px;line-height:1.75}
.nx-prose p,.nx-prose ul,.nx-prose ol{margin:0 0 1em}
.nx-prose h2,.nx-prose h3,.nx-prose h4{margin:1.4em 0 .6em;text-transform:none;font-size:1.4em}
.nx-prose a{color:var(--ne)}
.nx-prose img{border-radius:12px;margin:1em 0}
.nx-prose strong,.nx-prose b{color:var(--text)}
/* Word'den / başka siteden yapıştırılan yazıların beyaz zemin, siyah yazı ve farklı yazı tipini temizle */
.nx-prose *{background:transparent!important;background-color:transparent!important;color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;text-shadow:none!important}
.nx-prose strong,.nx-prose b,.nx-prose h2,.nx-prose h3,.nx-prose h4{color:var(--text)!important}
.nx-prose a{color:var(--ne)!important}
.nx-prose h2{font-size:1.5em!important}.nx-prose h3{font-size:1.3em!important}.nx-prose h4{font-size:1.15em!important}

.nx-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(34,225,255,.4);box-shadow:0 0 40px -10px rgba(34,225,255,.6)}
.nx-frame img{width:100%;height:100%;object-fit:cover}
.nx-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:110px}
.nx-side-list{display:flex;flex-direction:column}
.nx-side-list a{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--line);text-decoration:none;font-weight:500;transition:background .25s ease,padding-left .25s ease}
.nx-side-list a:first-child{border-top:0}
.nx-side-list a:hover,.nx-side-list a.on{background:rgba(34,225,255,.08);padding-left:24px;color:var(--ne)}
.nx-detail{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;align-items:start}

/* S.S.S. */
.nx-faq{display:flex;flex-direction:column;gap:12px;max-width:900px}
.nx-faq details{border:1px solid var(--line);border-radius:14px;background:var(--glass);transition:border-color .3s ease,box-shadow .3s ease}
.nx-faq details[open]{border-color:rgba(34,225,255,.55);box-shadow:0 0 30px -10px rgba(34,225,255,.6)}
.nx-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;font-family:var(--f-disp);font-weight:600;font-size:20px}
.nx-faq summary::-webkit-details-marker{display:none}
.nx-faq summary::after{content:"+";font-family:var(--f-mono);font-size:24px;color:var(--ne);transition:transform .3s ease}
.nx-faq details[open] summary::after{transform:rotate(45deg)}
.nx-faq .nx-prose{padding:0 24px 22px}

.nx-map{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);min-height:460px;box-shadow:0 0 40px -14px rgba(34,225,255,.5)}
/* harita kutuyu tamamen doldurur (formla aynı boy) */
.nx-map iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;display:block}

/* ---------- alt bilgi ---------- */
.nx-footer{border-top:1px solid rgba(255,255,255,.08);color:var(--muted)}
.nx-footer .nx-wrap{padding-top:48px;padding-bottom:36px;display:flex;flex-direction:column;gap:30px}
.nx-foot-top,.nx-foot-bot{display:flex;justify-content:space-between;align-items:center;gap:24px}
.nx-foot-bot{padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-family:var(--f-mono);font-size:12px;letter-spacing:.08em}
.nx-social{display:flex;gap:10px}
.nx-social a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line2);border-radius:10px;text-decoration:none;font-family:var(--f-mono);font-size:12px}
.nx-social a:hover{border-color:var(--ne);color:var(--ne);box-shadow:0 0 14px rgba(34,225,255,.5)}

/* ---------- WhatsApp ---------- */
.nx-wa{position:fixed;right:22px;bottom:22px;z-index:60;width:60px;height:60px;border-radius:16px;background:#0FA958;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 30px rgba(15,169,88,.7)}
.nx-wa::before{content:"";position:absolute;inset:0;border-radius:16px;background:#0FA958;opacity:.5;animation:nxPing 1.8s ease-out infinite}
.nx-wa svg{position:relative}
.nx-call{position:fixed;left:22px;bottom:22px;z-index:60;display:none;width:60px;height:60px;border-radius:16px;background:var(--or);align-items:center;justify-content:center;box-shadow:0 0 30px rgba(247,148,31,.7)}

/* ---------- bildirim penceresi ---------- */
.nx-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,6,10,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:nxFade .3s ease}
.nx-modal[hidden]{display:none}
@keyframes nxFade{from{opacity:0}}
.nx-modal-box{position:relative;max-width:440px;width:100%;padding:36px 30px;border-radius:20px;background:var(--bg2);border:1px solid rgba(34,225,255,.45);box-shadow:0 0 60px -10px rgba(34,225,255,.6);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;animation:nxUp .5s cubic-bezier(.2,.75,.2,1)}
.nx-modal-box h3{font-size:26px}
.nx-modal-box p{color:var(--muted)}
.nx-modal-box .nx-actions{justify-content:center}
.nx-check path{stroke-dasharray:1;animation:nxDraw .8s ease .2s both}
@keyframes nxDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

/* ---------- kaydırınca beliren ---------- */
.nx-rv{opacity:1}
@supports (animation-timeline: view()){
  .nx-rv{animation:nxReveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  .nx-steps-fill{animation:nxGrow linear both;animation-timeline:view();animation-range:entry 30% cover 55%}
  .nx-progress{transform:none;animation:nxGrow linear both;animation-timeline:scroll(root)}
}
@keyframes nxReveal{from{opacity:0;transform:translateY(60px) scale(.98)}to{opacity:1;transform:none}}
@keyframes nxGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* desteklemeyen tarayıcılar için JS yedeği */
.nx-js .nx-rv.nx-wait{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}
.nx-js .nx-rv.nx-in{opacity:1;transform:none}

/* ---------- tablet ve telefon ---------- */
@media (max-width: 1100px){
  .nx-logo-r{display:none}
  .nx-h1{font-size:64px}
  .nx-nav{gap:20px}
}
@media (max-width: 900px){
  body{font-size:16px}
  .nx-wrap{padding-left:20px;padding-right:20px}
  .nx-sec{padding-top:80px;padding-bottom:72px}
  .nx-bar{height:76px}
  .nx-logo img{height:34px}
  .nx-bar>.nx-logo{padding:6px 10px}
  .nx-bar>.nx-logo img{height:48px}
  .nx-nav{display:none}
  .nx-menu-btn{display:inline-flex}
  .nx-mobile{position:fixed;left:0;right:0;top:76px;bottom:0;z-index:49;background:rgba(5,6,10,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:28px 20px;flex-direction:column;gap:6px;overflow:auto}
  .nx-mobile.open{display:flex;animation:nxFade .25s ease}
  .nx-mobile a{padding:16px 4px;border-bottom:1px solid var(--line);font-family:var(--f-disp);font-size:24px;font-weight:600;text-transform:uppercase;text-decoration:none}
  .nx-mobile a.on{color:var(--ne)}
  .nx-mobile .nx-btn{margin-top:18px;border-bottom:0;font-size:16px}
  .nx-hero-in{grid-template-columns:1fr;padding-top:36px;padding-bottom:40px;gap:8px}
  .nx-h1{font-size:44px}
  .nx-h2{font-size:34px}
  .nx-pagehero h1{font-size:40px}
  .nx-pagehero .nx-wrap{padding-top:56px;padding-bottom:48px}
  .nx-scene-box{height:420px}
  .nx-scene{transform:scale(.7)}
  .nx-hud,.nx-badge{display:none}
  .nx-grid2,.nx-grid3,.nx-grid4,.nx-calc,.nx-contact,.nx-form-2,.nx-detail{grid-template-columns:1fr}
  .nx-head-row{flex-direction:column;align-items:flex-start}
  .nx-calc-l{padding:26px;border-right:0;border-bottom:1px solid var(--line)}
  .nx-calc-r{min-height:360px}
  .nx-prev{transform:scale(.62)}
  .nx-contact{padding:26px;gap:32px}
  .nx-formbox{padding:20px}
  .nx-toptan{grid-template-columns:1fr}
  .nx-toptan-l{position:static;grid-column:auto;margin-bottom:28px}
  .nx-toptan-r{grid-column:auto}
  .nx-row{flex-direction:column;align-items:flex-start}
  .nx-row-l strong{font-size:21px}
  .nx-bigword{font-size:110px}
  .nx-steps-line,.nx-steps-fill{display:none}
  .nx-side{position:static}
  .nx-map{min-height:360px}
  .nx-foot-top,.nx-foot-bot{flex-direction:column;align-items:flex-start}
  .nx-call{display:flex}
  .nx-mq{font-size:18px}
  .nx-stat strong{font-size:28px}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .nx-progress{display:none}
  .nx-js .nx-rv.nx-wait{opacity:1;transform:none}
}

/* spam tuzağı (görünmez alan) */
.nx-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* sosyal medya simgeleri (paneldeki Font Awesome yazı tipinden) */
@font-face{font-family:'KzIkon';src:url('../../panel/assets/libs/bower/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'),url('../../panel/assets/libs/bower/font-awesome/fonts/fontawesome-webfont.woff') format('woff');font-display:swap}
.nx-social a{width:46px;height:46px;font-size:0;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.nx-social .nx-ic{font:normal normal normal 20px/1 'KzIkon';-webkit-font-smoothing:antialiased}
.nx-sm-fb .nx-ic::before{content:"\f09a"}
.nx-sm-ig .nx-ic::before{content:"\f16d"}
.nx-sm-yt .nx-ic::before{content:"\f16a"}
.nx-sm-tw .nx-ic::before{content:"\f099"}
.nx-sm-in .nx-ic::before{content:"\f0e1"}
.nx-social a:hover{transform:translateY(-3px)}
.nx-social a.nx-sm-fb:hover{background:#1877F2;border-color:#1877F2;color:#fff;box-shadow:0 0 18px rgba(24,119,242,.6)}
.nx-social a.nx-sm-ig:hover{background:#D6246E;border-color:#D6246E;color:#fff;box-shadow:0 0 18px rgba(214,36,110,.6)}
.nx-social a.nx-sm-yt:hover{background:#FF0000;border-color:#FF0000;color:#fff;box-shadow:0 0 18px rgba(255,0,0,.5)}