/* VitaGen v23 — Urbanist for headlines, Manrope for reading and UI.
   The previous self-hosted Inter file remains a reliable fallback. */
:root {
  --display:'Urbanist','Inter','Helvetica Neue',Arial,sans-serif;
  --ui:'Manrope','Inter','Helvetica Neue',Arial,sans-serif;
}
body{font-family:var(--ui)!important;font-weight:400;letter-spacing:.008em}

h1,h2,h3,h4,.hero.hero-minimal .hero-minimal-inner h1,.detail-hero h1,
.detail-copy h1,.section h2,.section-wide-heading h2,.section-heading-new h2,
.deep-section-head h2,.deep-intro h2,.deep-intro-inner h2,.focus-section-head h2,
.focus-tile .focus-card-copy h3,.focus-tile--supplements .focus-card-copy h3,
.personalization-heading h2,.personalization-line h3,.compare-card h3,
.process-steps h3,.offer-card h3,.legal-card h2,.legal-card h3,
.partner-benefit h3,.partner-audience h2,.partner-support h2,.partner-intro h2,
.faq h2,.faq-grid h2{font-family:var(--display)!important}
.hero.hero-minimal .hero-minimal-inner h1{font-weight:200!important;letter-spacing:-.008em!important;line-height:1.14!important}
.detail-hero h1,.detail-copy h1{font-weight:300!important;letter-spacing:-.008em!important}
.section h2,.section-wide-heading h2,.section-heading-new h2,.deep-section-head h2,
.deep-intro h2,.focus-section-head h2,.personalization-heading h2,.faq-grid h2{
 font-weight:300!important;letter-spacing:-.012em!important
}
.focus-tile .focus-card-copy h3,.focus-tile--supplements .focus-card-copy h3,
.personalization-line h3,.offer-card h3,.deep-card h3,.compare-card h3{
 font-weight:400!important;letter-spacing:-.010em!important
}

body p,body li,body small,.site-nav,.site-nav a,.brand,.brand strong,.brand small,
.nav-toggle,.nav-cta,.footer-links,.button,.button-submit,.button-primary,.button-ghost,
.offer-button,.offer-price,.offer-price strong,.offer-type,.offer-mini-label,
.offer-description,.offer-list,.focus-products,.focus-tile-action,.focus-desc,
.detail-intro,.detail-hero-cta,.breadcrumb,.compare-foot,.quality-list,
.process-steps,.contact-form,.partner-form,input,textarea,select,button,label,
.site-footer,.footer-bottom,.faq summary,.accordion details,.deep-chip-list,
.deep-inclusion,.deep-card p,.deep-plus-list,.partner-benefit p,.audience-card p,
.personalization-line-copy p{font-family:var(--ui)!important}
.brand strong{font-weight:500!important;letter-spacing:0em}
.site-nav a,.nav-cta{font-weight:500;letter-spacing:.028em}
.offer-price strong{font-weight:500!important;letter-spacing:-.015em!important}
.button,.button-submit,.button-primary,.offer-button{font-weight:500}
input,textarea,select,button{font-weight:400}
.section p,.detail-main p,.faq details p{line-height:1.73}
@media(max-width:760px){
 .hero.hero-minimal .hero-minimal-inner h1{letter-spacing:-.006em!important}
 .focus-tile .focus-card-copy h3,.focus-tile--supplements .focus-card-copy h3{
  letter-spacing:-.008em!important
 }
}


/* v23 — more air between glyphs, without losing the Urbanist + Manrope hierarchy. */
body p,body li,body label,body input,body textarea,body select,body button{
  letter-spacing:.012em;
}
.section p,.detail-main p,.faq details p,.focus-desc,.detail-intro,
.personalization-line-copy p,.offer-description,.offer-list li{letter-spacing:.01em!important}
.hero.hero-minimal .hero-minimal-inner{
  flex-direction:column;
  gap:clamp(19px,2.5vw,30px);
}
.hero.hero-minimal .hero-minimal-inner h1{
  font-weight:200!important;
  letter-spacing:-.008em!important;
  line-height:1.14!important;
}
.hero.hero-minimal .hero-minimal-inner .hero-subline{
  font-family:var(--ui)!important;
  font-size:clamp(15px,1.5vw,18px);
  font-weight:300;
  letter-spacing:.025em!important;
  line-height:1.7;
  color:rgba(247,252,251,.84);
  text-align:center;
  max-width:810px;
  margin:0 auto;
  text-wrap:balance;
}
@media(max-width:760px){
  .hero.hero-minimal .hero-minimal-inner{gap:21px}
  .hero.hero-minimal .hero-minimal-inner h1{
    font-weight:200!important;
    letter-spacing:-.006em!important;
    line-height:1.13!important;
  }
  .hero.hero-minimal .hero-minimal-inner .hero-subline{
    font-size:clamp(13.5px,3.7vw,16px);
    font-weight:400;
    letter-spacing:.018em!important;
    line-height:1.68;
    max-width:530px;
  }
}