/* Measured ui.com interactions: 250ms panel and card transitions. */
.navbar .nav-inner{min-height:56px;gap:28px}
.navbar .wordmark{width:132px;height:32px;flex-basis:132px}
.navbar #navigation{gap:24px}
.navbar #navigation>button{gap:8px;border:0;background:none;font:inherit;font-size:14px;cursor:pointer}
.navbar #navigation>button::after{content:'';width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);transition:transform .25s}
.navbar #navigation>button[aria-expanded=true]{color:#006fff}
.navbar #navigation>button[aria-expanded=true]::after{transform:rotate(225deg)}
.nav-panel{position:absolute;top:100%;left:0;width:100%;height:0;overflow:hidden;background:white;border-bottom:1px solid #e8e8ec;visibility:hidden;opacity:0;transition:height .25s cubic-bezier(.4,0,.6,1),opacity .25s,visibility .25s;box-shadow:0 4px 8px #00000004}
.panel-open .nav-panel{visibility:visible;opacity:1}
.nav-panel-section{display:grid;grid-template-columns:180px 1fr;padding:28px 32px;min-height:244px;gap:40px}
.nav-categories{border-right:1px solid #e5e5e8;display:flex;flex-direction:column;gap:8px}
.nav-categories button{position:relative;text-align:left;border:0;background:none;color:#555b66;font:inherit;font-size:14px;padding:12px 16px 12px 0;min-height:44px;cursor:pointer}
.nav-categories button[aria-pressed=true]{color:#006fff}
.nav-categories button[aria-pressed=true]::after{content:'';position:absolute;right:-1px;top:9px;bottom:9px;width:2px;background:#006fff}
.nav-card-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-content:center}
.nav-card{color:#20252c;text-decoration:none;display:flex;flex-direction:column;gap:10px;padding:10px 0;animation:nav-card-in .25s ease-out both}
.nav-card:nth-child(2){animation-delay:25ms}.nav-card:nth-child(3){animation-delay:50ms}.nav-card:nth-child(4){animation-delay:75ms}
.nav-card svg{width:58px;height:58px;color:#758296;stroke-width:1.2;transition:transform .25s,color .25s}
.nav-card:hover svg{transform:translateY(-4px);color:#006fff}
.nav-card strong{font-size:15px;font-weight:500}.nav-card span{color:#006fff;font-size:13px}
.nav-card p{margin:0;color:#777d88;font-size:13px;line-height:1.6}
.nav-copy{max-width:660px;align-self:center;animation:nav-card-in .25s ease-out}.nav-copy h2{font-size:22px;margin:0 0 12px}.nav-copy p{font-size:15px;line-height:1.7;color:#727986}.nav-copy a{color:#006fff;font-size:14px}
.nav-backdrop{position:fixed;inset:56px 0 0;z-index:29;background:#17202d12;backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;border:0;cursor:default}
.navigation-open .nav-backdrop{opacity:1;visibility:visible}
.navbar :focus-visible{outline:2px solid #006fff;outline-offset:4px}
@keyframes nav-card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
 .navbar .nav-inner{min-height:56px;justify-content:center;position:static}
 .navbar .menu-toggle{position:absolute;left:12px;top:6px;gap:0;background:none}
 .navbar .menu-toggle span{transition:transform .25s;margin:4px 0}
 .navbar .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
 .navbar .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
 .navbar #navigation.is-open{position:fixed;top:56px;left:0;right:0;bottom:0;height:calc(100dvh - 56px);max-height:none;overflow-y:auto;padding:20px 24px;gap:10px;box-shadow:none;align-items:stretch;justify-content:flex-start;background:#fff}
 .navbar #navigation>button{justify-content:space-between;font-size:16px}
 .navbar #navigation>a:last-child{margin-top:16px}
 .nav-panel{position:static;width:100%;flex-shrink:0;max-height:none;border:0;box-shadow:none}
 .nav-panel:not(:last-child){margin-bottom:8px}
 .nav-panel-section{display:block;padding:12px 0;min-height:0}
 .nav-categories{border:0;flex-direction:row;flex-wrap:wrap;gap:12px}.nav-categories button{padding:8px 0;font-size:13px}.nav-categories button[aria-pressed=true]::after{top:auto;bottom:0;left:0;height:2px;width:100%}
 .nav-card-row{display:flex;flex-direction:column;gap:8px;margin-top:12px}
 .nav-card{display:grid;grid-template-columns:36px 1fr;gap:4px 12px;padding:10px 0}.nav-card svg{width:30px;height:30px;grid-row:span 2}.nav-card p{display:none}.nav-card span{grid-column:2}.nav-copy h2{font-size:19px}
 .nav-backdrop{display:none}.mobile-navigation-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.navbar *,.nav-backdrop{animation:none!important;transition:none!important}}