.hero{background-color:var(--hero-bg, var(--color-background));color:var(--hero-text, var(--color-foreground));overflow:hidden}.hero__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,5vw,6rem)}.hero--image-left .hero__media{order:-1}.hero:not(.hero--image-left) .hero__media{order:2}.hero__media{position:relative}.hero__image{width:100%;height:auto;border-radius:var(--media-radius)}.hero__image--placeholder{aspect-ratio:1 / 1;display:grid;place-items:center;background-color:var(--color-surface)}.hero__image--placeholder svg{width:60%;height:60%;opacity:.2}.hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.hero__eyebrow{display:inline-flex;align-items:center;gap:.8rem;padding:.6rem 1.4rem;border:1px solid var(--color-border);border-radius:100px;font-size:1.3rem;font-weight:500}.hero__title{margin:0}.hero__subtitle{max-width:52ch;color:var(--color-foreground-muted);font-size:clamp(1.6rem,1.6vw,1.8rem);line-height:1.65}.hero__benefits{display:grid;gap:1.2rem}.hero__benefit{display:flex;align-items:flex-start;gap:1.1rem;font-size:1.6rem;line-height:1.5}.hero__benefit-icon{flex-shrink:0;display:grid;place-items:center;width:2.2rem;height:2.2rem;color:var(--color-accent)}.hero__benefit-icon svg{width:100%;height:100%}.hero__cta{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:.8rem}.hero__cta .button{min-width:26rem}.hero__cta-note{color:var(--color-foreground-subtle);font-size:1.3rem}.hero__trust{display:flex;flex-wrap:wrap;gap:1.6rem;padding-top:.8rem}.hero__trust-item{display:inline-flex;align-items:center;gap:.6rem;color:var(--color-foreground-muted);font-size:1.35rem}.hero__trust-item svg{width:1.5rem;height:1.5rem;color:var(--color-success)}@media screen and (max-width:989px){.hero__grid{grid-template-columns:1fr}.hero--image-left .hero__media,.hero:not(.hero--image-left) .hero__media{order:-1}.hero__content{align-items:center;text-align:center}.hero__benefits{text-align:left}.hero__cta{align-items:center;width:100%}.hero__cta .button{width:100%}.hero__trust{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero.css.map */