/* Keep primary navigation above all scrolling page content. */
header.nav,header.nav.scrolled{position:fixed!important;inset:0 0 auto!important;z-index:1000!important;width:100%;height:78px!important;box-sizing:border-box;background:#fff!important;opacity:1!important;transform:none!important;visibility:visible!important}
header.nav nav{display:flex!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;gap:20px;background:#fff!important}
header.nav nav a{display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:0 10px;color:#45454b!important;white-space:nowrap}
header.nav nav a.active{color:#111!important;background:#f0eff7!important;border-radius:7px}
header.nav nav a.active:after{display:none}
header.nav nav a:focus-visible{outline:2px solid #7565ff;outline-offset:2px}
@media(max-width:760px){header.nav,header.nav.scrolled{height:108px!important;padding:8px 16px 0!important;display:grid!important;grid-template-columns:1fr auto;grid-template-rows:50px 50px;gap:0!important}header.nav .brand{grid-column:1;grid-row:1}header.nav .nav-right{grid-column:2;grid-row:1}header.nav nav{grid-column:1/-1;grid-row:2;width:100%;height:50px;inset:auto!important;max-height:none!important;padding:0!important;border:0!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px!important}header.nav nav a{font-size:14px!important;min-height:44px!important;padding:0 6px!important}header.nav .menu{display:none!important}}
/* Compact text navigation, anchored at the upper left. */
header.nav,header.nav.scrolled{height:58px!important;padding:0 20px!important;display:flex!important;justify-content:flex-start!important;gap:24px!important}
header.nav nav{order:-1!important;display:flex!important;width:auto!important;height:auto!important;gap:18px!important;margin:0!important;padding:0!important}
header.nav nav a,header.nav nav a.active{padding:0!important;min-height:44px!important;background:transparent!important;border-radius:0!important;font-size:14px!important;font-weight:500}
header.nav nav a.active{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
header.nav .brand{margin-left:auto!important}header.nav .nav-right{margin-left:0}
@media(max-width:760px){header.nav,header.nav.scrolled{height:54px!important;padding:0 12px!important;gap:10px!important}header.nav nav{gap:16px!important}header.nav nav a{font-size:13px!important;min-height:44px!important}header.nav .nav-right{display:none!important}header.nav .wordmark{font-size:14px!important;letter-spacing:-.04em!important}header.nav .wordmark small{display:none!important}}
@media(max-width:350px){header.nav nav{gap:12px!important}header.nav .wordmark{font-size:12px!important}}
body[data-page="pricing"] main#main{padding-top:66px!important}
#websites .website-demo{top:64px}
@media(max-height:620px),(prefers-reduced-motion:reduce){#websites .website-demo{top:auto}}

@supports(overflow:clip){html,body{overflow-x:clip!important}}