.energy-hero{min-height:850px;grid-template-columns:1.2fr .8fr;gap:3rem}.energy-hero-stat{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1;border:1px solid #c9a24b66;border-radius:50%;padding:3rem;text-align:center;box-shadow:inset 0 0 0 30px #1d3f7a33}.energy-hero-stat>span{font:600 .85rem var(--sans);color:#e8cb84}.energy-hero-stat strong{font:500 clamp(6rem,11vw,11rem)/1.1 var(--display);color:#e8cb84}.energy-hero-stat strong span{font-size:.5em}.energy-hero-stat p{max-width:230px;margin:0 0 1rem;font-size:1.3rem}.energy-hero-stat small{color:#bdcbe0;font-size:.9rem}.energy-section{padding:7rem clamp(1.25rem,8vw,9rem)}.energy-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;gap:2.5rem}.energy-steps article{border-top:1px solid #c9a24b;padding-top:1.5rem}.energy-steps span{font:500 2.5rem var(--display);color:#8c681f}.energy-steps h3{font:600 1.15rem var(--sans);color:#022a58}.energy-steps p{font-size:1.15rem;color:#5b6a80}.energy-simulator{background:#fff}.energy-map-layout{display:grid;grid-template-columns:1.45fr .65fr;gap:4rem;align-items:center;margin-top:3rem}#energy-map svg{width:100%;max-height:720px;overflow:visible}.state-shapes path{fill:#022a58;stroke:#f7f3ea;stroke-width:1.5;transition:fill .18s;cursor:pointer;outline:none}.state-shapes path:nth-child(3n){fill:#1d3f7a}.state-shapes path.no-offer{fill:#dce3ec}.state-shapes path:hover,.state-shapes path:focus-visible,.state-shapes path.selected{fill:#c9a24b;stroke:#050f26;stroke-width:2}.state-labels text{font:600 12px Montserrat,sans-serif;fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:#022a58;stroke-width:2px}.state-labels text.no-offer{fill:#405471;stroke:#dce3ec}.energy-map-aside h3{font:600 1.5rem var(--sans);color:#022a58}.energy-map-aside p{font-size:1.1rem;color:#5b6a80}.energy-map-aside label{display:block;margin-bottom:.6rem;font:600 .9rem var(--sans)}.energy-map-aside select{width:100%;padding:1rem;border:1px solid #adbace;background:#f7f9fc;color:#022a58;font:500 1rem var(--sans)}.map-legend{line-height:2}.map-legend i{display:inline-block;width:14px;height:14px;margin-right:.6rem;background:#022a58}.map-legend i.unavailable{background:#dce3ec}.energy-fineprint,.energy-map-aside .energy-fineprint{font-size:.93rem;line-height:1.5;color:#607086}.energy-other{grid-template-columns:repeat(2,1fr)}#energy-dialog{position:fixed;width:min(520px,calc(100% - 2rem));max-height:90svh;padding:2.5rem;border:1px solid #c9a24b;background:#f7f3ea;color:#050f26;box-shadow:0 30px 100px #050f2644;transition:width .25s}#energy-dialog.expanded{width:min(1080px,calc(100% - 2rem))}#energy-dialog::backdrop{background:#050f26bb;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:1rem;top:.5rem;border:0;background:none;color:#022a58;font-size:2rem;cursor:pointer}.energy-dialog-grid{display:grid;gap:2.5rem}.expanded .energy-dialog-grid{grid-template-columns:.8fr 1.2fr}#energy-dialog h2{font:500 2.8rem/1.05 var(--display);margin:0}#energy-dialog h3{font:600 1.25rem var(--sans);margin:.5rem 0}#distributor-list{display:grid;gap:.6rem;margin:1.5rem 0}.distributor-option{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid #ccd5e3;background:white;color:#022a58;text-align:left;font:600 .95rem var(--sans);cursor:pointer}.distributor-option span{font-size:.85rem;white-space:nowrap}.distributor-option:disabled{cursor:not-allowed;opacity:.6}.distributor-option.active,.distributor-option:not(:disabled):hover{background:#022a58;color:#e8cb84;border-color:#022a58}#bill-panel{border-left:1px solid #ccd5e3;padding-left:2.5rem}#bill-panel[hidden],#energy-result[hidden]{display:none}#energy-form label{display:block;font:600 .9rem var(--sans);margin:1.1rem 0 .5rem}#energy-form small{font-weight:400}#energy-form input{width:100%;padding:.8rem 1rem;font:500 1.1rem var(--sans);border:1px solid #adbace;background:#fff;color:#050f26}#energy-form .button{width:100%;border:0;cursor:pointer;margin-top:.5rem}#form-error{color:#9e2f2f;font-size:1rem;margin:.7rem 0}.saving-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.4rem;background:#022a58;color:#fff}.saving-grid span{font:500 .8rem/1.5 var(--sans);display:block}.saving-grid strong{display:block;margin-top:.5rem;font:600 clamp(1.3rem,2.2vw,1.9rem) var(--sans);color:#e8cb84}.result-actions{display:grid;gap:.7rem}.result-actions .button{font-size:.85rem;letter-spacing:0;text-align:center;padding:1rem}.energy-button-blue{background:#022a58;color:#fff}.distributor-conditions{margin-top:1.2rem;font-size:1rem}.distributor-conditions summary{cursor:pointer;font:600 .9rem var(--sans);color:#022a58}.distributor-conditions dl{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;font-size:.95rem}.distributor-conditions dt{font-weight:500}.distributor-conditions dd{margin:0}.energy-page :focus-visible{outline:3px solid #c9a24b;outline-offset:4px}
@media(max-width:950px){.energy-hero{min-height:auto;gap:2rem}.energy-hero-stat{padding:2rem}.energy-map-layout{grid-template-columns:1fr;gap:1rem}.energy-map-aside{max-width:600px}.energy-steps{gap:1.5rem}}
@media(max-width:760px){.energy-hero{grid-template-columns:1fr}.energy-hero-stat{width:min(100%,350px);justify-self:center;margin-top:1rem}.energy-hero-stat strong{font-size:7rem}.energy-section{padding-block:4.5rem}.energy-steps,.energy-other{grid-template-columns:1fr}.expanded .energy-dialog-grid{grid-template-columns:1fr}#energy-dialog{padding:2rem 1.25rem}#bill-panel{border-left:0;border-top:1px solid #ccd5e3;padding:1.5rem 0 0}.saving-grid{gap:.6rem;padding:1rem}.saving-grid strong{font-size:1.2rem}.state-labels text{font-size:14px}}
.energy-section .eyebrow,.faq-section .eyebrow,.other-payment-solutions .eyebrow,#energy-dialog .eyebrow{color:#8c681f}
.energy-extras{background:radial-gradient(circle at 95% 0,#1d3f7a 0,transparent 40%),#050f26;color:#fff}.energy-extras .payment-section-heading h2{color:#fff}.energy-extras .payment-section-heading>p:last-child{color:#c6d3e6}.energy-extras.energy-section .eyebrow{color:#e8cb84}.extras-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.25rem;margin-top:3rem}.extras-grid article{padding:2rem;border:1px solid #8298bd55;background:#ffffff04}.extras-grid .extras-club{border-color:#c9a24b99;background:#e8cb8409}.extras-kicker{display:block;font:600 .875rem/1.5 var(--sans);color:#e8cb84;letter-spacing:.05em}.extras-number{display:block;margin:1.5rem 0 0;font:500 clamp(3.5rem,5vw,5.5rem)/1 var(--display);color:#e8cb84}.extras-grid h3{margin:1.5rem 0 1rem;font:600 1.3rem/1.3 var(--sans)}.extras-club h3{margin-top:.6rem}.extras-grid p{font-size:1.1rem;line-height:1.6;color:#c6d3e6}.extras-brands{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0;padding:0;list-style:none}.extras-brands li{padding:.5rem .65rem;border:1px solid #8298bd66;color:#fff;font:500 .875rem/1.4 var(--sans)}.extras-grid .extras-note,.extras-disclaimer{font-size:.9375rem;line-height:1.6;color:#acbdd6}.extras-disclaimer{max-width:980px;margin:2rem 0 0}.faq-heading .low-income-alert{margin-top:2rem;padding:1.2rem;border-left:3px solid #b08834;background:#f7f3ea;color:#022a58;font-size:1rem;line-height:1.6}.low-income-alert strong{display:block;font:600 .95rem/1.5 var(--sans);margin-bottom:.4rem}
@media(max-width:1100px){.extras-grid{grid-template-columns:repeat(2,1fr)}.extras-club{grid-column:1/-1}}
@media(max-width:760px){.extras-grid{grid-template-columns:1fr}.extras-grid article{padding:1.5rem}.extras-club{grid-column:auto}}
.roof-up-to{display:block;font:600 1.25rem var(--sans);color:#e8cb84}.roof-contract-note{margin-top:2.5rem;padding:1.5rem 2rem;border-left:3px solid #b08834;background:#fff}.roof-contract-note h3{font:600 1.15rem var(--sans);color:#022a58}.roof-contract-note p{font-size:1.1rem;color:#5b6a80}.roof-map svg{width:100%;max-height:720px;cursor:pointer}.roof-map .state-shapes path{fill:#022a58;cursor:pointer}.roof-map .state-shapes path:nth-child(3n){fill:#1d3f7a}.roof-map svg:hover .state-shapes path,.roof-map svg:focus-visible .state-shapes path{fill:#c9a24b}.roof-map svg{outline-offset:4px}.energy-map-aside button{border:0;cursor:pointer;width:100%;white-space:normal}#roof-dialog{width:min(600px,calc(100% - 2rem));max-height:90svh;padding:2.5rem;border:1px solid #c9a24b;background:#f7f3ea;color:#050f26}#roof-dialog::backdrop{background:#050f26bb;backdrop-filter:blur(5px)}#roof-dialog h2{font:500 2.8rem/1.05 var(--display);margin:0}#roof-dialog h3{font:600 1.15rem var(--sans)}#roof-dialog p{font-size:1.05rem}#roof-dialog .eyebrow{color:#8c681f}#roof-form label{display:block;font:600 .95rem var(--sans);margin:1rem 0 .5rem}#roof-form input{width:100%;padding:1rem;border:1px solid #adbace;background:#fff;color:#050f26;font:500 1.1rem var(--sans)}#roof-form button{width:100%;margin-top:1.5rem;border:0;cursor:pointer}#roof-error{color:#9e2f2f}#roof-result .button{width:100%;font-size:.85rem;letter-spacing:0;text-align:center;white-space:normal}#roof-result [hidden],#roof-result[hidden]{display:none}#roof-dialog .energy-fineprint{font-size:.9375rem}.faq-list a{color:#8c681f;text-decoration:underline}
@media(max-width:760px){#roof-dialog{padding:2rem 1.25rem}.roof-contract-note{padding:1.25rem}}
@media(prefers-reduced-motion:reduce){#energy-dialog,.state-shapes path{transition:none}}