/* Shared homepage, help, legal and account header. */
.site-header {
  --header-gutter:32px;
  --header-hair:rgba(255,255,255,.06);
  position:sticky;top:0;left:0;right:0;z-index:50;
  color:#ececee;background:rgba(9,9,11,.82);border-bottom:1px solid var(--header-hair);
  backdrop-filter:saturate(1.4) blur(14px);
  font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  transition:background .35s,border-color .35s,backdrop-filter .35s;
}
.site-header[data-home]{position:fixed;background:transparent;border-bottom-color:transparent;backdrop-filter:none}
.site-header[data-home].is-scrolled{background:rgba(9,9,11,.72);border-bottom-color:var(--header-hair);backdrop-filter:saturate(1.4) blur(14px)}
.site-header .header-inner{box-sizing:border-box;width:min(100% - var(--header-gutter)*2,1200px);max-width:none;margin-inline:auto;padding:0;height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.site-header .brand{display:inline-flex;align-items:center;text-decoration:none;width:max-content}
.site-header .brand-lockup{display:block;width:118px;height:auto}
.site-header .header-nav{display:flex;align-items:center;justify-self:center;gap:2px;margin:0;padding:4px;border:1px solid var(--header-hair);border-radius:12px;background:rgba(255,255,255,.025)}
.site-header .header-nav a{font-size:14px;color:#b9bac3;text-decoration:none;padding:7px 14px;border-radius:9px;transition:color .2s,background .2s;white-space:nowrap}
.site-header .header-nav a:hover,.site-header .header-nav a[aria-current=page]{color:#fff;background:var(--header-hair)}
.site-header .nav-download{display:none}
.site-header .header-download{justify-self:end;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:9px;font-size:14px;font-weight:600;text-decoration:none;color:#fff;background:#141517;border:1px solid #2a2b2f;white-space:nowrap}
.site-header .header-download:hover{background:#1a1b1e;border-color:#3a3b41}
.site-header .header-download .ico{width:1em;height:1em;color:#a3a9fa;flex:none}
.site-header .header-download[aria-disabled=true]{color:#b4b5bd;cursor:default}
.site-header .header-download[aria-disabled=true] .ico{display:none}
.site-header .placeholder-note{display:inline-block;flex:none;padding:3px 6px;border:1px solid currentColor;border-radius:5px;font:650 9.5px/1 ui-monospace,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;opacity:.8}
.site-header .nav-toggle{display:none;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid #2a2b2f;background:#141517;color:#e6e7ec;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;margin:0}
.site-header .burger{position:relative;width:16px;height:10px}
.site-header .burger i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .3s,top .3s}
.site-header .burger i:first-child{top:0}.site-header .burger i:last-child{top:8px}
.site-header .nav-toggle[aria-expanded=true] .burger i:first-child{top:4px;transform:rotate(45deg)}
.site-header .nav-toggle[aria-expanded=true] .burger i:last-child{top:4px;transform:rotate(-45deg)}
.site-header :focus-visible{outline:2px solid #a3a9fa;outline-offset:3px;border-radius:6px}
.scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#7c85f5 30%,#a3a9fa);transform-origin:0 50%;transform:scaleX(var(--progress,0));opacity:.8}
@media(max-width:1200px){
  .site-header .header-inner{display:flex;gap:16px}
  .site-header .nav-toggle{display:inline-flex;margin-left:auto;font-family:inherit;font-size:14px;font-weight:600}
  .site-header .header-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;align-items:stretch;gap:2px;padding:10px var(--header-gutter) 18px;background:#0c0c0f;border:0;border-bottom:1px solid #2a2b2f;border-radius:0;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
  .site-header .header-nav.open{display:flex;animation:menuIn .28s ease}
  .site-header .header-nav a{display:flex;align-items:center;min-height:48px;padding:0 12px;font-size:16px;color:#e3e4ea}
  .site-header .header-nav a:not(.nav-download){margin-inline:-12px}
  .site-header .header-nav .nav-download{display:none;justify-content:center;gap:10px;margin-top:10px;background:#7c85f5;color:#0b0c1a;font-weight:650;white-space:normal;flex-wrap:wrap}
  .site-header:has(.header-nav.open){background:#0c0c0f;border-bottom-color:#2a2b2f}
  .site-header .header-download{min-height:44px}
}
@media(max-width:900px){.site-header{--header-gutter:28px}}
@media(max-width:640px){
  .site-header{--header-gutter:20px}
  .site-header .header-inner{height:60px}
  .site-header .brand-lockup{width:104px}
  .site-header .header-download{display:none}
  .site-header .header-nav .nav-download{display:flex}
}
@media(pointer:coarse) and (min-width:1201px){.site-header .header-nav a,.site-header .header-download,.site-header .brand{min-height:44px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header *{animation:none!important;transition:none!important}}
@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}