/* ScoreStory — waarom: page-specific styles */
.why-hero{padding:72px 0 24px;background:radial-gradient(90% 70% at 100% 0%,rgba(19,163,125,.10),transparent 60%),var(--white)}
.why-hero-head{max-width:760px;margin:0 auto 44px;text-align:center}
.why-hero-head .eyebrow{justify-content:center}
.why-title{font-family:'Fraunces',serif;font-weight:600;letter-spacing:-.01em;line-height:1.08;font-size:clamp(2.3rem,4.6vw,3.6rem);color:var(--navy);margin-top:20px}
.why-lede{font-size:1.12rem;color:var(--muted);margin:20px auto 0;max-width:56ch}
#waarom{border-top:none}
.why-points-h2{font-size:clamp(1.8rem,3vw,2.3rem);color:var(--navy)}
/* Same as the homepage's (index.css): .wp .ic is deliberately not shared,
   see AGENTS.md. */
.wp .ic{flex:none;width:61px;height:61px;display:flex;align-items:center;justify-content:center}
.wp .ic img{width:61px;height:61px;object-fit:contain;display:block}
.why-cta{padding:0 0 96px}
.why-cta-box{text-align:center;background:linear-gradient(155deg,var(--navy) 0%,var(--green) 100%);border-radius:28px;padding:56px 32px;color:#fff;box-shadow:var(--shadow-lg)}
.why-cta-box h2{font-size:clamp(1.9rem,3.4vw,2.6rem);max-width:22ch;margin:0 auto}
.why-cta-box p{color:rgba(255,255,255,.86);font-size:1.06rem;margin:14px auto 28px;max-width:52ch}
@media(max-width:560px){
  .why-hero{padding:48px 0 8px}
  .why-cta-box{padding:44px 22px}
}