header .nav{height:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:12px;padding-bottom:12px}
header .brand{display:flex;align-items:center;gap:12px;color:#082b55;white-space:nowrap;flex:none}
header .brand-logo{width:54px;height:54px;object-fit:contain;display:block;border-radius:0;flex:none}
header .brand-copy{display:flex;flex-direction:column;line-height:1}
header .brand-name{font-size:23px;font-weight:950;letter-spacing:-.02em}
header .brand-name .support{color:#2c8bdc}
header .tagline{font-size:10px;color:#54697b;font-weight:650;margin-top:5px}
header .navlinks{display:flex;align-items:center;gap:21px;font-size:14px;font-weight:800;flex-wrap:wrap}
header .navlinks a{padding:12px 0;border-bottom:3px solid transparent}
header .navlinks a.active,header .navlinks a:hover{color:#082b55;border-color:#2c8bdc}
a:focus-visible,button:focus-visible{outline:3px solid #2c8bdc;outline-offset:4px}
section[id]{scroll-margin-top:150px}
@media(max-width:1000px){header .nav{flex-wrap:wrap;gap:10px}header .navlinks{width:100%;gap:8px 20px}}
@media(max-width:600px){header{position:relative}header .navlinks{display:flex;justify-content:flex-start}header .navlinks a{font-size:14px;padding:8px 0}}