/* Shared vertical rhythm, separate from card padding and scroll-story heights. */
:root{--section-space:clamp(44px,5vw,72px);--section-heading-gap:clamp(26px,3vw,40px)}
#main > .section,#main > .trust{padding-block:var(--section-space)}
#main .section-head{margin-bottom:var(--section-heading-gap)}
#main .faq-heading{margin-bottom:var(--section-heading-gap)}
#main > .cta{padding-block:clamp(56px,6vw,88px)}
.footer{padding-block:48px 28px}
.footer .foot-bottom{margin-top:36px}
@media(max-width:600px){
 :root{--section-space:40px;--section-heading-gap:26px}
 #main > .cta{padding-block:48px}
 .footer{padding-block:36px 24px}
 .footer .foot-bottom{margin-top:28px}
}

/* The platform is a scroll story and needs its own, more spacious rhythm. */
#main > #platform{padding-block:clamp(72px,7.5vw,108px) clamp(64px,6vw,88px)}
#main #platform .section-head{margin-bottom:clamp(40px,4.5vw,64px)}
#platform .steps{padding-bottom:clamp(20px,3vh,36px)}
@media(min-width:981px){
 #platform .platform-grid{column-gap:clamp(48px,6vw,88px)}
 #platform .panel-col{margin-top:clamp(24px,4vh,48px);top:calc(var(--nav-h) + 28px)}
}
@media(max-width:980px){
 #main > #platform{padding-block:64px 56px}
 #main #platform .section-head{margin-bottom:36px}
 #platform .steps{padding-bottom:12px}
}
@media(max-width:600px){
 #main > #platform{padding-block:56px 48px}
 #main #platform .section-head{margin-bottom:32px}
}

/* Bring the connected star sections closer without compressing the platform story. */
#main > #trust{padding-bottom:clamp(24px,2.8vw,40px)}
#main > #platform{padding-top:clamp(32px,3.3vw,48px)}
@media(max-width:600px){#main > #trust{padding-bottom:24px}#main > #platform{padding-top:28px}}