/* === nav.css === */

/* ══════════════════════════════════════
   NAV
══════════════════════════════════════ */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 200;
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 48px;
  background: rgba(13,14,12,0.9);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(153,202,60,0.07);
  transition: border-color .3s;
  gap: 20px;
}
.nav-left  { display:flex; align-items:center; gap:0; flex-shrink:0; }
.nav-center { display:flex; gap:24px; align-items:center; flex:1; justify-content:center; }
.nav-right { display:flex; align-items:center; gap:12px; flex-shrink:0; }

.nav-center a {
  color: var(--muted); text-decoration: none;
  font-size: 14px; font-weight: 500; letter-spacing: -0.1px;
  transition: color .2s;
}
.nav-center a:hover { color: var(--text); }
.nav-cta {
  background: var(--g); color: var(--black);
  padding: 10px 22px; border-radius: 100px;
  font-size: 14px; font-weight: 600; text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  white-space: nowrap;
}
.nav-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(153,202,60,0.38);
}

/* RTL nav flip */
html[dir="rtl"] .nav-center a { letter-spacing: 0; }