.g-hero{padding:8.8rem 1.6rem 3.2rem}@media screen and (min-width:990px){.g-hero{padding:10.4rem 8rem 8rem}}.g-hero__inner{max-width:var(--g-page, 128rem);margin:0 auto;display:flex;flex-direction:column;gap:2.4rem}@media screen and (min-width:990px){.g-hero__inner{flex-direction:row;align-items:center;gap:4rem}}.g-hero__copy{order:2;display:flex;flex-direction:column;align-items:center;gap:1.6rem;text-align:center}@media screen and (min-width:990px){.g-hero__copy{order:1;flex:1;gap:2.4rem}}.g-hero__rating{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .8rem;font-size:1.4rem}.g-hero__rating .g-stars svg{width:1.3rem;height:1.3rem}.g-hero__rating b,.g-hero__rating strong{color:var(--g-green)}.g-hero__heading{margin:0;font-family:var(--font-body-family);font-weight:700;font-size:clamp(3.2rem,4.2vw,5.6rem);line-height:1.1;letter-spacing:-.05em;color:var(--g-ink)}.g-hero__heading b,.g-hero__heading strong{color:var(--g-green)}.g-hero__cta{width:100%;display:flex;flex-direction:column;gap:.6rem}@media screen and (min-width:990px){.g-hero__cta{max-width:28rem}}.g-hero__notes{display:flex;justify-content:center;gap:1.6rem;font-size:1.2rem;font-weight:500}.g-hero__notes span{display:inline-flex;align-items:center;gap:.4rem}.g-hero__notes svg{width:1.4rem;height:1.4rem;color:var(--g-green)}.g-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;width:100%;max-width:52rem;margin:0;padding:0}.g-hero__stat{display:flex;flex-direction:column;align-items:center;gap:.6rem}.g-hero__stat-badge{display:flex;align-items:center;justify-content:center;width:8.8rem;height:8.8rem;border-radius:50%;background:var(--g-green);color:#fff;font-family:var(--g-display);font-weight:800;font-size:3.2rem;letter-spacing:-.04em;box-shadow:inset 0 0 0 .4rem var(--g-yellow)}@media screen and (min-width:990px){.g-hero__stat-badge{width:10.4rem;height:10.4rem;font-size:3.6rem}}.g-hero__stat-label{margin:0;font-weight:700;font-size:1.6rem;line-height:1.1}.g-hero__stat-sub{margin:0;font-size:1.2rem;font-weight:600;line-height:1.2}.g-hero__media{order:1;position:relative;display:block}@media screen and (min-width:990px){.g-hero__media{order:2;flex:1}}.g-hero__image{display:block;width:100%;height:auto;border-radius:2.4rem}.g-hero__badge{position:absolute;width:26%;max-width:15.5rem;height:auto;right:-.8rem;top:-.8rem}@media screen and (min-width:990px){.g-hero__badge{right:auto;left:-4rem;top:auto;bottom:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/clone-hero.css.map */
