/* ============ NAVBAR ============ */
.navbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  transform: translateY(-80px);
  animation: nav-drop .6s cubic-bezier(.16,1,.3,1) forwards;
  transition: background-color .3s ease, backdrop-filter .3s ease, box-shadow .3s ease, border-color .3s ease;
  border-bottom: 1px solid transparent;
}
@keyframes nav-drop { to { transform: translateY(0); } }

.navbar.scrolled {
  background: rgba(10,40,47,0.9);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-bottom-color: var(--border);
}

.nav-inner {
  max-width: 80rem; margin: 0 auto; padding: 0 1.25rem;
  height: 72px; display: flex; align-items: center; justify-content: space-between;
}
@media (min-width: 640px) { .nav-inner { padding: 0 2rem; } }

.nav-logo { display: flex; align-items: center; gap: .5rem; }
.nav-logo .globe {
  display: grid; place-items: center; width: 2.25rem; height: 2.25rem;
  border-radius: 999px; color: #fff;
}
.nav-logo .brand {
  font-family: "Cabinet Grotesk", sans-serif; font-weight: 800;
  font-size: 1.125rem; letter-spacing: -0.02em; color: #fff;
  transition: color .3s ease;
}
.navbar.scrolled .nav-logo .brand { color: var(--muted); }
.nav-logo .brand span { color: var(--secondary); }

.nav-links { display: none; align-items: center; gap: 2rem; }
@media (min-width: 768px) { .nav-links { display: flex; } }
.nav-link {
  font-family: "JetBrains Mono", monospace; text-transform: uppercase;
  letter-spacing: .15em; font-size: .75rem; color: rgba(255,255,255,.85);
  transition: color .2s ease;
}
.navbar.scrolled .nav-link { color: rgba(255,255,255,.7); }
.navbar.scrolled .nav-link:hover,.nav-link:hover { color: var(--secondary); }

.nav-cta {
  border-radius: 999px; padding: .625rem 1.25rem; font-size: .875rem; font-weight: 600;
  background: #fff; color: var(--primary); transition: background-color .2s ease, color .2s ease;
}
.navbar.scrolled .nav-cta { background: var(--primary); color: #fff; }
.nav-cta:hover { background: var(--secondary); color: var(--secondary-foreground); }

.nav-burger { display: inline-flex; padding: .5rem; color: #fff; }
.navbar.scrolled .nav-burger { color: var(--foreground); }
@media (min-width: 768px) { .nav-burger { display: none; } }

/* Mobile menu */
.mobile-menu {
  overflow: hidden; max-height: 0;
  background: rgba(245,248,251,.97); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
  transition: max-height .4s cubic-bezier(.16,1,.3,1);
}
.mobile-menu.open { max-height: 420px; }
.mobile-menu-inner { padding: 1.5rem 1.25rem; display: flex; flex-direction: column; gap: 1rem; }
.mobile-menu-inner a { font-family: "Cabinet Grotesk", sans-serif; font-weight: 800; font-size: 1.5rem; color: var(--foreground); }
.mobile-menu-inner .nav-cta { background: var(--primary); color: #fff; text-align: center; padding: .75rem 1.25rem; }