.home-start .reference-header{height:clamp(90px,6.6vw,124px);border-top:0;border-bottom:1px solid #d5e0ff;background:#fff;color:#080f35}
.home-start .reference-header .site-nav{height:100%;width:calc(100% - 96px);max-width:none;grid-template-columns:1fr auto 1fr;gap:24px}
.home-start .reference-header .site-nav__brand{font-size:clamp(22px,1.7vw,32px);color:#080f35;font-weight:850;gap:24px;letter-spacing:-1.1px}
.reference-header .barcode-logo{width:62px;height:62px;border-radius:15px;background:linear-gradient(145deg,#0c2452,#07132e);gap:4px;box-shadow:0 6px 14px #0a204322}
.reference-header .barcode-logo i{height:33px;width:3px}.reference-header .barcode-logo i:nth-child(2){height:40px;width:4px}.reference-header .barcode-logo i:nth-child(3){height:35px}.reference-header .barcode-logo i:nth-child(4){height:42px;width:3px}.reference-header .barcode-logo i:nth-child(5){height:31px}
.home-start .reference-header .site-nav__links{width:clamp(610px,41.6vw,782px);height:82px;padding:7px;box-sizing:border-box;gap:0;border-radius:48px;background:#eaf0ff;display:grid;grid-template-columns:1.08fr 1.2fr .8fr;font-size:20px;color:#080f35;font-weight:600}
.home-start .reference-header .site-nav__links>details,.home-start .reference-header .site-nav__links>a{min-width:0;height:100%}
.home-start .reference-header .site-nav__links summary,.home-start .reference-header .site-nav__links>a{padding:0;display:flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:40px;color:inherit;box-sizing:border-box}
.reference-header .site-nav__links summary{height:100%}.reference-header .site-nav__links summary span{margin:0}.reference-header .site-nav__links svg{width:34px;height:34px;flex-shrink:0;color:#112a58}
.reference-header .header-active{background:white;box-shadow:0 9px 18px #233d7220;font-weight:750}.reference-header .header-active svg{color:#073bff}
.reference-header .header-chevron{font-size:22px;line-height:1}.home-start .reference-header .site-nav__actions{justify-self:end;gap:26px;grid-column:3;grid-row:1}
.reference-header .header-action-divider{height:32px;width:1px;background:#aabde9}
.home-start .reference-header .theme-toggle,.reference-header .header-help summary{width:58px;height:58px;border:0;border-radius:50%;background:#edf2ff;color:#0a1946;display:grid;place-items:center;padding:0;box-sizing:border-box}
.reference-header .header-help svg{width:34px;height:34px}.home-start .reference-header .theme-toggle::before{content:'';width:29px;height:29px;background:currentColor;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M21 2a14 14 0 1 0 10 21A15 15 0 0 1 21 2Z"/></svg>') center/contain no-repeat}
.home-start .reference-header .theme-toggle span{display:none}.reference-header .header-cta[hidden]{display:none!important}
.reference-header .start-nav-menu>div{top:calc(100% + 14px);left:0;text-align:left}.reference-header .header-help>div{left:auto;right:0}.home-start .reference-header .start-nav-menu>div a{padding:12px 16px;font-size:15px}
html[data-theme=dark] .reference-header{background:#101929;border-color:#334158}html[data-theme=dark] .home-start .reference-header :is(.site-nav__brand,.site-nav__links){color:#e7eeff}html[data-theme=dark] .reference-header :is(.site-nav__links,.theme-toggle,.header-help summary){background:#22314c!important;color:#e7eeff!important}html[data-theme=dark] .reference-header .header-active{background:#354968}html[data-theme=dark] .reference-header svg{color:#c7d8ff}html[data-theme=dark] .home-start .reference-header .theme-toggle::before{mask:none;background:none;content:'☀';font-size:30px;line-height:29px}
@media(max-width:1500px){.home-start .reference-header .site-nav{width:calc(100% - 48px);gap:18px}.home-start .reference-header .site-nav__brand{gap:14px}.reference-header .barcode-logo{width:48px;height:48px;border-radius:12px}.home-start .reference-header .site-nav__links{height:66px;font-size:16px;width:610px}.home-start .reference-header .site-nav__links summary,.home-start .reference-header .site-nav__links>a{gap:12px}.reference-header .site-nav__links svg{width:28px;height:28px}.home-start .reference-header .site-nav__actions{gap:16px}.home-start .reference-header .theme-toggle,.reference-header .header-help summary{width:46px;height:46px}}
@media(max-width:1150px){.home-start .reference-header{height:auto}.home-start .reference-header .site-nav{grid-template-columns:1fr auto;padding:16px 0;gap:16px}.home-start .reference-header .site-nav__actions{grid-column:2}.home-start .reference-header .site-nav__links{grid-row:2;grid-column:1/-1;width:min(782px,100%);justify-self:center}.home-start .reference-header .site-nav__brand{font-size:24px}}
@media(max-width:600px){.home-start .reference-header .site-nav{width:calc(100% - 28px);padding:12px 0;gap:14px}.home-start .reference-header .site-nav__brand{font-size:18px;gap:9px;letter-spacing:-.6px}.reference-header .barcode-logo{width:36px;height:38px;border-radius:9px;gap:3px}.reference-header .barcode-logo i{transform:scaleY(.72);width:2px!important}.home-start .reference-header .site-nav__actions{gap:8px}.reference-header .header-action-divider{display:none}.home-start .reference-header .theme-toggle,.reference-header .header-help summary{width:32px;height:32px}.reference-header .header-help svg{width:24px;height:24px}.home-start .reference-header .theme-toggle::before{width:22px;height:22px}.home-start .reference-header .site-nav__links{height:54px;font-size:12px;padding:5px;grid-template-columns:1.06fr 1.28fr .8fr}.home-start .reference-header .site-nav__links summary,.home-start .reference-header .site-nav__links>a{gap:6px}.reference-header .site-nav__links svg{width:20px;height:20px}.reference-header .header-chevron{display:none}.reference-header .header-matrix-menu>div{left:auto;right:0}}

/* Compact header and shared animated navigation highlight. */
@media(min-width:1151px){.home-start .reference-header{height:80px}.home-start .reference-header .site-nav{width:calc(100% - 64px);gap:20px}.home-start .reference-header .site-nav__brand{font-size:24px;gap:14px;letter-spacing:-.7px}.reference-header .barcode-logo{width:44px;height:44px;border-radius:11px;gap:3px}.reference-header .barcode-logo i{transform:scaleY(.75)}.home-start .reference-header .site-nav__links{width:600px;height:56px;padding:5px;font-size:16px}.home-start .reference-header .site-nav__links summary,.home-start .reference-header .site-nav__links>a{gap:12px}.reference-header .site-nav__links svg{width:26px;height:26px}.home-start .reference-header .theme-toggle,.reference-header .header-help summary{width:40px;height:40px}.reference-header .header-help svg{width:26px;height:26px}.home-start .reference-header .theme-toggle::before{width:24px;height:24px}.home-start .reference-header .site-nav__actions{gap:18px}.reference-header .header-action-divider{height:24px}}
.home-start .reference-header .site-nav__links{position:relative;isolation:isolate}
.reference-header .nav-highlight{position:absolute;left:0;top:5px;height:calc(100% - 10px);width:var(--highlight-width,0px);transform:translateX(var(--highlight-x,5px));border-radius:999px;background:#fff;box-shadow:0 4px 12px #253f7718;pointer-events:none;z-index:-1;transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1)}
.reference-header .header-active{background:transparent!important;box-shadow:none!important}
.reference-header .site-nav__links summary,.reference-header .site-nav__links>a{transition:color .2s}
.reference-header .site-nav__links .is-highlighted{color:#123cff!important}
.reference-header .site-nav__links .is-highlighted svg{color:#123cff}
html[data-theme=dark] .reference-header .nav-highlight{background:#354968;box-shadow:0 3px 12px #0002}
html[data-theme=dark] .reference-header .site-nav__links .is-highlighted{color:#e7eeff!important}
@media(prefers-reduced-motion:reduce){.reference-header .nav-highlight{transition:none}}

@media(min-width:1151px){.home-start .reference-header{height:64px}.home-start .reference-header .site-nav__brand{font-size:21px;gap:11px}.reference-header .barcode-logo{width:36px;height:36px;border-radius:9px}.reference-header .barcode-logo i{transform:scaleY(.6)}.home-start .reference-header .site-nav__links{width:540px;height:46px;font-size:14px;padding:5px}.reference-header .site-nav__links svg{width:23px;height:23px}.home-start .reference-header .site-nav__links summary,.home-start .reference-header .site-nav__links>a{gap:10px}.home-start .reference-header .theme-toggle,.reference-header .header-help summary{width:34px;height:34px}.reference-header .header-help svg{width:23px;height:23px}.home-start .reference-header .theme-toggle::before{width:21px;height:21px}.home-start .reference-header .site-nav__actions{gap:14px}.reference-header .header-action-divider{height:20px}}
@media(max-width:1150px){.home-start .reference-header .site-nav{padding-top:10px;padding-bottom:10px;row-gap:10px}.home-start .reference-header .site-nav__links{height:46px}}

/* Keep dropdowns above the hero and its decorative layers. */
.home-start .reference-header{position:relative;z-index:100}
.reference-header .start-nav-menu>div{background:#fff;opacity:1;z-index:110}
html[data-theme=dark] .reference-header .start-nav-menu>div{background:#162238}