:root{--ink:#e9eef5;--muted:#a0aec1;--paper:#0d1420;--line:#263244;--white:#131e2c;--soft:#1b293a;--lime:#69d4d0;--cyan:#69d4d0}body{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}.wrap{width:min(1200px,calc(100% - 72px))}header{height:83px}.brand{font-family:Arial,sans-serif;font-size:25px;letter-spacing:-1px;font-weight:700}.brand img{width:30px;height:30px}nav{font-size:12px;gap:30px;color:#a6b3c3}.nav-cta{border:1px solid #365459;border-radius:6px;background:#152b33;color:#93dedb;font-weight:500}.hero{grid-template-columns:1.7fr 1fr;padding:43px 0 35px;gap:50px}.eyebrow{color:#91a5bc;font-size:9px;letter-spacing:1.7px}.eyebrow .dot{background:#69d4d0;width:5px;height:5px}h1{font-family:Arial,sans-serif;font-size:clamp(36px,4vw,49px);font-weight:600;line-height:1.12;letter-spacing:-1.9px;margin-top:15px}h1 em{color:#83d9d4}.hero-description{color:#a2b0c2;font-size:13px;line-height:1.8;margin-top:17px}.hero-context{border-left:1px solid var(--line);padding-left:28px;max-width:320px}.hero-context strong{font-size:13px;font-weight:500;display:block}.hero-context p{color:#93a3b7;font-size:11px;line-height:1.9;margin-top:7px}.hero-context a{font-size:10px;color:#80cec9;display:inline-block;margin-top:9px}.context-symbol{height:35px;margin-bottom:13px;color:#6ed2cc}.context-symbol svg{height:35px;width:60px}.calculator-layout{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:22px}.panel{border:1px solid var(--line);border-radius:11px;background:#131e2c;padding:26px}.panel-heading{margin-bottom:19px}.step-label{font-size:13px;font-weight:550}.step-number{color:#83cec9;border:1px solid #345354;border-radius:5px;background:#1b3139;font-size:10px;width:22px;height:22px}.subtle{font-size:10px;color:#9aaabe}.appliance-grid{gap:8px}.appliance{border:1px solid #2a384a;border-radius:6px;background:#111b28;padding:16px 4px 13px;color:#a3b2c5;font-size:10px;gap:8px}.appliance svg{width:26px;height:26px;stroke-width:1.35}.appliance:hover{border-color:#527578;background:#192d38}.appliance.active{border-color:#63beba;background:#1b353e;color:#b2eeea}.divider{margin:23px 0}.field label,.label{font-size:11px;color:#c5cfdd;font-weight:500}.input-box input{height:46px;border:1px solid #2b3a4e;border-radius:6px;background:#0e1825;color:#edf3fa;font-size:15px;font-weight:400}.input-box input:focus,.field select:focus{border-color:#69beba;background:#101e2b}.input-box .unit{font-size:10px;color:#91a4bc}.field select{height:46px;border:1px solid #2b3a4e;border-radius:6px;background:#0e1825;color:#cbd5e3;font-size:11px}.helper{color:#8d9eb5;font-size:10px;line-height:1.7}.helper a{color:#8ad6d1;text-decoration:underline;text-underline-offset:3px}.mode-switch{background:#0c1521;border:1px solid #2b384a;border-radius:6px}.mode-switch button{border-radius:4px;font-size:10px;padding:7px 12px;color:#90a1b8}.mode-switch button.active{background:#2b3d50;color:#e0eaf5;box-shadow:none}.advanced summary{color:#a2b8cb}.calc-note{font-size:10px;line-height:1.8;color:#8f9fb4;background:#101a27;border:1px solid #263244;padding:11px 13px;border-radius:6px}.error{background:#39251f;border:1px solid #75503c;color:#efb89a}.result{background:#162333;border:1px solid #36505d;border-radius:11px;padding:27px;box-shadow:0 8px 28px #00000012}.result:after{display:none}.result-top{gap:15px}.result .eyebrow{font-size:9px;color:#b0c1d3;letter-spacing:1.3px}.live{font-size:9px;color:#83b9b4;white-space:nowrap}.live i{background:#78c6a9}.period-tabs{border:1px solid #344457;background:#0e1927;border-radius:6px;margin-top:25px;padding:3px}.period-tabs button{padding:7px 19px;font-size:10px;color:#9aacc1}.period-tabs button.active{background:#294b54;color:#b7e9e4;font-weight:550}.big-cost{font-family:Arial,sans-serif;font-size:58px;letter-spacing:-2.7px;line-height:1.3;font-weight:500;color:#edf6ff;margin-top:18px;font-variant-numeric:tabular-nums}.result-caption{font-size:11px;color:#9cacc0;line-height:1.7}.energy-display{padding-top:24px}.energy-display-head{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:9px;letter-spacing:1px;color:#94a9c0}.energy-display-head strong{font-size:10px;font-weight:400;letter-spacing:0;color:#c7d5e5}.energy-blocks{display:grid;grid-template-columns:repeat(20,1fr);gap:4px;margin-top:11px}.energy-blocks>span{height:17px;background:#27394c;border-radius:2px;overflow:hidden;position:relative}.energy-blocks i{position:absolute;bottom:0;left:0;width:100%;background:#65bdb9;transition:height .2s}.energy-display p{font-size:9px;color:#879bb3;margin-top:7px}.result-stats{border-color:#334456;margin-top:22px;padding-top:20px}.result-stats small{font-size:8px;letter-spacing:.65px;color:#9aafc5}.result-stats strong{font-family:Arial,sans-serif;font-size:21px;font-weight:400;color:#dce8f6;margin-top:7px;font-variant-numeric:tabular-nums}.cost-breakdown{border-color:#334456;font-size:10px;color:#91a7bf;gap:16px;align-items:start}.cost-breakdown strong{color:#bbcbdd;font-weight:400;text-align:right}.result-actions{gap:9px;margin-top:20px}.result-actions button{border:1px solid #42566b;border-radius:6px;color:#c6d4e4;font-size:11px;padding:11px 10px}.result-actions button:hover:enabled{background:#23384b}.result-actions button:disabled{opacity:.4}.result-actions:last-child{margin-top:10px}.result-actions:last-child button{background:#7bd2cd;border-color:#7bd2cd;color:#10282e;font-weight:600}.result-actions:last-child button:hover:enabled{background:#97e1dc}.saving{background:#132a30;border:1px solid #2b4e52;border-radius:10px;padding:21px 24px;margin-top:16px}.saving-heading{font-size:13px;font-weight:500;color:#d4e8e7}.saving p{font-size:10px;color:#94b6b9;line-height:1.7}.saving-controls output{font-size:10px;color:#b9d6d4}.saving-total{border-color:#2b4e52;color:#a4c2c3;font-size:10px}.saving-total strong{font-family:Arial,sans-serif;font-size:25px;color:#94d8ce;letter-spacing:-.7px;font-weight:500}.trust-strip{justify-content:space-between;gap:16px;padding:23px 0 33px;color:#8d9fb6;font-size:10px}.trust-strip span:before{content:'✓';color:#7abbb0}.trust-strip a{color:#9eb5c9}.section{border-top:1px solid #293649;padding:35px 0}.section h2{font-family:Arial,sans-serif;font-size:25px;letter-spacing:-.6px;font-weight:500}.section-header{align-items:center}.section-header p{font-size:11px;color:#95a6bc;line-height:1.8}.household-list{display:grid;gap:0}.household-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:28px;padding:18px 0;border-bottom:1px solid #253348}.household-appliance strong{font-weight:500;font-size:13px}.household-appliance p{font-size:10px;color:#91a3bb;margin-top:4px}.share-track{width:min(400px,100%);height:3px;background:#233247;border-radius:3px;margin-top:10px}.share-track i{display:block;height:100%;border-radius:3px;background:#60aaa8}.household-value{text-align:right}.household-value strong{font-size:17px;font-weight:400;font-variant-numeric:tabular-nums}.household-value small{display:block;font-size:9px;color:#91a6bd;margin-top:4px}.household-row button,.plain-button{background:#142131;border:1px solid #35465b;border-radius:5px;padding:8px 12px;color:#afbed0;font-size:10px;cursor:pointer}.household-row button:hover,.plain-button:hover{background:#21354b}.household-total{font-size:31px;letter-spacing:-1px;margin-top:20px;font-variant-numeric:tabular-nums}.household-total:before{content:'Combined estimate';display:block;font-size:10px;letter-spacing:0;color:#99aec4;margin-bottom:6px}.section button{margin-top:10px}#household-note{font-size:10px;line-height:1.9;margin-top:5px}#list-empty{padding:28px;border:1px dashed #33455c;background:#101b29;border-radius:8px;text-align:center;color:#93a7bf;font-size:11px}.guide-grid{gap:15px;margin-top:20px}.guide-card{border:1px solid #2b394b;border-radius:8px;background:#131e2c}.guide-card:hover{transform:translateY(-2px);border-color:#52697c}.guide-art{height:115px;background:#172737}.guide-card:nth-child(2) .guide-art{background:#1b2539}.guide-card:nth-child(3) .guide-art{background:#192b30}.guide-card:nth-child(4) .guide-art{background:#292b31}.guide-card:nth-child(5) .guide-art{background:#212838}.guide-art:before{display:none}.guide-art svg{height:54px;width:54px;color:#8eabbf;stroke-width:1;filter:none}.guide-text{padding:19px}.tag{font-size:8px;letter-spacing:1.3px;color:#8aa3b9}.guide-text h3{font-size:13px;font-weight:500;color:#d3e1ef}.guide-text h3 span{color:#84c2c2}.guide-text p{font-size:10px;color:#8c9eb6;line-height:1.8}.body-copy{color:#9bacbf;font-size:12px;line-height:1.9}.body-copy a{color:#8fc8ca}.formula{border:1px solid #314a54;background:#142a32;border-radius:7px;padding:21px}.formula code{font-family:Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;color:#bce1dc;line-height:1.8}.formula p{color:#94b0ba;font-size:10px;line-height:1.8}.faq details{border-color:#2a3749;padding:16px 0}.faq summary{font-size:12px;font-weight:400;line-height:1.6;color:#bdcadb}.faq summary:after{color:#8cb4c2;font-size:15px}.faq p{color:#95a8bf;font-size:11px;line-height:1.9}.bottom-banner{background:#142332;border:1px solid #2f4354;border-radius:9px;padding:26px 29px;margin:12px 0 35px}.bottom-banner h2{font-size:21px;font-weight:500;letter-spacing:-.5px}.bottom-banner p{font-size:11px;color:#99adc3;margin-top:7px}.primary-link{border:1px solid #3b6469;background:#19363e;color:#a1e1dc;font-size:11px;border-radius:6px;font-weight:500}.primary-link:hover{background:#254852}footer{border-color:#28364a}footer p{font-size:9px;color:#8195ae}footer .footer-links{color:#9cafc5;font-size:10px}.toast{background:#1d3e47;border:1px solid #478285;color:#d5efed;border-radius:7px;font-size:12px}.article h1{font-size:40px;letter-spacing:-1.2px}.article h2{font-family:Arial,sans-serif;font-size:23px;font-weight:500;letter-spacing:-.4px}.article p,.article li{color:#a3b5ca;font-size:13px}.article th{background:#1b3040;color:#bdd1e2}.article th,.article td{border-color:#2a3b50}.article .primary-link{color:#a1e1dc}.breadcrumb{color:#91a7bc;font-size:11px}.article a{color:#9fd5d3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #79ceca;outline-offset:3px}input,select{color-scheme:dark}input[type=range]{accent-color:#77c9c4}
@media(min-width:1100px){.calculator-layout>div:last-child{position:sticky;top:22px}}@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.hero{gap:30px}.hero-context{padding-left:24px}h1{font-size:42px}.panel{padding:23px}.big-cost{font-size:49px}.trust-strip{gap:20px;flex-wrap:wrap}.result .live{font-size:8px}.result .eyebrow{font-size:8px}.period-tabs button{padding:7px 15px}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}header{height:69px}.brand{font-size:23px}.brand img{width:28px;height:28px}nav .nav-cta{font-size:10px;padding:8px 11px}.hero{grid-template-columns:1fr;padding:30px 0 25px;gap:0}h1{font-size:39px;letter-spacing:-1.4px;margin-top:12px}.hero-description{font-size:12px;line-height:1.9;margin-top:14px}.hero-context{display:none}.eyebrow{font-size:8px;letter-spacing:1.5px}.calculator-layout{grid-template-columns:1fr;gap:16px}.panel{padding:21px}.step-label{font-size:12px}.appliance{font-size:10px;padding:15px 3px 12px}.big-cost{font-size:58px}.result{padding:24px}.result .eyebrow{font-size:9px}.result .live{font-size:9px}.period-tabs button{padding:7px 21px}.saving{padding:20px 22px;margin-top:14px}.trust-strip{padding:24px 0 29px;gap:12px 22px;justify-content:start;font-size:9px}.section{padding:28px 0}.section h2{font-size:24px}.section-header{gap:14px;align-items:start}.section-header p{font-size:10px}.section-header>.subtle{display:none}.household-row{gap:15px;grid-template-columns:minmax(0,1fr) auto}.household-row button{grid-column:2;font-size:9px;margin-top:0;padding:5px 9px}.household-appliance{grid-row:span 2}.household-appliance strong{font-size:12px}.household-appliance p{font-size:9px}.household-value strong{font-size:16px}.guide-card{grid-template-columns:92px 1fr}.guide-art{height:100%;min-height:130px}.guide-art svg{width:45px;height:45px}.guide-text{padding:17px}.guide-text h3{font-size:12px}.how-grid{grid-template-columns:1fr;gap:29px}.formula code{font-size:13px}.bottom-banner{padding:23px;gap:18px}.bottom-banner h2{font-size:21px}.bottom-banner p{font-size:10px}.article h1{font-size:34px;letter-spacing:-1px}.article th,.article td{padding:11px 7px}.desktop-break{display:none}}@media(max-width:360px){h1{font-size:34px}.result .live{font-size:8px}.field-grid,.rate-row{gap:10px}.panel{padding:17px}.big-cost{font-size:51px}.nav-cta{font-size:9px!important}.field label{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Put the task first; supporting detail stays available on demand. */
.hero{display:block;padding:25px 0 22px}.hero h1{font-size:32px;letter-spacing:-1px;margin:0;line-height:1.2}.hero-description{font-size:12px;margin-top:7px;color:#93a6bd}.mode-switch{margin-top:0}.compact-trust{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8c9fb7;padding:19px 0 27px}.compact-trust a{color:#9bb7cb}.input-assumptions{font-size:10px;color:#98aec4;margin-top:14px}.input-assumptions summary{cursor:pointer}.calc-note{margin-top:9px}.rate-details{display:inline-block;margin-left:10px}.rate-details summary{cursor:pointer;color:#93c7c7;font-size:10px}.rate-details[open]{display:block;margin:6px 0 0}.rate-details p{line-height:1.8;max-width:480px;padding-top:5px}.energy-details{margin-top:22px;border-top:1px solid #334456;padding-top:13px}.energy-details>summary{font-size:10px;color:#a3bdd0;cursor:pointer}.energy-display{padding-top:16px}.result-stats{margin-top:17px}.result-actions{margin-top:18px}.big-cost{margin-top:16px}.panel-heading{margin-bottom:16px}.appliance{padding:12px 4px 10px}.divider{margin:20px 0}.panel{padding:23px}.result{padding:25px}.input-assumptions .calc-note{font-size:10px}#calc-form>.field[style]{margin-top:16px!important}.result-stats small{font-size:9px}.saving p:last-child{font-size:9px}.section-header p{font-size:11px}.section{padding:30px 0}.body-copy{font-size:12px}@media(max-width:760px){.hero{padding:22px 0 19px}.hero h1{font-size:28px;letter-spacing:-.8px}.hero-description{font-size:11px;margin-top:6px}.panel{padding:19px}.result{padding:23px}.compact-trust{font-size:9px;flex-wrap:wrap;gap:6px;padding:18px 0 24px}.appliance{padding:12px 3px 10px}.appliance svg{width:24px;height:24px}.divider{margin:18px 0}.step-label{font-size:12px}.big-cost{font-size:55px}.result-actions button{font-size:11px}.saving{padding:18px 21px}}@media(max-width:360px){.hero h1{font-size:25px}}