:root{
  --site-font:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --site-content-width:1240px;
  --site-reading-width:800px;
  --site-gutter:clamp(20px,5vw,64px);
}

body.site-page{
  --sans:var(--site-font);
  --serif:var(--site-font);
  font-family:var(--site-font)!important;
}

body.landing-active{
  --public-sans:var(--site-font);
  --public-serif:var(--site-font);
  --font-b:var(--site-font);
  --font-d:var(--site-font);
}

body.site-page :is(h1,h2,h3,h4,h5,h6),
body.site-page :is(button,input,select,textarea),
body.landing-active .landing-page :is(h1,h2,h3,h4,h5,h6),
body.landing-active .landing-page :is(button,input,select,textarea){
  font-family:var(--site-font)!important;
}

body.site-page :is(.nav-links a,.seo-nav .nav-links a,.landing-nav a,.nav-btn-primary,.nav-btn-ghost),
body.landing-active .landing-page :is(.landing-nav a,.landing-tool-link,.landing-start-btn){
  font-family:var(--site-font)!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

body.site-page :is(.eyebrow,.hero-kicker,.section-eyebrow,.pricing-details-eyebrow),
body.landing-active .landing-page :is(.section-eyebrow,.creator-eyebrow,.landing-kicker){
  font-family:var(--site-font)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}

body.site-page :is(.inner,.narrow,.tools-grid){
  width:min(var(--site-content-width),100%)!important;
  max-width:var(--site-content-width)!important;
  margin-right:auto!important;
  margin-left:auto!important;
}

body.site-page :is(.page-hero,.page-section,.page-band){
  padding-right:var(--site-gutter);
  padding-left:var(--site-gutter);
}

body.site-page .examples-hero{
  width:min(var(--site-content-width),100%)!important;
  max-width:var(--site-content-width)!important;
  padding-right:var(--site-gutter)!important;
  padding-left:var(--site-gutter)!important;
}

body.site-page .pricing-wrap{
  padding-right:var(--site-gutter)!important;
  padding-left:var(--site-gutter)!important;
}

body.site-page :is(.pricing-grid,.pricing-note,.pricing-details){
  width:min(var(--site-content-width),100%)!important;
  max-width:var(--site-content-width)!important;
}

body.site-page .legal{
  width:min(var(--site-content-width),100%)!important;
  max-width:var(--site-content-width)!important;
}

body.landing-active .landing-page :is(.section-how,.section-tools,.section-creator,.section-faq){
  padding-right:var(--site-gutter)!important;
  padding-left:var(--site-gutter)!important;
}

body.landing-active .landing-page .tools-grid{
  width:min(var(--site-content-width),100%)!important;
  max-width:var(--site-content-width)!important;
}

body.landing-active .landing-page :is(.steps,.tools-grid,.landing-faq-grid,.creator-inner){
  width:min(var(--site-content-width),100%)!important;
  max-width:var(--site-content-width)!important;
  margin-right:auto!important;
  margin-left:auto!important;
}

body.landing-active .landing-page .creator-bio{
  max-width:760px;
}

@media(min-width:901px){
  body.landing-active .landing-page .landing-footer{
    padding-right:max(var(--site-gutter),calc((100% - var(--site-content-width)) / 2))!important;
    padding-left:max(var(--site-gutter),calc((100% - var(--site-content-width)) / 2))!important;
  }
}

@media(max-width:760px){
  body.site-page :is(.page-hero,.page-section,.page-band){
    padding-right:20px;
    padding-left:20px;
  }
  body.site-page .legal{
    width:100%!important;
  }
}