.usage-page{background:#f4f8fb;color:#102635}.usage-intro{padding:55px 0 42px;background:#fff}.usage-intro h1{font-size:clamp(40px,5.5vw,78px);line-height:1.02;letter-spacing:-.045em;margin:25px 0}.usage-intro h1 em{font-style:normal;color:#008cd8}.usage-intro .spot-lead{max-width:740px}.usage-section{padding:35px 0 75px}.usage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:30px;align-items:start}.usage-form,.usage-results{padding:38px;background:#fff;border-radius:24px;border:1px solid #dbe5ed}.usage-form h2,.usage-results h2{font-size:34px;line-height:1.08;letter-spacing:-.025em;margin:18px 0 28px}.usage-step{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:#527181}.usage-form label{display:block;font-size:15px;font-weight:700;margin:20px 0;color:#163b50}.usage-form label>span{float:right;font-weight:400;color:#526b79}.usage-form input,.usage-form select{display:block;width:100%;padding:15px 13px;margin-top:8px;border-radius:10px;border:1px solid #c5d7e4;background:#f8fbfe;color:#173b50;font:inherit;min-height:52px}.usage-page :focus-visible{outline:3px solid #009eea;outline-offset:4px}.usage-extras{border-top:1px solid #dbe5ed;border-bottom:1px solid #dbe5ed;margin:28px 0}.usage-extras summary{padding:20px 0;cursor:pointer;font-weight:700}.usage-extras summary span{font-size:12px;color:#526b79;margin-left:7px}.usage-extra-body{padding-bottom:15px}.usage-submit{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:0;font:inherit;font-weight:700;padding:17px 20px}.usage-small{font-size:12px;color:#59707e;line-height:1.5}.usage-result-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.usage-badge{font-size:12px;color:#0071ad;background:#e5f5ff;padding:6px 10px;border-radius:100px}.usage-results{position:sticky;top:110px;background:linear-gradient(145deg,#eaf7ff,#fff 65%);scroll-margin-top:100px}.usage-kwh{background:#008edf;color:white;padding:25px 28px;border-radius:17px;box-shadow:0 15px 35px #008edf22}.usage-kwh>span,.usage-kwh small{display:block;color:white}.usage-kwh strong{display:block;color:white;font-size:clamp(52px,6vw,76px);line-height:1.1;font-weight:800;letter-spacing:-.04em;margin:10px 0 4px}.usage-month{font-size:14px;margin:18px 0 25px;color:#294d61}.usage-breakdown>div{display:grid;grid-template-columns:1fr auto;gap:7px 14px;font-size:14px;margin:18px 0}.usage-breakdown b{white-space:nowrap}.usage-bar{grid-column:1/-1;background:#e2edf4;height:6px;border-radius:20px;overflow:hidden}.usage-bar i{display:block;background:#009fea;height:100%;border-radius:20px;transition:width .3s}.usage-breakdown>div:nth-child(2) i{background:#286284}.usage-breakdown>div:nth-child(3) i{background:#70bfdc}.usage-gas{border:1px solid #b9d4e7;border-radius:14px;padding:20px;margin:25px 0;background:#fff}.usage-gas span,.usage-gas small{display:block}.usage-gas strong{display:block;font-size:36px;color:#153b51;margin:6px 0}.usage-gas small{font-size:12px}.usage-essential{font-size:13px;color:#466273;line-height:1.5}.usage-copy{border:1px solid #a9c6d8;background:white;color:#17445d;border-radius:9px;padding:10px 16px;cursor:pointer;font:inherit;font-size:14px}.usage-next{display:block;font-weight:700;color:#007dbd;margin:22px 0}.usage-assumptions{border-top:1px solid #d0e0ea;padding-top:17px;font-size:13px;color:#425f70;line-height:1.6}.usage-assumptions summary{cursor:pointer;font-weight:700;color:#16435b}.usage-assumptions a{color:#007dbd;text-decoration:underline}.usage-bottom{background:#fff;padding:50px 0 65px}.usage-bottom h2{font-size:38px;letter-spacing:-.03em;margin:0 0 15px}.usage-bottom p{max-width:700px;color:#4a6879;margin-bottom:25px}.usage-page [hidden]{display:none!important}@media(max-width:800px){.usage-grid{grid-template-columns:1fr}.usage-results{position:static}.usage-form,.usage-results{padding:25px}.usage-intro{padding-top:30px}.usage-form h2,.usage-results h2{font-size:30px}.usage-section{padding-bottom:40px}.usage-bottom h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.usage-bar i{transition:none}}