/* 26.4.24 one H1 per page: the Business hero heading on the home page is an <h2 class="h1"> that looks exactly like the hero <h1>. */
.hero h2.h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;color:#fff}
.hero h2.h1 em{font-style:normal;background:linear-gradient(90deg,var(--mint),#7aa2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-palette=brand] .hero h2.h1{font-weight:700;color:var(--yc-hero-heading)}
html[data-palette=brand] .hero h2.h1 em{background:linear-gradient(90deg,var(--yc-hero-em),var(--yc-hero-em-2));-webkit-background-clip:text;background-clip:text;color:transparent}