:root{--navy:#102e49;--teal:#6d28d9;--bright:#8b5cf6;--ink:#17354b;--muted:#526778;--pale:#f3edff;--border:#dce5e9;--soft:#f5f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);line-height:1.13}h1{font-size:clamp(40px,4.2vw,62px);letter-spacing:-2.6px;margin-bottom:24px}h2{font-size:clamp(29px,3vw,39px);letter-spacing:-1.4px;margin-bottom:22px}h3{font-size:21px;letter-spacing:-.5px}p{margin-bottom:18px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.teal{color:var(--teal)}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;color:var(--teal);margin-bottom:15px}.line{display:inline-block;width:25px;height:2px;background:var(--teal);vertical-align:middle;margin-right:10px}.skip{position:absolute;left:10px;top:-100px;background:#fff;padding:16px;z-index:50}.skip:focus{top:10px}header{border-bottom:1px solid var(--border);background:#fffffff5}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:8px;font-size:26px;letter-spacing:-1px;font-weight:800;white-space:nowrap}.brand-mark{object-fit:contain}.nav nav{display:flex;gap:30px;font-size:14px;font-weight:600}.nav nav a:hover,.text-link:hover,footer a:hover{color:var(--teal)}.button{border:0;border-radius:7px;background:var(--teal);color:white;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;font-size:15px;font-weight:750;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#5b21b6;transform:translateY(-1px)}.button.small{font-size:14px;padding:11px 20px}.full{width:100%}.text-link{font-size:15px;font-weight:750;text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;padding-top:62px;padding-bottom:66px;align-items:center}.hero-copy{padding-block:12px}.intro{font-size:19px;max-width:470px;color:var(--muted);line-height:1.7}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:30px;flex-wrap:wrap}.hero-proof{display:flex;gap:22px;font-size:13px;color:var(--muted);margin-top:19px}.editorial-note{border-top:1px solid var(--border);padding-top:24px;margin-top:40px;display:flex;gap:20px;align-items:center}.note-number{font-size:40px;font-weight:300;color:#9eafb8;line-height:1}.editorial-note p{font-size:14px;margin:0;color:var(--muted)}.editorial-note strong{color:var(--navy)}.check-card{background:#fff;border:1px solid #dacdf4;border-radius:16px;padding:28px;box-shadow:0 18px 48px #102e4910;position:relative}.check-card:before{content:"";position:absolute;left:28px;right:28px;top:0;height:4px;background:var(--bright);border-radius:0 0 5px 5px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-heading h2{font-size:27px;margin-bottom:10px;letter-spacing:-1px}.card-heading .eyebrow{margin-bottom:7px}.check-card>.muted{font-size:14px}.tag{border:1px solid #dfd3f6;background:var(--pale);border-radius:5px;padding:4px 9px;color:#603d91;font-size:12px;font-weight:650;white-space:nowrap}fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}legend{font-size:14px;font-weight:750;margin-bottom:9px;padding:0}legend>span{display:inline-flex;justify-content:center;align-items:center;width:21px;height:21px;margin-right:6px;background:#eee6fa;border-radius:50%;font-size:12px;color:var(--teal)}.options{display:flex;gap:7px;flex-wrap:wrap}.options label{flex:1;position:relative;cursor:pointer;min-width:90px}.options input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.options label>span{display:block;border:1px solid var(--border);border-radius:6px;padding:10px 8px;text-align:center;font-size:13px;font-weight:600;line-height:1.4}.options input:checked+span{border-color:var(--teal);color:var(--teal);background:var(--pale);box-shadow:inset 0 0 0 1px var(--teal)}.options input:focus-visible+span{outline:3px solid var(--teal);outline-offset:3px}select{width:100%;color:var(--ink);border:1px solid var(--border);border-radius:6px;background:white;padding:11px;font-size:14px}.hint,.fine{font-size:12px;color:var(--muted);line-height:1.65}.hint{margin:7px 0 0}.fine{margin:12px 0 0}.result{margin-top:18px;padding:17px;background:var(--pale);border-left:3px solid var(--teal);border-radius:5px}.result h3{font-size:18px;margin-bottom:10px}.result p{font-size:14px;margin-bottom:8px}.result a{display:inline-block;margin-top:5px}.principles{background:var(--soft);border-block:1px solid #e9eef0}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:29px}.mini-number{font-size:11px;letter-spacing:1.5px;color:var(--teal);font-weight:750}.principle-grid h3{font-size:18px;margin:8px 0}.principle-grid p{font-size:14px;color:var(--muted);margin:0;max-width:315px}.savings-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-block:80px;align-items:center}.section-copy>p{max-width:455px}.section-copy .muted{font-size:14px}.calculator{border-radius:13px;border:1px solid var(--border);padding:26px;background:white}.calculator-inputs{display:grid;grid-template-columns:1fr 1fr;gap:17px}.calculator-inputs label{font-size:13px;font-weight:650}.calculator-inputs label:last-child{grid-column:1/-1;max-width:calc(50% - 8px)}.money-input{display:flex;align-items:center;border:1px solid #c9d5dc;border-radius:6px;margin-top:6px;padding-inline:12px}.money-input span{color:var(--muted)}.money-input input{width:100%;border:0;min-width:0;padding:10px;background:transparent;font-weight:700;color:var(--navy);font-size:18px}.saving-output{margin-top:22px;background:var(--navy);color:#fff;padding:24px;border-radius:8px;position:relative}.saving-output>span:first-child{font-size:14px;color:#c9e0e5}.saving-output strong{display:block;font-size:49px;letter-spacing:-1.8px;line-height:1.2;margin-block:6px}.saving-output p{margin:0;font-size:15px}.output-note{display:block;border-top:1px solid #ffffff30;padding-top:12px;margin-top:15px;color:#c9e0e5;font-size:12px}.smarter{padding-block:12px 80px}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:24px}.section-top h2{margin-bottom:0}.section-top>.muted{font-size:14px;margin:0}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.route-card{border:1px solid var(--border);border-radius:12px;padding:27px;display:flex;flex-direction:column;align-items:flex-start}.route-icon{font-size:40px;color:#a4b8c2;font-weight:300;line-height:1;margin-bottom:22px}.route-card h3{margin:17px 0 12px;font-size:23px}.route-card p{font-size:15px;color:var(--muted)}.route-card ul{padding-left:20px;font-size:14px;margin:0 0 25px;color:var(--muted)}.route-card li{padding-bottom:6px}.route-card li::marker{color:var(--teal)}.route-card a{margin-top:auto}.why{background:var(--pale);padding-block:55px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.why h2{margin-bottom:0}.why p:not(.eyebrow){color:#59476b;font-size:16px}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-block:80px}.faq details{border-bottom:1px solid var(--border)}.faq details:first-child{border-top:1px solid var(--border)}summary{list-style:none;cursor:pointer;padding:20px 35px 20px 0;position:relative;font-size:16px;font-weight:650;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;top:18px;color:var(--teal);font-size:23px;font-weight:400}details[open] summary:after{content:"−"}.faq details p{font-size:15px;color:var(--muted);padding-right:25px}.methodology{padding:30px 0 45px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.methodology h2{font-size:25px;max-width:340px;letter-spacing:-.6px}.methodology>p{font-size:14px;color:var(--muted)}.family{background:#e9f1f9;border-radius:13px;padding:33px;display:grid;grid-template-columns:1fr 2fr;gap:45px;margin-bottom:65px}.family h2{font-size:29px;margin-bottom:14px}.family>div>p:last-child{font-size:14px;color:var(--muted);margin:0}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.family-grid>a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d7e2ec;border-radius:8px;padding:14px;transition:box-shadow .2s}.family-grid>a:hover{box-shadow:0 4px 16px #112e4912}.family-grid img{object-fit:contain}.family-grid strong{font-size:17px;letter-spacing:-.5px}.family-grid span:not(.family-initial){display:block;color:var(--muted);font-size:12px}.family-initial{height:38px;width:38px;border-radius:8px;background:#e2ecff;color:#2563b7;font-size:21px;font-weight:800;display:grid;place-items:center;flex-shrink:0}.family-initial.solar{background:#fff1d3;color:#8b5b00}footer{background:var(--soft);border-top:1px solid var(--border);padding-block:27px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px}.footer-top .brand{font-size:22px}.footer-top>span{font-size:14px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:17px;font-size:12px;color:var(--muted)}.footer-bottom>div{display:flex;gap:22px}.link-button{border:0;padding:0;background:none;font-size:12px;color:inherit}.link-button:hover{color:var(--teal)}dialog{border:1px solid var(--border);border-radius:13px;width:min(540px,calc(100% - 32px));padding:32px;color:var(--ink);box-shadow:0 25px 100px #0003}dialog::backdrop{background:#102e4970}dialog h2{font-size:28px;padding-right:25px}dialog p{font-size:15px}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;color:var(--navy)}
@media(max-width:1050px){.hero{gap:30px}.nav nav{gap:20px}.brand{font-size:23px}.savings-section,.why-grid{gap:40px}.route-card{padding:22px}.hero-proof{gap:14px;font-size:12px}.family{gap:22px}.family-grid strong{font-size:15px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:78px}.nav nav{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:45px}.hero-copy{max-width:600px}.hero h1{font-size:48px}.intro{max-width:550px}.editorial-note{display:none}.check-card{max-width:600px;width:100%;margin:auto}.principle-grid{gap:20px}.savings-section,.why-grid{grid-template-columns:1fr;gap:25px}.savings-section{padding-block:55px}.section-copy>p{max-width:none}.route-grid{grid-template-columns:1fr}.route-card{padding:26px}.route-icon{font-size:32px;margin-bottom:16px}.smarter{padding-bottom:55px}.section-top{align-items:flex-start}.section-top>.muted{display:none}.why{padding-block:40px}.faq-section{grid-template-columns:1fr;gap:15px;padding-block:55px}.faq-section>div>.muted{display:none}.methodology{grid-template-columns:1fr;gap:0}.family{grid-template-columns:1fr;padding:26px;gap:25px;margin-bottom:40px}.family h2 br{display:none}.family>div>p:last-child{display:none}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}
@media(max-width:500px){.wrap{width:calc(100% - 32px)}.brand{font-size:21px;gap:4px}.brand-mark{width:40px;height:40px}.nav>.button{padding:10px 12px;font-size:12px}.hero h1{font-size:40px;letter-spacing:-1.7px}.intro{font-size:17px}.hero-actions{gap:18px}.hero-proof{flex-wrap:wrap;gap:6px 16px}.check-card{padding:23px 19px}.options label>span{font-size:12px;padding:10px 6px}.card-heading h2{font-size:25px}.principle-grid{grid-template-columns:1fr;gap:22px;padding-block:25px}.principle-grid p{max-width:none}.principle-grid h3{margin:4px 0}.calculator{padding:20px}.calculator-inputs{gap:14px}.calculator-inputs label{font-size:12px}.family-grid{grid-template-columns:1fr}.family-grid strong{font-size:17px}.footer-bottom>div{flex-wrap:wrap}h2{letter-spacing:-.9px}.saving-output strong{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Telefoonbewijs: violet identity within the Bewijsfamilie. */
.hero-copy .teal{color:#6d28d9}.saving-output{background:#35205b}.saving-output>span:first-child,.output-note{color:#e1d2fa}.check-card:before{background:#8b5cf6}.brand .teal{color:#7c3aed}

.next-steps h4{font-size:14px;margin:18px 0 8px;color:var(--navy)}.next-steps ol{padding-left:22px;margin:0 0 18px;font-size:14px;line-height:1.6}.next-steps li{padding:4px 0 7px}.next-steps li::marker{color:var(--teal);font-weight:800}.result .text-link{font-size:14px}