/* Consistent section rhythm across marketing, demo, and legal pages. */
:root{--section-space:clamp(36px,4vw,56px);--heading-space:clamp(24px,3vw,32px)}
body .section,body .pview,body .booking,body .section-spacer,body .as_section,body .as_final{padding-block:var(--section-space)}
body .hero,body .phero,body .tour-hero,body .as_hero{padding-block:clamp(40px,4.5vw,64px) 40px}
body .hero.hz{padding-bottom:0}
body .hz-two{margin-top:32px;padding-bottom:40px}
body .section-head{margin-bottom:var(--heading-space)}
body .pv-head{margin-bottom:32px}
body .sub-head{margin-top:40px;margin-bottom:24px}
body .components,body .measures,body .facts{margin-top:32px}
body .sol-sub,body .wk-sub{margin-top:32px}
body .demo-section{padding-block:32px 40px}
body .demo-closing{padding-block:40px}
body .legal-hero{padding-block:40px 28px}
body .legal-card{padding-block:28px 40px}
body .site-footer{padding-top:40px}
@media(max-width:600px){
 body .hero,body .phero,body .tour-hero,body .as_hero{padding-block:36px 32px}
 body .hero.hz{padding-bottom:0}
 body .hz-two{margin-top:24px;padding-bottom:32px}
 body .pv-head{margin-bottom:24px}
 body .sub-head{margin-top:32px}
 body .demo-section,body .demo-closing{padding-block:32px}
 body .site-footer{padding-top:32px}
}
body .hz + .section{padding-top:var(--section-space)}

/* Give the brand more room and shift desktop footer links right. */
@media(min-width:1000px){body .foot-grid{grid-template-columns:2.1fr repeat(3,1fr)}}