:root{--g:#197a2c;--ink:#111811;--muted:#5b6460}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#f4f7fb}header{height:92px;padding:0 3%;display:grid;grid-template-columns:230px 1fr 128px;align-items:center;gap:20px;background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 5px 22px #153a220d}.brand img{width:215px;display:block}nav{display:flex;justify-content:center;gap:clamp(20px,3vw,48px)}nav a{color:#161b17;text-decoration:none;font-weight:600;font-size:14px;padding:36px 0;position:relative;white-space:nowrap}nav a.active{color:var(--g)}nav a.active:after{content:"";position:absolute;height:2px;background:var(--g);bottom:23px;left:0;right:0}.cta{padding:14px 22px;background:linear-gradient(135deg,#23833a,#126424);border-radius:99px;color:#fff;text-decoration:none;text-align:center;font-weight:700;box-shadow:0 9px 22px #1f763428}#menu,.hamb{display:none}.how-hero{min-height:600px;padding:48px 4% 30px;display:grid;grid-template-columns:1.05fr .85fr 1fr;gap:35px;align-items:center;background:radial-gradient(circle at 80% 35%,#fff9e9,transparent 38%),linear-gradient(115deg,#fbfcfd,#eef3fa)}.eyebrow{color:var(--g);font-weight:800;font-size:12px;letter-spacing:.17em}.eyebrow:before{content:"";display:inline-block;width:21px;height:1px;background:var(--g);margin-right:12px;vertical-align:middle}.intro h1{font-size:clamp(42px,4vw,62px);line-height:1.05;letter-spacing:-.045em;margin:25px 0 18px}.intro h1 em{font-style:normal;color:var(--g)}.intro>p{color:var(--muted);font-size:17px;line-height:1.6}.step-list{display:grid;gap:11px;margin-top:25px}.step-list article{height:62px;display:grid;grid-template-columns:42px 45px 1fr 30px;align-items:center;padding:0 18px;background:#fff;border-radius:12px;box-shadow:0 7px 20px #1b3b2610}.step-list article.selected{border:1px solid #7fba83}.step-list i{font-style:normal;font-size:24px}.step-list b{font-size:21px;color:#3e4642}.step-list span{font-size:14px;font-weight:600}.step-list strong{font-size:19px;color:var(--g)}.bill-wrap{position:relative;padding-top:25px}.bill{background:#fff;padding:32px 28px 27px;border-radius:12px;box-shadow:0 18px 40px #253d4b1f;transform:rotate(-2deg)}.bill h2{font-size:22px;margin:0}.bill>p,.bill small{font-size:11px;line-height:1.65}.bill hr{border:0;border-top:1px solid #b7cdb8;margin:20px 0}.bill h3{font-size:13px;color:var(--g)}.bill dl{margin:0}.bill dl>div{display:flex;justify-content:space-between;padding:10px 6px;border-bottom:1px solid #e9ece9;font-size:12px}.bill .credit{background:#edf7ee;color:var(--g);font-weight:700;border-radius:5px}.total{font-size:28px;font-weight:800;color:var(--g)}.save-badge{position:absolute;z-index:3;right:-14px;top:0;display:flex;align-items:center;gap:13px;background:#fff;padding:14px 22px;border-radius:11px;box-shadow:0 13px 28px #263f3529}.save-badge i{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--g);color:#fff;font-size:32px;font-style:normal}.save-badge small,.save-badge strong,.save-badge span{display:block}.save-badge strong{color:var(--g);font-size:25px}.save-badge span{color:var(--g);font-size:11px}.disclaimer{font-size:10px;color:#747b77;margin:20px}.house{text-align:center}.house img{width:100%;max-width:470px;border-radius:50%;mix-blend-mode:multiply;animation:float 6s ease-in-out infinite}.house span{display:inline-block;margin-top:8px;color:var(--g);font-size:11px;font-weight:800;letter-spacing:.12em}@keyframes float{50%{transform:translateY(-10px)}}.energy-flow{margin:0 4%;padding:30px;border-radius:24px 24px 0 0;background:#fff;display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;gap:18px}.energy-flow article{display:grid;grid-template-columns:145px 32px 1fr;align-items:center;gap:14px}.energy-flow img{width:145px;height:130px;object-fit:cover;border-radius:16px}.num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--g);color:#fff;font-weight:800}.energy-flow h3{font-size:15px;margin:0 0 10px}.energy-flow p{color:var(--muted);font-size:13px;line-height:1.55}.flow{color:var(--g);letter-spacing:4px;text-align:center}.benefits{margin:0 4%;padding:26px 35px 34px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e5e9e5;border-radius:0 0 24px 24px}.benefits article{display:flex;gap:14px;padding:0 22px;border-right:1px solid #e2e7e2}.benefits article:last-child{border:0}.benefits i{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;background:#edf6ed;color:var(--g);font-style:normal;font-size:21px}.benefits strong,.benefits span{display:block}.benefits strong{color:var(--g);font-size:14px;margin-bottom:8px}.benefits span{font-size:12px;color:#656d68;line-height:1.5}.final{text-align:center;padding:95px 20px;background:#f4f7fb}.final h2{font-size:40px;margin:0 0 12px}.final p{color:var(--muted)}.final a{display:inline-block;margin-top:20px;padding:16px 26px;background:var(--g);color:#fff;border-radius:99px;text-decoration:none;font-weight:700}footer{text-align:center;padding:55px;background:#102218;color:#bac5bd}footer img{width:210px}footer p{margin:18px auto 0}
@media(max-width:1150px){header{grid-template-columns:200px 1fr 110px}.brand img{width:190px}nav{gap:16px}nav a{font-size:12px}.how-hero{grid-template-columns:1fr 1fr}.house{grid-column:1/-1}.house img{max-width:420px}.energy-flow{grid-template-columns:1fr}.flow{transform:rotate(90deg)}.energy-flow article{grid-template-columns:145px 36px 1fr}.benefits{grid-template-columns:1fr 1fr;gap:25px}.benefits article:nth-child(2){border:0}}
@media(max-width:820px){header{height:76px;display:flex;justify-content:space-between;padding:0 18px}.brand img{width:165px}.cta{display:none}.hamb{display:flex;flex-direction:column;gap:5px;padding:10px}.hamb span{width:25px;height:2px;background:#172018}nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;background:#fff;padding:12px 22px 24px}nav a{padding:13px 4px;font-size:15px}#menu:checked~nav{display:flex}.how-hero{grid-template-columns:1fr;padding:45px 20px}.intro h1{font-size:43px}.step-list article{grid-template-columns:36px 42px 1fr 20px;height:auto;min-height:62px;padding:10px 14px}.step-list span{font-size:12px}.bill-wrap{max-width:440px;margin:auto}.house{grid-column:auto}.energy-flow,.benefits{margin-left:14px;margin-right:14px}.energy-flow article{grid-template-columns:100px 30px 1fr}.energy-flow img{width:100px;height:100px}.benefits{grid-template-columns:1fr}.benefits article,.benefits article:nth-child(2){border-right:0;border-bottom:1px solid #e2e7e2;padding-bottom:20px}.benefits article:last-child{border:0}.save-badge{right:0}.final h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.house img{animation:none}}
.bill{transform:none;overflow:visible}.bill-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.bill-title h2{margin:0 0 4px}.bill-title p{margin:0;color:#6b736e;font-size:11px}.bill-title>span{font-size:9px;font-weight:800;letter-spacing:.13em;color:var(--g);background:#edf7ee;padding:7px 9px;border-radius:6px}.bill-explainer{font-size:12px;line-height:1.5;color:#4f5b54;background:#f4f7f4;border-left:3px solid var(--g);padding:10px 12px;margin-bottom:12px}.bill dl>div{font-size:13px;padding:13px 8px}.bill .due{font-size:16px;font-weight:800;border-top:2px solid #dfe7df;border-bottom:0;padding-top:18px}.bill .due dd{color:var(--g);font-size:24px}.savings-note{margin-top:16px;padding:12px;border-radius:8px;background:#eaf6eb;color:#225e2c;text-align:center;font-size:12px}.save-badge{right:-10px;top:-12px}.energy-flow article{min-width:0}.energy-flow img{display:block;object-position:center;width:145px;height:130px;max-width:100%;overflow:hidden}.energy-flow article:nth-of-type(2) img{object-fit:cover;object-position:center 48%}.energy-flow h3,.energy-flow p{overflow-wrap:anywhere}.house{overflow:hidden}.house img{object-fit:cover;object-position:center;max-height:470px}.house span{position:relative;z-index:2}.bill-wrap,.bill,.house,.energy-flow article{min-width:0}
@media(max-width:1250px) and (min-width:821px){.how-hero{gap:22px}.save-badge{right:0}.energy-flow{grid-template-columns:1fr 45px 1fr 45px 1fr;gap:10px}.energy-flow article{grid-template-columns:110px 28px 1fr;gap:9px}.energy-flow img{width:110px;height:110px}.energy-flow p{font-size:11px}}
@media(max-width:820px){.save-badge{position:relative;right:auto;top:auto;margin:0 0 12px auto;width:max-content;max-width:100%}.bill{padding:25px 20px}.energy-flow article{width:100%}.energy-flow img{width:100px;height:100px}.house img{max-height:none}}
.save-badge{position:relative;right:auto;top:auto;margin:0 0 15px auto;width:max-content;max-width:100%;box-shadow:0 10px 24px #263f3520}.bill-wrap{padding-top:0}.no-cost{display:inline-flex;align-items:center;margin-top:10px;padding:9px 14px;border-radius:999px;background:#e9f5e9;color:var(--g);font-size:11px;font-weight:800;letter-spacing:.06em}.intro>p strong{color:var(--g)}