/* Keep headings readable as whole words at every viewport width. */
body :is(h1,h2,h3,h4){hyphens:none!important;-webkit-hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important;max-width:100%;text-wrap:balance}

@media(max-width:700px){
 .final-cta h2{font-size:clamp(2rem,9vw,3.8rem);line-height:1.12}
 .legal h1{font-size:clamp(1.65rem,6.5vw,2.8rem)}
 .legal h2{font-size:clamp(1.1rem,4.7vw,1.8rem)}
}