@font-face{font-family:InterTight;src:url('./InterTight-SemiBold.woff') format('woff');font-style:normal;font-weight:600 900;font-display:swap}
:root{color-scheme:light;--ink:#1c302e;--muted:#61716f;--teal:#086c63;--mint:#d9f7cf;--line:#dee7e3;--page:#f3f7f5;--white:#fff;font-family:Arial,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #199a8d;outline-offset:4px}input:focus{outline:none}[hidden]{display:none!important}.page{max-width:1264px;margin:auto;padding:0 40px}.header{min-height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:28px;font-weight:700;letter-spacing:-1.3px}.brand-mark{display:grid;place-items:center;background:var(--teal);color:white;width:34px;height:34px;border-radius:11px 3px 11px 3px;font-size:30px;font-style:italic;font-weight:700;line-height:1;padding-right:3px}.brand-caption{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);border-left:1px solid #cdd9d3;padding-left:15px;margin-left:12px}.header-note{color:var(--muted);font-size:14px}.intro{padding:37px 0 30px}.eyebrow{display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--teal)}.tiny-icon{display:inline-flex;align-items:center;justify-content:center;background:#e0ede6;border-radius:5px;width:20px;height:20px;font-size:13px;letter-spacing:0}h1,h2,p{margin:0}h1{font-family:InterTight,Arial,sans-serif;font-weight:600;font-size:44px;line-height:1.08;letter-spacing:-1.4px;margin:14px 0}h1 br{display:none}h1 span{color:var(--teal)}.intro>p{font-size:16px;line-height:1.5;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(330px,.86fr) minmax(0,1.24fr);align-items:start;gap:24px}.inputs-panel{padding:28px 28px 19px;background:white;border:1px solid var(--line);border-radius:22px}.section-title,.rates-title{display:flex;align-items:center;gap:10px}h2{font-size:17px;font-weight:600;font-family:InterTight,Arial,sans-serif;letter-spacing:-.2px}.step{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:50%;width:25px;height:25px;flex-shrink:0}.segmented{padding:4px;display:flex;background:#eff3f0;border-radius:10px;gap:2px}.segmented button{border:0;background:transparent;color:#61716f;border-radius:7px;min-height:35px;font-size:13px;padding:7px 10px;transition:background .15s,color .15s;white-space:nowrap}.segmented button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 1px 5px #183d2412}.segmented button:hover{color:var(--teal)}.mode-switch{margin:22px 0 25px}.mode-switch button{flex:1}.field{margin-top:22px}.field label{display:block;font-size:14px;line-height:1.4;margin-bottom:9px}.input-wrap{border:1px solid #d4ded8;display:flex;align-items:center;min-width:0;min-height:51px;border-radius:10px;background:#fff;transition:box-shadow .15s,border-color .15s}.input-wrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #086c6314}.input-wrap input{width:100%;min-width:0;padding:12px 14px;border:0;background:transparent;color:var(--ink);font-size:20px;font-weight:600;font-family:InterTight,Arial,sans-serif;font-variant-numeric:tabular-nums}.input-wrap>span{font-size:14px;color:var(--muted);padding-right:14px;white-space:nowrap}.hint{font-size:12px;line-height:1.45;color:var(--muted);margin-top:7px}.rates-title{margin-top:26px;padding-top:23px;border-top:1px solid var(--line)}.rate-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rate-fields .field{margin-top:17px}.offer-input{background:#f1faf2;border-color:#a6cbb5}.rate-presets{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;font-size:12px;color:var(--muted)}.rate-presets button{min-height:32px;padding:5px 10px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);font-size:13px}.rate-presets button[aria-pressed=true]{background:#e4f3e6;border-color:#95bea1;color:#125341}.preset-hint{width:100%;margin-top:1px}.reset-button{display:flex;align-items:center;gap:6px;color:var(--muted);border:0;background:none;font-size:12px;margin-top:22px;padding:4px 0}.reset-button:hover{color:var(--teal)}.reset-button span{font-size:18px}.saving-card{padding:27px 30px 24px;background:#dcf775;border:1px solid #c6df66;border-radius:22px;color:#183c2b;overflow:hidden;position:relative;box-shadow:0 9px 28px #8099441c}.saving-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:17px;font-weight:600}.saving-badge{background:#244c3410;color:#355537;border:1px solid #35553729;border-radius:20px;font-size:11px;font-weight:400;line-height:1.4;padding:5px 10px;text-align:center}.saving-primary{display:flex;flex-direction:column;align-items:flex-start;margin:25px 0 20px;gap:7px;min-width:0}.saving-year-label{display:inline-block;background:#204b32;color:#edffb8;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:1.3px;line-height:1}#saving-year{font-size:clamp(42px,5.5vw,76px);font-family:InterTight,Arial,sans-serif;font-weight:600;line-height:1.08;letter-spacing:-2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%;color:inherit}.saving-bottom{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;border-top:1px solid #28492c30;padding-top:18px}.saving-bottom strong{font-size:23px;font-family:InterTight,Arial,sans-serif;font-weight:600;letter-spacing:-.4px;line-height:1.2;overflow-wrap:anywhere;max-width:100%}.saving-bottom>span{font-size:13px;color:#486238}.saving-context{margin-top:14px;font-size:12px;line-height:1.5;color:#486238}.comparison{background:white;border:1px solid var(--line);border-radius:22px;margin-top:18px;padding:22px 24px 19px}.comparison-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.comparison-header h2{font-size:16px}.period-switch button{font-size:12px;padding:6px 14px;min-height:30px}.turnover{margin:21px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.turnover>div{display:flex;flex-direction:column;gap:6px}.turnover span{font-size:12px;color:var(--muted)}.turnover strong{font-family:InterTight,Arial,sans-serif;font-size:27px;font-weight:600;letter-spacing:-.5px;overflow-wrap:anywhere}.turnover .turnover-note{border:1px solid var(--line);font-size:11px;padding:5px 9px;border-radius:6px;white-space:nowrap}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scenario{border-radius:13px;padding:17px 18px;background:#f4f6f4;min-width:0;border:1px solid #e8ede9}.scenario.offer{background:#f0f8ed;border-color:#d2e6cd}.scenario-heading{font-size:12px;color:var(--muted)}.scenario-rate{font-size:36px;letter-spacing:-1px;font-family:InterTight,Arial,sans-serif;font-weight:600;line-height:1;margin:11px 0 21px;overflow-wrap:anywhere}.scenario-rate span{font-size:23px;margin-left:3px}.offer .scenario-rate{color:var(--teal)}.metric{display:flex;flex-direction:column;gap:7px}.metric>span{font-size:11px;color:var(--muted)}.metric strong{font-size:20px;font-family:InterTight,Arial,sans-serif;font-weight:600;letter-spacing:-.4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.fee-track{height:5px;border-radius:3px;background:#dce4dd;margin:3px 0 16px;overflow:hidden}.fee-track>div{height:100%;width:100%;border-radius:3px;background:#8b9993;transition:width .2s}.offer .fee-track{background:#d9e8d7}.offer .fee-track>div{background:#168475;width:44.444%}.net{padding-top:14px;border-top:1px solid #dce4dd}.offer .net strong{color:var(--teal)}.comparison-difference{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:19px;font-size:12px}.comparison-difference strong{font-family:InterTight,Arial,sans-serif;font-size:19px;color:var(--teal);overflow-wrap:anywhere;text-align:right}.calculation-note{font-size:11px;line-height:1.6;color:#77837e;margin:14px 5px 0}.method{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:29px}.method summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;padding:20px 0;list-style:none}.method summary::-webkit-details-marker{display:none}.method summary>span{font-size:22px;color:var(--muted);margin-right:2px}.method[open] summary>span{transform:rotate(45deg)}.method>div{max-width:880px;padding:0 0 22px;font-size:13px;color:var(--muted);line-height:1.7}.method p+p{margin-top:8px}footer{display:flex;justify-content:space-between;gap:16px;padding:24px 0 30px;color:var(--muted);font-size:11px}.field-error{font-size:12px;line-height:1.4;color:#a62d2d;margin-top:7px}.input-wrap:has([aria-invalid=true]){border-color:#c65252;background:#fff6f5}.saving-card.negative{background:#ffebcf;border-color:#e6c499;color:#69421f;box-shadow:none}.saving-card.negative .saving-year-label{background:#69421f;color:#fff3e4}.saving-card.negative .saving-badge,.saving-card.negative .saving-bottom>span,.saving-card.negative .saving-context{color:#76532f}.saving-card.invalid{background:#e9eeea;border-color:#cbd6cd;color:#526659;box-shadow:none}.saving-card.invalid .saving-year-label{background:#526659;color:white}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;bottom:0;background:#fff0b7;padding:16px;width:100%;text-align:center}
@media(min-width:1500px){.page{padding:0 30px}.intro{padding:43px 0 35px}.header{min-height:108px}}
@media(max-width:1100px){.page{padding:0 26px}h1{font-size:39px}h1 br{display:block}.inputs-panel{padding:23px 20px 17px}.workspace{gap:18px;grid-template-columns:minmax(310px,.94fr) minmax(0,1.1fr)}.saving-card{padding:23px}.saving-top{align-items:flex-start}.saving-badge{max-width:142px}.comparison{padding:20px 17px}.comparison-header{align-items:flex-start}.comparison-header h2{max-width:180px;line-height:1.3}.scenario{padding:15px 13px}.comparison-difference>span{max-width:150px}.preset-hint{font-size:11px}}
@media(max-width:780px){.page{padding:0 20px;max-width:580px}.header{min-height:82px}.header-note{display:none}.brand{font-size:26px}.brand-caption{font-size:11px;padding-left:10px;margin-left:5px}.intro{padding:28px 0 24px}h1{font-size:37px;letter-spacing:-1.1px;line-height:1.12}.intro>p{font-size:14px;max-width:380px}.workspace{grid-template-columns:1fr;gap:20px}.inputs-panel{padding:24px}.saving-card{padding:25px}.saving-badge{max-width:none}.comparison{padding:23px}.comparison-header h2{max-width:none}.comparison-difference>span{max-width:none}.calculation-note{font-size:12px}.method{margin-top:25px}footer{line-height:1.5;font-size:11px;flex-direction:column;gap:7px}.hint{font-size:13px}.field label{font-size:15px}.scenario-heading,.metric>span{font-size:12px}}
@media(max-width:400px){.page{padding:0 14px}.brand-caption{display:none}h1{font-size:33px}.inputs-panel{padding:21px 17px}.mode-switch button{padding:7px 8px}.saving-card{padding:22px 20px}.saving-badge{max-width:146px}.saving-bottom{gap:10px}.comparison{padding:20px 15px}.comparison-header h2{max-width:150px}.scenario{padding:14px 11px}.scenario-heading{font-size:11px}.metric strong{font-size:18px}.metric>span{font-size:11px}.comparison-difference{font-size:11px}.comparison-difference strong{font-size:17px}.turnover strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:1100px){#saving-year{font-size:clamp(39px,4.7vw,61px);letter-spacing:-1.5px}.saving-primary{margin-top:22px}}
@media(max-width:780px){#saving-year{font-size:clamp(44px,10vw,62px)}.saving-top{font-size:16px}.saving-bottom strong{font-size:21px}}
@media(max-width:400px){#saving-year{font-size:46px;letter-spacing:-1.5px}.saving-primary{gap:10px}.saving-top{font-size:15px}.saving-badge{max-width:135px}.saving-bottom strong{font-size:20px}.saving-bottom>span{font-size:12px}}