/* All marketing pages use the same nine links and the same compact-menu breakpoint. */
.nav .links{gap:16px}
.nav .links a{white-space:nowrap}
@media(max-width:1140px){
 .nav{position:relative}
 .nav .menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:999px;border:1.5px solid var(--ink,#0f1113);background:#fff;color:var(--ink,#0f1113);font:600 15px var(--display,Arial,sans-serif);cursor:pointer;flex:none}
 .nav .links{display:none;position:absolute;left:0;right:0;top:100%;z-index:30;background:#fff;border-bottom:1px solid var(--rule,#e6e5e1);box-shadow:0 18px 30px -20px rgba(15,17,19,.35);flex-direction:column;align-items:stretch;gap:0;padding:6px 20px 18px}
 .nav.open .links{display:flex}
 .nav .links a,.nav .links a:not(.btn){display:block;padding:14px 4px;font-size:17px;border-top:1px solid var(--rule,#e6e5e1)}
 .nav .links a:first-child{border-top:0}
 .nav .links a.btn{display:inline-flex;justify-content:center;margin-top:12px;border-top:0;padding:0 20px}
}

/* Keep the logo and menu inside narrow screens without hiding overflow. */
@media(max-width:640px){.nav .wordmark{flex-shrink:1;min-width:0}.nav .brand-logo{max-width:100%;height:auto}.nav .wrap{gap:12px}}