@font-face{font-family:Hero Aileron;src:url('./fonts/Aileron-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Hero Aileron;src:url('./fonts/Aileron-Italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Hero Aileron;src:url('./fonts/Aileron-SemiBold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}


@font-face{font-family:Hero Inter;src:url('./fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Hero Inter;src:url('./fonts/inter-variable-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
.hero-compare{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px;min-height:33px;background:var(--color-surface);color:var(--color-review-text);font:11px/1.5 Arial,sans-serif}.hero-compare>div{display:flex;gap:5px}.hero-compare button{background:none;border:0;padding:9px 15px;font:inherit;cursor:pointer;color:inherit}.hero-compare button[aria-pressed=true]{background:var(--color-foreground);color:var(--color-background)}.hero-compare button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
[data-hero-font] .a-hero h1{font-size:clamp(4rem,6.2vw,6.4rem);line-height:1.02;letter-spacing:-.035em;word-spacing:.03em;font-synthesis:none;max-width:100%}
[data-hero-font=aileron] .a-hero h1{font-family:Hero Aileron,Arial,sans-serif}[data-hero-font=switzer] .a-hero h1{font-family:Hero Switzer,Arial,sans-serif}[data-hero-font=inter] .a-hero h1{font-family:Hero Inter,Arial,sans-serif}
[data-hero-font] .hero-first{font-weight:500}[data-hero-font] .hero-second{font-weight:400}[data-hero-font] .hero-third{font-weight:600}
[data-hero-font=aileron] .hero-first{font-weight:600}[data-hero-font=aileron] .hero-second{font-style:normal}
[data-hero-font=switzer] .hero-third{font-weight:500;font-style:italic}
[data-hero-font=inter] .hero-second{font-style:normal}
[data-hero-font] .hero-first,[data-hero-font] .hero-second{white-space:nowrap}
@media(max-width:1050px){[data-hero-font] .a-hero h1{font-size:clamp(3rem,6.1vw,5.4rem)}}
@media(max-width:700px){.hero-compare{padding-inline:20px;flex-wrap:wrap;gap:3px 12px}.hero-treatment{display:none}[data-hero-font] .a-hero h1{font-size:clamp(2.7rem,13vw,4.4rem);line-height:1.04;letter-spacing:-.035em}.a-hero-grid>*{min-width:0}}
