:root{--ink:#18372f;--green:#174c43;--lime:#b7d44b;--sand:#f4f0e8;--paper:#fcfbf8;--muted:#617069;--line:#dce1d9;--serif:Georgia,serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans)}header,footer,.section,.privacy-note{max-width:1140px;margin:auto}header{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:bold;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand i{color:var(--green);font-family:var(--serif)}nav{display:flex;gap:30px}nav a{font-size:14px;font-weight:bold;color:var(--muted);text-decoration:none}.privacy-pill{border:1px solid #cfdbca;border-radius:30px;padding:6px 10px;color:var(--green);font-size:12px;font-weight:bold}.privacy-pill b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80a927;margin-right:6px}.hero{background:var(--sand);padding:72px max(24px,calc((100vw - 1140px)/2));display:flex;align-items:center;justify-content:space-between;gap:80px}.eyebrow{margin:0 0 10px;color:#718c20;font:11px monospace;letter-spacing:1px;text-transform:uppercase}h1,h2{font-family:var(--serif);font-weight:normal;line-height:1.04;letter-spacing:-2.5px}h1{font-size:clamp(48px,6vw,76px);margin:0 0 20px}h2{font-size:clamp(36px,4vw,50px);margin:0}em{font-style:italic;color:var(--green)}.intro{max-width:470px;color:#53615b;font-size:18px}.arrow-link{display:inline-block;color:var(--green);font-weight:bold;text-decoration:none;border-bottom:1px solid var(--green);padding-bottom:4px;margin-top:7px}.arrow-link span{margin-left:12px}.glance{width:325px;min-width:325px;background:var(--green);color:white;padding:21px 25px;border-radius:3px;box-shadow:14px 14px #dbe6c8;transform:rotate(2deg)}.glance>p{font:10px monospace;letter-spacing:1px;color:#d1dfd7;margin:0}.ring{position:relative;margin:16px auto;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--lime) 0 72%,#417065 72%);display:grid;place-items:center}.ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--green)}.ring>*{z-index:1;text-align:center}.ring strong{font:44px var(--serif);letter-spacing:-3px}.ring span{font-size:12px;color:#cfe0d7}.glance-stats{border-top:1px solid #51736a;padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.glance-stats span{display:block;color:#c8d7d0;font-size:10px}.glance-stats strong{font-size:14px}.privacy-note{min-height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px}.privacy-note>span{font-size:28px}.privacy-note p{font-size:14px;color:var(--muted)}.privacy-note strong{color:var(--ink)}.section{padding:96px 0}.heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:39px}.heading>p{max-width:300px;color:var(--muted);font-size:14px;margin:0}.planner{display:grid;grid-template-columns:380px 1fr;border:1px solid var(--line);border-radius:5px;overflow:hidden}.inputs{padding:30px;background:#f8f8f4}fieldset{border:0;border-bottom:1px solid var(--line);margin:0 0 22px;padding:0 0 23px}fieldset:last-of-type{margin-bottom:18px}legend{font-size:15px;font-weight:bold;margin-bottom:17px;padding:0}legend small{color:#78942a;font:11px monospace;margin-right:10px}label{display:block;color:#4c5c55;font-size:12px;font-weight:bold;margin-bottom:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.input{display:flex;position:relative;align-items:center;margin-top:6px}.input input,.input select,select{height:42px;width:100%;border:1px solid #cfd7d0;border-radius:3px;background:#fff;color:var(--ink);padding:0 10px;outline:0;font-size:14px}.input input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #dce9df}.input b{position:absolute;z-index:1;color:#728078;font:12px monospace;pointer-events:none}.prefix b{left:10px}.prefix input{padding-left:24px}.suffix b{right:9px}.suffix input{padding-right:43px}.hint{color:#7a8781;margin:-4px 0 0;font-size:11px}.radios{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:11px;color:#718078}.radios label{display:flex;gap:5px;align-items:center;margin:0}.radios input{accent-color:var(--green);margin:0}.warning{background:#eff4e4;border-left:2px solid #91ad3d;padding:9px;color:#596b58;font-size:11px;line-height:1.4;margin:17px 0 0}details summary{list-style:none;color:var(--green);font-size:12px;font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}details summary::-webkit-details-marker{display:none}details[open] summary b{transform:rotate(45deg)}.advanced{padding-top:17px}.results{padding:30px 34px;min-width:0;background:#fff}.result-heading{display:flex;justify-content:space-between}.result-heading h2{font-size:31px}.result-actions{display:flex;gap:12px;align-items:center}.result-heading button{color:var(--muted);background:transparent;border:0;border-bottom:1px solid #9aa6a0;height:22px;font-size:12px;cursor:pointer}#shareBtn{color:var(--green);border-color:var(--green)}.monthly{margin:27px 0 19px;padding:19px 23px;background:var(--green);color:white;border-radius:3px}.monthly span,.monthly small{display:block;color:#d1dfd8;font-size:11px}.monthly strong{display:block;font:42px var(--serif);letter-spacing:-2px}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metrics div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px}.metrics span,.metrics small{display:block;font-size:10px;color:#7e8984}.metrics strong{display:block;font:22px var(--serif);letter-spacing:-1px}.metrics .green{color:#698817}.chart-title{display:flex;justify-content:space-between;align-items:start;margin-top:28px}.chart-title h3{font-size:14px;margin:0}.chart-title p{color:var(--muted);font-size:10px;margin:0}.chart-title span{font-size:9px;color:#6e7c75}.chart-title i{display:inline-block;width:14px;height:2px;background:var(--green);vertical-align:middle;margin:0 4px 0 9px}.chart-title .grey{background:#bec9c2;border-top:1px dashed #bec9c2}svg{display:block;width:100%;margin-top:7px}.impact{background:#e8f0d9;padding:90px max(24px,calc((100vw - 1140px)/2));display:grid;grid-template-columns:1fr 1.55fr;gap:90px}.impact>div>p:last-child,.compare>div>p:last-child{color:#56665f;font-size:14px;max-width:340px;margin-top:22px}.impact-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.impact-metrics article{border-top:1px solid #bdcfae;padding-top:16px}.impact-metrics strong{font:28px var(--serif);letter-spacing:-2px;color:var(--green)}.impact-metrics h3{font-size:13px;margin:5px 0}.impact-metrics p{font-size:11px;color:#65746c;margin:0}.property{margin-top:29px;display:flex;align-items:center;gap:12px}.property .input{width:155px;margin:0}.property input{height:37px}.download{background:transparent;border:1px solid var(--green);color:var(--green);padding:10px 14px;font-size:12px;font-weight:bold}.table-card{border:1px solid var(--line);border-radius:4px;overflow:hidden}.tabs{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid var(--line)}.tabs div{height:100%;display:flex;gap:22px}.tab{background:transparent;border:0;border-bottom:2px solid transparent;color:#718079;font-size:12px;font-weight:bold}.tab.active{border-color:var(--green);color:var(--green)}.tabs>span{font:10px monospace;color:#77847e}.scroll{max-height:430px;overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}th{position:sticky;top:0;background:#f5f7f3;color:#718078;text-align:right;padding:12px 16px;font-size:10px}td{text-align:right;padding:12px 16px;border-top:1px solid #edf0ec;color:#506058}th:first-child,td:first-child{text-align:left;font-weight:bold;color:var(--ink)}td.extra{color:#678617}.compare{background:var(--green);padding:90px max(24px,calc((100vw - 1140px)/2));color:white;display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.compare .eyebrow{color:var(--lime)}.compare h2{color:white}.compare em{color:var(--lime)}.compare>div>p:last-child{color:#cbdad3}.compare-card{background:#fff;color:var(--ink);padding:25px;border-radius:3px}.compare-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.compare-head h3{margin:0;font-size:15px}.toggle{display:flex;align-items:center;gap:6px;margin:0;font-size:11px}.toggle input{appearance:none;width:31px;height:17px;border:0;border-radius:10px;background:#cbd5ce;padding:2px;transition:.2s}.toggle input:before{content:"";display:block;width:13px;height:13px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked{background:var(--green)}.toggle input:checked:before{transform:translateX(14px)}.compare-inputs{margin-top:18px}.compare-inputs input:disabled{background:#f4f6f2;color:#91a098}.compare-card>p{background:#edf3e5;color:#596b58;padding:13px;min-height:65px;margin:14px 0 0;font-size:12px}.compare-card>p strong{color:var(--green)}.compare-card>p small{display:block;margin-top:3px}.guidance{padding-bottom:110px}.guidance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.guidance-grid article{border-top:2px solid var(--lime);padding-top:17px}.guidance-grid small{font:11px monospace;color:#829d2d}.guidance-grid h3{font-size:15px;margin:24px 0 8px}.guidance-grid p{color:var(--muted);font-size:12px;margin:0}footer{min-height:145px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.3fr;align-items:center;gap:30px}footer p{font-size:11px;color:#738078;margin:0}footer p:last-child{text-align:right}#navToggle{display:none;background:transparent;border:0;font-size:20px;color:var(--ink);cursor:pointer;padding:4px 8px;line-height:1}
@media(max-width:800px){header,.section,.privacy-note,footer{margin-left:24px;margin-right:24px}header{height:65px;flex-wrap:wrap;align-content:center}nav{display:none;width:100%;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 0;order:3;margin:0 -24px;padding-left:24px}nav.open{display:flex}nav a{padding:10px 0;font-size:14px;border-bottom:1px solid var(--line)}#navToggle{display:block}.hero{padding-top:54px;padding-bottom:65px;flex-direction:column;align-items:start;gap:38px}.glance{align-self:center}.planner,.impact,.compare{grid-template-columns:1fr}.impact,.compare{gap:35px;padding-top:65px;padding-bottom:65px}.impact-metrics{margin-top:0}.property{flex-wrap:wrap}.guidance-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;padding:28px 0;gap:12px}footer p:last-child{text-align:left}}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}header nav,.privacy-pill,header .privacy-pill{display:none}header{border-bottom:1px solid #ccc;margin-bottom:0}.hero{padding:24px 0;gap:30px;background:#fff}.glance{box-shadow:none;transform:none;border:1px solid #ccc}.result-actions,#reset,#shareBtn,#download,.download,.save-scenario,.load-scenario,.remove-scenario{display:none!important}details summary b{display:none}details{display:none}.section{padding:32px 0}section.compare,section.compare2,#scenarios,#journey,#savings,#guidance,footer,.impact{display:none}.planner{grid-template-columns:1fr}.inputs{display:none}.results{padding:16px}.metrics strong,.monthly strong{color:#000}.chart-title span{display:block}svg{break-inside:avoid}.table-card{border:1px solid #ccc}.scroll{max-height:none;overflow:visible}.tabs .tab:not(.active){display:none}#rowsLabel{display:none}table{font-size:11px}th,td{padding:6px 10px}h1{font-size:36px}h2{font-size:28px}@page{margin:15mm}}
@media(max-width:480px){.glance{min-width:0;width:100%}.two,.guidance-grid{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column;gap:13px}.results{padding:27px 20px}.impact-metrics{gap:10px}.impact-metrics strong{font-size:22px}.chart-title span{display:none}.property{align-items:start;flex-direction:column}}
.journey{padding-top:96px}.journey-layout{display:grid;grid-template-columns:290px 1fr;gap:70px;border-top:1px solid var(--line);padding-top:28px}.journey-intro .input{margin-top:7px}.journey-status{background:#edf3e5;border-left:3px solid var(--lime);padding:15px;margin-top:28px}.journey-status span,.next-step>span{display:block;color:#6c8126;font:10px monospace;letter-spacing:.7px;text-transform:uppercase}.journey-status strong{font:21px var(--serif);letter-spacing:-1px}.journey-status p{color:#5c6c64;font-size:12px;margin:5px 0 0}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 26px 35px;border-left:1px solid #d8e0d9;margin-left:9px}.timeline li:last-child{padding-bottom:0;border-left-color:transparent}.timeline li:before{content:"";position:absolute;left:-6px;top:3px;width:10px;height:10px;border:2px solid var(--green);border-radius:50%;background:var(--paper)}.timeline li.highlight:before{background:var(--lime);border-color:var(--lime)}.timeline time{color:#799029;font:10px monospace;letter-spacing:.5px;text-transform:uppercase}.timeline h3{font-size:14px;margin:3px 0}.timeline p{color:var(--muted);font-size:12px;margin:0}.next-step{background:var(--green);color:white;margin:28px 0 0 35px;padding:16px 18px}.next-step>span{color:#c9dc78}.next-step p{font-size:13px;margin:4px 0 0}.journey+.section{padding-top:50px}@media(max-width:800px){.journey-layout{grid-template-columns:1fr;gap:30px}.journey-status{max-width:380px}}@media(max-width:480px){.journey{padding-top:66px}.next-step{margin-left:22px}.timeline li{padding-left:25px}}
.break-even{display:block;margin-top:8px;color:#6a7d72;font-size:11px}.val-warn{background:#fff4e0;border-left:3px solid #c8913a;padding:10px 12px;font-size:12px;color:#6b4c1e;margin:0 0 8px;line-height:1.5}.adv-radios{margin-top:14px}#manualPaymentRow{margin-top:10px}
.remortgage-card{background:#f0f4ec;border-left:3px solid var(--lime);padding:16px;margin-top:20px;display:flex;flex-direction:column;gap:12px}.remortgage-card label{margin:0;font-size:12px}.rm-result{border-top:1px solid #d4dece;padding-top:12px;display:flex;flex-direction:column;gap:8px}.rm-total,.rm-saving,.rm-be{display:flex;justify-content:space-between;align-items:baseline}.rm-total span,.rm-saving span,.rm-be span{font-size:11px;color:#56665f}.rm-total strong,.rm-saving strong{font:16px var(--serif);letter-spacing:-.5px}.rm-be strong{font:18px var(--serif);letter-spacing:-1px;color:var(--green)}
.rc-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.rc-heading{margin:0 0 12px;color:#718c20}.rc-add{margin-bottom:8px}.add-rc-btn{background:transparent;border:1px solid var(--green);color:var(--green);padding:6px 12px;font-size:11px;font-weight:bold;cursor:pointer;border-radius:2px;width:100%;margin-top:4px}.add-rc-btn:hover{background:#f0f5e9}.rc-list{list-style:none;margin:10px 0 0;padding:0}.rc-list li{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#f4f6f2;border-left:2px solid var(--green);margin-bottom:3px;font-size:12px;color:#3d5248}.rc-list li small{color:var(--muted);margin-left:6px}.rc-list li button{background:transparent;border:0;color:#718078;font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.rc-empty{color:var(--muted);font-size:11px;border-left:none!important;background:transparent!important;padding-left:0!important}
.compare2{padding-top:96px}.c2-toggle{margin-top:4px}.c2-body{display:grid;grid-template-columns:340px 1fr;gap:50px;border-top:1px solid var(--line);padding-top:28px}.c2-form{display:flex;flex-direction:column;gap:14px}.c2-summary{background:#f0f4ec;border-left:3px solid var(--lime);padding:14px;font-size:12px;color:#4c5c55}.c2-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.c2-summary-grid span{display:block;font-size:10px;color:#7e8984}.c2-summary-grid strong{font:18px var(--serif);letter-spacing:-1px}.c2-results{min-width:0}.c2-verdict{padding:16px 20px;border-radius:3px;margin-bottom:18px}.c2-verdict.c2-wins{background:#edf3e5;border-left:3px solid var(--lime)}.c2-verdict.c1-wins{background:#f4f0e8;border-left:3px solid #bca96f}.c2-verdict strong{font:22px var(--serif);letter-spacing:-1px;display:block}.c2-verdict p{color:var(--muted);font-size:13px;margin:4px 0 0}.c2-metrics{border:1px solid var(--line);border-radius:3px;overflow:hidden}.c2-metrics>div{display:grid;grid-template-columns:1.4fr 1fr 1fr;padding:11px 16px;border-bottom:1px solid var(--line);font-size:12px}.c2-metrics>div:last-child{border-bottom:0}.c2-mhead{background:#f5f7f3}.c2-mhead span{color:#718078;font-size:10px}.c2-mhead b{font-size:11px;color:#506058}.c2-metrics>div span{color:#506058}.c2-table{}.c2-form label{margin:0}
@media(max-width:800px){.c2-body{grid-template-columns:1fr;gap:30px}}
.savings{padding-top:96px}.savings-layout{display:grid;grid-template-columns:270px 1fr;gap:50px;border-top:1px solid var(--line);padding-top:28px;align-items:start}.savings-inputs{display:flex;flex-direction:column;gap:16px}.savings-radios{flex-direction:column;align-items:start;gap:8px}.savings-placeholder{color:var(--muted);font-size:13px;margin:0}.savings-verdict{padding:18px 20px;border-radius:3px;margin-bottom:18px}.savings-verdict.overpay-wins{background:#edf3e5;border-left:3px solid var(--lime)}.savings-verdict.save-wins{background:#eef2f8;border-left:3px solid #7ea0c8}.savings-verdict strong{font:22px var(--serif);letter-spacing:-1px;display:block}.savings-verdict p{color:var(--muted);font-size:13px;margin:4px 0 0}.savings-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.savings-stats>div{background:var(--paper);padding:16px}.savings-stats span{display:block;font-size:10px;color:#7e8984;margin-bottom:4px}.savings-stats strong{font:22px var(--serif);letter-spacing:-1px}.savings-stats small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.savings-crossover span{color:#6c8126}
@media(max-width:800px){.savings-layout{grid-template-columns:1fr}}@media(max-width:480px){.savings-stats{grid-template-columns:1fr}}
.scenarios{padding-top:96px}.scenario-create{background:#edf3e5;display:grid;grid-template-columns:1.25fr 1fr auto;gap:24px;align-items:end;padding:24px}.scenario-create h3{font-size:15px;margin:0 0 5px}.scenario-create p{color:#5c6c64;font-size:12px;margin:0;max-width:340px}.scenario-create label{margin:0}.scenario-create .input{margin-top:6px}.save-scenario{height:42px;padding:0 17px;background:var(--green);border:1px solid var(--green);border-radius:2px;color:#fff;font-size:12px;font-weight:bold;white-space:nowrap}.save-scenario:hover{background:#0f3d35}.scenario-empty{border:1px dashed #cbd5cd;margin-top:20px;min-height:86px;display:grid;place-content:center;text-align:center;color:#75827c;font-size:12px}.scenario-empty strong{color:#506058;font-size:13px}.scenario-empty span{margin-top:3px}.scenario-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.scenario-card{position:relative;border:1px solid var(--line);padding:18px}.scenario-card h3{font-size:15px;margin:0 26px 13px 0}.scenario-card .remove-scenario{position:absolute;right:12px;top:12px;border:0;background:transparent;color:#718078;font-size:17px;line-height:1}.scenario-summary{display:grid;grid-template-columns:1fr 1fr;gap:11px;border-top:1px solid #edf0ec;padding-top:12px}.scenario-summary span{display:block;color:#77837d;font-size:10px}.scenario-summary strong{font:17px var(--serif);letter-spacing:-.8px}.scenario-card .load-scenario{width:100%;margin-top:16px;border:1px solid var(--green);background:#fff;color:var(--green);height:35px;font-size:11px;font-weight:bold}.scenario-card .load-scenario:hover{background:#f0f5e9}@media(max-width:800px){.scenario-create{grid-template-columns:1fr 1fr}.scenario-create>div{grid-column:1/-1}.scenario-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.scenarios{padding-top:66px}.scenario-create,.scenario-list{grid-template-columns:1fr}.save-scenario{width:100%}}

.simple .adv-only{display:none}.simple .two:has(#term){grid-template-columns:1fr}
.load-scenario+.load-scenario{margin-top:8px}
@media(max-width:640px){
#schedule .scroll{overflow:visible}#schedule table,#schedule tbody,#schedule tr,#schedule td{display:block;width:100%}#schedule thead{display:none}
#schedule tr{border:1px solid var(--line);border-radius:8px;margin:0 0 12px;padding:8px 12px;background:var(--paper)}
#schedule td{display:flex;justify-content:space-between;gap:12px;border:0;padding:5px 0;text-align:right}
#schedule td::before{content:attr(data-label);color:var(--muted);text-align:left}
#schedule td:first-child{font-weight:bold;border-bottom:1px solid var(--line);margin-bottom:4px}
}
.ltv-card{margin-top:24px;background:var(--paper);border:1px solid var(--line);padding:20px}.ltv-card h3{margin:0 0 6px;font-size:15px}.ltv-card svg{width:100%;height:auto;margin-top:10px}.ltv-note{margin-top:10px}
.save-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;margin:0 0 16px;font-size:12px;color:var(--muted)}.save-bar button{background:transparent;border:1px solid var(--line);color:var(--green);padding:5px 10px;margin-left:6px;cursor:pointer;font-size:12px}
.sched-actions{display:flex;gap:10px;flex-wrap:wrap}.lump-in{width:96px;padding:4px 6px;border:1px solid var(--line);font:inherit}#customChart{width:100%;height:auto}#customSummary{margin-bottom:20px}