/* Keep the decision and primary call action visible immediately. */
.hero{padding-block:40px 38px;gap:42px;grid-template-columns:1.15fr 1fr}
.hero h1{font-size:clamp(36px,4.2vw,56px);letter-spacing:-1.8px;margin-bottom:18px}
.hero .eyebrow{margin-bottom:16px;line-height:1.6}
.hero-lead{font-size:17px;line-height:1.6;margin-bottom:22px}
.hero-visual{height:430px}
.hero-copy>*,.hero-visual,.photo-label,.help-card{animation:none}
.hero-call{min-height:60px;font-size:19px;box-shadow:0 5px 0 #dca139}
.hero .micro{font-size:13px;max-width:430px;margin:15px 0 18px;line-height:1.5}
.hero-checks{display:grid;gap:5px;font-size:13px}
.hero-secondary{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:15px;color:var(--blue);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:normal}
.decision{display:grid;grid-template-columns:1fr 1.15fr;gap:30px 70px;padding-block:60px}
.decision h2{font-size:clamp(30px,3vw,40px)}
.decision-intro>p:last-child{max-width:410px;color:var(--muted);font-size:15px}
.decision .eyebrow{margin-bottom:16px}
.decision-steps{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.decision-steps li{display:flex;gap:16px;align-items:flex-start}
.decision-steps li>span{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eaf0fc;color:var(--blue);font-weight:800}
.decision h3{font:800 17px/1.4 var(--head);margin:3px 0 5px}
.decision-steps p{font-size:14px;color:var(--muted);margin:0}
.decision-contact{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}
.decision-contact p{margin:0}
.decision-contact strong,.decision-contact p>span{display:block}
.decision-contact p>span{font-size:13px;color:var(--muted)}
#diensten{padding-top:40px}
.form-intro{font-size:13px;color:var(--muted);margin:-10px 0 20px}
.mobile-bar small{display:block;color:var(--muted);font-size:10px;font-weight:400}
@media(max-width:960px){
 .hero{grid-template-columns:1fr 1fr;gap:28px}
 .hero h1{font-size:40px}
 .hero-call{font-size:16px;padding-inline:16px}
 .hero-visual{height:420px}
 .decision{gap:26px}
 .help-card{left:12px;right:12px;padding:16px;gap:12px}
 .help-card a{font-size:21px}
}
@media(max-width:640px){
 .utility .wrap{min-height:32px;font-size:10px}
 .hero{grid-template-columns:1fr;padding-block:25px 26px;gap:24px}
 .hero h1{font-size:35px;line-height:1.12;letter-spacing:-1.2px;max-width:480px}
 .hero .eyebrow{font-size:10px;margin-bottom:12px;letter-spacing:.5px}
 .hero-lead{font-size:15px;line-height:1.55;margin-bottom:18px}
 .hero-call{width:100%;font-size:18px;min-height:58px}
 .hero .micro{font-size:12px;margin-block:13px}
 .hero-checks{font-size:12px}
 .hero-secondary{margin-top:8px;font-size:12px}
 .hero-visual{display:none}
 .trust{gap:15px;padding-block:20px}
 .decision{grid-template-columns:1fr;padding-block:38px;gap:22px}
 .decision h2{font-size:30px;margin-bottom:12px}
 .decision-contact{flex-direction:column;align-items:stretch;padding:20px;gap:16px}
 .decision-contact .btn{font-size:16px;padding-inline:12px}
 .section{padding-block:50px}
 .approach,.contact-section{padding-block:50px}
 .mobile-bar{padding-inline:14px}
 .mobile-bar .btn{font-size:14px;min-height:48px;padding-inline:14px}
 .contact-form{scroll-margin-top:90px}
}
@media(max-width:380px){
 .nav-row{gap:6px}
 .nav-row .brand{gap:6px}
 .nav-row .brand img{width:28px;height:28px}
 .nav-row .brand strong{font-size:22px}
 .nav-row .brand>span{font-size:8px;letter-spacing:1px}
 .nav-row>.btn{font-size:10px;padding-inline:8px}
 .hero-call{padding-inline:12px}
 .mobile-bar{gap:6px;padding-inline:10px}
 .mobile-bar .btn{font-size:13px;padding-inline:10px}
}