.hero-variant{background-color:#faf8f4;overflow:hidden}
.hero-variant__container{padding-left:1.6rem;padding-right:1.6rem;margin-left:auto;margin-right:auto;max-width:128rem}
.hero-variant__grid{display:grid;gap:4.8rem;align-items:center}
@media(min-width:1024px){
.hero-variant__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem}
}
@media screen and (max-width:990px){
.hero-variant__grid{display:flex;flex-direction:column-reverse}
}
.hero-variant__content{display:flex;flex-direction:column;gap:2.4rem}
@media(min-width:768px){
.hero-variant__content{gap:3.2rem}
}
.hero-variant__title{font-size:4.8rem;font-weight:500;color:var(--foreground,#000);line-height:1.1;margin:0}
@media only screen and (max-width:990px){
.hero-variant__title{font-size:3.6rem}
}
.hero-variant__description{font-size:1.8rem;color:var(--muted-foreground,#6b7280);max-width:57.6rem;margin:0}
@media(min-width:768px){
.hero-variant__description{font-size:2rem}
}
.hero-variant__intent-paths{display:flex;flex-wrap:wrap;gap:.8rem}
.hero-variant__chip{display:inline-flex;align-items:center;padding:.6rem 1.2rem;border:1px solid var(--border,#e5e7eb);background-color:var(--card,#fff);color:var(--foreground,#000);font-size:1.4rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out}
.hero-variant__chip:hover{border-color:rgba(0,0,0,.4);background-color:var(--foreground,#000);color:var(--background,#fff)}
.hero-variant__buttons{display:flex;flex-direction:column;gap:1.6rem}
.hero-variant__buttons a{width:100%}
@media only screen and (min-width:48em){
.hero-variant__buttons a{width:-moz-fit-content;width:fit-content}
}
@media(min-width:640px){
.hero-variant__buttons{flex-direction:row}
}
.hero-variant__self-serve{display:flex;flex-wrap:wrap;align-items:center;-moz-column-gap:1.6rem;column-gap:1.6rem;row-gap:.8rem;font-size:1.4rem;color:var(--muted-foreground,#6b7280)}
.hero-variant__self-serve-link{display:inline-flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;transition:color .2s ease-in-out}
.hero-variant__self-serve-link:hover{color:var(--foreground,#000)}
.hero-variant__self-serve-label{text-decoration:underline;text-underline-offset:2px}
.hero-variant__icon{width:1.4rem;height:1.4rem}
.hero-variant__trust{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;padding-top:.8rem}
@media screen and (max-width:990px){
.hero-variant__trust{justify-content:center}
}
.hero-variant__clutch-square{display:flex;flex-direction:column;align-items:center;justify-content:center;width:8rem;height:8rem;border:1px solid var(--border,#e5e7eb);background-color:var(--card,#fff);text-decoration:none;transition:all .2s ease-in-out}
.hero-variant__clutch-square:hover{border-color:rgba(0,0,0,.4)}
.hero-variant__stars{display:flex;gap:.2rem;margin-bottom:.4rem}
.hero-variant__clutch-score{font-size:1.8rem;font-weight:700;color:var(--foreground,#000);line-height:1}
.hero-variant__clutch-reviews{font-size:.8rem;color:var(--muted-foreground,#6b7280);margin-top:.2rem}
.hero-variant__clutch-badge{margin-top:.4rem;padding:.2rem .6rem;background-color:#17313b;color:#fff;font-size:.7rem;font-weight:500}
.hero-variant__partner-badge{height:6.4rem;width:auto;opacity:.9;transition:opacity .2s ease-in-out}
.hero-variant__partner-badge:hover{opacity:1}
@media(min-width:768px){
.hero-variant__partner-badge{height:8rem}
}
.hero-variant__media{position:relative;display:flex;justify-content:center}
@media(min-width:1024px){
.hero-variant__media{justify-content:flex-end}
}
.hero-variant__image{width:100%;height:auto;max-width:100%}
@media(min-width:1024px){
.hero-variant__image{max-width:100%}
}
@media(min-width:1024px)and (min-width:1280px){
.hero-variant__image{max-width:100%}
}
@media screen and (prefers-reduced-motion:no-preference){
.hero-variant__content>*{animation:hero-variant-rise .7s cubic-bezier(.16,1,.3,1) both}
.hero-variant__content>:nth-child(1){animation-delay:.05s}
.hero-variant__content>:nth-child(2){animation-delay:.13s}
.hero-variant__content>:nth-child(3){animation-delay:.21s}
.hero-variant__content>:nth-child(4){animation-delay:.29s}
.hero-variant__content>:nth-child(5){animation-delay:.37s}
.hero-variant__content>:nth-child(n+6){animation-delay:.45s}
.hero-variant__media{animation:hero-variant-fade .9s ease .2s both}
}
@keyframes hero-variant-rise{
from{opacity:0;transform:translateY(1.6rem)}
}
@keyframes hero-variant-fade{
from{opacity:0}
}