/* One heading scale, loaded last on every page. */
:root{--heading-1:clamp(30px,3.8vw,48px);--heading-2:clamp(28px,2.7vw,36px);--heading-3:clamp(22px,2vw,24px)}
@layer recompraTypography {
html body[data-page] main h1,
html body[data-page] main .hero h1{font-family:Manrope,Arial,sans-serif!important;font-size:var(--heading-1)!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.045em!important}
html body[data-page] main h2,
html body[data-page] main section h2,
html body[data-page] main .register-card h2{font-family:Manrope,Arial,sans-serif!important;font-size:var(--heading-2)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.035em!important}
html body[data-page] main h3,
html body[data-page] main section h3{font-family:Manrope,Arial,sans-serif!important;font-size:var(--heading-3)!important;font-weight:800!important;line-height:1.25!important;letter-spacing:-.025em!important}
html body[data-page] main .big{font-size:clamp(24px,2.2vw,30px)!important;line-height:1.4!important}

}