.hts-hero{background:radial-gradient(1200px 600px at 50% 40%,rgba(124,58,237,.45),rgba(0,0,0,.95));color:#fff;padding:clamp(3rem,6vw,5.5rem) 0}.hts-hero__inner{margin:0 auto;text-align:center;width:min(1100px,calc(100% - 2rem))}.hts-hero__badge{align-items:center;background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.14);border-radius:999px;display:inline-flex;font-size:.72rem;gap:.5rem;letter-spacing:.08em;padding:.4rem .8rem;text-transform:uppercase}.hts-hero__headline{font-size:clamp(2.2rem,6vw,4.2rem);font-weight:800;line-height:1.05;margin:1.2rem 0 .75rem}.hts-hero__headlineGrad{background:linear-gradient(90deg,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.hts-hero__sub{font-size:clamp(1rem,1.5vw,1.125rem);margin:0 auto 1.5rem;max-width:58ch;opacity:.9}.hts-hero__buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.hts-hero__btn{align-items:center;border-radius:999px;display:inline-flex;font-weight:700;justify-content:center;min-width:220px;padding:.9rem 1.2rem;text-decoration:none}.hts-hero__btn--primary{background:linear-gradient(90deg,#7c3aed,#ec4899);color:#fff}.hts-hero__btn--secondary{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.18);color:#fff}
.hts-section{background:#fff;color:#111827;padding:clamp(3rem,6vw,5.5rem) 0}.hts-section__inner{margin:0 auto;width:min(1100px,calc(100% - 2rem))}.hts-section__heading{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin:0 0 1.25rem}