/* Shared site chrome: the header used by the landing page and every sub-page.
   Generated into the site root as /chrome.css by deploy/website-src/build.py. */
.nav,.nav *,.mnav,.mnav *{box-sizing:border-box}
.nav{position:sticky;top:0;z-index:50;background:rgba(247,249,252,.92);backdrop-filter:blur(8px);border-bottom:1px solid #dfe6f0;font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#10203b}
.nav-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:28px;padding:14px 24px}
.nav .brand{display:flex;flex:0 0 auto;align-items:center;gap:12px;color:#10203b;text-decoration:none}
.nav .brand-div{width:1px;height:24px;background:#c4d0e2}
.nav .brand>img.brand-product{height:15px}
.nav .brand>img{height:32px;width:auto;display:block;align-self:center}
.nav-links{display:flex;gap:6px;margin-left:auto;flex:1 1 auto;min-width:0;justify-content:center;align-items:center}
.nav-item{position:relative}
.nav-link{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:8px;font-size:14.5px;font-weight:500;color:#42536e;text-decoration:none;cursor:default;white-space:nowrap}
a.nav-link{cursor:pointer}
.nav-link:hover,.nav-item:hover>.nav-link,.nav-item:focus-within>.nav-link{color:#10203b;background:rgba(16,32,59,.05)}
.chev{width:11px;height:11px;color:#8b99b0;transition:transform .18s ease}
.nav-item:hover .chev,.nav-item:focus-within .chev{transform:rotate(180deg);color:#42536e}
/* dropdown: hover or keyboard focus opens it; the padding-top keeps the pointer path unbroken */
.menu{position:absolute;top:100%;left:0;padding-top:8px;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;z-index:60}
.nav-item:hover>.menu,.nav-item:focus-within>.menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.menu-wide{min-width:380px}
.menu-panel{display:flex;flex-direction:column;background:#fff;border:1px solid #dfe6f0;border-radius:12px;padding:6px;box-shadow:0 16px 40px rgba(16,32,59,.14)}
.menu-item{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:8px;text-decoration:none;color:#10203b}
.menu-item:hover{background:#f3f6fb;color:#10203b}
.menu-t{font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap}
.menu-d{font-size:12.5px;line-height:1.45;color:#5b6b84}
.nav-actions{display:flex;flex:0 0 auto;gap:10px;align-items:center;margin-left:auto}
.nav .btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:600;font-size:14px;padding:9px 18px;border-radius:9px;text-decoration:none;background:#3E4DE7;color:#fff;line-height:20px;border:1.5px solid transparent;box-shadow:none}
.nav .btn:hover{background:#1e4ab0;color:#fff}
/* mobile: checkbox-driven so it needs no script on either page */
.nav-toggle{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:8px;border:1px solid #dfe6f0;border-radius:8px;background:#fff;cursor:pointer;box-sizing:border-box}
.burger span{display:block;height:2px;background:#10203b;border-radius:2px}
.nav-toggle:focus-visible+.burger{outline:2px solid #3E4DE7;outline-offset:2px}
.mnav{display:none;flex-direction:column;gap:6px;padding:6px 24px 18px;border-top:1px solid #dfe6f0;background:#f7f9fc;max-height:calc(100vh - 65px);overflow-y:auto}
.mnav-group{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid #ecf1f8}
.mnav-group:last-child{border-bottom:0}
.mnav-k{padding:10px 0 6px;font-size:15px;font-weight:600;color:#10203b;text-decoration:none}
.mnav-group a:not(.mnav-k){padding:8px 0 8px 14px;font-size:14.5px;color:#42536e;text-decoration:none}
@media (max-width:1024px){
  .nav-links{display:none}
  .burger{display:flex}
  .nav:has(.nav-toggle:checked) .mnav{display:flex}
  .nav:has(.nav-toggle:checked) .burger{background:#eef3fa}
}

@media (max-width:560px){
  /* brand and actions no longer shrink (they used to overlap instead), so below this the
     header needs 495px it does not have: the CTA moves into the menu, which carries it. */
  .nav-actions .btn{display:none}
  .mnav-cta{display:flex;justify-content:center;margin:10px 0 4px}
}
@media (min-width:561px){.mnav-cta{display:none}}