/* ============================================================
   Shared public top-nav — landing / pricing / institutions /
   compare / privacy / terms.
   Single source of truth so the menu never drifts between pages.
   Fixed 68px dark navy bar + gold accents; mobile collapses the
   link row at max-width: 720px. Keep in sync with the explore
   nav defined in public/explore.css.
   ============================================================ */
.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 5vw; height: 68px;
  background: rgba(13, 21, 32, 0.97);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}
.nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.nav-logo:hover { text-decoration: none; }
.nav-logo-icon {
  width: 36px; height: 36px; background: #B79257; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  color: white; font-size: 16px; flex-shrink: 0;
}
.nav-logo-text { font-family: 'Aleo', serif; font-size: 1.1rem; font-weight: 700; color: white; }
.nav-logo-text strong { color: #B79257; }
.nav-links { display: flex; align-items: center; gap: 32px; }
.nav-links a { color: rgba(255, 255, 255, 0.7); font-size: 0.875rem; font-weight: 500; text-decoration: none; transition: color 0.2s; }
.nav-links a:hover, .nav-links a.active { color: white; text-decoration: none; }
.nav-ctas { display: flex; gap: 12px; align-items: center; }
.btn-nav-ghost {
  padding: 8px 20px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 8px;
  color: white; font-size: 0.875rem; font-weight: 500; text-decoration: none;
  cursor: pointer; background: transparent; transition: all 0.2s;
}
.btn-nav-ghost:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.4); text-decoration: none; }
.btn-nav-primary {
  padding: 8px 20px; background: #B79257; border-radius: 8px; color: white;
  font-size: 0.875rem; font-weight: 600; text-decoration: none; cursor: pointer; border: none;
  transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px;
}
.btn-nav-primary:hover { background: #a07e47; transform: translateY(-1px); text-decoration: none; }
@media (max-width: 720px) { .nav-links { display: none; } }