:root{
  --bg:#070b12; --surface:#111a28; --border:#22314a; --text:#e8eff8;
  --muted:#8fa1ba; --faint:#5a6b84; --cyan:#22d3ee; --cyan2:#06b6d4; --ink:#04141a;
}
.np-nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:20px;
  padding:13px 6vw;background:rgba(7,11,18,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border)}
.np-brand{display:flex;align-items:center;flex:0 0 auto}
.np-brand img{height:38px;width:auto;display:block}
.np-links{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:600;color:var(--muted)}
.np-links a{color:var(--muted);text-decoration:none;transition:color .18s}
.np-links a:hover{color:var(--text)}
.np-links a.act{color:var(--cyan)}
.np-cta{display:flex;gap:10px;margin-left:6px}
.np-btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:10px 19px;font-weight:700;
  font-size:14px;cursor:pointer;border:1px solid transparent;transition:.16s;white-space:nowrap;text-decoration:none}
.np-btn-cyan{background:linear-gradient(135deg,var(--cyan),var(--cyan2));color:var(--ink)}
.np-btn-cyan:hover{transform:translateY(-2px)}
.np-btn-ghost{border-color:var(--border);color:var(--text);background:rgba(255,255,255,.02)}
.np-btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.np-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;
  border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.02);cursor:pointer;
  padding:0 10px;margin-left:auto;flex-shrink:0}
.np-burger span{display:block;height:2px;width:100%;background:var(--text);border-radius:2px;transition:.25s}
.np-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.np-burger.open span:nth-child(2){opacity:0}
.np-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.np-mobile{background:rgba(7,11,18,.98);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:18px 20px 22px}
.np-mobile nav{display:flex;flex-direction:column}
.np-mobile nav a{display:block;padding:13px 4px;color:var(--muted);font-weight:600;font-size:15px;
  border-bottom:1px solid var(--border);text-decoration:none}
.np-mobile nav a:hover{color:var(--cyan)}
.np-mobile-cta{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.np-mobile-cta .np-btn{justify-content:center}

@media(max-width:1024px){ .np-nav{padding:12px 4vw} .np-links{gap:16px} }
@media(max-width:900px){
  .np-links{display:none}
  .np-burger{display:flex}
  .np-cta .np-btn-ghost{display:none}
}
@media(max-width:520px){ .np-brand img{height:30px} .np-nav{padding:11px 16px} .np-btn{padding:9px 14px;font-size:13px} }