:root{--navy:#17273b;--deep:#122134;--ink:#233348;--muted:#778395;--border:#e2e7e8;--canvas:#f4f6f4;--white:#fff;--green:#386e63;--mint:#c2e7d4;--jade:#80bfa5;--sand:#ede7dc;--orange:#c8916a;--red:#a42c39;--radius:17px}
*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--canvas);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #60a6c4;outline-offset:2px}.site-header{background:var(--navy);color:#fff}.header-inner{max-width:1320px;margin:auto;min-height:76px;padding:17px 34px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px}.mark{display:flex;align-items:center;justify-content:center;background:#314f60;width:43px;height:43px;border-radius:12px;color:#d3efdf}.mark svg{width:26px;height:26px}.brand-text{font-size:20px;font-weight:800;letter-spacing:2.1px;line-height:1.05}.brand-text small{display:block;font-size:9px;letter-spacing:2px;font-weight:600;color:#9fb1bc;margin-top:5px}.header-actions{display:flex;gap:22px;align-items:center}.privacy{font-size:12px;color:#b7d3ca;white-space:nowrap}.green-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#85d4a6;margin-right:5px}.text-button{border:0;background:none;color:#d8e0e7;font-size:12px;padding:8px 3px}.text-button:hover{text-decoration:underline}.main{max-width:1320px;margin:auto;padding:0 34px}.intro{padding:40px 0 29px;display:flex;align-items:end;justify-content:space-between;gap:50px}.eyebrow{color:#57786f;letter-spacing:2.2px;font-weight:800;font-size:11px}h1{font-size:clamp(34px,4vw,54px);letter-spacing:-2.2px;line-height:1.05;font-weight:800;margin:13px 0 14px}h1 em{color:#568877;font-style:normal}.intro>div:first-child>p{color:#6c7b85;max-width:630px;margin:0;font-size:14px;line-height:1.65}.intro-aside{max-width:325px;flex:0 0 31%;border-left:3px solid #a4cabb;padding:3px 0 3px 18px}.aside-kicker{letter-spacing:1.5px;font-size:10px;color:#427362;font-weight:800}.intro-aside p{margin:8px 0 0;line-height:1.55;font-size:13px}.intro-aside .aside-small{font-size:12px;color:#78858c}.demo-note{border:1px solid #d8e4dc;background:#edf6f0;border-radius:10px;padding:12px 16px;font-size:12px;color:#4c6c60;margin:0 0 20px}.demo-note span{font-weight:750}.error{padding:13px 16px;background:#fff1f0;border:1px solid #f3c7c3;color:#953c3b;border-radius:10px;margin-bottom:18px;font-size:13px}.workspace{display:grid;grid-template-columns:minmax(340px,1fr) minmax(420px,1.03fr);gap:22px;align-items:start}.controls,.results{display:flex;flex-direction:column;gap:20px}.panel{border:1px solid #e0e6e5;background:var(--white);padding:25px 27px;border-radius:var(--radius);box-shadow:0 3px 16px rgba(18,40,50,.028)}.section-title{display:flex;align-items:start;gap:15px;border-bottom:1px solid #ecf0ef;padding-bottom:20px;margin-bottom:22px}.section-num{background:#e5f1e9;border-radius:8px;width:34px;height:34px;display:flex;justify-content:center;align-items:center;color:#33665b;font-size:12px;font-weight:800;flex-shrink:0}.section-title h2,.panel h2{font-size:19px;letter-spacing:-.55px;line-height:1.2;margin:0;font-weight:760}.section-title p,.panel-heading p,.schedule-head p{color:var(--muted);font-size:12px;margin:6px 0 0;line-height:1.45}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:19px}.field{min-width:0;display:block}.field>span:first-child,.min-box>span{font-size:12px;display:block;font-weight:700;color:#4c5c69;margin-bottom:8px}.field small{font-weight:400;color:#87949a;font-size:11px}.field input,.field select,.min-box input{appearance:none;width:100%;border:1px solid #d9e0e1;border-radius:9px;height:43px;padding:0 12px;background:#fbfcfc;color:#233348;min-width:0;box-shadow:none;font-size:14px}.field select{background:#fbfcfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' stroke='%23778495' stroke-width='2'%3E%3Cpath d='m2 5 4.5 4L11 5'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:31px}.field input:hover,.field select:hover,.min-box input:hover{border-color:#a9c8bb}.input-prefix,.input-suffix{position:relative}.input-prefix b,.input-suffix b{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#798895;pointer-events:none}.input-prefix b{left:14px}.input-prefix input{padding-left:29px}.input-suffix b{right:12px}.input-suffix input{padding-right:47px}.min-box{background:#f3f7f5;border:1px solid #e1ebe6;padding:11px 13px;border-radius:9px;align-self:end}.min-box>span{margin-bottom:5px}.min-box strong{color:#316c5e;font-size:22px}.tiny-check{font-size:10.5px;display:flex;align-items:center;gap:5px;color:#60766c;margin-top:7px;line-height:1.3}.tiny-check input{width:14px;height:14px;accent-color:#427b64;margin:0}.min-box #minOverrideWrap{margin-top:8px}.help-line{font-size:11.5px;color:#778790;line-height:1.65;margin:17px 0 0}.preset-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:22px}.preset{background:#f9fbfa;border:1px solid #dce6e2;border-radius:11px;min-height:65px;padding:11px 7px;text-align:center;color:#50626a}.preset strong{display:block;font-size:12px;color:#45586a}.preset span{display:block;font-size:10px;margin-top:5px;color:#89969a}.preset.selected{background:#e5f2eb;border-color:#72b39a;box-shadow:0 0 0 1px #72b39a}.preset.selected strong{color:#245e50}.strategy-fields{row-gap:17px}.compound-input{display:flex;gap:7px}.compound-input select{width:60px;flex-shrink:0;padding-right:16px;background-image:none}.compound-input input{flex:1}.field-hint{display:block;font-size:10.5px;color:#819092;margin-top:6px;line-height:1.5}#customCycleWrap{margin-top:6px}.advanced{margin-top:22px;border-top:1px solid #ecf0ef;padding-top:15px}.advanced summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;color:#497262;font-size:12px;font-weight:750;list-style:none}.advanced summary::-webkit-details-marker{display:none}.chevron{font-size:19px;font-weight:400;line-height:12px;transition:transform .15s}.advanced[open] .chevron{transform:rotate(180deg)}.advanced-fields{margin-top:20px}.advanced-note{margin:13px 0 0}.micro-note{font-size:11px;line-height:1.65;color:#85939d;padding:0 7px}.result-panel{background:var(--navy);border-radius:var(--radius);color:white;padding:29px 29px 23px;overflow:hidden;position:relative;box-shadow:0 12px 28px rgba(20,42,53,.1)}.result-panel:after{content:"";position:absolute;border:1px solid rgba(190,235,215,.09);width:350px;height:350px;border-radius:50%;right:-225px;top:-185px;pointer-events:none}.result-label{color:#c3d9d0;letter-spacing:1.45px;font-size:11px;font-weight:700;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.strategy-tag{letter-spacing:0;background:#2b504f;border:1px solid #527c76;color:#c5f0d7;padding:5px 10px;border-radius:40px;font-size:10px}.payoff-date{font-size:clamp(37px,3.5vw,55px);font-weight:800;letter-spacing:-1.7px;line-height:1.12;margin-top:15px}.payoff-full{font-size:13px;color:#a7b7c5;margin-top:7px}.result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #345065;border-bottom:1px solid #345065;margin-top:25px;padding:23px 0}.result-metrics>div{display:flex;flex-direction:column;gap:6px}.result-metrics span{font-size:11px;color:#b4c8d0}.result-metrics strong{font-size:clamp(22px,2.5vw,30px);letter-spacing:-.8px;color:#b8eacb;line-height:1.1}.result-metrics small{font-size:11px;color:#a0b4c0}.mini-comparison{display:flex;justify-content:space-between;gap:12px;margin-top:19px}.mini-comparison>div{display:flex;flex-direction:column;gap:6px}.mini-comparison>div:last-child{text-align:right}.mini-comparison span{font-size:10px;color:#a1b4c2}.mini-comparison strong{font-size:15px;color:#e8eff2}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:19px;font-size:11px;color:#60727b}.chart-legend>span{display:flex;align-items:center;gap:6px}.chart-legend i{display:inline-block;width:24px;height:3px;border-radius:2px}.legend-standard{background:#a8b7c3}.legend-plan{background:#4e9378}.chart-wrap{width:100%;margin:12px 0 0}.chart-wrap svg{width:100%;height:auto;display:block;overflow:visible}.chart-footnote{font-size:10.5px;color:#88959c;margin:6px 0 0;line-height:1.45}.breakdown{padding-bottom:22px}.compare-grid{margin-top:20px;display:flex;flex-direction:column}.compare-grid>div{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f0}.compare-grid>div:last-child{border:0}.compare-grid>div:first-child{padding-top:0;font-size:10px;color:#7b8a91}.compare-grid span{font-size:12px;color:#6f7e89}.compare-grid b{font-size:11px;text-align:right;color:#84929a}.compare-grid strong{font-size:13px;text-align:right;font-weight:750}.compare-grid>div strong:last-child{color:#3f8169}.comparison-rows{display:flex;flex-direction:column;margin-top:17px}.comparison-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8px;padding:13px 0;border-bottom:1px solid #edf1f0;align-items:center}.comparison-row:last-child{border:0}.comparison-row>span{font-weight:700;font-size:12px}.comparison-row strong{font-size:12px;font-weight:750;text-align:right}.comparison-row small{display:block;color:#8a979a;font-weight:400;font-size:10px;margin-top:3px}.comparison-row .good{color:#3c8469}.compare-note{font-size:10.5px;color:#88959c;line-height:1.55;margin:12px 0 0}.schedule-panel{margin-top:24px;padding:26px 28px}.schedule-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.schedule-actions{display:flex;align-items:center;gap:10px}.view-toggle{display:flex;background:#eff3f1;border:1px solid #e2e7e5;padding:3px;border-radius:9px}.view-toggle button{border:0;background:transparent;font-size:11px;color:#7b898d;padding:8px 11px;border-radius:7px}.view-toggle button.selected{background:white;color:#376b5e;box-shadow:0 1px 5px #ddd;font-weight:700}.export-button{background:#e8f2ec;color:#316958;padding:10px 13px;font-size:11px;border-radius:9px;border:1px solid #ccdfd2;font-weight:700}.export-button:hover{background:#d8e9dd}.table-scroll{overflow:auto;margin-top:21px}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:right;color:#8a969c;font-size:10px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;background:#f6f8f7;padding:13px 15px}th:first-child,td:first-child{text-align:left}td{padding:13px 15px;text-align:right;font-size:12px;border-bottom:1px solid #eef1f0}td:first-child{font-weight:650}tr:last-child td{border:0}.schedule-note{font-size:10.5px;color:#88959c;margin:13px 0 0}footer{display:flex;justify-content:space-between;gap:20px;margin:30px 0;padding-bottom:18px;color:#929fa4;font-size:10.5px;line-height:1.6}
@media(max-width:990px){.workspace{grid-template-columns:1fr}.intro-aside{flex-basis:32%}.results{display:grid;grid-template-columns:1fr 1fr;align-items:start}.result-panel,.chart-panel{grid-column:span 1}.breakdown,.compare-panel{grid-column:span 1}.payoff-date{font-size:38px}.result-metrics strong{font-size:24px}}
@media(max-width:700px){.header-inner{padding:13px 17px;min-height:64px}.brand-text{font-size:17px}.mark{width:38px;height:38px}.privacy{display:none}.header-actions{gap:0}.main{padding:0 14px}.intro{padding:28px 4px 20px;display:block}.intro h1{font-size:42px}.intro-aside{display:none}.workspace{gap:15px}.controls,.results{gap:15px;display:flex}.panel{padding:20px 17px;border-radius:14px}.result-panel{padding:25px 21px 20px;border-radius:14px}.result-metrics strong{font-size:27px}.payoff-date{font-size:42px}.section-title{margin-bottom:19px;padding-bottom:16px}.field-grid{gap:16px 12px}.field>span:first-child{font-size:11px}.field input,.field select,.min-box input{font-size:16px;height:44px}.preset{min-height:62px}.preset strong{font-size:11px}.preset span{font-size:9px}.min-box{padding:10px}.min-box strong{font-size:20px}.tiny-check{font-size:10px}.schedule-panel{margin-top:15px}.schedule-head{align-items:stretch;flex-direction:column}.schedule-actions{justify-content:space-between}.table-scroll{margin-left:-10px;margin-right:-10px}.compare-grid strong{font-size:12px}.schedule-panel td,.schedule-panel th{padding:12px 10px}footer{flex-direction:column;gap:4px;margin:20px 3px}.demo-note{font-size:11px}.result-label{font-size:10px}}
@media(max-width:365px){.field-grid{grid-template-columns:1fr}.brand-text{font-size:15px}.preset strong{font-size:10px}.preset{padding:10px 4px}.min-box{align-self:stretch}.result-metrics strong{font-size:24px}}
@media print{body{background:#fff}.site-header{background:#17273b!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.controls,.demo-note,.micro-note,.header-actions,.schedule-actions{display:none!important}.workspace{display:block}.results{display:block}.result-panel,.panel{break-inside:avoid;margin:0 0 14px}.result-panel{-webkit-print-color-adjust:exact;print-color-adjust:exact}.main{max-width:none}.chart-wrap{max-height:350px}.schedule-panel{page-break-before:always}footer{font-size:9px}}