@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.euribor-update{margin-top:17px}.euribor-update>a{display:inline-block;text-decoration:none;font-size:11px}.euribor-update .rate-source{margin-top:10px}
.brand{font-size:24px!important;letter-spacing:-1px!important}.rate-source{font-size:10px;line-height:1.7;color:#7b8782;margin:15px 0 0}.rate-source a{color:#426c57}.loan-panel{border-top:1px solid #ffffff20;margin-top:25px;padding-top:23px}.loan-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aac0ad;font-size:9px;letter-spacing:1px}.loan-heading span:last-child{letter-spacing:0}.loan-payment-label{color:#c1d0c7;font-size:12px;margin:21px 0 6px}.loan-payment{display:flex;align-items:baseline;gap:9px}.loan-payment strong{font-family:Manrope,sans-serif;font-size:35px;font-weight:600;letter-spacing:-1px;color:#d2e7a9}.loan-payment>span{font-size:11px;color:#a6bfb0}.loan-rate{font-size:10px;color:#a6bfb0;margin:7px 0 21px}.loan-rate strong{font-weight:500}.loan-note{font-size:10px;line-height:1.7;color:#a6bfb0;margin:13px 0 0}.mtic-source{display:inline-block;color:#c1d0c7;font-size:9px;margin-top:12px;text-underline-offset:3px}@media(max-width:760px){.brand{font-size:19px!important}.brand-icon{width:30px!important;height:30px!important;margin-right:7px!important}.topbar{padding:0 15px!important;gap:10px!important}.ghost{padding:10px!important}.ghost span{font-size:10px}.loan-payment strong{font-size:32px}}
:root{font-family:'DM Sans',sans-serif;color:#263c37;background:#f5f7f5;font-synthesis:none;--green:#153f38;--muted:#7b8782}*{box-sizing:border-box}body{margin:0}.topbar{height:88px;background:#fff;border-bottom:1px solid #e4e9e5;display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:20px}.brand{text-decoration:none;color:var(--green);font-family:Manrope,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.6px;display:flex;align-items:center}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:white;width:37px;height:37px;border-radius:10px;margin-right:10px;font-size:30px;font-weight:400}.brand-dot{color:#94ad61}.header-label{font-size:10px;letter-spacing:2px;color:#8a9690}.button{cursor:pointer;border:1px solid #dce4df;border-radius:8px;background:white;padding:11px 15px;color:#52645b;font:500 12px 'DM Sans',sans-serif}.button:hover{background:#edf2ee}main{max-width:1320px;margin:auto;padding:51px 48px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#658276;display:flex;align-items:center;gap:9px}.eyebrow span{height:6px;width:6px;background:#82a563;border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:43px;line-height:1.2;letter-spacing:-1.8px;font-weight:600;margin:19px 0 14px}h1 em{font-style:normal;color:#6e8b74}.intro p{font-size:13px;color:#7b8782;line-height:1.7;margin:0}.intro-aside{display:flex;gap:15px;align-items:center;padding-right:16px}.intro-aside p{font-size:12px}.intro-aside strong{font-weight:500;color:#596b60}.small-icon{border:1px solid #d7e1d9;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:#78917b;font-size:22px}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:26px;align-items:start}.card{background:white;border:1px solid #e3e9e4;border-radius:14px;padding:27px;margin-bottom:20px;box-shadow:0 3px 8px #193b2f03}.section-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px}.step{height:33px;width:33px;background:#f0f4f0;color:#758b76;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}h2{font-family:Manrope,sans-serif;font-size:16px;margin:0 0 5px;font-weight:700;letter-spacing:-.3px}.section-heading p{font-size:11px;color:var(--muted);margin:0}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.property{border:1px solid #dfe7df;border-radius:10px;padding:19px;background:#f8faf7}.buy{background:#fafafa;border-color:#e4e7e3}.property-label{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.4px;color:#7f9278;font-weight:700;margin-bottom:20px}.buy .property-label{color:#8b9189}.property-label span{font-size:19px}label{display:block;font-size:12px;font-weight:500;color:#526159;margin-bottom:9px}.money-input{display:flex;align-items:center;gap:4px}.money-input input{font-family:Manrope,sans-serif;font-size:28px;font-weight:600;letter-spacing:-1px;width:100%;min-width:0;border:0;background:transparent;padding:0;color:var(--green)}.money-input span{font-size:22px;color:#94a08f}.property p{font-size:10px;color:#8e998d;margin:14px 0 0}.editable{font-size:8px;color:#849080;letter-spacing:1px;background:#f2f5ef;border-radius:4px;padding:6px 8px;margin-left:auto}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-wrap{display:flex;align-items:center;border:1px solid #dfe5df;border-radius:7px;padding:0 13px;height:44px;background:#fff}.input-wrap:focus-within{border-color:#739783;box-shadow:0 0 0 3px #72968116}input{outline:none}input:focus-visible{outline:2px solid #88aa92;outline-offset:4px}.input-wrap input:focus-visible{outline:none}.input-wrap input{width:100%;min-width:0;border:none;color:#344e42;font:500 15px 'DM Sans',sans-serif;background:transparent}.input-wrap span{font-size:12px;color:#919c92}input::-webkit-inner-spin-button{opacity:0}small{display:block;font-size:9px;line-height:1.5;color:#96a095;margin-top:7px}.divider{border-top:1px solid #edf0eb;margin:26px 0 20px;padding-top:19px}.divider span{font-size:9px;letter-spacing:1.3px;color:#8a978b;font-weight:600}.rate-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.tan-field .input-wrap{background:#f2f6ef;border-color:#d8e3d3}.tan-label{display:flex;justify-content:space-between;align-items:start}.tan-label button{background:transparent;border:0;font-size:9px;color:#78916c;cursor:pointer;padding:0;text-decoration:underline}.rate-note{font-size:10px;line-height:1.6;color:#94a08f;margin:14px 0 0}.privacy{display:flex;align-items:center;gap:8px;color:#939f93;font-size:10px;padding:0 5px}.privacy span{font-size:15px}.result-card{background:var(--green);color:white;border-radius:14px;padding:28px 28px 26px;box-shadow:0 10px 30px #153f3812}.result-title{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;letter-spacing:1.4px;color:#a1b6aa}.live{letter-spacing:0;font-size:9px;display:flex;align-items:center;gap:6px;color:#b9cabe}.live i{width:5px;height:5px;border-radius:50%;background:#b7ce8b}.balance-label{font-size:12px;color:#c1d0c7;margin:32px 0 8px}.hero-number{font-family:Manrope,sans-serif;letter-spacing:-1.8px;font-size:45px;font-weight:600;line-height:1.2}.hero-caption{font-size:10px;color:#9bb4a5;line-height:1.6;margin:11px 0 0}.result-divider{height:1px;background:#ffffff18;margin:25px 0}.breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:17px 0;font-size:11px}.breakdown span{color:#a6bfb0}.breakdown strong{font-weight:500;color:#e6eee7;white-space:nowrap}.breakdown small{display:inline;font-size:9px;color:#80a392}.breakdown .subtotal{border-top:1px dashed #ffffff22;padding-top:16px;margin-top:19px}.subtotal span,.subtotal strong{color:#dce8dd;font-weight:600}.net-box{background:#ffffff09;border:1px solid #ffffff18;border-radius:9px;padding:17px 18px;margin-top:23px}.net-box>span{font-size:11px;color:#bdd0bd}.net-box>strong{display:block;font-family:Manrope,sans-serif;font-size:29px;font-weight:600;margin-top:7px;letter-spacing:-.7px;color:#d2e7a9}.net-box p{font-size:9px;color:#98b39e;line-height:1.6;margin:8px 0 0}.funding{margin-top:25px}.funding-label{display:flex;justify-content:space-between;font-size:10px;color:#acc0ae}.funding-label strong{font-weight:500;color:#cfe1b1}.progress{height:6px;background:#ffffff17;border-radius:6px;overflow:hidden;margin:12px 0}.progress div{height:100%;background:#bad58d;border-radius:6px;transition:width .3s}.legend{display:flex;justify-content:space-between;font-size:8px;color:#8fae9b}.legend span{display:flex;align-items:center;gap:6px}.legend i{height:5px;width:5px;background:#bad58d;border-radius:50%}.legend span:last-child i{background:#537264}.info-note{display:flex;gap:10px;padding:17px 8px;color:#91a18f}.info-note>span{font-size:15px}.info-note p{font-size:9px;line-height:1.8;margin:0}footer{margin-top:37px;border-top:1px solid #e2e8e0;padding:23px 0;display:flex;justify-content:space-between;font-size:10px;color:#91a08f}footer>span:first-child{color:#526e54;font-weight:700}.footer-muted{margin-left:15px;font-weight:400;color:#9aa696}@media(min-width:1450px){main{padding-top:65px}.intro{margin-bottom:45px}}@media(max-width:1000px){main{padding:35px 25px 0}.workspace{gap:18px;grid-template-columns:minmax(0,1.3fr) minmax(310px,1fr)}.card{padding:20px}.property{padding:15px}.money-input input{font-size:23px}.result-card{padding:24px}.intro-aside{display:none}.editable{display:none}}@media(max-width:760px){.topbar{height:74px;padding:0 22px}.header-label{display:none}main{padding:30px 20px 0}h1{font-size:35px}.intro p{font-size:12px}.workspace{grid-template-columns:1fr}.results{margin-top:5px}.property-grid{gap:12px}.property p{line-height:1.6}.rate-fields{gap:10px}.rate-fields label{font-size:10px}footer{gap:20px;line-height:1.8}.footer-muted{display:block;margin:0}.hero-number{font-size:43px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.stamp-duty-field{margin-top:20px}.stamp-duty-field small a{color:#426c57}
.button:disabled{opacity:.6;cursor:wait}#euribor-status:empty{display:none}
.installment-field{margin-top:20px;max-width:280px}.installment-field input[aria-invalid="true"]{color:#a44336}.loan-heading{flex-wrap:wrap}
.payment-comparison{border-top:1px solid #ffffff20;margin-top:25px;padding-top:23px}.payment-comparison h2{font-size:14px;color:#e6eee7}.comparison-change{background:#ffffff09;border:1px solid #ffffff18;border-radius:9px;padding:16px}.comparison-change>span{font-size:11px;color:#bdd0bd}.comparison-change strong{display:block;font-family:Manrope,sans-serif;font-size:24px;color:#d2e7a9;margin-top:7px;overflow-wrap:anywhere}.comparison-change p{font-size:11px;color:#c1d0c7;line-height:1.6;margin:8px 0 0}#currentPayment[aria-invalid="true"]{color:#a44336}
.deed-value-field{margin-top:18px;padding-top:14px;border-top:1px solid #e4e7e3}.deed-value-field label{font-size:10px}.deed-value-field .input-wrap{height:36px;padding:0 10px}.deed-value-field input{font-size:13px}.deed-value-field small{font-size:9px}.deed-value-field input[aria-invalid="true"]{color:#a44336}
.header-actions{display:flex;align-items:center;gap:16px}.theme-picker{display:flex;align-items:center;gap:8px}.theme-picker label{margin:0;font-size:11px}.theme-picker select{font:500 12px 'DM Sans',sans-serif;color:var(--green);background:#fff;border:1px solid #dce4df;border-radius:8px;padding:10px 9px;cursor:pointer;max-width:125px}.theme-picker select:focus-visible{outline:2px solid var(--green);outline-offset:3px}
html[data-theme="red"]{--green:#642b34;--accent:#a14958;--soft:#fcf2f3;--canvas:#faf6f6;--line:#e9d9dc;--light:#ffd2d7;--on-muted:#dfbac1;--on-text:#fff0f2}
html[data-theme="blue"]{--green:#193e63;--accent:#426f9b;--soft:#eff5fc;--canvas:#f4f7fb;--line:#d6e1ef;--light:#bfe1ff;--on-muted:#b5cce3;--on-text:#edf6ff}
html[data-theme="purple"]{--green:#46305f;--accent:#80609f;--soft:#f6f1fb;--canvas:#f8f6fb;--line:#e3d8ed;--light:#e2c9ff;--on-muted:#cfc0df;--on-text:#f7efff}
html[data-theme="slate"]{--green:#303b48;--accent:#66798e;--soft:#f0f3f6;--canvas:#f5f6f8;--line:#dce2e8;--light:#d5e4f5;--on-muted:#bccbdc;--on-text:#f0f5fc}
html[data-theme]:not([data-theme="green"]){background:var(--canvas);color:var(--green)}
html[data-theme]:not([data-theme="green"]) :is(h1 em,.eyebrow,.small-icon,.property-label,.tan-label button,.rate-source a,.stamp-duty-field small a,footer>span:first-child){color:var(--accent)}
html[data-theme]:not([data-theme="green"]) :is(.step,.property,.tan-field .input-wrap,.editable){background:var(--soft);border-color:var(--line);color:var(--accent)}
html[data-theme]:not([data-theme="green"]) :is(label,.input-wrap input,.button){color:var(--green)}
html[data-theme]:not([data-theme="green"]) :is(.card,.input-wrap,.topbar,.theme-picker select,.button,.deed-value-field){border-color:var(--line)}
html[data-theme]:not([data-theme="green"]) .input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}
html[data-theme]:not([data-theme="green"]) :is(input,select):focus-visible{outline-color:var(--accent)}
html[data-theme]:not([data-theme="green"]) .button:hover{background:var(--soft)}
html[data-theme]:not([data-theme="green"]) .eyebrow span{background:var(--accent)}
html[data-theme]:not([data-theme="green"]) .result-card :is(.result-title,.live,.balance-label,.hero-caption,.breakdown span,.breakdown small,.net-box>span,.net-box p,.loan-heading,.loan-payment-label,.loan-payment>span,.loan-rate,.loan-note,.comparison-change>span,.comparison-change p,.funding-label,.legend){color:var(--on-muted)}
html[data-theme]:not([data-theme="green"]) .result-card :is(.breakdown strong,.payment-comparison h2){color:var(--on-text)}
html[data-theme]:not([data-theme="green"]) .result-card :is(.net-box>strong,.loan-payment strong,.comparison-change strong,.funding-label strong){color:var(--light)}
html[data-theme]:not([data-theme="green"]) :is(.progress div,.legend i,.live i){background:var(--light)}
html[data-theme]:not([data-theme="green"]) .legend span:last-child i{background:var(--accent)}
@media(max-width:1100px){.header-label{display:none}}
@media(max-width:760px){.header-actions{gap:8px}.theme-picker{gap:5px}.theme-picker select{font-size:11px;padding:9px 6px;max-width:100px}.topbar{height:auto;min-height:74px;flex-wrap:wrap;padding-top:12px!important;padding-bottom:12px!important}.header-actions{margin-left:auto}.theme-picker label{font-size:10px}}