:root{--navy:#0D2B45;--ink:#14293D;--text:#33495F;--muted:#5B7186;--blue:#1E5FD2;--sky:#3DB7E4;--orange:#FF9F00;--page:#F5F8FB;--surface:#fff;--border:#DCE6EF;--focus:#111;--radius:22px;--shadow:0 18px 48px rgba(13,43,69,.095);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--page)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fff 0,#f5f8fb 42%)}button,input,select{font:inherit}.skip{position:absolute;left:12px;top:-60px;background:#fff;padding:12px 16px;z-index:99}.skip:focus{top:12px}.topbar{height:68px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);position:sticky;top:0;backdrop-filter:blur(16px);z-index:10}.brand{display:flex;gap:10px;align-items:center;color:var(--navy);font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--blue);color:#fff}.icon-btn{width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--navy);font-weight:800}.shell{max-width:760px;margin:0 auto;padding:28px 16px 80px}.intro{padding:10px 2px 22px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.75rem;font-weight:800;color:var(--blue);margin:0 0 10px}.intro h1{font-size:clamp(2rem,9vw,3.5rem);line-height:1.02;letter-spacing:-.04em;color:var(--navy);margin:0 0 14px}.intro p{font-size:1.08rem;line-height:1.55;margin:0;max-width:42rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.calculator{padding:18px}.progress-meta{display:flex;justify-content:space-between;gap:12px;font-size:.82rem;color:var(--muted);font-weight:700}.progress{height:6px;background:#eaf0f6;border-radius:999px;margin:10px 0 26px;overflow:hidden}.progress span{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--blue),var(--sky));transition:width .25s ease}.step{display:none;border:0;padding:0;margin:0}.step.active{display:block}.step legend{font-size:1.55rem;line-height:1.18;color:var(--navy);font-weight:850;letter-spacing:-.025em;padding:0;margin:0 0 8px}.hint{margin:0 0 22px;line-height:1.5;color:var(--muted)}label{display:grid;gap:8px;margin:16px 0;color:var(--ink);font-weight:700}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{margin:0;position:relative}.choice input{position:absolute;opacity:0}.choice span{min-height:58px;display:grid;place-items:center;border:1.5px solid var(--border);border-radius:14px;background:#fff}.choice input:checked+span{border-color:var(--blue);background:var(--blue);box-shadow:0 0 0 3px rgba(30,95,210,.12);color:#fff}.choice-confirm input:checked+span::before{content:'✓';font-weight:900;margin-right:8px}.choice-confirm span{grid-auto-flow:column;justify-content:center}.income-components{border:1px solid var(--border);border-radius:14px;margin:8px 0 12px;padding:0;background:#fbfdff}.income-components summary{border:0;margin:0;padding:15px 16px;color:var(--navy);display:flex;justify-content:space-between;gap:10px;align-items:center}.income-components[open] summary{border-bottom:1px solid var(--border)}.summary-hint{font-size:.76rem;font-weight:600;color:var(--muted);text-align:right}.income-components-body{padding:8px 14px 14px}.income-components-body .nested-fieldset{margin:10px 0}.income-components-body label{margin:10px 0}.money,.suffix{display:flex;align-items:center;min-height:54px;border:1.5px solid var(--border);border-radius:14px;background:#fff;padding:0 14px;gap:8px}.money input,.suffix input{border:0;outline:0;width:100%;font-size:1.15rem;color:var(--ink);background:transparent}.money:focus-within,.suffix:focus-within,select:focus{outline:3px solid rgba(30,95,210,.18);border-color:var(--blue)}select{min-height:54px;border:1.5px solid var(--border);border-radius:14px;padding:0 14px;background:#fff;color:var(--ink)}details{border-top:1px solid #eaf0f6;margin-top:20px;padding-top:16px}summary{cursor:pointer;color:var(--blue);font-weight:800}.micro{font-size:.85rem;line-height:1.5;color:var(--muted)}.actions{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:28px}.primary,.secondary{min-height:52px;border-radius:14px;border:0;font-weight:850}.primary{background:var(--blue);color:#fff}.secondary{background:#eef3f8;color:var(--navy)}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{opacity:.45}.result{margin-top:18px;padding:22px}.result h2{color:var(--navy);margin:0 0 5px}.amount{font-size:clamp(2.5rem,12vw,4.5rem);font-weight:900;letter-spacing:-.05em;color:var(--navy)}.result-note{line-height:1.5}.meter{height:8px;background:#eaf0f6;border-radius:999px;overflow:hidden;margin:18px 0 24px}.meter span{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--sky),var(--blue))}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-grid div{padding:14px;border:1px solid var(--border);border-radius:14px}.result-grid span{display:block;font-size:.76rem;color:var(--muted);margin-bottom:6px}.result-grid strong{color:var(--navy)}.explain{margin:20px 0}.cta-box{background:#f5f8fb;border-radius:16px;padding:18px}.cta-box h3{margin:0 0 8px;color:var(--navy)}.cta-box p{line-height:1.5}footer{padding:0 18px 34px;text-align:center;color:var(--muted);font-size:.8rem}@media(min-width:700px){.shell{padding-top:44px}.calculator,.result{padding:28px}.topbar{padding-inline:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.refine-panel{margin-top:22px;padding-top:22px;border-top:1px solid var(--border)}.refine-head h3{margin:0 0 8px;color:var(--navy);font-size:1.35rem}.refine-panel fieldset{border:0;padding:18px 0;margin:0;border-top:1px solid #eaf0f6}.refine-panel fieldset:first-of-type{border-top:0}.refine-panel legend{font-weight:850;color:var(--navy);padding:0;margin-bottom:12px}.refine-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-top:10px}
.route-note{padding:12px 14px;border-radius:12px;background:#f5f8fb;border:1px solid var(--border);font-size:.88rem;line-height:1.5}.route-fields{display:grid;gap:10px}.route-fields label{margin:8px 0}.status-ok{color:#176b45}.status-warn{color:#8a5700}

.date-input{min-height:54px;border:1.5px solid var(--border);border-radius:14px;padding:0 14px;background:#fff;color:var(--ink);width:100%}.date-input:focus{outline:3px solid rgba(30,95,210,.18);border-color:var(--blue)}

/* Woningprofiel + voorgenomen bod — 2026-10-30 */
.address-grid{display:grid;grid-template-columns:1.35fr .8fr .65fr;gap:12px;margin:14px 0}.address-grid label{min-width:0}.property-profile-card{display:grid;gap:4px;padding:14px 16px;margin:12px 0;border:1px solid var(--line,#d8e1e8);border-radius:14px;background:#f7fafc}.property-profile-card a{width:max-content}.nested-fieldset{margin:16px 0;padding:14px;border:1px solid var(--line,#d8e1e8);border-radius:14px}.nested-fieldset legend{font-size:1rem}.bid-choice{grid-template-columns:repeat(3,minmax(0,1fr))}#lookupPropertyBtn{margin:0 0 4px}@media(max-width:640px){.address-grid{grid-template-columns:1fr 1fr}.address-grid label:first-child{grid-column:1/-1}.bid-choice{grid-template-columns:1fr}.property-profile-card a{width:auto}}
.rate-card{border:1px solid #d6e1ef;border-radius:16px;padding:16px;margin-bottom:16px;background:#fbfdff}.info-callout{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;margin-top:12px;padding:14px;border:1px solid #b9d4ff;border-radius:14px;background:#f3f8ff;color:var(--ink)}.info-callout p{margin:6px 0 0;line-height:1.5}.info-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900}.rate-card>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.rate-stepper{display:grid;grid-template-columns:56px 1fr 56px;gap:10px;align-items:end}.rate-stepper button{min-height:52px;font-size:24px}.rate-stepper label{margin:0}.form-error{margin:18px 0 0;padding:16px;border:1px solid #d9a400;border-radius:14px;background:#fff9e8}.form-error strong{color:var(--navy)}.form-error p{margin:8px 0 12px}.debt-items{display:grid;gap:12px;margin-top:14px}.debt-item{border:1px solid var(--border);border-radius:14px;padding:14px}.debt-item-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.debt-item-head button,.link-button{border:0;background:transparent;color:var(--blue);font-weight:800;min-height:44px}.link-button{padding:0;margin-top:8px;text-align:left}@media(max-width:520px){.rate-card>div:first-child{display:block}.rate-stepper{grid-template-columns:52px 1fr 52px}}.advisor-block{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:start;margin-top:24px;padding:24px;border:1px solid #d9e8f7;border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 62%,#eef7ff 100%);box-shadow:0 12px 30px rgba(30,95,210,.08)}.advisor-avatar{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font-size:1.35rem;font-weight:900;overflow:hidden;border:4px solid #fff;box-shadow:0 8px 22px rgba(13,43,69,.16),0 0 0 1px #d9e8f7}.advisor-avatar img{width:100%;height:100%;object-fit:cover;filter:brightness(1.05) contrast(.98) saturate(1.03)}.advisor-copy .eyebrow{margin-bottom:6px;color:#2a6bd8}.advisor-copy h3{margin:0 0 8px;color:var(--navy);font-size:1.25rem}.advisor-copy p{margin:6px 0 12px;line-height:1.5}.advisor-bio{font-size:.95rem;color:#425a70;max-width:54ch}.advisor-meta{color:#6b7f92}.advisor-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.advisor-contact{min-height:50px;border-radius:14px;display:grid;place-items:center;text-decoration:none;font-weight:850}.advisor-contact.whatsapp{background:#eaf8ef;color:#0f6b36;border:1px solid #bfe7cd}.advisor-contact.phone{background:#eef4ff;color:var(--blue);border:1px solid #cbdcff}.share-result-whatsapp{width:100%;min-height:50px;border-radius:14px;border:1px solid #bfe7cd;background:#fff;color:#0f6b36;font-weight:850;margin:2px 0 0}.share-note{margin-top:6px!important}.advisor-cta{padding-inline:18px;box-shadow:0 6px 16px rgba(30,95,210,.18)}.advisor-consent{margin-top:14px;padding-top:14px;border-top:1px solid #d9e8f7}.advisor-consent .choice{margin:10px 0}.advisor-consent button{width:100%}@media(max-width:560px){.advisor-block{grid-template-columns:72px 1fr;gap:14px;padding:18px}.advisor-avatar{width:72px;height:72px}.advisor-copy .primary{width:100%}}