:root{--papier:#f7f8f4;--papier-2:#eef1ea;--lijn:#d3d9cf;--raster:rgba(15,59,58,0.07);--inkt:#10302f;--inkt-2:#4b5f5d;--inkt-3:#7d8d8b;--muur:#3a4a48;--muur-weg:#9aa8a5;--koraal:#ef5a3c;--koraal-donker:#c9432a;--koraal-licht:rgba(239,90,60,0.12);--groen:#1f7a5c;--kaart:#ffffff;--font-display:"Bricolage Grotesque","Trebuchet MS","Segoe UI",sans-serif;--font-body:"IBM Plex Sans","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;--maat:1120px;--radius:6px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--papier:#0f1b1b;--papier-2:#142323;--lijn:#28393a;--raster:rgba(200,220,215,0.06);--inkt:#e9efec;--inkt-2:#b1c0bd;--inkt-3:#7f918e;--muur:#d8e2df;--muur-weg:#5d6f6c;--koraal:#ff6f52;--koraal-donker:#ff8a71;--koraal-licht:rgba(255,111,82,0.16);--groen:#4fc08d;--kaart:#142323;color-scheme:dark}}:root[data-theme=dark]{--papier:#0f1b1b;--papier-2:#142323;--lijn:#28393a;--raster:rgba(200,220,215,0.06);--inkt:#e9efec;--inkt-2:#b1c0bd;--inkt-3:#7f918e;--muur:#d8e2df;--muur-weg:#5d6f6c;--koraal:#ff6f52;--koraal-donker:#ff8a71;--koraal-licht:rgba(255,111,82,0.16);--groen:#4fc08d;--kaart:#142323;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}body{margin:0;background:var(--papier);background-image:linear-gradient(var(--raster) 1px,transparent 1px),linear-gradient(90deg,var(--raster) 1px,transparent 1px);background-size:36px 36px;color:var(--inkt);font-family:var(--font-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}img,svg{max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--koraal);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:0;text-wrap:balance}h1{font-size:clamp(2.1rem,5.2vw,3.6rem)}h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}h3{font-size:1.2rem}p{margin:0}.mono{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--inkt-2)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.band{padding-block:clamp(48px,7vw,96px)}.band+.band{border-top:1px solid var(--lijn)}.band--papier{background:var(--papier-2)}.kolom{max-width:var(--maat);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.kop{display:grid;grid-gap:12px;gap:12px;max-width:42rem;margin-bottom:clamp(28px,4vw,48px)}.kop p{color:var(--inkt-2);font-size:1.05rem;max-width:38rem}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0);z-index:10;background:var(--papier)}.top{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);z-index:9;background:color-mix(in srgb,var(--papier) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--lijn)}.top .kolom{display:flex;justify-content:space-between;gap:16px;min-height:64px}.logo,.top .kolom{align-items:center}.logo{display:inline-flex;gap:10px;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.25rem}.logo svg{width:28px;height:28px}.nav{display:flex;gap:22px}.nav a{text-decoration:none;color:var(--inkt-2);font-size:.95rem}.nav a:hover{color:var(--inkt)}@media (max-width:760px){.nav{display:none}}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius);border:1px solid var(--inkt);background:var(--inkt);color:var(--papier);font-weight:600;text-decoration:none;cursor:pointer;transition:transform .12s ease,background .12s ease}.knop:hover{transform:translateY(-1px)}.knop--koraal{background:var(--koraal);border-color:var(--koraal);color:#fff}.knop--koraal:hover{background:var(--koraal-donker);border-color:var(--koraal-donker)}.knop--licht{background:transparent;color:var(--inkt);border-color:var(--lijn)}.knop--klein{padding:8px 14px;font-size:.92rem}.knop[disabled]{opacity:.6;cursor:wait;transform:none}.hero{padding-block:clamp(40px,6vw,80px) clamp(40px,6vw,72px)}.hero .kolom{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-gap:clamp(28px,5vw,64px);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:900px){.hero .kolom{grid-template-columns:1fr}}.hero-tekst{display:grid;grid-gap:22px;gap:22px}.hero-tekst p.lead{font-size:1.15rem;color:var(--inkt-2);max-width:34rem}.hero-acties{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-noot{color:var(--inkt-3);font-size:.92rem}.eyebrow{display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--koraal)}.vel{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:18px;display:grid;grid-gap:14px;gap:14px}.vel-kop{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}.vel-kop strong{font-family:var(--font-display);font-weight:600}.plannen{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:520px){.plannen{grid-template-columns:1fr}}.plan{display:grid;grid-gap:8px;gap:8px}.plan svg{width:100%;height:auto;display:block}.plan-label{display:flex;justify-content:space-between;gap:8px}.legenda{display:flex;flex-wrap:wrap;gap:14px 20px;font-size:.85rem;color:var(--inkt-2)}.legenda span{display:inline-flex;align-items:center;gap:8px}.legenda i{display:inline-block;width:22px;height:0;border-top:4px solid var(--muur)}.legenda i.weg{border-top:3px dashed var(--muur-weg)}.legenda i.nieuw{border-top:4px solid var(--koraal)}.w{stroke:var(--muur);stroke-width:5;stroke-linecap:square;fill:none}.w-weg{stroke:var(--muur-weg);stroke-width:3;stroke-dasharray:6 5;fill:none}.w-nieuw{stroke:var(--koraal);stroke-width:5;stroke-linecap:square;fill:none}.raam{stroke:var(--inkt-3);stroke-width:1.5;fill:var(--kaart)}.trap{stroke:var(--inkt-3);stroke-width:1;fill:none}.vlak{fill:var(--papier-2)}.vlak-nieuw{fill:var(--koraal-licht)}.lbl{font-size:9.5px;fill:var(--inkt-2);letter-spacing:.02em}.lbl,.lbl-m2{font-family:var(--font-mono)}.lbl-m2{font-size:8.5px;fill:var(--inkt-3)}.maat{stroke:var(--inkt-3);stroke-width:.8;fill:none}.stappen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}@media (max-width:760px){.stappen{grid-template-columns:1fr}}.stap{display:grid;grid-gap:10px;gap:10px;padding-top:18px;border-top:2px solid var(--inkt)}.stap .mono{color:var(--koraal)}.stap p{color:var(--inkt-2)}.voorbeeld{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-gap:clamp(24px,4vw,48px);gap:clamp(24px,4vw,48px);align-items:start}@media (max-width:900px){.voorbeeld{grid-template-columns:1fr}}.punten{display:grid;grid-gap:14px;gap:14px}.punt{display:grid;grid-template-columns:10px 1fr;grid-gap:12px;gap:12px;align-items:start}.punt:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--koraal);margin-top:8px}.punt.ok:before{background:var(--groen)}.punt strong{display:block}.punt span{color:var(--inkt-2);font-size:.95rem}.vergelijk{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.vergelijk .kaart{display:grid;grid-gap:6px;gap:6px}.kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:22px}.kaart .groot{font-family:var(--font-display);font-size:2rem;font-weight:600;line-height:1}.kaart.koraal{border-color:var(--koraal);box-shadow:inset 0 0 0 1px var(--koraal)}.prijzen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:stretch}@media (max-width:860px){.prijzen{grid-template-columns:1fr}}.prijs{display:grid;grid-template-rows:auto auto 1fr auto;grid-gap:14px;gap:14px}.prijs .bedrag{font-family:var(--font-display);font-size:2.4rem;font-weight:600;line-height:1}.prijs .bedrag small{font-family:var(--font-body);font-size:.95rem;font-weight:400;color:var(--inkt-2);margin-left:6px}.prijs ul{margin:0;padding-left:18px;color:var(--inkt-2);display:grid;grid-gap:6px;gap:6px}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--koraal-licht);color:var(--koraal-donker);font-size:.78rem;font-weight:600;letter-spacing:.02em}.beta-noot{margin-top:18px;color:var(--inkt-2);font-size:.95rem;max-width:46rem}.form-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(24px,4vw,56px);gap:clamp(24px,4vw,56px);align-items:start}@media (max-width:900px){.form-raster{grid-template-columns:1fr}}form{display:grid;grid-gap:22px;gap:22px}fieldset{border:0;padding:0;margin:0;display:grid;grid-gap:12px;gap:12px;min-width:0}legend{font-family:var(--font-display);font-weight:600;font-size:1.05rem;padding:0;margin-bottom:6px}.veld{display:grid;grid-gap:6px;gap:6px;min-width:0}.veld .lbl-tekst,.veld label{font-size:.92rem;font-weight:600}.veld small{color:var(--inkt-3);font-size:.85rem}.rij{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:560px){.rij{grid-template-columns:1fr}}input[type=email],input[type=number],input[type=text],input[type=url],select,textarea{width:100%;padding:11px 12px;border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);min-width:0}textarea{min-height:110px;resize:vertical}.opties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}@media (max-width:420px){.opties{grid-template-columns:1fr}}.optie{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart);cursor:pointer;font-size:.95rem}.optie:has(input:checked){border-color:var(--koraal);background:var(--koraal-licht)}.optie input{accent-color:var(--koraal);margin:0}.product-keuze{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:560px){.product-keuze{grid-template-columns:1fr}}.product-keuze .optie{flex-direction:column;align-items:flex-start;gap:4px;padding:14px}.product-keuze .optie strong{font-family:var(--font-display)}.product-keuze .optie span{color:var(--inkt-2);font-size:.88rem}.upload{border:1.5px dashed var(--lijn);border-radius:var(--radius);padding:18px;display:grid;grid-gap:8px;gap:8px;background:var(--kaart)}.upload input{font-size:.92rem}#bestanden{display:grid;grid-gap:4px;gap:4px;font-size:.88rem;color:var(--inkt-2)}.totaal{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart)}.totaal .bedrag{font-family:var(--font-display);font-size:1.6rem;font-weight:600}.akkoord{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--inkt-2)}.akkoord input{margin-top:5px;accent-color:var(--koraal);flex:none}.fout{color:var(--koraal-donker);font-size:.92rem}.form-zij{display:grid;grid-gap:18px;gap:18px;position:-webkit-sticky;position:sticky;top:88px}.form-zij .kaart{display:grid;grid-gap:10px;gap:10px}.form-zij ol{margin:0;padding-left:20px;color:var(--inkt-2);display:grid;grid-gap:8px;gap:8px}.bevestiging{display:grid;grid-gap:12px;gap:12px}.bevestiging pre{margin:0;padding:14px;overflow-x:auto;background:var(--papier-2);border-radius:var(--radius);font-family:var(--font-mono);font-size:.82rem;line-height:1.5}.faq{display:grid;grid-gap:0;gap:0;max-width:46rem;border-top:1px solid var(--lijn)}.faq details{border-bottom:1px solid var(--lijn)}.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:600;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--koraal);font-size:1.2rem;flex:none}.faq details[open] summary:after{content:"−"}.faq details p{padding-bottom:18px;color:var(--inkt-2);max-width:40rem}.voet{border-top:2px solid var(--inkt);padding-block:32px 48px}.titelblok{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border:1px solid var(--lijn);background:var(--kaart)}.titelblok>div{padding:14px 16px;border-right:1px solid var(--lijn);display:grid;grid-gap:4px;gap:4px;font-size:.9rem;color:var(--inkt-2)}.titelblok>div:last-child{border-right:0}.titelblok .mono{font-size:.7rem}.titelblok strong{color:var(--inkt)}.voet-links{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:18px;font-size:.9rem;color:var(--inkt-2)}.voet-links a{color:inherit}