/* Dijkzeker - huisstijl v1.0 */
@font-face{font-family:"Fraunces";src:url(../fonts/Fraunces-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../fonts/Fraunces-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Archivo";src:url(../fonts/Archivo-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Archivo";src:url(../fonts/Archivo-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Archivo";src:url(../fonts/Archivo-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--zand:#F6F3EC;--wit:#FFFFFF;--ink:#13294B;--muted:#55606E;--polder:#13294B;--groen:#2F6B45;--groen-hover:#1F4A30;--zee:#2B8CA3;--zee-licht:#CDEBE5;--klei:#DDD6C8;--signaal:#B4400F;--licht-op-donker:#B8C2CF;--mint:#8FD3C4;
--display:"Fraunces",Georgia,serif;--sans:"Archivo","Helvetica Neue",Helvetica,sans-serif;--r-sm:6px;--r-md:12px;--r-lg:20px;--pad:clamp(20px,6vw,120px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--zand);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6}
img{max-width:100%;display:block}
a{color:var(--groen)}a:hover{color:var(--groen-hover)}
:focus-visible{outline:3px solid var(--zee);outline-offset:3px;border-radius:4px}
h1,h2,h3{margin:0;line-height:1.1}
h1,h2{font-family:var(--display);font-weight:700}
h1{font-size:clamp(40px,5.5vw,68px);letter-spacing:-.01em}
h2{font-size:clamp(30px,3.6vw,44px)}
h3{font-weight:800;font-size:20px;line-height:1.3}
p{margin:0}
.wrap{padding-left:var(--pad);padding-right:var(--pad)}
.section{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(56px,8vw,96px)}
.kicker{color:var(--groen);font-weight:600;font-size:15px;margin-bottom:12px}
.lead{font-size:clamp(18px,1.6vw,20px);color:var(--muted);max-width:36em}
.muted{color:var(--muted)}
.skip{position:absolute;left:-999px;top:8px;background:var(--wit);padding:8px 12px;z-index:10}.skip:focus{left:8px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:var(--r-md);font:700 16px/1 var(--sans);text-decoration:none;cursor:pointer;border:1.5px solid transparent}
.btn-primary{background:var(--groen);color:#fff}.btn-primary:hover{background:var(--groen-hover);color:#fff}
.btn-secondary{background:var(--wit);color:var(--ink);border-color:var(--ink)}.btn-secondary:hover{background:var(--zand);color:var(--ink)}
.btn-light{background:#fff;color:var(--ink)}.btn-light:hover{background:var(--zee-licht);color:var(--ink)}
.btn-outline-light{border-color:#fff;color:#fff}.btn-outline-light:hover{background:rgba(255,255,255,.12);color:#fff}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
/* header */
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px;border-bottom:1px solid var(--klei);flex-wrap:wrap}
.site-header .logo img{height:44px;width:auto}
.site-nav{display:flex;gap:28px;font-weight:600}
.site-nav a{color:var(--ink);text-decoration:none}.site-nav a:hover{color:var(--groen)}
@media (max-width:980px){.site-nav{display:none}}
/* hero */
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.hero-text{display:flex;flex-direction:column;gap:24px}
.checks{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px;font-weight:600;list-style:none;margin:0;padding:0}
.checks li,.feature-list li{display:flex;gap:8px;align-items:flex-start}
.checks svg,.feature-list svg{flex-shrink:0;margin-top:2px}
.status-card{background:var(--polder);color:var(--zand);border-radius:var(--r-lg);padding:clamp(24px,3vw,36px)}
.status-card .top{display:flex;justify-content:space-between;font-size:14px;color:var(--licht-op-donker)}
.status-card .top strong{color:var(--mint);font-weight:600}
.status-card h2{font-size:30px;margin:14px 0 8px;color:var(--zand)}
.status-card ul{list-style:none;margin:0;padding:0}
.status-card li{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #2A3F63}
.status-card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:14px;color:var(--licht-op-donker)}
@media (max-width:900px){.hero{grid-template-columns:1fr}}
/* grids and cards */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:900px){.grid3{grid-template-columns:1fr}}
.card{background:var(--wit);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:12px}
.card p{color:var(--muted)}
.bg-wit{background:var(--wit)}
.bg-polder{background:var(--polder);color:var(--zand)}
.bg-polder .kicker{color:var(--mint)}
.bg-polder p{color:var(--licht-op-donker)}
.bg-groen{background:var(--groen);color:#fff}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.mb{margin-bottom:40px}
/* pillars */
.pillar{display:flex;flex-direction:column;gap:14px}
.pillar h3{font-family:var(--display);font-weight:700;font-size:30px}
.pillar>p{color:var(--muted)}
.feature-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:16px}
/* pricing */
.price-card{background:var(--wit);border:1px solid var(--klei);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:16px}
.price-card.featured{background:var(--polder);color:var(--zand);border-color:var(--polder)}
.price-card.featured .muted{color:var(--licht-op-donker)}
.badge{align-self:flex-start;background:var(--zee-licht);color:var(--ink);font-weight:700;font-size:13px;border-radius:var(--r-sm);padding:6px 10px}
.badge-space{height:29px}
.price-card h3{font-family:var(--display);font-weight:700;font-size:34px}
.price{font-family:var(--display);font-weight:700;font-size:46px;line-height:1}
.price small{font-family:var(--sans);font-weight:400;font-size:16px}
.price-card .feature-list{flex-grow:1}
.note{font-size:15px;color:var(--muted);margin-top:24px}
/* subsidy */
.subsidy{background:var(--wit);border:1px solid var(--klei);border-radius:var(--r-lg);padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;gap:32px}
.subsidy-top{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
.tint{background:var(--zee-licht);border-radius:var(--r-md);padding:24px}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat{background:var(--zand);border-radius:var(--r-md);padding:20px 24px}
.cat strong{display:block;margin-bottom:6px}
.cat span{font-size:15px;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--klei);padding-top:32px}
.step{display:flex;gap:16px}
.step .n{font-family:var(--display);font-weight:700;font-size:32px;color:var(--groen);line-height:1}
.step p{font-size:15px;color:var(--muted);margin-top:6px}
.small{font-size:14px;color:var(--muted)}
@media (max-width:900px){.subsidy-top,.cats,.steps{grid-template-columns:1fr}}
/* how */
.how{position:relative}
.how-step .n{width:56px;height:56px;border-radius:var(--r-md);background:var(--groen);color:#fff;display:flex;align-items:center;justify-content:center;font:700 26px/1 var(--display)}
.how-step{display:flex;flex-direction:column;gap:12px}
.how-step .t{font-weight:600;font-size:14px;color:var(--mint)}
.wave{display:block}
.how .wave{margin-top:48px;margin-left:auto}
/* referral */
.referral{margin-top:40px;background:var(--zee-licht);border-radius:var(--r-lg);padding:32px 40px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.referral p{max-width:44em}
/* faq */
details{border-bottom:1px solid var(--klei);padding:22px 0}
summary{font-weight:700;font-size:19px;cursor:pointer}
details p{margin-top:12px;color:var(--muted);max-width:52em}
/* contact */
.contact{display:flex;justify-content:space-between;align-items:center;gap:48px;flex-wrap:wrap}
.contact p{color:#DDEFE3;font-size:18px;margin-top:16px;max-width:34em}
.contact .btns{display:flex;flex-direction:column;gap:12px;min-width:min(320px,100%)}
.contact .small{color:#DDEFE3;text-align:center}
/* footer */
.site-footer{background:var(--polder);color:var(--licht-op-donker);padding-top:64px;padding-bottom:48px;display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap;font-size:15px}
.site-footer img{height:44px;width:auto}
.site-footer .tag{color:var(--mint);font-weight:600;font-size:14px;margin-top:14px}
.site-footer .cols{display:flex;gap:64px;flex-wrap:wrap;line-height:2}
.site-footer strong{color:var(--zand)}
.site-footer a{color:var(--licht-op-donker);text-decoration:none}.site-footer a:hover{color:#fff}
/* forms and order */
.order{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start}
@media (max-width:980px){.order{grid-template-columns:1fr}}
.order form{display:flex;flex-direction:column;gap:32px}
fieldset{border:none;margin:0;padding:0}
legend{font-weight:800;font-size:19px;margin-bottom:14px;padding:0}
.choice{display:block;position:relative}
.choice input{position:absolute;opacity:0;width:1px;height:1px}
.choice .box{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--wit);border:1px solid var(--klei);border-radius:var(--r-lg);padding:20px 26px;cursor:pointer;min-height:88px}
.choice input:checked+.box{border:3px solid var(--groen);padding:18px 24px}
.choice input:focus-visible+.box{outline:3px solid var(--zee);outline-offset:3px}
.choice .name{font:700 24px/1.1 var(--display)}
.choice .sub{font-size:15px;color:var(--muted)}
.choice .amount{text-align:right;font:700 26px/1.1 var(--display)}
.choice .amount small{display:block;font:400 13px/1.4 var(--sans);color:var(--muted)}
.stack{display:flex;flex-direction:column;gap:12px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.two{grid-template-columns:1fr}}
.panel{background:var(--wit);border:1px solid var(--klei);border-radius:var(--r-lg);padding:24px}
.panel .hint{font-size:14px;color:var(--muted);margin:2px 0 14px}
.stepper{display:flex;align-items:center;gap:12px}
.stepper button{width:48px;height:48px;border-radius:var(--r-md);border:1.5px solid var(--ink);background:var(--wit);font:700 22px/1 var(--sans);color:var(--ink);cursor:pointer}
.stepper input{width:90px;height:48px;text-align:center;font:700 20px var(--sans)}
label.field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}
input[type=text],input[type=email],input[type=tel],input[type=number]{height:48px;border:1.5px solid var(--muted);border-radius:var(--r-md);padding:0 14px;font:400 16px var(--sans);color:var(--ink);background:#fff;width:100%}
.stepper input{width:90px}
.check-field{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.check-field input{width:22px;height:22px;margin-top:1px;accent-color:var(--groen)}
.hp{position:absolute;left:-9999px}
.summary{position:sticky;top:24px;background:var(--polder);color:var(--zand);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:14px}
.summary .lbl{color:var(--mint);font-weight:600;font-size:14px}
.summary h2{font-size:32px;color:var(--zand)}
.summary .row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #2A3F63;padding-bottom:10px}
.summary .total{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}
.summary .total strong{font:700 40px/1 var(--display)}
.summary .small{color:var(--licht-op-donker)}
.summary .strong-row{font-weight:700;border-bottom:none}
.info{background:#1C3A66;border-radius:var(--r-md);padding:14px 18px;font-size:14px}
.error{background:#FBE9E1;color:var(--signaal);border-radius:var(--r-md);padding:14px 18px;font-weight:600}
[hidden]{display:none!important}
/* dijkcheck */
.q{background:var(--wit);border:1px solid var(--klei);border-radius:var(--r-lg);padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.q .text{display:flex;gap:14px;align-items:flex-start;font-weight:700}
.q .text span:first-child{font:700 24px/1 var(--display);color:var(--groen)}
.q .opts{display:flex;gap:8px}
.q .opts label{position:relative}
.q .opts input{position:absolute;opacity:0;width:1px;height:1px}
.q .opts span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--r-md);border:1.5px solid var(--muted);font-weight:700;font-size:15px;cursor:pointer;background:#fff}
.q .opts input:checked+span{background:var(--groen);border-color:var(--groen);color:#fff}
.q .opts input:focus-visible+span{outline:3px solid var(--zee);outline-offset:2px}
.result .score{font:700 64px/1 var(--display)}
.result .score small{font-size:28px;color:var(--licht-op-donker)}
.result input[type=email]{border:none}
.page-narrow{max-width:760px}
.page-narrow h2{font-size:28px;margin:32px 0 12px}
.page-narrow p{margin-bottom:14px}
.mb-s{margin-bottom:14px}
ol.grid3,ol.steps{list-style:none;margin:0;padding-left:0}
.btn-link-light{color:#fff}
#c-order{color:var(--mint);font-weight:700;text-align:center}
.status-card li svg{flex-shrink:0}
@media (max-width:640px){.site-header{flex-wrap:nowrap}.site-header .btn-secondary{display:none}.site-header .logo img{height:34px}.site-header .btn{padding:0 16px}}
.legal ol,.legal ul{padding-left:22px;margin:0 0 14px}
.legal li{margin-bottom:8px}
.legal-table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 20px;display:block;overflow-x:auto}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--klei)}
.legal-table th{font-weight:800}
.page-narrow h1{margin-bottom:16px}