/* ── Nav ─────────────────────────────────────────────────────── */
header.nav { position: fixed; inset: 0 0 auto 0; z-index: 100; border-bottom: 1px solid transparent; transition: all .3s ease; }
header.nav.scrolled { background: rgba(5, 8, 13, 0.72); backdrop-filter: saturate(160%) blur(12px); border-bottom-color: var(--line); }
.nav-inner { height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 16px; letter-spacing: -0.02em; }
.brand img { width: 26px; height: 26px; display: block; }
.nav-links { display: flex; align-items: center; gap: 4px; }
.nav-links a { padding: 8px 12px; border-radius: 999px; font-size: 14px; color: var(--text-2); transition: background .2s, color .2s; }
.nav-links a:hover { background: var(--panel-2); color: var(--text); }

/* Nav call-to-action (book a demo) */
.nav-cta { display: flex; align-items: center; gap: 10px; }
.nav-cta .btn { padding: 9px 16px; font-size: 14px; }
@media (max-width: 720px) {
  .nav-links { display: none; }
  .nav-inner { justify-content: space-between; }
}