:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182e49;background:#f3f6fa;font-synthesis:none;font-size:16px;--navy:#152d4c;--green:#6de0b5;--muted:#56677d;--line:#dce4ed}*{box-sizing:border-box}body{margin:0}header{height:88px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));gap:20px}.brand{font-size:30px;font-weight:780;letter-spacing:-1.2px;color:var(--navy);text-decoration:none;white-space:nowrap}.brand span{color:#138960}.brand small{font-size:12px;letter-spacing:2px;margin-left:18px;font-weight:600;color:var(--muted)}.header-right{display:flex;align-items:center;gap:24px;font-size:14px}.header-right a{color:var(--navy);text-decoration:none}.demo-label{border:1px solid #d8b66c;color:#7e5617;background:#fff8e8;padding:6px 11px;border-radius:6px}main{max-width:1240px;margin:0 auto;padding:40px 24px 0}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:#446482}h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.1px;line-height:1.18;margin:12px 0}p{line-height:1.55}.intro p{color:var(--muted);margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;font-weight:600;min-height:44px;border-radius:7px;padding:10px 16px}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:white;color:var(--navy);border:1px solid var(--line);font-size:14px;white-space:nowrap}.notice{margin:28px 0 24px;background:#e9eff7;border-left:3px solid #597fa8;padding:13px 17px;line-height:1.6;font-size:14px;color:#425873}.notice strong{color:var(--navy)}.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:26px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:18px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}.step{font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:6px;padding:5px 7px;color:#5b738b}h2{font-size:20px;letter-spacing:-.4px;margin:0}.source{font-size:12px;color:#607188;background:#f0f4f8;padding:5px 8px;border-radius:4px;margin-left:auto}.amber{color:#7d591e;background:#fff4dc}label{font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;gap:10px}label span{color:#6b7c8e;font-weight:400;white-space:nowrap}input,select{width:100%;min-height:47px;border:1px solid #cbd6e1;border-radius:6px;background:white;padding:11px 12px;color:#172e49}input:focus,select:focus{outline:2px solid #2572b3;outline-offset:2px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #318ae0;outline-offset:3px}input[aria-invalid=true]{border-color:#b54337;background:#fff7f5}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.fields .wide{grid-column:1/-1}.fields small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:6px}.vehicle-strip{padding:16px 0 22px;display:flex;flex-direction:column;gap:5px}.vehicle-strip strong{font-size:20px}.vehicle-strip span{font-size:14px;color:var(--muted)}.contract-strip{display:flex;justify-content:space-between;gap:18px;padding:16px;background:#f3f6fa;border-radius:7px;margin-top:22px}.contract-strip span{font-size:12px;color:var(--muted)}.contract-strip strong{display:block;color:var(--navy);font-size:16px;margin-top:5px}.section-copy{font-size:14px;color:var(--muted);margin:-8px 0 20px}.context{font-size:12px;color:var(--muted);margin:16px 0;line-height:1.6}.sensitivity{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:14px;font-size:14px}.sensitivity strong{white-space:nowrap}.stale{background:#fff5e1;border:1px solid #e9ca8c;padding:14px;border-radius:6px;font-size:14px;margin:12px 0 18px;color:#77501a}.stale p{margin:6px 0 10px}.stale button{background:#7e571d;color:white;font-size:13px}.result{background:var(--navy);color:white;border-radius:12px;padding:28px}.result-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.2px;gap:12px}.result-tag{background:#314861;color:#c7d8e9;padding:5px 7px;border-radius:4px;letter-spacing:1px}.price{font-size:clamp(42px,4.5vw,63px);font-weight:650;letter-spacing:-2px;line-height:1.1;margin-top:26px;overflow-wrap:anywhere}.price-note{margin:8px 0 0;color:#c0ccda;font-size:14px}.result-contract{font-size:14px;color:#e1e9f2;margin:24px 0 18px;padding-top:20px;border-top:1px solid #3b506b}.bar{display:flex;gap:3px;height:9px;overflow:hidden;border-radius:4px;margin-bottom:23px}.bar span{min-width:0}.breakdown>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;font-size:14px;color:#dbe4ee}.breakdown strong{font-size:15px;color:white;white-space:nowrap;font-variant-numeric:tabular-nums}.breakdown i{width:8px;height:8px;display:inline-block;margin-right:9px;border-radius:2px}.total-line{border-top:1px solid #3b506b;margin-top:14px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;font-size:14px}.total-line strong{white-space:nowrap}.exclusions{color:#b8c7d8;font-size:12px;line-height:1.65;margin:19px 0}.print{width:100%;background:var(--green);color:#103d32}.explanation{padding:22px 6px;font-size:14px;color:var(--muted)}h3{font-size:16px;color:var(--navy);margin:0 0 10px}.explanation p{margin:8px 0 14px}.explanation details{border-top:1px solid var(--line);padding-top:16px}.explanation details p{font-size:13px}summary{cursor:pointer;line-height:1.5;color:var(--navy);font-weight:600}.result-message{font-size:14px;line-height:1.5;color:#ffe3a8;margin-top:15px}.result-message:empty{display:none}.data-section{border-top:1px solid var(--line);padding:38px 0}.data-section h2{font-size:27px;margin-top:10px}.data-section>div>p{max-width:790px;color:var(--muted)}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.data-grid article{padding:23px;border:1px solid var(--line);background:white;border-radius:10px}.data-status{font-size:12px;color:#76603a;display:block;margin-bottom:15px}.data-grid h3{font-size:20px}.data-grid p{font-size:14px;color:var(--muted)}.data-grid a{font-size:14px;color:#245d95}.plain-note{font-size:14px;color:var(--muted)}.questions{margin-top:24px;background:#e9eff7;border-radius:8px;padding:18px;font-size:14px}.questions li{margin:12px 0;line-height:1.6}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding:24px 0 30px;border-top:1px solid var(--line)}[hidden]{display:none!important}@media(min-width:1000px){aside{position:sticky;top:20px}}@media(max-width:850px){.workspace{grid-template-columns:1fr}.intro{align-items:flex-start}.data-grid{grid-template-columns:1fr}aside{grid-row:2}.brand small{display:none}.result{max-width:none}}@media(max-width:540px){header{height:72px;padding:0 18px}.brand{font-size:26px}.header-right{gap:10px}.header-right a{display:none}main{padding:26px 16px 0}.intro{display:block}.intro button{margin-top:18px}h1{font-size:29px}.panel{padding:19px}.fields{grid-template-columns:1fr;gap:18px}.source{margin-left:0}.section-title{gap:8px}.result{padding:24px}.price{font-size:51px}.sensitivity{flex-direction:column;gap:6px}footer{flex-direction:column;gap:8px}}@media print{header{height:60px;padding:0}.header-right,.intro button,.print,.data-section,footer,details,.notice{display:none}body,main{background:white;color:#111}main{padding:15px;max-width:none}.workspace{display:block}.panel{break-inside:avoid;margin:10px 0;padding:15px}.fields{grid-template-columns:1fr 1fr}.result{background:white;color:#111;border:2px solid #152d4c;break-inside:avoid;margin-top:20px}.result *{color:#111!important}.result-top:after{content:'VOORBEELD — GEEN OFFERTE'}.bar{display:none}.explanation{padding:12px 0}h1{font-size:24px}.intro p{font-size:12px}input,select{border-color:#ddd}aside{position:static}}