.herken { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 2rem; }
  .herken article { border-top: 3px solid var(--oker); padding-top: 1rem; }
  .herken p { color: var(--inkt-zacht); font-size: 1rem; }
  .stappen-licht { list-style: none; counter-reset: stap; display: grid; gap: 1.4rem; margin-top: 2rem; max-width: 44rem; }
  .stappen-licht li { counter-increment: stap; display: flex; gap: 1rem; align-items: baseline; }
  .stappen-licht li::before {
    font-family: 'Newsreader', Georgia, serif; content: counter(stap);
    font-size: 1.6rem; font-style: italic; color: var(--oker); flex: 0 0 1.4rem;
  }
  .eerlijk {
    margin-top: 2.5rem; max-width: 44rem; background: var(--papier-diep);
    border: 1px solid var(--lijn); border-left: 3px solid var(--oker); padding: 1.5rem 1.7rem;
  }
  .eerlijk h3 { margin-bottom: .6rem; }
  .eerlijk ul { list-style: none; }
  .eerlijk li { padding: .3rem 0 .3rem 1.5rem; position: relative; }
  .eerlijk li::before { content: '—'; position: absolute; left: 0; color: var(--oker); }
  .sectie-hulp { padding: 3.5rem 0; border-bottom: 1px solid var(--lijn); }
  .sectie-hulp:last-of-type { border-bottom: none; }
  .hulp-hero { padding: 4rem 0 3.5rem; border-bottom: 1px solid var(--lijn); }
  .hulp-hero h1 { font-size: clamp(2.4rem, 6vw, 3.6rem); max-width: 16em; }
  .hulp-hero .hero-sub { font-size: 1.3rem; max-width: 36em; margin-top: 1.3rem; color: var(--inkt-zacht); }
  .formulier-wrap { max-width: 44rem; }
  .hero-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 3rem; align-items: center; }
  @media (max-width: 46rem) {
    .herken { grid-template-columns: 1fr; }
    .hero-grid { grid-template-columns: 1fr; gap: 2rem; }
    .plan-kaart { justify-self: start; transform: none; max-width: none; }
  }