.nav { position: sticky; top: 0; z-index: 50; background: var(--graphite-950); border-bottom: 1px solid var(--graphite-800); }
.nav__bar { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: var(--header-h); }
.nav__logo { display: inline-flex; border-radius: var(--radius); }
.nav__logo img { height: 2rem; width: auto; }
.nav__links { display: flex; align-items: center; gap: clamp(1rem, 2.4vw, 2.25rem); }
.nav__links a:not(.btn) { color: var(--graphite-300); text-decoration: none; font-weight: 500; font-size: 0.9375rem; padding-block: 0.4rem; border-bottom: 2px solid transparent; transition: color 0.2s, border-color 0.2s; }
.nav__links a:not(.btn):hover { color: var(--survey); border-bottom-color: var(--orange); }
.nav__toggle { display: none; align-items: center; justify-content: center; width: 3rem; height: 3rem; border: 1px solid var(--graphite-600); border-radius: var(--radius); background: transparent; color: var(--survey); }

@media (max-width: 56rem) {
  .nav__toggle { display: inline-flex; }
  .nav__links { position: absolute; inset-inline: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0; padding: 0.5rem var(--gutter) 1.25rem; background: var(--graphite-950); border-bottom: 1px solid var(--graphite-800); visibility: hidden; opacity: 0; transform: translateY(-8px); transition: opacity 0.25s var(--ease), transform 0.25s var(--ease), visibility 0s 0.25s; }
  .nav__links a:not(.btn) { padding: 0.9rem 0; border-bottom: 1px solid var(--graphite-800); font-size: 1.0625rem; }
  .nav__cta { margin-top: 1rem; min-height: 3rem; }
  .nav.is-open .nav__links { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }
}
.no-js .nav__toggle { display: none; }
@media (max-width: 56rem) { .no-js .nav__links { position: static; visibility: visible; opacity: 1; transform: none; flex-wrap: wrap; flex-direction: row; } }

.nav__tools { display: flex; align-items: center; gap: 0.75rem; }
.lang { display: inline-flex; border: 1px solid var(--graphite-600); border-radius: var(--radius); overflow: hidden; }
.lang__btn { min-width: 2.5rem; min-height: 2.5rem; padding: 0 0.7rem; background: transparent; border: 0; color: var(--graphite-300); font-weight: 600; font-size: 0.8125rem; letter-spacing: 0.04em; transition: background-color 0.2s, color 0.2s; }
.lang__btn + .lang__btn { border-inline-start: 1px solid var(--graphite-700); }
.lang__btn:hover { color: var(--survey); background: rgba(243, 245, 247, 0.08); }
.lang__btn[aria-pressed="true"] { background: var(--orange); color: var(--graphite-950); }
.lang__btn:focus-visible { outline-offset: -3px; }
@media (max-width: 56rem) { .nav__bar { gap: 0.75rem; } .nav__logo img { height: 1.75rem; } .lang__btn { min-width: 2.75rem; min-height: 2.75rem; padding: 0 0.55rem; } }