/* Aanvullende compacte opmaak: behoud bestaande basisstijl en responsive gedrag */
.container{width:min(1120px,calc(100% - 40px))}
section.section, .intro, .trust-strip{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(28px,4vw,48px)}
.hero-modern{padding-top:clamp(24px,3vw,42px);padding-bottom:clamp(24px,3vw,42px)}
.hero-modern-grid{gap:clamp(24px,3vw,42px)}
.hero-modern h1{margin-bottom:14px}
.hero-modern .lead{margin-bottom:18px}
.hero-points{margin-top:18px}
.section-head{margin-bottom:24px}
.cards{gap:18px}
.card{padding:22px}
.cta-band{padding-top:30px;padding-bottom:30px}
/* Contact- en adviesknoppen blijven goed zichtbaar en ruim genoeg op mobiel. */
@media(max-width:700px){.container{width:calc(100% - 32px)}section.section,.intro,.trust-strip{padding-top:28px;padding-bottom:28px}.hero-modern{padding-top:22px;padding-bottom:26px}.hero-modern-grid{gap:20px}.hero-modern h1{font-size:clamp(2rem,9vw,2.7rem);line-height:1.08}.hero-points{gap:10px 14px}.cards{gap:14px}.card{padding:18px}.cta-band{padding-top:26px;padding-bottom:26px}}