/* One menu vocabulary, with a surface tailored to each landing concept. */
.sw-site-header {
  --nav-height:72px;
  --nav-ink:#22252c;
  --nav-muted:#555b66;
  --nav-surface:#fffffff2;
  --nav-panel:#fff;
  --nav-line:#dedfe6;
  --nav-hover:#eff1f5;
  --nav-accent:#25272d;
  --nav-radius:8px;
  --nav-gutter:40px;
  --nav-logo-size:21px;
}
.sw-site-header[data-nav-variant='1'] {
  --nav-height:104px;
  --nav-ink:#171820;
  --nav-muted:#5e606e;
  --nav-surface:#f0f1f7ed;
  --nav-panel:#f6f7fc;
  --nav-line:#d4d6e2;
  --nav-hover:#e7e9f3;
  --nav-accent:#3049f6;
  --nav-radius:999px;
  --nav-gutter:clamp(20px,4.5vw,72px);
  --nav-logo-size:24px;
}
.sw-site-header[data-nav-variant='3'] {
  --nav-height:62px;
  --nav-ink:#1d1d1f;
  --nav-muted:#68686e;
  --nav-surface:#f5f3eecc;
  --nav-panel:#fafafa;
  --nav-line:#d6d5d2;
  --nav-hover:#ebe9e6;
  --nav-accent:#1d1d1f;
  --nav-radius:999px;
  --nav-gutter:56px;
  --nav-logo-size:19px;
}
header.sw-site-header,#header.sw-site-header,.sw-site-header.nav.is-dark {
  display:block;
  height:var(--nav-height);
  padding:0;
  color:var(--nav-ink);
  background:var(--nav-surface);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid transparent;
  box-shadow:none;
  z-index:40;
}
.sw-site-header.is-scrolled,.sw-site-header.scrolled,#header.sw-site-header.scrolled {
  background:var(--nav-surface);
  border-bottom-color:color-mix(in srgb,var(--nav-line) 50%,transparent);
}
.sw-site-header .sw-nav-shell {
  display:flex;
  align-items:center;
  height:100%;
  width:min(1320px,calc(100% - var(--nav-gutter) * 2));
  margin:0 auto;
  gap:36px;
}
.sw-site-header .sw-nav-brand {
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  gap:8px;
  font-family:inherit;
  font-size:var(--nav-logo-size);
  font-weight:730;
  line-height:1;
  letter-spacing:-.055em;
  text-decoration:none;
  color:var(--nav-ink);
}
.sw-site-header .sw-nav-brand svg { width:24px; height:24px; fill:currentColor; stroke:none; flex-shrink:0; }
.sw-site-header .sw-nav-menu { display:flex; align-items:center; gap:5px; margin:0; padding:0; }
.sw-site-header .sw-nav-item {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  min-height:44px;
  padding:0 12px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--nav-muted);
  font-family:inherit;
  font-size:14px;
  font-weight:550;
  line-height:1.3;
  letter-spacing:-.02em;
  white-space:nowrap;
  cursor:pointer;
  transition:color .2s,background .2s;
}
.sw-site-header .sw-nav-item:hover { color:var(--nav-ink); background:var(--nav-hover); }
.sw-site-header .sw-nav-actions { display:flex; align-items:center; margin-left:auto; gap:8px; }
.sw-site-header .sw-nav-contact,.sw-site-header .sw-nav-trial {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  height:38px;
  padding:0 17px;
  border:1px solid var(--nav-line);
  border-radius:var(--nav-radius);
  background:transparent;
  color:var(--nav-ink);
  font-family:inherit;
  font-size:13px;
  font-weight:550;
  line-height:1;
  letter-spacing:-.02em;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:none;
  transition:background .2s,filter .2s;
}
.sw-site-header .sw-nav-contact:hover { background:var(--nav-hover); }
.sw-site-header .sw-nav-trial { color:#fff; background:var(--nav-accent); border-color:var(--nav-accent); }
.sw-site-header .sw-nav-trial:hover { filter:brightness(1.17); }
.sw-site-header .sw-nav-toggle { display:none; }
.sw-site-header :focus-visible { outline:2px solid #5578d8; outline-offset:4px; }
@media(max-width:1199px) {
 .sw-site-header .sw-nav-shell { gap:22px; }
 .sw-site-header .sw-nav-menu { gap:0; }
 .sw-site-header .sw-nav-item { padding-inline:9px; font-size:13px; }
 .sw-site-header .sw-nav-contact,.sw-site-header .sw-nav-trial { padding-inline:14px; }
}
@media(max-width:1099px) {
 .sw-site-header { --nav-gutter:32px; }
 .sw-site-header .sw-nav-menu {
   display:flex;
   position:absolute;
   top:100%; left:0; right:0;
   flex-direction:column;
   align-items:stretch;
   gap:0;
   padding:14px var(--nav-gutter) 22px;
   background:var(--nav-panel);
   border-bottom:1px solid var(--nav-line);
   box-shadow:0 24px 40px #11172814;
   backdrop-filter:blur(24px);
   -webkit-backdrop-filter:blur(24px);
   visibility:hidden;
   opacity:0;
   transform:translateY(-6px);
   max-height:calc(100svh - var(--nav-height));
   overflow-y:auto;
   overscroll-behavior:contain;
   transition:opacity .2s,transform .2s,visibility .2s;
 }
 .sw-site-header .sw-nav-menu.is-open { visibility:visible; opacity:1; transform:none; }
 .sw-site-header .sw-nav-menu .sw-nav-item { min-height:50px; justify-content:flex-start; padding:10px 0; font-size:17px; border-radius:0; border-bottom:1px solid color-mix(in srgb,var(--nav-line) 55%,transparent); }
 .sw-site-header .sw-nav-menu .sw-nav-item:last-child { border-bottom:0; }
 .sw-site-header .sw-nav-menu .sw-nav-item::after { content:'↗'; margin-left:auto; font-size:16px; opacity:.45; }
 .sw-site-header .sw-nav-toggle { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; width:38px; height:38px; padding:0; margin:0 0 0 4px; border:0; border-radius:8px; color:var(--nav-ink); background:transparent; cursor:pointer; }
 .sw-nav-toggle>span { display:block; width:18px; height:1.5px; border-radius:1px; background:currentColor; transition:transform .2s; }
 .sw-nav-toggle[aria-expanded='true']>span:first-child { transform:translateY(3.25px) rotate(45deg); }
 .sw-nav-toggle[aria-expanded='true']>span:last-child { transform:translateY(-3.25px) rotate(-45deg); }
 .sw-site-header .sw-nav-toggle:hover { background:var(--nav-hover); }
}
@media(max-width:767px) {
 .sw-site-header,.sw-site-header[data-nav-variant='1'],.sw-site-header[data-nav-variant='3'] { --nav-height:64px; --nav-gutter:20px; --nav-logo-size:18px; }
 .sw-site-header[data-nav-variant='3'] { --nav-height:56px; }
 .sw-site-header .sw-nav-shell { gap:12px; }
 .sw-site-header .sw-nav-brand { gap:6px; }
 .sw-site-header .sw-nav-brand svg { width:21px; height:21px; }
 .sw-site-header .sw-nav-actions { gap:6px; }
 .sw-site-header .sw-nav-contact,.sw-site-header .sw-nav-trial { height:34px; padding-inline:12px; font-size:11px; }
 .sw-site-header .sw-nav-toggle { width:32px; height:36px; margin:0; }
 .sw-site-header .sw-nav-menu .sw-nav-item { font-size:16px; }
}
@media(max-width:374px) {
 .sw-site-header,.sw-site-header[data-nav-variant='1'],.sw-site-header[data-nav-variant='3'] { --nav-gutter:14px; --nav-logo-size:16px; }
 .sw-site-header .sw-nav-brand { gap:5px; }
 .sw-site-header .sw-nav-brand svg { width:18px; height:18px; }
 .sw-site-header .sw-nav-shell { gap:8px; }
 .sw-site-header .sw-nav-actions { gap:5px; }
 .sw-site-header .sw-nav-contact,.sw-site-header .sw-nav-trial { padding-inline:9px; font-size:10px; }
 .sw-site-header .sw-nav-toggle { width:30px; }
}
@media(prefers-reduced-motion:reduce) { .sw-site-header * { transition:none!important; } }
