/* Responsive navigation only. Keep the site's original palette and drawer motion. */
.topbar .nav{gap:24px;flex-wrap:nowrap}
.topbar .brand,.topbar .nav-links,.topbar .nav>.pill{flex-shrink:0}
.topbar .nav-links{gap:clamp(28px,2.8vw,44px);white-space:nowrap}
.topbar .nav>.pill{white-space:nowrap}
/* Keep the closing fade, but release page links as soon as the menu closes. */
.topbar .nav-scrim{pointer-events:none}
.topbar .nav-burger[aria-expanded="true"]~.nav-scrim.show{pointer-events:auto}
.topbar .nav-scrim[hidden]{display:none}
.topbar a,.topbar button{touch-action:manipulation}
.topbar .nav-drawer{height:100vh;height:100dvh;max-height:100dvh;width:min(100vw,380px);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;pointer-events:none;transition:transform .42s var(--ease),visibility 0s .42s}
.topbar .nav-drawer.open{visibility:visible;pointer-events:auto;transition-delay:0s}
.topbar .nav-drawer-close{flex-shrink:0;width:44px;height:44px}
.topbar .nav-d-cta{flex-shrink:0;text-align:center;line-height:1.5}
.topbar .nav-d-links{flex-shrink:0}
.topbar .nav-d-links a{font-size:1.25rem;padding:16px 2px;line-height:1.4}
.topbar :focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
.topbar .nav-drawer :focus-visible{outline-color:var(--champ)}
@media(max-width:1200px){
  .topbar>.wrap{padding-inline:clamp(18px,3vw,40px)}
  .topbar .nav{gap:16px;justify-content:space-between;min-height:76px;padding-block:14px}
  .topbar .nav-links,.topbar .nav>.pill{display:none}
  .topbar .brand{flex-shrink:1;min-width:0;max-width:calc(100% - 120px)}
  .topbar .brand img{max-width:100%;object-fit:contain}
  .topbar .brand .brandmark{max-width:100%}
  .topbar .nav-burger{display:grid;grid-template-columns:24px 1fr;grid-template-rows:repeat(3,2px);align-content:center;column-gap:12px;row-gap:6px;flex-shrink:0;width:106px;height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--ink);color:var(--paper)}
  .topbar .nav-burger span{grid-column:1;background:var(--paper);margin:0}
  .topbar .nav-burger::after{content:'Menu';grid-column:2;grid-row:1 / 4;align-self:center;font-family:var(--sans);font-size:.88rem;font-weight:600;line-height:1}
}
@media(min-width:1201px){
  .topbar .nav-drawer,.topbar .nav-scrim{display:none}
}
@media(prefers-reduced-motion:reduce){
  .topbar .nav-drawer{transition:none}
}

/* One header geometry and typography across every marketing page. */
:root{--nav:84px}
body{padding-top:var(--nav)}
html{scroll-padding-top:var(--nav)}
.topbar{position:fixed;inset:0 0 auto;height:var(--nav);z-index:300;background:#f4eee3;color:#0a1622;border-bottom:1px solid #0a16221a;backdrop-filter:none;box-shadow:none}
.topbar>.wrap{display:block;width:100%;max-width:1440px;height:100%;padding:0 48px;margin:0 auto}
.topbar .nav{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--nav);min-height:0;margin:0;padding:0;gap:24px;flex-wrap:nowrap}
.topbar .brand{display:block;width:159px;min-width:159px;max-width:159px;margin:0;padding:0;text-decoration:none}
.topbar .brand img{display:block;width:159px;height:38px;max-width:100%;object-fit:contain}
.topbar .nav-links{display:flex;align-items:center;gap:clamp(20px,2.1vw,30px);margin:0;padding:0;white-space:nowrap}
.topbar .nav-links a{display:flex;align-items:center;min-height:44px;padding:0;color:#0a1622;font-family:var(--sans,Instrument,sans-serif);font-size:14px;font-weight:500;letter-spacing:0;line-height:1.4;text-transform:none;text-decoration:none;border:0;background:none}
.topbar .nav-links a:hover,.topbar .nav-links a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.topbar .nav-links a::before,.topbar .nav-links a::after{display:none}
.topbar .nav>.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin:0;padding:12px 22px;border:0;border-radius:999px;background:#0a1622;color:#f4eee3;font-family:var(--sans,Instrument,sans-serif);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:0;text-decoration:none;box-shadow:none;white-space:nowrap}
.topbar .pill .dot{display:block;width:7px;height:7px;border-radius:50%;background:#b9f24a;box-shadow:none}
.topbar .nav-burger{display:none}
.topbar .nav-scrim{position:fixed;inset:0;z-index:310;background:#0009;opacity:0;transition:opacity .25s}
.topbar .nav-scrim.show{opacity:1}
.topbar .nav-drawer{position:fixed;inset:0 0 0 auto;z-index:320;display:flex;flex-direction:column;gap:0;width:min(100vw,380px);height:100dvh;max-height:100dvh;padding:24px 26px 36px;background:#0b1a2b;color:#f4eee3;border-left:1px solid #e9cda933;transform:translateX(105%);overflow-y:auto;box-shadow:-20px 0 70px #0003}
.topbar .nav-drawer.open{transform:translateX(0)}
.topbar .nav-drawer-close{position:static;align-self:flex-end;display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;margin:0 0 16px;padding:0;border:1px solid #e9cda944;border-radius:50%;background:transparent;color:#f4eee3;font-family:var(--sans,Instrument,sans-serif);font-size:26px;line-height:1;cursor:pointer}
.topbar .nav-d-cta{display:block;flex-shrink:0;margin:0 0 20px;padding:15px 20px;border-radius:999px;background:linear-gradient(#f6e7d2,#e6c39a);color:#0a1622;font-family:var(--sans,Instrument,sans-serif);font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;text-align:center}
.topbar .nav-d-links{display:flex;flex-direction:column;gap:0;margin:0;padding:0}
.topbar .nav-d-links a{display:block;padding:16px 2px;border-bottom:1px solid #e9cda922;color:#f4eee3;font-family:var(--sans,Instrument,sans-serif);font-size:20px;font-weight:500;line-height:1.4;letter-spacing:0;text-decoration:none}
.topbar .nav-d-links a:hover,.topbar .nav-d-links a[aria-current]{color:#e9cda9}
body.nav-open{overflow:hidden}
@media(max-width:1200px){
  :root{--nav:76px}
  .topbar>.wrap{padding-inline:clamp(20px,3vw,40px)}
  .topbar .nav{gap:16px;padding:0;height:var(--nav);min-height:0}
  .topbar .nav-links,.topbar .nav>.pill{display:none}
  .topbar .brand{width:145px;min-width:0;max-width:calc(100% - 122px)}
  .topbar .brand img{width:145px;height:35px}
  .topbar .nav-burger{display:grid;grid-template-columns:24px 1fr;grid-template-rows:repeat(3,2px);align-content:center;column-gap:12px;row-gap:6px;flex-shrink:0;width:106px;height:44px;margin:0;padding:10px 14px;border:1px solid #0a162233;border-radius:999px;background:#0a1622;color:#f4eee3;cursor:pointer}
  .topbar .nav-burger span{display:block;grid-column:1;width:24px;height:2px;margin:0;background:#f4eee3;transform:none;opacity:1}
  .topbar .nav-burger.open span{transform:none;opacity:1}
  .topbar .nav-burger::after{content:'Menu';grid-column:2;grid-row:1/4;align-self:center;font-family:var(--sans,Instrument,sans-serif);font-size:14px;font-weight:600;line-height:1}
}
@media(min-width:1201px){.topbar .nav-drawer,.topbar .nav-scrim{display:none}}