/* ─── NAV ─── */
.luman-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 200;
  height: 62px; display: flex; align-items: center; justify-content: space-between;
  padding: 0 56px;
  background: rgba(8,15,23,0.97);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(250,248,245,0.05);
  transition: background 0.3s;
}
.luman-nav.scrolled { background: rgba(8,15,23,1); }
.nav-logo { font-family: var(--ff-d); font-size: 20px; letter-spacing: 0.2em; color: var(--ww); text-decoration: none; }
.nav-logo-tri { color: var(--gl); }

/* Desktop nav links — always visible on desktop */
.nav-links { display: flex; align-items: center; gap: 40px; }
.nav-links a {
  font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(250,248,245,0.65); text-decoration: none; transition: color 0.2s;
}
.nav-links a:hover { color: var(--ww); }
.nav-cta {
  background: var(--tc) !important; color: white !important;
  padding: 9px 22px; border-radius: 2px;
  letter-spacing: 0.1em !important; transition: background 0.2s !important;
}
.nav-cta:hover { background: var(--tc2) !important; }

/* Hamburger — hidden on desktop */
.nav-toggle {
  display: none;
  background: none; border: none; cursor: pointer;
  flex-direction: column; justify-content: center;
  gap: 5px; width: 36px; height: 36px; padding: 6px;
}
.nav-toggle-bar {
  display: block; width: 22px; height: 1.5px;
  background: var(--ww);
  transition: transform 0.25s ease, opacity 0.25s ease;
}

@media (max-width: 768px) {
  /* Nav mobile */
  .luman-nav { padding: 0 24px; }

  /* Hide links by default on mobile */
  .nav-links {
    display: none;
  }

  /* Show as dropdown when open */
  .nav-links.nav-open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 62px; left: 0; right: 0;
    background: rgba(8,15,23,0.98);
    backdrop-filter: blur(20px);
    padding: 24px 24px 32px;
    gap: 0;
    border-bottom: 1px solid rgba(250,248,245,0.08);
    z-index: 199;
  }
  .nav-links.nav-open a {
    font-size: 13px; letter-spacing: 0.12em;
    padding: 14px 0;
    border-bottom: 1px solid rgba(250,248,245,0.06);
    color: rgba(250,248,245,0.7);
  }
  .nav-links.nav-open a:last-child { border-bottom: none; }
  .nav-links.nav-open .nav-cta {
    background: var(--tc) !important;
    color: white !important;
    padding: 14px 0 !important;
    text-align: center;
    border-radius: 2px;
    margin-top: 8px;
    border-bottom: none !important;
  }

  /* Show hamburger on mobile */
  .nav-toggle {
    display: flex;
  }

  /* Animate to X when open */
  .nav-toggle--open .nav-toggle-bar:nth-child(1) {
    transform: translateY(6.5px) rotate(45deg);
  }
  .nav-toggle--open .nav-toggle-bar:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }
  .nav-toggle--open .nav-toggle-bar:nth-child(3) {
    transform: translateY(-6.5px) rotate(-45deg);
  }