@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url(fonts/dm-sans-latin-wght-normal.woff2) format("woff2-variations");}

  :root{
    --green:#305e4a;
    --green-deep:#20402f;
    --mint:#e9f4e7;
    --mint-soft:#f3f9f1;
    --red:#df4427;
    --ink:#16211b;
    --muted:#5f6f66;
    --line:#dde5df;
    --paper:#fbfcfa;
    --white:#ffffff;
    --sans:"DM Sans","Helvetica Neue",Arial,sans-serif;
    --mono:"DM Mono","SFMono-Regular",Consolas,monospace;
    --rail:1120px;
    --pad:clamp(20px,5vw,48px);
    --gap-s:clamp(56px,7vw,88px);
    --gap-l:clamp(80px,10vw,132px);
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:var(--sans);
    font-size:17px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:.01ms !important;transition-duration:.01ms !important;}
  }

  /* ---------- prototype chrome ---------- */
  .proto{
    background:var(--green-deep);
    color:#cfe0d5;
    font-family:var(--mono);
    font-size:12px;
    letter-spacing:.04em;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 18px;
    padding:9px var(--pad);
  }
  .proto b{color:#fff;font-weight:500;}
  .proto .url{
    background:rgba(255,255,255,.09);
    padding:3px 10px;
    border-radius:3px;
    color:#eaf3ec;
  }
  .proto .hint{color:#8fae9b;}

  /* ---------- nav ---------- */
  .nav{
    position:sticky;top:0;z-index:50;
    background:rgba(251,252,250,.94);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .nav-in{
    max-width:var(--rail);margin:0 auto;padding:0 var(--pad);
    height:72px;display:flex;align-items:center;gap:28px;
  }
  .brand{display:flex;flex-direction:column;line-height:1.05;text-decoration:none;color:var(--ink);}
  .brand b{font-size:16px;font-weight:700;letter-spacing:.01em;}
  .brand span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);}
  .nav-links{display:flex;gap:22px;margin-left:auto;}
  .nav-links button{
    background:none;border:0;padding:6px 0;cursor:pointer;
    font-family:var(--sans);font-size:14.5px;color:var(--muted);
    border-bottom:2px solid transparent;
  }
  .nav-links button:hover{color:var(--ink);}
  .nav-links button[aria-current="page"]{color:var(--green);border-bottom-color:var(--green);font-weight:500;}
  .nav-right{display:flex;align-items:center;gap:16px;}
  .lang{display:flex;font-family:var(--mono);font-size:12px;border:1px solid var(--line);border-radius:3px;overflow:hidden;}
  .lang button{background:var(--white);border:0;padding:5px 9px;cursor:pointer;color:var(--muted);font-family:inherit;font-size:inherit;}
  .lang button[aria-pressed="true"]{background:var(--green);color:#fff;}
  .btn{
    display:inline-block;border:0;cursor:pointer;text-decoration:none;
    font-family:var(--sans);font-size:15px;font-weight:500;
    background:var(--red);color:#fff;padding:12px 22px;border-radius:3px;
    transition:background .15s ease;
  }
  .btn:hover{background:#c4381e;}
  .btn-lg{font-size:16.5px;padding:15px 30px;}
  .nav .btn{font-size:14px;padding:10px 16px;}
  .burger{display:none;background:none;border:1px solid var(--line);border-radius:3px;padding:8px 11px;cursor:pointer;font-family:var(--mono);font-size:12px;}
  :focus-visible{outline:2px solid var(--red);outline-offset:3px;}

  @media (max-width:940px){
    .nav-links{
      display:none;position:absolute;top:72px;left:0;right:0;
      background:var(--white);border-bottom:1px solid var(--line);
      flex-direction:column;gap:0;padding:8px var(--pad) 20px;
    }
    .nav-links.open{display:flex;}
    .nav-links button{padding:13px 0;border-bottom:1px solid var(--line);text-align:left;font-size:16px;}
    .burger{display:block;margin-left:auto;}
    .nav-right .btn{display:none;}
  }

  /* ---------- layout ---------- */
  main{display:block;}
  section{padding:var(--gap-l) 0;}
  section.tight{padding:var(--gap-s) 0;}
  .rail{max-width:var(--rail);margin:0 auto;padding:0 var(--pad);}
  .narrow{max-width:640px;}
  .band-mint{background:var(--mint-soft);}
  .band-green{background:var(--green);color:#eef6f0;}
  .band-green h2,.band-green h3{color:#fff;}

  h1,h2,h3{text-wrap:balance;margin:0;}
  h1{font-size:clamp(38px,6.2vw,66px);line-height:1.03;letter-spacing:-.025em;font-weight:700;}
  h2{font-size:clamp(27px,3.6vw,40px);line-height:1.12;letter-spacing:-.018em;font-weight:700;}
  h3{font-size:clamp(19px,2.1vw,23px);line-height:1.25;letter-spacing:-.01em;font-weight:700;}
  p{margin:0;max-width:62ch;}
  .lede{font-size:clamp(18px,2.1vw,21px);line-height:1.5;color:var(--muted);max-width:56ch;}
  .stack{display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
  .stack-s{display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
  .eyebrow{
    font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;
    text-transform:uppercase;color:var(--green);margin:0;
  }
  .band-green .eyebrow{color:#9dc4ac;}
  .note{font-size:13.5px;color:var(--muted);max-width:62ch;}
  .textlink{
    font-size:15px;color:var(--green);text-decoration:none;
    border-bottom:1px solid rgba(48,94,74,.35);padding-bottom:2px;cursor:pointer;
    background:none;border-top:0;border-left:0;border-right:0;font-family:var(--sans);
  }
  .textlink:hover{border-bottom-color:var(--green);}
  .textlink::after{content:" \2192";}

  .todo{
    display:inline;background:#fdeae5;color:#a3311a;
    font-family:var(--mono);font-size:12.5px;line-height:1.5;
    padding:2px 7px;border-radius:3px;border:1px dashed rgba(223,68,39,.4);
  }

  /* ---------- hero ---------- */
  .hero{padding-top:clamp(56px,8vw,96px);padding-bottom:var(--gap-s);}
  .hero-grid{display:grid;gap:clamp(32px,5vw,56px);}
  .hero h1{max-width:22ch;}

  /* ---------- image placeholder ---------- */
  .ph{
    background:var(--mint);
    border:1px dashed rgba(48,94,74,.42);
    border-radius:2px;
    display:flex;flex-direction:column;justify-content:flex-end;gap:8px;
    padding:18px;
    min-height:150px;
    position:relative;
  }
  .ph::before{
    content:attr(data-tag);
    position:absolute;top:14px;left:18px;
    font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
    text-transform:uppercase;color:var(--green);
  }
  .ph .cap{font-size:13.5px;line-height:1.45;color:var(--green-deep);max-width:52ch;}
  .ph .alt{font-family:var(--mono);font-size:11px;line-height:1.5;color:#6d8b79;max-width:52ch;}
  .ph.wide{aspect-ratio:16/7;}
  .ph.tall{aspect-ratio:4/5;}
  .ph.sq{aspect-ratio:1/1;}
  @media (max-width:700px){.ph.wide{aspect-ratio:4/3;}}

  .prose-grid{display:grid;gap:clamp(28px,4vw,56px);}
  .prose-grid.with-img{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;}
  @media (max-width:880px){.prose-grid.with-img{grid-template-columns:1fr;}}

  .imgrow{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);}
  .imgrow.two{grid-template-columns:repeat(2,1fr);}
  @media (max-width:820px){.imgrow,.imgrow.two{grid-template-columns:1fr;}}

  /* ---------- stats ---------- */
  .statbar{background:var(--mint);padding:clamp(34px,5vw,52px) 0;}
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,44px);}
  .stat b{
    display:block;font-size:clamp(40px,6vw,62px);line-height:1;font-weight:700;
    letter-spacing:-.03em;color:var(--green);font-variant-numeric:tabular-nums;
  }
  .stat span{display:block;margin-top:10px;font-size:14.5px;line-height:1.45;color:var(--green-deep);max-width:30ch;}
  @media (max-width:760px){.stats{grid-template-columns:1fr;gap:26px;}}

  .grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 32px;}
  .grid6 .stat b{font-size:clamp(32px,4vw,44px);}
  @media (max-width:820px){.grid6{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.grid6{grid-template-columns:1fr;}}

  /* ---------- numbered items ---------- */
  .numbered{display:grid;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .num{background:var(--paper);padding:clamp(26px,3.5vw,40px) 0;display:grid;grid-template-columns:88px 1fr;gap:clamp(16px,3vw,40px);align-items:start;}
  .band-mint .num{background:var(--mint-soft);}
  .num .n{font-family:var(--mono);font-size:15px;color:var(--red);letter-spacing:.06em;padding-top:6px;}
  .num .body{display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
  .num .price{font-family:var(--mono);font-size:16px;color:var(--green);}
  @media (max-width:640px){.num{grid-template-columns:1fr;gap:10px;}.num .n{padding-top:0;}}

  ul.plain{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;max-width:62ch;}
  ul.plain li{position:relative;padding-left:20px;font-size:15.5px;line-height:1.5;}
  ul.plain li::before{content:"";position:absolute;left:0;top:10px;width:7px;height:1.5px;background:var(--green);}
  .band-green ul.plain li::before{background:#8fc2a3;}

  /* ---------- timeline ---------- */
  .tl{display:flex;flex-direction:column;gap:0;border-left:1.5px solid var(--line);margin-left:6px;}
  .tl-item{padding:0 0 30px 26px;position:relative;display:flex;flex-direction:column;gap:7px;}
  .tl-item:last-child{padding-bottom:0;}
  .tl-item::before{content:"";position:absolute;left:-5.5px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--green);}
  .tl-item .when{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);}
  .tl-item p{font-size:15.5px;color:var(--muted);}

  /* ---------- quote ---------- */
  .quote{font-size:clamp(20px,2.6vw,27px);line-height:1.35;letter-spacing:-.015em;max-width:22ch;font-weight:500;}
  .quote-wide{max-width:34ch;}
  .attrib{font-family:var(--mono);font-size:13px;line-height:1.6;}
  .band-green .attrib{color:#9dc4ac;}
  .qbox{
    background:var(--white);border:1px solid var(--line);border-left:3px solid var(--green);
    padding:clamp(24px,3.5vw,38px);display:flex;flex-direction:column;gap:16px;
  }
  .qbox p{font-size:16.5px;line-height:1.55;}
  .qgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
  .voices{display:grid;gap:18px;grid-template-columns:repeat(2,1fr);width:100%;}
  .voices.one{grid-template-columns:1fr;max-width:760px;}
  .voice{background:var(--white);border:1px solid var(--line);border-radius:2px;padding:clamp(22px,3vw,30px);display:flex;flex-direction:column;gap:16px;}
  .band-mint .voice{background:var(--white);}
  .voice p{font-size:16.5px;line-height:1.55;}
  .voice .who{font-family:var(--mono);font-size:12.5px;line-height:1.6;color:var(--muted);}
  .voice .who b{display:block;color:var(--green);font-weight:500;}
  @media (max-width:820px){.voices{grid-template-columns:1fr;}}
  .inq{border-left:3px solid var(--red);padding:4px 0 4px 16px;display:flex;flex-direction:column;gap:8px;max-width:60ch;}
  .inq p{font-size:17.5px;line-height:1.5;font-weight:500;}
  .inq span{font-family:var(--mono);font-size:12.5px;color:var(--muted);}
  .qgrid blockquote{
    margin:0;background:var(--white);border:1px solid var(--line);border-radius:2px;
    padding:22px;font-size:15.5px;line-height:1.5;color:var(--ink);
  }
  @media (max-width:820px){.qgrid{grid-template-columns:1fr;}}

  /* ---------- pricing ---------- */
  .prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start;}
  .prices.two{grid-template-columns:repeat(2,1fr);max-width:760px;}
  .price-card{
    background:var(--white);border:1px solid var(--line);border-radius:2px;
    padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:14px;height:100%;
  }
  .price-card.accent{border-color:var(--green);box-shadow:0 0 0 1px var(--green);}
  .price-card .n{font-family:var(--mono);font-size:13px;color:var(--red);letter-spacing:.06em;}
  .price-card .amount{font-size:clamp(28px,3.4vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--green);font-variant-numeric:tabular-nums;}
  .price-card .vat{font-family:var(--mono);font-size:12px;color:var(--muted);}
  .price-card .who{font-size:15px;color:var(--muted);}
  @media (max-width:900px){.prices,.prices.two{grid-template-columns:1fr;}}

  /* ---------- facts ---------- */
  .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 40px;}
  .fact{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:14px;}
  .fact b{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:500;}
  .fact span{font-size:15.5px;line-height:1.5;color:var(--ink);}
  @media (max-width:700px){.facts{grid-template-columns:1fr;}}

  /* ---------- form ---------- */
  .formwrap{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(28px,4vw,56px);align-items:start;}
  @media (max-width:900px){.formwrap{grid-template-columns:1fr;}}
  form{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .field{display:flex;flex-direction:column;gap:6px;}
  .field.full{grid-column:1/-1;}
  .field label{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);}
  .field label .req{color:var(--red);}
  .field input,.field select,.field textarea{
    font-family:var(--sans);font-size:15.5px;color:var(--ink);
    background:var(--white);border:1px solid var(--line);border-radius:2px;
    padding:11px 12px;width:100%;
  }
  .field textarea{min-height:110px;resize:vertical;}
  .checks{display:flex;flex-direction:column;gap:10px;padding-top:4px;}
  .checks label{display:flex;align-items:flex-start;gap:9px;font-family:var(--sans);font-size:15px;line-height:1.4;text-transform:none;letter-spacing:0;color:var(--ink);max-width:52ch;}
  .checks input{flex:0 0 auto;margin-top:2px;width:auto;}
  .consent{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;color:var(--muted);}
  .formside{background:var(--mint);padding:26px;display:flex;flex-direction:column;gap:22px;}
  .formside .stat b{font-size:36px;}
  .sent{background:var(--mint);border-left:3px solid var(--green);padding:26px;font-size:16.5px;}

  /* ---------- footer ---------- */
  footer{background:var(--green-deep);color:#b9d2c4;padding:clamp(48px,6vw,72px) 0 0;}
  .fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px;}
  footer h4{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#7fa78e;margin:0 0 14px;font-weight:500;}
  footer p,footer li{font-size:14.5px;line-height:1.7;margin:0;}
  footer ul{list-style:none;padding:0;margin:0;}
  footer button.flink{background:none;border:0;padding:0;color:#b9d2c4;font-family:var(--sans);font-size:14.5px;cursor:pointer;line-height:1.7;}
  footer button.flink:hover{color:#fff;}
  .fbar{margin-top:clamp(36px,5vw,56px);border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:#7fa78e;}
  @media (max-width:820px){.fgrid{grid-template-columns:1fr;gap:28px;}}

  /* ============================================================
     Huisstijl zoals de live site: donkergroen dragend,
     lichtgroen als tekst en als contrastvlak, rood enkel als accent.
     ============================================================ */
  :root{
    --bg:#204031;        /* achtergrond live site */
    --bg-2:#2a4f3d;      /* kaarten op donker */
    --bg-3:#526d5f;      /* header live site */
    --on-dark:#e9f4e7;
    --on-dark-muted:rgba(233,244,231,.74);
    --line-dark:rgba(233,244,231,.16);
    --soft-accent:#9dc4ac;
  }
  body{background:var(--bg);color:var(--on-dark);}
  .lede,.note,.tl-item p,.price-card .who,.price-card .vat,.consent,.voice .who{color:var(--on-dark-muted);}
  h1,h2,h3{color:var(--on-dark);}
  .eyebrow,.brand span,.fact b,.field label,.voice .who b,.num .price{color:var(--soft-accent);}
  .num .n,.tl-item .when,.price-card .n{color:#ff7a5c;}
  .textlink{color:var(--on-dark);border-bottom-color:rgba(233,244,231,.4);}
  .textlink:hover{border-bottom-color:var(--on-dark);}

  /* knoppen zoals "Gratis proefles" op de live site */
  .btn{background:var(--on-dark);color:var(--red);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13.5px;}
  .btn:hover{background:#fff;}
  .btn-lg{font-size:14.5px;}
  .nav .btn{font-size:12.5px;}

  /* nav en prototypebalk */
  .proto{background:#152b20;}
  .nav{background:rgba(32,64,49,.94);border-bottom-color:var(--line-dark);}
  .brand{color:var(--on-dark);}
  .nav-links button{color:var(--on-dark-muted);}
  .nav-links button:hover{color:var(--on-dark);}
  .nav-links button[aria-current="page"]{color:var(--on-dark);border-bottom-color:var(--red);}
  .lang{border-color:var(--line-dark);}
  .lang button{background:transparent;color:var(--on-dark-muted);}
  .lang button[aria-pressed="true"]{background:var(--on-dark);color:var(--bg);}
  .burger{color:var(--on-dark);border-color:var(--line-dark);}
  @media (max-width:940px){
    .nav-links{background:var(--bg);border-bottom-color:var(--line-dark);}
    .nav-links button{border-bottom-color:var(--line-dark);}
  }

  /* lijnen, lijsten, tijdlijn op donker */
  .numbered{background:var(--line-dark);border-color:var(--line-dark);}
  .num{background:var(--bg);}
  ul.plain li::before{background:var(--soft-accent);}
  .tl{border-left-color:var(--line-dark);}
  .tl-item::before{background:var(--red);}
  .fact{border-top-color:var(--line-dark);}
  .fact span{color:var(--on-dark);}

  /* beeldplaatsen op donker */
  .ph{background:rgba(233,244,231,.06);border-color:rgba(233,244,231,.3);}
  .ph::before{color:var(--soft-accent);}
  .ph .cap{color:var(--on-dark);}
  .ph .alt{color:var(--on-dark-muted);}

  /* kaarten op donker */
  .voice,.price-card,.qbox,.qgrid blockquote{background:var(--bg-2);border-color:var(--line-dark);color:var(--on-dark);}
  .qbox{border-left-color:var(--red);}
  .qbox .attrib{color:var(--on-dark-muted)!important;}
  .qgrid blockquote{color:var(--on-dark);}
  .price-card .amount{color:var(--on-dark);}
  .price-card.accent{border-color:var(--red);box-shadow:0 0 0 1px var(--red);}
  .inq{border-left-color:var(--red);}
  .inq span{color:var(--on-dark-muted);}
  .stat b{color:var(--on-dark);}
  .stat span{color:var(--on-dark-muted);}

  /* formulier op donker */
  .field input,.field select,.field textarea{background:var(--bg-2);border-color:rgba(233,244,231,.25);color:var(--on-dark);}
  .checks label{color:var(--on-dark);}
  .field label .req{color:#ff7a5c;}

  /* lichtgroene vlakken: donkergroene tekst, zoals de lichte blokken op de live site */
  .band-mint,.statbar,.formside,.sent{background:var(--mint);color:var(--bg);}
  .band-mint h1,.band-mint h2,.band-mint h3,.statbar .stat b,.formside .stat b,.formside h3,.band-mint .stat b,.band-mint .price-card .amount{color:var(--bg);}
  .band-mint .lede,.band-mint .note,.band-mint .tl-item p,.statbar .note,.statbar .stat span,.formside .stat span,.formside p,.band-mint .stat span{color:#3d5a4b;}
  .band-mint .eyebrow,.band-mint .fact b,.band-mint .voice .who b,.band-mint .field label{color:var(--green);}
  .band-mint .num .n,.band-mint .tl-item .when,.band-mint .price-card .n{color:#b8361c;}
  .band-mint .textlink{color:var(--bg);border-bottom-color:rgba(32,64,49,.35);}
  .band-mint .btn{background:var(--bg);color:var(--on-dark);}
  .band-mint .btn:hover{background:var(--green);}
  .band-mint .numbered{background:rgba(32,64,49,.16);border-color:rgba(32,64,49,.16);}
  .band-mint .num{background:var(--mint);}
  .band-mint ul.plain li::before{background:var(--green);}
  .band-mint .tl{border-left-color:rgba(32,64,49,.2);}
  .band-mint .fact{border-top-color:rgba(32,64,49,.2);}
  .band-mint .fact span{color:var(--bg);}
  .band-mint .ph{background:rgba(32,64,49,.06);border-color:rgba(32,64,49,.35);}
  .band-mint .ph::before{color:var(--green);}
  .band-mint .ph .cap{color:var(--bg);}
  .band-mint .ph .alt{color:#4d6b5b;}
  .band-mint .voice,.band-mint .price-card{background:#fff;border-color:rgba(32,64,49,.14);color:var(--bg);}
  .band-mint .price-card .who,.band-mint .price-card .vat,.band-mint .voice .who{color:#4d6b5b;}
  .band-mint .price-card.accent{border-color:var(--bg);box-shadow:0 0 0 1px var(--bg);}
  .band-mint .inq span{color:#4d6b5b;}
  .sent{border-left-color:var(--red);}

  /* middengroene band voor de grote quote */
  .band-green{background:var(--green);}

  footer{background:#152b20;}
  /* vergelijkingstabel en aanbevolen-label */
  .ptag{display:inline-block;margin-left:8px;background:var(--red);color:#fff;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:2px;vertical-align:1px;}
  .cmp-wrap{width:100%;overflow-x:auto;}
  .cmp{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;}
  .cmp th,.cmp td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-dark);vertical-align:top;}
  .cmp thead th{font-size:16px;font-weight:700;color:var(--on-dark);border-bottom:2px solid var(--line-dark);}
  .cmp tbody th{font-weight:400;color:var(--on-dark-muted);}
  .cmp td{color:var(--on-dark);}
  .cmp .hl{background:rgba(233,244,231,.07);}
  .cmp tbody tr:last-child th,.cmp tbody tr:last-child td{font-weight:700;color:var(--on-dark);border-bottom:0;}
  .feat{list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:1px solid rgba(32,64,49,.14);display:flex;flex-direction:column;gap:9px;}
  .feat li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:14.5px;line-height:1.4;}
  .feat li span{font-weight:700;}
  .feat li.in span{color:var(--green);}
  .feat li.out{color:rgba(32,64,49,.38);}
  .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  /* ============================================================
     Less is more: één lettertype, kleine labels, veel ruimte,
     vlakke kaarten, knoppen als omlijnde pillen.
     ============================================================ */
  :root{--mono:var(--sans);}
  h1{font-weight:500;letter-spacing:-.03em;}
  h2{font-weight:500;letter-spacing:-.02em;}
  h3{font-weight:500;}
  .eyebrow{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.14em;}
  .brand span,.fact b,.field label,.tl-item .when,.num .n,.price-card .n,.attrib,.voice .who,.ph::before,.ph .alt,.price-card .vat,.num .price,.footer h4{font-family:var(--sans);}
  .num .n,.tl-item .when,.price-card .n{font-size:12px;letter-spacing:.14em;}
  section{padding:clamp(88px,11vw,148px) 0;}
  .btn{background:transparent;color:var(--on-dark);border:1px solid var(--on-dark);border-radius:999px;font-weight:500;font-size:12.5px;letter-spacing:.1em;padding:12px 22px;}
  .btn:hover{background:var(--on-dark);color:var(--bg);}
  .btn-lg{font-size:13px;padding:14px 26px;}
  .band-mint .btn,.statbar .btn{background:transparent;color:var(--bg);border-color:var(--bg);}
  .band-mint .btn:hover{background:var(--bg);color:var(--on-dark);}
  .nav{border-bottom:0;}
  .nav .btn{padding:9px 16px;font-size:11.5px;}
  .lang{border-radius:999px;}
  .voice,.qbox{background:transparent;border:0;border-top:1px solid var(--line-dark);border-radius:0;padding:24px 0 0;}
  .band-mint .voice,.band-mint .qbox{background:transparent;border-top-color:rgba(32,64,49,.2);}
  .qbox{border-left:0;}
  .band-mint .qbox p,.band-mint .qbox{color:var(--bg);}
  .band-mint .qbox .attrib{color:#4d6b5b!important;}
  .price-card{border-radius:0;}
  .todo{font-family:var(--sans);}
  .field input,.field select,.field textarea{border-radius:0;}
  .band-mint .field input,.band-mint .field select,.band-mint .field textarea{background:#fff;border-color:rgba(32,64,49,.25);color:var(--bg);}
  .band-mint .checks label,.band-mint .consent{color:var(--bg);}
  .band-mint .formside{background:transparent;border-top:1px solid rgba(32,64,49,.2);padding:22px 0 0;}
  .band-mint .inq p{color:var(--bg);}
  .field .btn{align-self:flex-start;}
  .field label.consent{flex-direction:row;text-transform:none;letter-spacing:0;font-size:14px;color:inherit;}
  .voice .who{display:flex;align-items:center;gap:14px;}
  .voice .av{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 auto;}
  /* ---------- formulevergelijking (endurance) ---------- */
  .prices.four{grid-template-columns:repeat(4,1fr);}
  @media (max-width:1100px){.prices.four{grid-template-columns:repeat(2,1fr);}}
  .rules{list-style:none;margin:0;padding:0;width:100%;max-width:820px;display:flex;flex-direction:column;}
  .rules li{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(32,64,49,.16);font-size:16.5px;}
  .rules li:first-child{border-top:1px solid rgba(32,64,49,.16);}
  .rules li b{color:var(--red-text,#b8361c);font-weight:700;white-space:nowrap;}
  .rules li b::before{content:"\2192\00a0\00a0";}
  .ptable{display:block;}
  .prices.pcards{display:none;}
  @media (max-width:860px){.ptable{display:none;}.prices.pcards{display:grid;grid-template-columns:1fr;}}
  .band-mint .cmp{background:#fff;border:1px solid rgba(32,64,49,.14);min-width:760px;}
  .band-mint .cmp th,.band-mint .cmp td{border-bottom:1px solid rgba(32,64,49,.12);color:var(--bg);}
  .band-mint .cmp thead th{border-bottom:2px solid rgba(32,64,49,.2);vertical-align:bottom;}
  .band-mint .cmp tbody th{color:#4d6b5b;font-size:14.5px;width:19%;}
  .band-mint .cmp td{font-size:15px;line-height:1.45;}
  .band-mint .cmp .hl{background:rgba(48,94,74,.07);}
  .band-mint .cmp tbody tr:last-child th{font-weight:400;color:#4d6b5b;}
  .band-mint .cmp tbody tr:last-child td{font-weight:400;color:var(--bg);}
  .cmp .pname{display:block;font-size:19px;font-weight:700;}
  .cmp .ptag{margin:6px 0 0;display:inline-block;}
  .cmp .ptag.ghost{visibility:hidden;}
  .band-mint .cmp thead th{vertical-align:top;}
  .cmp .pamount{display:block;font-size:26px;font-weight:700;letter-spacing:-.02em;margin-top:10px;font-variant-numeric:tabular-nums;}
  .cmp .pper{display:block;font-size:12.5px;font-weight:400;color:#4d6b5b;}
  .cmp .yes{font-weight:700;color:var(--green);}
  .cmp .no{color:rgba(32,64,49,.35);}
  .faq{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 44px;width:100%;}
  .faq-item{border-top:1px solid var(--line-dark);padding-top:16px;display:flex;flex-direction:column;gap:8px;}
  .faq-item h3{font-size:18px;}
  .faq-item p{font-size:16px;color:var(--on-dark-muted);}
  @media (max-width:760px){.faq{grid-template-columns:1fr;}}

  /* ---- toevoegingen voor de echte site ---- */
  .nav-links a{text-decoration:none;padding:6px 0;font-family:var(--sans);font-size:14.5px;color:var(--on-dark-muted);border-bottom:2px solid transparent;}
  .nav-links a:hover{color:var(--on-dark);}
  .nav-links a[aria-current="page"]{color:var(--on-dark);border-bottom-color:var(--red);font-weight:500;}
  @media (max-width:940px){.nav-links a{padding:13px 0;border-bottom:1px solid var(--line-dark);font-size:16px;}}
  .lang a{display:inline-block;padding:5px 9px;text-decoration:none;color:var(--on-dark-muted);font-family:inherit;font-size:inherit;}
  .lang a[aria-current="true"]{background:var(--on-dark);color:var(--bg);}
  footer a.flink{color:#b9d2c4;text-decoration:none;font-size:14.5px;line-height:1.7;}
  footer a.flink:hover{color:#fff;}
  a.btn{text-decoration:none;}
  .ph:not([data-tag]){min-height:150px;}
  .ph:not([data-tag])::before{content:none;}
  img.photo{display:block;width:100%;height:auto;object-fit:cover;border-radius:2px;}
  img.photo.wide{aspect-ratio:16/7;} img.photo.tall{aspect-ratio:4/5;} img.photo.sq{aspect-ratio:1/1;}
  @media (max-width:700px){img.photo.wide{aspect-ratio:4/3;}}
  .hp{position:absolute;left:-9999px;}
  .field label.consent{display:flex;align-items:flex-start;gap:10px;}
  .field label.consent input{width:auto;margin-top:3px;}
  .field label.consent a{color:inherit;}
  .legal{max-width:720px;display:flex;flex-direction:column;gap:16px;}
  .legal h2{font-size:clamp(20px,2.2vw,24px);margin-top:22px;}
  .legal a{color:var(--on-dark);}
  footer .fbar a{color:inherit;text-decoration:none;}
  img.photo.land{aspect-ratio:16/9;}
  img.photo.portrait{aspect-ratio:3/4;max-width:420px;}
  .bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  @media (max-width:860px){.bloggrid{grid-template-columns:1fr;}}
  .blogcard{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--on-dark);}
  .blogcard h3{font-size:20px;}
  .blogcard p{font-size:15px;color:var(--on-dark-muted);}
  .blogcard .bdate{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft-accent);}
  .blogcard:hover h3{text-decoration:underline;}
  .post p.pl{white-space:pre-line;}
  .post img.postimg{max-width:100%;height:auto;border-radius:2px;margin:10px 0;}
  footer .fbar a:hover{color:#fff;}
  a.statlink{text-decoration:none;color:inherit;display:block;}
  a.statlink .stars{display:block;color:#df4427;letter-spacing:2px;font-size:15px;margin:2px 0 4px;}
  a.statlink:hover span:last-child{text-decoration:underline;}

  picture{display:block;}
  footer h2.fh{font-family:var(--sans);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#7fa78e;margin:0 0 14px;font-weight:500;line-height:1.4;}
  .skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--on-dark);color:var(--bg);padding:10px 16px;font-family:var(--sans);}
  .skip:focus{left:12px;top:12px;}
  .notfound{min-height:50vh;}
  .brand img.logo{display:block;height:24px;width:auto;margin-bottom:5px;align-self:flex-start;}
  footer img.flogo{display:block;height:24px;width:auto;}
  @media (max-width:940px){.brand img.logo{height:20px;}}
  /* contrast (WCAG AA) */
  .num .n,.tl-item .when,.price-card .n,.field label .req{color:#ff8a6c;}
  .feat li.out{color:#66756f;}
  .ptag{background:#c8391d !important;}
  .band-green .attrib,.quote~.attrib{color:#b5d6c2 !important;}