/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(assets/fonts/site-variable-0.woff2?v=20261013) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(assets/fonts/site-variable-1.woff2?v=20261013) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* One shared header grid, independent of session restoration. */
:root{--account-button-width:142px;--account-top:18px;--header-gutter:24px}
@media(max-width:1100px){:root{--header-gutter:28px}}
@media(max-width:760px){:root{--header-gutter:20px}}
@media(max-width:600px){:root{--account-top:70px}}
@media(max-width:380px){:root{--header-gutter:16px}}
moonsay-account{position:absolute;top:var(--account-top);right:var(--header-gutter);width:var(--account-button-width);height:44px;z-index:20}
body>header>moonsay-account{display:none}
:is(body.is-plans,body.contact-page,html[data-loading-surface="plans"] body.is-restoring)>header>moonsay-account{display:block}
:is(body.is-plans,body.contact-page,html[data-loading-surface="plans"] body.is-restoring)>header{position:relative;min-height:88px}
body.is-plans>header>nav{visibility:hidden}
@media(max-width:600px){:is(body.is-plans,body.contact-page,html[data-loading-surface="plans"] body.is-restoring)>header{min-height:132px;align-items:flex-start}}
/* Shared brand anchor and typography, with page-specific subtitle copy. */
.site-header .nav>.brand,:is(body.is-plans,body.contact-page,html[data-loading-surface="plans"] body.is-restoring)>header>.brand{position:absolute;left:24px;top:18px;display:grid;grid-template-columns:36px auto;column-gap:10px;row-gap:0;align-items:center;margin:0;padding:0;color:#f7f3e7;font:600 24px/normal -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.8px;text-decoration:none}
.site-header .nav>.brand>span,:is(body.is-plans,body.contact-page,html[data-loading-surface="plans"] body.is-restoring)>header>.brand>span{display:block;grid-column:2;grid-row:2;margin:3px 0 0;padding:0;color:#dedbd0;font:400 10px/normal -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.15px}
.site-header .brand .account-brand-logo,:is(body.is-plans,body.contact-page,html[data-loading-surface="plans"] body.is-restoring) .account-brand-logo{display:block;position:relative;grid-row:1 / span 2;width:36px;height:36px;border-radius:50%;overflow:hidden;filter:drop-shadow(0 0 5px #ffd67a66)}
.site-header .brand .account-brand-logo img,:is(body.is-plans,body.contact-page,html[data-loading-surface="plans"] body.is-restoring) .account-brand-logo img{position:absolute;width:142.22%;height:142.22%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(min-width:1101px){.site-header .nav nav{grid-column:2}.site-header .nav{min-height:88px}}
@media(max-width:1100px){.site-header .nav>.brand,:is(body.is-plans,body.contact-page,html[data-loading-surface="plans"] body.is-restoring)>header>.brand{left:28px}.site-header .nav{padding-top:76px}}
@media(max-width:760px){.site-header .nav>.brand,:is(body.is-plans,body.contact-page,html[data-loading-surface="plans"] body.is-restoring)>header>.brand{left:20px}}
@media(max-width:600px){.site-header .nav{padding-top:126px}.site-header .nav nav{margin-top:0}}
@media(max-width:380px){.site-header .nav>.brand,:is(body.is-plans,body.contact-page,html[data-loading-surface="plans"] body.is-restoring)>header>.brand{left:16px}}

html[data-loading-surface="plans"] body.is-restoring>header{max-width:none;width:100%;margin:0}


/* Sign Up and the account trigger share one fixed width. */
.hero-layout .hero-action-group .hero-start .btn,.hero-layout .hero-action-group .hero-start .btn .raised-face{width:var(--account-button-width);box-sizing:border-box}

/* Keep the homepage brand and account trigger on one mobile row. */
@media(max-width:600px){
 body.home-page .site-header .nav{padding-top:76px}
 body.home-page .site-header .nav>moonsay-account{top:18px;height:43px;display:flex;align-items:center}
}
@media(max-width:340px){
 body.home-page .site-header .nav>.brand{font-size:22px;min-height:43px}
}