/* Single, shared navigation presentation for every marketing page.
   Keep this stylesheet LAST after site.css and landing.css. */
.site-header{background:#0b2a50;border-color:rgba(255,255,255,.12);box-shadow:0 3px 20px rgba(6,23,45,.08)}
.site-header .container.nav{width:min(1240px,calc(100% - 56px));min-height:68px;gap:24px}
.site-header .brand.lp-brand{display:inline-flex;align-items:center;gap:8px;font-size:1.07rem;font-weight:900;letter-spacing:-.035em;white-space:nowrap}
.site-header .lp-brand-mark{width:20px;height:24px;display:inline-grid;place-items:center;flex:0 0 20px}
.site-header .lp-brand-mark svg{width:20px;height:22px;display:block}
.site-header .nav-links,body.home .site-header .nav-links{gap:24px;align-items:center}
.site-header .nav-links a:not(.button),body.home .site-header .nav-links a:not(.button){font-size:.86rem;opacity:.93;white-space:nowrap}
.site-header .nav-links a:not(.button):hover,body.home .site-header .nav-links a:not(.button):hover{opacity:1;color:#fff}
.site-header .nav-links .button,body.home .site-header .nav-links .button{font-size:.83rem;border-radius:8px;padding:9px 16px;font-weight:800;white-space:nowrap;background:#1677f2;color:#fff;line-height:1.45}
.site-header .nav-links .button:hover{background:#0d63ce}
.site-header .menu-button{font-size:.85rem;border-radius:7px;cursor:pointer}
.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #8dc2ff;outline-offset:3px}
@media(max-width:1050px){.site-header .nav-links,body.home .site-header .nav-links{gap:16px}}
@media(max-width:900px){
  .site-header .container.nav{width:min(100% - 36px,700px);min-height:68px}
  .site-header .menu-button{display:block}
  .site-header .nav-links,body.home .site-header .nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 24px;background:#0b2a50;box-shadow:0 12px 24px rgba(7,31,58,.18);flex-direction:column;align-items:stretch;gap:16px}
  .site-header .nav-links.open,body.home .site-header .nav-links.open{display:flex}
  .site-header .nav-links a:not(.button){display:block}
  .site-header .nav-links .button{align-self:flex-start}
}

/* Mobile menu: hamburger first, brand second. */
.hamburger-lines{display:grid;gap:5px;width:22px;justify-items:stretch}
.hamburger-lines i{display:block;width:22px;height:2px;border-radius:2px;background:currentColor}
@media(max-width:900px){
 .site-header .container.nav{display:flex;justify-content:flex-start;gap:14px}
 .site-header .menu-button{order:-1;margin:0;padding:10px;display:flex;justify-content:center;align-items:center;width:44px;height:44px;flex:0 0 44px}
 .site-header .brand.lp-brand{order:0}
 .site-header .nav-links,body.home .site-header .nav-links{top:68px}
}