/* Shared navigation on the marketing and mobile legal pages. */
.site-header{box-sizing:border-box;position:sticky;top:0;z-index:30;display:flex;align-items:center;width:100%;max-width:none;height:84px;margin:0;padding:0 clamp(20px,4vw,64px);gap:24px;background:#070d19f5;border-bottom:1px solid #253044;backdrop-filter:blur(18px);font-family:Inter,Arial,sans-serif;color:#f5f7fb;line-height:1.4}
.site-header *{box-sizing:border-box}
.site-header a{text-decoration:none;color:inherit}
.site-header .brand{display:flex;align-items:center;flex-shrink:0;white-space:nowrap;font-family:Manrope,Arial,sans-serif;font-size:27px;font-weight:700;letter-spacing:-1.2px}
.site-header .brand-light{font-weight:500}
.site-header .brand-icon{display:grid;place-items:center;background:#4777f5;color:white;width:32px;height:36px;border-radius:8px;margin-right:10px}
.site-header .brand-icon svg{width:22px;height:25px}
.site-header #main-navigation{position:static;display:flex;flex-direction:row;align-items:center;gap:3px;margin:auto;padding:4px;background:#101a2a;border:1px solid #263248;border-radius:10px;font-size:13px}
.site-header #main-navigation a{display:block;padding:9px 12px;border-radius:6px;color:#c4d0e2;white-space:nowrap}
.site-header #main-navigation a:hover,.site-header #main-navigation a[aria-current]{background:#243650;color:white}
.site-header .header-actions{display:flex;align-items:center;gap:18px;margin-left:auto;white-space:nowrap}
.site-header .login{display:inline-flex;font-size:13px}
.site-header .button.small{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 17px;background:#4777f5;border:1px solid #628cff;border-radius:7px;color:white;font-size:13px;font-weight:500}
.site-header .menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;gap:6px;width:44px;height:44px;padding:10px;border:1px solid #42516a;border-radius:8px;background:#111c2e;cursor:pointer}
.site-header .menu-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:#e7effa;transition:transform .18s}
.site-header .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.site-header .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #91bcff;outline-offset:4px}
@media(max-width:1100px){.site-header{height:76px;padding-inline:24px;gap:16px}.site-header .login{display:none}.site-header .menu-toggle{display:flex;order:3}.site-header #main-navigation{display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;margin:0;padding:10px;max-height:calc(100dvh - 100px);overflow:auto;box-shadow:0 20px 50px #0008}.site-header #main-navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.site-header #main-navigation a{font-size:16px;min-height:48px;padding:14px 16px}}
@media(max-width:600px){.site-header{padding-inline:16px;gap:10px}.site-header .brand{font-size:24px}.site-header .brand-icon{width:29px;height:32px;margin-right:8px}.site-header .button.small{font-size:12px;padding:10px 12px}}
@media(max-width:370px){.site-header{padding-inline:12px;gap:8px}.site-header .brand{font-size:22px}.site-header .brand-icon{width:25px;margin-right:6px}.site-header .button.small{padding:10px 8px;font-size:11px}.site-header .button.small span{display:none}}