/* ---------- nav ---------- */
nav {
  position: sticky; top: 0; z-index: 50;
  background: rgba(10, 14, 20, 0.85);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
}
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.logo { font-weight: 900; letter-spacing: 2px; color: var(--text); font-size: 17px; }
.logo span { color: var(--primary); }
.logo-img { height: 42px; width: auto; mix-blend-mode: screen; }
.logo-img.foot { height: 30px; }
.nav-links { display: flex; gap: 28px; align-items: center; font-size: 14px; font-weight: 600; }
.nav-links a { color: var(--text-2); }
.nav-links a:hover { color: var(--text); }
.btn {
  display: inline-block; border-radius: 999px; font-weight: 800;
  padding: 12px 28px; font-size: 15px; transition: transform .15s ease, box-shadow .15s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-cta, .nav-links a.btn-cta { background: var(--cta); color: #14100A; box-shadow: 0 4px 24px rgba(245, 180, 38, .25); }
.nav-links a.btn-cta:hover { color: #0a0805; }
.btn-ghost { border: 1px solid var(--border); color: var(--text); }
.btn-sm { padding: 9px 20px; font-size: 13px; }

/* ---------- footer ---------- */
footer { border-top: 1px solid var(--border); padding: 44px 0 56px; font-size: 13px; color: var(--text-3); }
.foot-grid { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; align-items: center; }
.foot-links { display: flex; gap: 22px; flex-wrap: wrap; }
.foot-links a { color: var(--text-3); }
.foot-links a:hover { color: var(--text-2); }

@media (max-width: 900px) {
  .nav-links a:not(.btn) { display: none; }
}