@font-face{font-family:Jakarta;src:url('./fonts/plus-jakarta-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Jakarta;src:url('./fonts/plus-jakarta-sans-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Jakarta;src:url('./fonts/plus-jakarta-sans-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Jakarta;src:url('./fonts/plus-jakarta-sans-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Sora;src:url('./fonts/sora-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Sora;src:url('./fonts/sora-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Sora;src:url('./fonts/sora-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Sora;src:url('./fonts/sora-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#101522;--ink:#edf0f9;--line:#2d3449;--muted:#a7afc4;--white:#181f30;--indigo:#a6a8ff;--peach:#ffc0a3;--teal:#8ed4c2}body{font-family:Jakarta,Arial,sans-serif;background:#101522;background-image:radial-gradient(ellipse at 88% 0,rgba(105,95,190,.075),transparent 43%);background-repeat:no-repeat}button,input,select{font-family:inherit}header{border-color:#2d3449}.brand{font-family:Sora,Arial,sans-serif;letter-spacing:-1.1px;font-size:24px;font-weight:600}nav{font-size:11px;color:#aeb5cb}.nav-cta{background:#242541;border:1px solid #49476c;color:#c7c8ff;border-radius:7px;font-size:10px}.nav-cta:hover{background:#303050;opacity:1}.hero{padding:27px 0 25px}.hero h1{font-family:Sora,Arial,sans-serif;font-size:30px;font-weight:600;letter-spacing:-1.2px;line-height:1.3}.hero-description{color:#a2abc2;font-size:11px;margin-top:6px}.panel{background:#181f30;border-color:#30384e;border-radius:12px;padding:24px}.panel-heading{margin-bottom:17px}.step-label{font-family:Sora,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:-.25px}.step-number{background:#2a2a4a;color:#c1bfff;border:1px solid #48456d;width:23px;height:23px;border-radius:6px;font-size:10px}.appliance{border-color:#30394e;background:#141c2b;color:#a8b3cb;border-radius:8px;padding:13px 4px 11px;gap:9px;font-size:10px;font-weight:500}.appliance svg{stroke-width:1.4;color:#9daac2}.appliance:nth-child(1) svg{color:#dba38c}.appliance:nth-child(2) svg{color:#a3a4e2}.appliance:nth-child(3) svg{color:#80b9bd}.appliance:nth-child(4) svg{color:#d2b184}.appliance:nth-child(5) svg{color:#a9a1ca}.appliance:nth-child(6) svg{color:#9dabc4}.appliance:hover{background:#242a42;border-color:#68638e}.appliance.active{background:#2b2d52;border:1px solid #8580d4;color:#e2dfff;box-shadow:inset 0 0 0 1px #a69cff18}.appliance.active svg{color:#c8c1ff}.appliance.active:after{color:#c0b9ff;right:8px;top:6px}.divider{border-color:#30384e}.field label{color:#c5cce0;font-size:11px;font-weight:500}.input-box input,.field select{background:#111a2a;border-color:#34405a;border-radius:7px;color:#e4eaf6;font-size:13px}.field select{font-size:11px}.input-box input:focus,.field select:focus{background:#182039;border-color:#a19ae8}.input-box .unit{color:#96a5c3;font-size:10px}.helper{color:#8e9cb8;font-size:9px;line-height:1.8}.helper a,.rate-details summary{color:#b0a9ed}.mode-switch{background:#111827;border-color:#2f3a50;border-radius:7px}.mode-switch button{color:#94a3be;font-size:9px;padding:8px 12px}.mode-switch button.active{background:#303453;color:#e0ddff;border-radius:5px}.advanced summary,.input-assumptions summary{color:#a9b6ce;font-size:10px}.calc-note{background:#141c2b;color:#96a6c1;border-color:#2e3a50;font-size:10px}.result{background:linear-gradient(145deg,#22283d 0,#1a2235 65%);border-color:#555173;padding:26px;box-shadow:0 8px 28px #080b1515;border-radius:12px}.result-top{gap:8px}.result .eyebrow{font-family:Jakarta,sans-serif;font-size:8px;letter-spacing:1.4px;font-weight:600;color:#bcc1db}.live{font-size:8px;color:#9bbaa9}.live i{background:#91d3ae}.period-tabs{background:#151c2c;border-color:#3a4059;border-radius:7px;margin-top:23px}.period-tabs button{font-size:10px;color:#a3acc7;padding:7px 19px}.period-tabs button.active{background:#464471;color:#ece8ff;font-weight:500;border-radius:4px}.big-cost{font-family:Sora,Arial,sans-serif;font-size:54px;line-height:1.35;font-weight:500;letter-spacing:-2.9px;color:#ffc0a3;margin-top:16px;font-variant-numeric:tabular-nums}.result-caption{font-size:10px;color:#aeb8d0}.energy-details{border-color:#3a415a;margin-top:23px;padding-top:13px}.energy-details>summary{color:#b6b4dc;font-size:10px}.energy-display-head{color:#a4acc9;font-size:9px}.energy-display-head strong{color:#cdd4e7}.energy-blocks>span{background:#303850}.energy-blocks i{background:#9c95d8}.energy-display p{color:#99a7c0}.result-stats{border-color:#39445b}.result-stats small{color:#a2b0c9}.result-stats strong{font-family:Sora,Arial,sans-serif;font-size:19px;font-weight:400;color:#dce1f3}.cost-breakdown{border-color:#39445b;color:#9baac5;font-size:9px}.cost-breakdown strong{color:#c7cee1}.result-actions button{font-family:Jakarta,sans-serif;border-color:#4b536c;color:#c2cae1;border-radius:7px;font-size:10px;font-weight:500;padding:12px 10px}.result-actions button:hover:enabled{background:#343a56}.result-actions:last-child button{background:#aaa2ed;border-color:#aaa2ed;color:#191d34;font-weight:700}.result-actions:last-child button:hover:enabled{background:#beb5ff;border-color:#beb5ff}.saving{background:#192e32;border-color:#345457;border-radius:11px;padding:21px 24px}.saving-heading{font-family:Sora,sans-serif;font-size:12px;font-weight:500;color:#d6e8e3;letter-spacing:-.2px}.saving p{color:#9ab9b6;font-size:9px}.saving input{accent-color:#91d5c5}.saving-controls output{font-size:10px;color:#c0dfd4}.saving-total{color:#b1ceca;border-color:#365554;font-size:10px}.saving-total strong{font-family:Sora,sans-serif;color:#9ddfc9;font-size:24px;font-weight:500;letter-spacing:-1px}.saving p:last-child{font-size:8px}.compact-trust{font-size:9px;color:#8798b4}.compact-trust a{color:#a7a8d3}.section{border-color:#2b354c}.section h2,.article h2{font-family:Sora,sans-serif;font-size:23px;letter-spacing:-.7px;font-weight:500}.section-header p{font-size:10px;color:#93a3bf}.plain-button,.household-row button{background:#1b2538;color:#b0bdd4;border:1px solid #374560;border-radius:6px;font-size:9px}#list-empty{border-color:#39435c;background:#151e2e;color:#99a8c4;font-size:10px}.household-row{border-color:#303b53}.household-appliance strong{font-size:12px}.household-appliance p{font-size:9px;color:#99aac4}.share-track{background:#2d3650}.share-track i{background:#a099dd}.household-value strong{font-family:Sora,sans-serif;color:#f4c4ab;font-size:16px}.household-value small{color:#a2adc8;font-size:8px}.household-total{font-family:Sora,sans-serif;color:#f4c4ab;font-size:28px}.household-total:before{font-family:Jakarta,sans-serif;color:#a8b5cf;font-size:10px}.guide-card{background:#182032;border-color:#333c53;border-radius:10px}.guide-card:hover{border-color:#777095}.guide-art{background:#2b293c}.guide-card:nth-child(2) .guide-art{background:#292b46}.guide-card:nth-child(3) .guide-art{background:#20343a}.guide-card:nth-child(4) .guide-art{background:#35303a}.guide-card:nth-child(5) .guide-art{background:#2e2b41}.guide-art svg{color:#c9abb1}.guide-card:nth-child(2) .guide-art svg{color:#b7b2e2}.guide-card:nth-child(3) .guide-art svg{color:#9bc7c3}.guide-card:nth-child(4) .guide-art svg{color:#d2b392}.guide-card:nth-child(5) .guide-art svg{color:#bcb0dc}.tag{font-size:8px;color:#a1acc4}.guide-text h3{font-family:Sora,sans-serif;font-size:12px;font-weight:500;letter-spacing:-.2px;color:#dbe0f2}.guide-text h3 span{color:#bbb0e9}.guide-text p{font-size:10px;color:#9baac5}.body-copy{font-size:11px;color:#a7b2ca}.formula{background:#222a40;border-color:#454567}.formula code{font-family:Sora,sans-serif;font-size:12px;color:#c9bde9;font-weight:400}.formula p{color:#aab0cb;font-size:9px}.faq summary{color:#c0c9df;font-size:11px}.faq p{color:#a2b0ca;font-size:10px}.faq summary:after{color:#b3a4de}.faq details{border-color:#303b54}footer{border-color:#2d374d}footer .brand{font-size:19px}footer p{color:#8b9db9;font-size:8px}footer .footer-links{font-size:9px;color:#b3b9d1}.article h1{font-family:Sora,sans-serif;font-weight:500}.article p,.article li{font-family:Jakarta,sans-serif;color:#aab7d0}.article a{color:#b7adea}.article th{background:#282c48}.article .primary-link{background:#343451;color:#e1d9fb;border-color:#696183}.toast{background:#363453;color:#eee5ff;border-color:#8a7cb4}.primary-link{background:#353451;color:#ddd4ff;border-color:#686082}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#b1a3f7}input[type=range]{accent-color:#91d5c5}
@media(max-width:1000px){.result .eyebrow{font-size:8px}.big-cost{font-size:47px}.period-tabs button{padding:7px 16px}.result{padding:23px}.panel{padding:22px}}@media(max-width:760px){.brand{font-size:21px;letter-spacing:-1px}.brand img{width:27px;height:27px}nav .nav-cta{font-size:9px}.hero{padding:22px 0 20px}.hero h1{font-size:25px;letter-spacing:-1px}.hero-description{font-size:10px;margin-top:7px}.panel{padding:19px}.step-label{font-size:11px}.appliance{font-size:9px;padding:12px 3px 10px}.field label{font-size:10px}.input-box input{font-size:14px}.helper{font-size:9px}.result{padding:23px}.big-cost{font-size:49px;letter-spacing:-2px}.result .eyebrow{font-size:8px}.saving-heading{font-size:11px}.section h2{font-size:21px}.period-tabs button{padding:7px 20px}.guide-text h3{font-size:11px}.article h1{font-size:30px}.compact-trust{font-size:8px}}@media(max-width:360px){.hero h1{font-size:22px}.panel{padding:16px}.result{padding:20px}.big-cost{font-size:44px}.brand{font-size:20px}}