/* ═══ NAV ═══ */
.nav {
  position: fixed; inset: 0 0 auto 0; z-index: 50;
  display: flex; align-items: center; gap: 28px;
  padding: 14px clamp(20px, 4vw, 48px);
  transition: background .4s, box-shadow .4s, padding .4s;
}
.nav.is-solid {
  background: rgba(237,244,246,.82);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 1px 0 rgba(46,74,99,.08);
  padding-top: 10px; padding-bottom: 10px;
}
.nav-brand {
  display: flex; align-items: center; gap: 8px;
  font-weight: 800; font-size: 18px; letter-spacing: -.02em;
  color: #fff; text-decoration: none;
  transition: color .4s;
}
.nav.is-solid .nav-brand { color: var(--ink); }
.nav-links { display: flex; gap: 4px; margin-left: auto; }
.nav-links a {
  padding: 8px 14px; border-radius: 999px;
  font-size: 14px; font-weight: 600; text-decoration: none;
  color: rgba(255,255,255,.85);
  transition: color .4s, background .2s;
}
.nav.is-solid .nav-links a { color: var(--kisik); }
.nav-links a:hover { background: rgba(255,255,255,.14); color: #fff; }
.nav.is-solid .nav-links a:hover { background: var(--buz-zemin); color: var(--arduvaz); }
.nav-cta {
  padding: 10px 20px; border-radius: 999px; text-decoration: none;
  background: #fff; color: var(--ink);
  font-size: 14px; font-weight: 700;
  box-shadow: 0 6px 18px rgba(35,66,92,.25);
  transition: transform .3s var(--ease-out), background .4s, color .4s;
}
.nav.is-solid .nav-cta { background: var(--ink); color: #fff; }
.nav-cta:hover { transform: translateY(-1px); }

@media (max-width: 840px) {
  .nav-links { display: none; }
  .nav-cta { margin-left: auto; }
}