:root{font-family:Arial,Helvetica,sans-serif;color:#282522;background:#f8f6f2;font-synthesis:none;--red:#bb282c;--gold:#f0d48c;--line:#e6e0d8;--muted:#736c63}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,summary,label.check{cursor:pointer}button{min-height:46px;border-radius:8px;border:0;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.table-wrap:focus-visible{outline:3px solid #a87a10;outline-offset:3px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px max(24px,calc((100vw - 1260px)/2));background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center}.brand img{border-radius:6px;object-fit:contain}.brand strong{display:block;font-size:21px;letter-spacing:2px}.brand span{display:block;margin-top:5px;font-size:14px;color:var(--muted)}.tag{font-size:12px;letter-spacing:1.4px;color:var(--muted)}main{max-width:1260px;margin:auto;padding:34px 24px 20px}.page-title{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 0 30px}.eyebrow{font-size:12px;color:var(--red);font-weight:700;letter-spacing:2px;margin:0 0 10px}h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0}.intro{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:24px;align-items:start}.input-panel,.result-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.section-heading{display:flex;gap:10px;align-items:center;margin-bottom:24px}.step{color:var(--red);font-size:12px;font-weight:bold;border:1px solid #ead4ce;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}h2{font-size:20px;letter-spacing:-.4px;margin:0}h3{font-size:18px;margin:0}.live{margin-left:auto;color:#7c6a44;font-size:12px}.field{display:block;font-size:14px;font-weight:600;margin:0 0 20px}.unit{float:right;font-size:12px;font-weight:400;color:var(--muted);margin-left:5px}.field input,select{display:block;width:100%;min-height:48px;background:#fff;color:#282522;border:1px solid #d9d2c9;border-radius:7px;margin-top:8px;padding:11px 12px;font-size:16px;min-width:0}input[readonly]{background:#f5f2ed}input[aria-invalid=true]{border-color:var(--red)}fieldset{padding:0;margin:0 0 22px;border:0;min-width:0}legend{font-size:14px;font-weight:600;margin-bottom:9px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;background:#f3f0ea;border-radius:8px}.segmented label{position:relative;cursor:pointer}.segmented input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.segmented span{display:block;text-align:center;padding:11px 3px;font-size:14px;border-radius:5px}.segmented input:checked+span{background:#fff;color:var(--red);box-shadow:0 1px 4px #0001;font-weight:bold}.segmented input:focus-visible+span{outline:3px solid #a87a10}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rate-grid .field{margin-bottom:0}.rate-grid .field-note,.rate-grid .error{grid-column:1/-1}.field-note{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 14px}details{border-top:1px solid var(--line)}summary{padding:18px 0;font-size:14px;font-weight:600}summary span{float:right;color:var(--muted);font-size:12px;font-weight:400}.detail-body{padding-bottom:16px}.check,.switch{display:flex;gap:7px;align-items:center;font-size:14px;font-weight:400}.check{margin:0 0 14px}.check input,.switch input{width:18px;height:18px;accent-color:var(--red);flex-shrink:0}.reset{background:none;color:var(--muted);font-size:13px;font-weight:400;text-decoration:underline;padding:10px 0}.payback-card{background:#b8272d;color:#fff;border-radius:10px;padding:23px 24px;margin-bottom:16px;position:relative;overflow:hidden}.payback-card:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #ffffff25;border-radius:50%;right:-70px;bottom:-80px;pointer-events:none}.payback-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.payback-top>span{font-size:12px;letter-spacing:1.4px;color:#fae2bb}.switch{font-size:12px;color:#fff}.switch input{accent-color:#e6cb83}.roi{font-size:56px;letter-spacing:-2px;font-weight:600;margin:18px 0 12px;line-height:1.1;overflow-wrap:anywhere}.roi span{font-size:24px;letter-spacing:0;font-weight:400;color:#f8dfb3}.sample{font-size:14px;color:#ffe9d3;line-height:1.5;margin:0}#roi-detail{font-size:14px;line-height:1.7;padding-top:12px;margin-top:12px;border-top:1px solid #ffffff30}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 30px}.metrics article{padding:17px 14px;background:#faf8f4;border:1px solid var(--line);border-radius:8px}.metrics span{display:block;font-size:12px;line-height:1.5;color:var(--muted);min-height:36px}.metrics strong{display:block;font-size:20px;letter-spacing:-.4px;margin-top:8px;overflow-wrap:anywhere}.projection-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:16px}.projection-heading p{color:var(--muted);font-size:13px;margin:7px 0 0}.projection-heading .check{font-size:12px;margin:0;white-space:nowrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;max-height:540px}table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}th,td{padding:13px 14px;text-align:right;border-bottom:1px solid #eee8df}th:first-child,td:first-child{text-align:left}thead th{background:#f3f0ea;font-size:12px;font-weight:600;color:#625b53;position:sticky;top:0}tbody tr:nth-child(even){background:#fcfbf8}tbody tr.break-even{background:#fbefd1;color:#765719;font-weight:600}tfoot td{background:#f3f0ea;font-weight:700;border-bottom:0}.net-positive{color:#436d49}.net-note{font-size:12px;color:var(--muted);margin:10px 0 18px}.assumptions{margin-top:8px}.assumptions ul{margin:0;padding-left:19px;color:var(--muted);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.disclaimer{font-size:12px;line-height:1.6;color:var(--muted);margin:4px 0 20px}.actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px}.primary{background:var(--red);color:#fff;padding:12px 20px}.primary span{margin-left:12px}.secondary{background:#fff;border:1px solid #d9d2c9;padding:12px 16px}.status{font-size:13px;line-height:1.5;color:var(--muted);margin:12px 0 0;min-height:20px}.error{display:block;font-size:12px;color:var(--red);font-weight:400;line-height:1.4;margin-top:5px}.error:empty{display:none}.invalid{padding:28px 20px;background:#fff3ee;color:var(--red);border-radius:10px;margin-bottom:20px;font-size:16px}footer{padding:26px 0 8px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:15px}[hidden]{display:none!important}
@media(max-width:1050px){.workspace{grid-template-columns:310px minmax(0,1fr);gap:18px}.input-panel,.result-panel{padding:20px}.metrics{gap:8px}.metrics strong{font-size:17px}.metrics article{padding:14px 10px}.payback-top{flex-wrap:wrap}.projection-heading{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}}
@media(max-width:760px){.topbar{padding:12px 18px}.brand img{width:56px;height:56px}.brand strong{font-size:18px}.brand span{font-size:12px}.tag{display:none}main{padding:24px 14px 12px}.page-title{margin-bottom:24px}.page-title .intro{display:none}h1{font-size:27px;letter-spacing:-.6px}.workspace{grid-template-columns:1fr;gap:18px}.input-panel,.result-panel{padding:20px 16px}.section-heading{margin-bottom:20px}.metrics{grid-template-columns:1fr}.metrics article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px}.metrics span{font-size:13px;min-height:0;max-width:55%}.metrics strong{font-size:20px;margin:0;text-align:right}.payback-card{padding:21px 18px}.roi{font-size:52px}.payback-top>span{font-size:11px}.payback-top{gap:10px}.table-wrap{max-height:460px}th,td{padding:12px 10px}.actions{display:grid;grid-template-columns:1fr 1fr}.primary{grid-column:1/-1;grid-row:1}.secondary{font-size:14px;padding:12px 8px}footer{flex-direction:column;gap:6px}.live{font-size:11px}.result-panel h2{font-size:19px}}
.input-panel,.result-panel{min-width:0}
.header-tools{display:flex;align-items:center;gap:20px}.header-tools select{width:auto;min-height:40px;font-size:14px;margin:0;padding:8px 10px}@media(max-width:760px){.brand{gap:9px}.brand span{max-width:150px;line-height:1.4}.header-tools{gap:0}.header-tools select{max-width:100px}.brand img{width:48px;height:48px}}
@media print{body{display:none}}
.saving-chart{margin:0 0 28px;padding:20px 16px;border:1px solid var(--line);border-radius:10px;background:#fff}.saving-chart svg{display:block;width:100%;height:auto;min-height:190px}.chart-legend{display:flex;flex-wrap:wrap;gap:18px;margin:14px 0 8px;font-size:13px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{display:inline-block;width:22px;border-top:3px solid #bb282c}.chart-legend .investment-key{border-top:3px dashed #aa7e23}.chart-axis{font:14px Arial,sans-serif;fill:#736c63}.chart-grid{stroke:#e6e0d8;stroke-width:1}.chart-saving{fill:none;stroke:#bb282c;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart-investment{stroke:#aa7e23;stroke-width:2;stroke-dasharray:7 5}.chart-caption{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;line-height:1.6;color:var(--muted)}.chart-caption strong{color:#282522}.chart-break-even{font-size:13px;color:var(--muted);margin:10px 0 0}@media(max-width:760px){.saving-chart{padding:16px 10px}.chart-caption{flex-direction:column}.chart-axis{font-size:17px}.saving-chart svg{min-height:170px}}
.chart-axis{font-size:18px}.chart-axis-unit{font-size:14px}@media(max-width:760px){.chart-axis{font-size:26px}.chart-axis-unit{font-size:14px}}
.segmented{grid-template-columns:repeat(4,minmax(0,1fr))}.field textarea{display:block;width:100%;margin-top:8px;padding:11px 12px;min-height:70px;font:inherit;font-size:16px;border:1px solid #d9d2c9;border-radius:7px;resize:vertical;color:#282522;background:#fff}.field textarea:focus-visible{outline:3px solid #a87a10;outline-offset:3px}.optional-title{font-size:14px;margin:18px 0 12px}.maintenance-item{border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:12px;background:#fcfaf6}.maintenance-item .field{margin-bottom:12px}.maintenance-item .reset{min-height:32px;padding:4px 0}.maintenance-help{margin-top:12px}#maintenance-summary{margin-bottom:24px}#maintenance-summary-values{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;font-size:14px;margin:0}#maintenance-summary-values dt{color:var(--muted)}#maintenance-summary-values dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:bold}.report-note{background:#faf8f4;border-left:3px solid #b38a36;padding:16px;margin:16px 0;border-radius:0 8px 8px 0}.report-note h3{font-size:14px}.report-note p{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}#performance-section{margin-bottom:24px}#performance-section .saving-chart{border:0;margin:0;padding:10px 0 16px}#maintenance-settings>.rate-grid{grid-template-columns:1fr 1fr}#maintenance-settings>.rate-grid>.field:first-child{grid-column:1/-1}@media(max-width:760px){.segmented span{font-size:13px;padding:12px 2px}#maintenance-summary-values{grid-template-columns:1fr}#maintenance-summary-values dd{text-align:left;margin-bottom:6px}}