/* ---------- NAV ---------- */
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:22px 48px;background:rgba(28,30,34,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid transparent;transition:padding .35s ease,border-color .35s ease,background .35s ease}
nav.scrolled{padding:14px 48px;border-color:var(--border);background:rgba(28,30,34,.92)}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.12rem;font-weight:700;letter-spacing:.01em;color:var(--white);text-decoration:none}
.nav-logo .spark{width:26px;height:26px;flex-shrink:0}
.nav-logo b{color:var(--volt)}
.nav-links{display:flex;gap:34px;list-style:none}
.nav-links a{font-size:.82rem;font-weight:500;color:var(--mute);text-decoration:none;letter-spacing:.01em;transition:color .2s;position:relative}
.nav-links a::after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:1.5px;background:var(--volt);transition:width .25s ease}
.nav-links a:hover{color:var(--white)}
.nav-links a:hover::after{width:100%}
.nav-cta{font-size:.82rem;font-weight:600;color:#fff;background:var(--volt);padding:11px 22px;border-radius:10px;text-decoration:none;letter-spacing:.01em;cursor:default;user-select:none}

@media(max-width:900px){
  nav{padding:16px 22px}
  nav.scrolled{padding:12px 22px}
  .nav-links{display:none}
}