/* Optie A: zacht, afgerond, lichte tinten van de huisstijlkleuren */
body{background:#fff}
.hero{background:linear-gradient(180deg,var(--teal-licht) 0%,#fff 100%);padding-top:clamp(36px,6vw,72px)}
.hero h1{color:var(--navy)}
.slashes .s-bg{fill:var(--teal)} .slashes .s-stripes{stroke:#fff;opacity:.95}
.hero-art{filter:drop-shadow(0 24px 40px rgba(45,171,163,.35))}
.fase-kaart{background:var(--navy);color:#fff;border-radius:26px;box-shadow:0 18px 40px rgba(40,36,85,.25)}
.fase-kop{color:#8fe3dc}.fase-titel{color:#fff}.pijl{color:var(--roze);background:#fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px}
.wil-blok{background:var(--navy-licht);border-radius:32px;padding:clamp(26px,3.5vw,44px)}
.wil-blok:nth-child(2){background:var(--roze-licht)}
.wil-blok:nth-child(2) .vinkjes li::before{background-color:var(--roze)}
.over{background:var(--teal-licht)}
.kaart{border-radius:28px;box-shadow:0 14px 38px rgba(40,36,85,.12);border:1px solid var(--rand)}
.kaart:nth-child(1){border-top:8px solid var(--teal)}.kaart:nth-child(2){border-top:8px solid var(--roze)}.kaart:nth-child(3){border-top:8px solid var(--navy)}
.team{background:var(--navy-licht)}
.team .slashes .s-bg{fill:var(--roze)}
.voordeel{background:#fff;border:1px solid var(--rand);border-radius:24px;padding:22px 24px;box-shadow:0 8px 22px rgba(40,36,85,.06)}
.voordelen{background:linear-gradient(180deg,#fff,var(--teal-licht))}
.cta-band{background:var(--navy);color:#fff;border-radius:40px;margin:0 clamp(12px,3vw,40px)}
.cta-band h2{color:#fff}
.accreditatie{background:var(--roze-licht);margin-top:clamp(40px,6vw,80px)}
.gegevens{background:var(--teal-licht);border-radius:28px;padding:30px}

@media (max-width:900px){
  .fasen{transform:none!important;margin-top:32px}
  .hero{padding-bottom:clamp(36px,8vw,60px)}
  .wil{padding-top:clamp(56px,8vw,104px)!important}
  .hero::after{display:none}
  h1{overflow-wrap:anywhere}
}