:root{--ink:#12323c;--ink2:#23515b;--muted:#62777d;--paper:#fafbf7;--white:#fff;--line:#dfe8e4;--accent:#dcf692;--green:#14766a;--soft:#ebf3ed;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}input,select{color:var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(3.2rem,6.8vw,6rem);margin-bottom:26px}h2{font-size:clamp(2rem,4vw,3.35rem)}h3{font-size:1.45rem}em{font-style:normal;color:var(--green)}.container{width:min(1152px,calc(100% - 44px));margin-inline:auto}.eyebrow{display:block;font-size:.73rem;font-weight:850;letter-spacing:.12em;color:var(--green);text-transform:uppercase}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:0;z-index:100;background:white;padding:12px}.signal{display:inline-block;width:8px;height:8px;background:#45bc84;border-radius:50%;margin-right:5px;box-shadow:0 0 0 4px #45bc8422}
.header{background:rgba(250,251,247,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.header-inner{height:80px;display:flex;align-items:center;gap:32px}.logo{display:inline-flex;align-items:center;font-size:1.24rem;font-weight:900;letter-spacing:-.055em;white-space:nowrap}.logo b{color:var(--green)}.logo i{font-style:normal;color:#8bb448}.logo-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--ink);color:var(--accent);border-radius:12px;margin-right:11px;font-size:2rem;line-height:1}.nav{display:flex;align-items:center;gap:26px;margin-left:auto}.nav a{font-size:.89rem;font-weight:650;color:#38575e}.nav a:hover,.simple-link:hover,.aside a:hover{color:var(--green)}.header-cta{background:var(--accent);color:var(--ink);padding:12px 18px;border-radius:13px;font-weight:850;font-size:.88rem;white-space:nowrap}.header-cta span{margin-left:12px}.menu-button,.mobile-menu{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 22px;border-radius:14px;font-weight:820;border:1px solid transparent;min-height:52px;text-align:center}.button span{font-size:1.16rem}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#234751}.button-white{background:#fff;border-color:var(--line);color:var(--ink)}.button-white:hover{background:var(--accent)}
.hero{background:radial-gradient(circle at 77% 34%,#dceede 0%,#edf6e9 28%,#f4f8ef 70%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;min-height:590px;padding-block:75px 80px}.hero-text{position:relative;z-index:2}.hero-text h1{max-width:700px;letter-spacing:-.075em}.hero-text p{font-size:1.12rem;color:#436066;max-width:510px;line-height:1.8}.pill{display:inline-flex;align-items:center;background:#fff;padding:9px 13px;border:1px solid #dfead7;border-radius:25px;margin-bottom:30px;letter-spacing:.07em}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:32px}.simple-link{font-weight:780;font-size:.91rem}.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:38px;color:#48676b;font-size:.82rem;font-weight:680}.hero-art{height:425px;position:relative;isolation:isolate}.art-sun{width:390px;height:390px;background:#cbe3cb;border-radius:50%;position:absolute;left:50%;top:20px;transform:translateX(-50%)}.house-roof{position:absolute;left:20%;top:95px;border-left:145px solid transparent;border-right:145px solid transparent;border-bottom:110px solid #1b5e57;transform:rotate(-1deg);z-index:1}.house-body{position:absolute;background:#fefdf4;border:10px solid #1b5e57;width:236px;height:210px;top:188px;left:calc(50% - 118px);border-radius:12px 12px 5px 5px;display:grid;grid-template-columns:1fr 1fr;place-items:center;font-size:3.3rem;color:#55a99a;box-shadow:0 25px 40px #173d3a22}.house-body span:last-child{grid-column:1/3;font-size:3.8rem;align-self:end;line-height:.9;color:#256d60}.spark{position:absolute;color:#2a706a;font-size:3rem;z-index:2}.spark1{top:24px;right:35px}.spark2{bottom:55px;left:15px}.float{position:absolute;z-index:3;background:white;border:1px solid #dfebe7;box-shadow:0 20px 35px #0e403419;border-radius:18px;padding:16px 20px}.float small{display:block;color:var(--muted);font-size:.75rem}.float b{font-size:1.04rem;letter-spacing:-.035em}.float-top{top:70px;right:-12px;display:flex;align-items:center;gap:12px}.float-top>span{background:var(--accent);border-radius:12px;font-size:1.8rem;width:46px;height:46px;display:grid;place-items:center}.float-bottom{bottom:8px;left:-5px}.float-bottom b{font-size:1.45rem}
.devices{padding-block:100px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-title h2{margin:8px 0 12px}.section-title p,.section-heading p{color:var(--muted)}.search{background:white;border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;align-items:center;gap:8px;min-width:285px;box-shadow:0 7px 28px #0f3c3220}.search span{font-size:1.8rem;line-height:.8;color:var(--green)}.search input{border:0;outline:0;min-width:0;width:100%}.device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.device-card{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:19px;padding:22px 15px;min-height:105px;transition:transform .2s,border-color .2s,box-shadow .2s}.device-card:hover{transform:translateY(-4px);border-color:#a8d4c4;box-shadow:0 15px 25px #193e3920}.device-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;font-size:1.68rem;background:#eef5f0;border-radius:14px}.device-name{font-size:.88rem;font-weight:850;line-height:1.3;overflow-wrap:anywhere}.device-name small{display:block;color:var(--muted);font-weight:450;margin-top:6px}.arrow{margin-left:auto;color:var(--green);font-weight:900}.no-results{margin-block:20px;color:var(--muted)}
.promo{background:var(--ink);color:white;border-radius:32px;padding:64px 75px;display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center;overflow:hidden}.promo .eyebrow{color:var(--accent)}.promo h2{font-size:clamp(2.5rem,4.7vw,4.1rem);margin:14px 0}.promo p{color:#bdd1d0;line-height:1.85;max-width:480px}.promo .button{margin-top:17px}.promo-demo{background:#f8fbf4;color:var(--ink);border-radius:24px;padding:34px 34px 22px;transform:rotate(3deg);box-shadow:0 30px 60px #0003}.promo-demo small{display:block;color:#75898b;font-weight:800;letter-spacing:.06em;font-size:.7rem}.promo-demo>strong{display:block;font-size:2.6rem;letter-spacing:-.07em;margin:16px 0}.promo-demo>strong span{font-size:1rem;color:var(--muted)}.demo-line{height:9px;background:linear-gradient(to right,var(--green) 62%,#c8e5dc 62%);border-radius:40px;margin:18px 0 24px}.promo-demo p{color:var(--ink);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin:0;padding:12px 0}.promo-demo>small:last-child{margin-top:16px}.steps{padding-block:110px}.section-heading h2{margin:12px 0 28px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step-grid article{border-top:2px solid var(--ink);padding-top:20px}.step-grid article>span{color:var(--green);font-weight:900;letter-spacing:.05em}.step-grid h3{margin:25px 0 10px}.step-grid p{color:var(--muted)}.faq{padding-block:30px 110px}.faq-items{max-width:900px}.faq-items details{border-bottom:1px solid var(--line);padding:22px 4px}.faq-items details:first-child{border-top:1px solid var(--line)}.faq-items summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-weight:800;font-size:1.05rem}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{color:var(--green)}.faq-items p{color:var(--muted);max-width:720px;line-height:1.8;margin:12px 0 0}
.page-hero{padding-top:44px;padding-bottom:45px}.crumbs{font-size:.83rem;color:var(--muted);margin-bottom:36px}.crumbs a{color:var(--green);font-weight:800}.crumbs span{margin-inline:10px}.page-hero h1{font-size:clamp(3.1rem,6vw,5.1rem);margin:12px 0 20px}.page-hero>p,.page-hero-row p{color:var(--muted);font-size:1.1rem;line-height:1.8;max-width:690px}.page-hero-row{display:flex;align-items:center;justify-content:space-between;gap:35px}.hero-device{width:188px;height:188px;flex:0 0 188px;display:grid;place-items:center;font-size:6rem;background:#e7f2e7;border-radius:38px;transform:rotate(-5deg)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:32px;padding-bottom:65px}.calculator-card{background:white;border:1px solid var(--line);border-radius:27px;overflow:hidden;box-shadow:0 16px 50px #12323c0a}.calculator-heading{display:flex;justify-content:space-between;padding:32px 32px 12px}.calculator-heading h2{font-size:2rem;margin:14px 0 4px}.calculator-heading p{font-size:.91rem;color:var(--muted)}.head-arrow{font-size:2rem;color:var(--green)}.fields{padding:22px 32px 34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.field{display:flex;flex-direction:column;gap:8px;font-size:.88rem;font-weight:800}.field small{color:var(--muted);font-size:.73rem;font-weight:400;line-height:1.5}.input-wrap{border:1px solid #d7e4de;display:flex;align-items:center;gap:5px;border-radius:12px;padding:0 12px;background:#fbfdfb}.input-wrap:focus-within{outline:2px solid #b0dfb6}.input-wrap input{height:49px;border:0;background:transparent;outline:0;width:100%;min-width:0;font-weight:850;font-size:1rem}.input-wrap b{font-size:.82rem;white-space:nowrap;color:var(--green)}.result{background:#ecf6ed;padding:29px 32px 33px}.result .eyebrow{font-size:.7rem}.amount{display:flex;align-items:baseline;gap:8px}.amount strong{font-size:clamp(2.6rem,5vw,4rem);letter-spacing:-.075em}.amount>span{color:var(--muted)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #d2e4da;padding-top:19px}.result-grid small{display:block;color:var(--muted);font-size:.75rem}.result-grid b{font-size:1.08rem;letter-spacing:-.025em}.result>p{font-size:.74rem;color:#658177;margin:18px 0}.result .button{width:100%}.feedback{display:block;font-size:.8rem;color:var(--green);margin-top:10px;font-weight:750;min-height:1em}
.article{padding:42px 3px;max-width:760px}.article h2{font-size:2rem}.article h3{margin:34px 0 12px}.article p{color:#536970;line-height:1.85}.article a,.long-read a{color:var(--green);font-weight:800;text-decoration:underline;text-underline-offset:3px}.formula,.example{background:#eaf2ec;border:1px solid #d9e6de;padding:24px 26px;border-radius:16px;font-weight:850;overflow-wrap:anywhere}.example{display:flex;flex-direction:column;gap:10px}.example small{color:var(--green);font-size:.7rem;letter-spacing:.09em}.example strong{font-size:1.2rem}.example span{color:var(--muted);font-size:.82rem;font-weight:400}.aside{background:white;border:1px solid var(--line);border-radius:22px;padding:27px;position:sticky;top:110px}.aside h3{margin:12px 0}.aside p{color:var(--muted);font-size:.91rem}.aside a{display:block;border-top:1px solid var(--line);padding-block:13px;font-weight:750;font-size:.87rem}.more-devices{padding-bottom:100px}.more-devices .device-grid{grid-template-columns:repeat(3,1fr)}
.compare-app,.household{padding-bottom:100px}.compare-tariff,.household-tools label{font-weight:800;font-size:.9rem;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:25px}.compare-tariff input,.household-tools input,.compare-card input,.compare-card select{background:white;border:1px solid #d6e2dd;border-radius:12px;padding:12px 14px;width:160px;max-width:100%;outline-color:var(--green)}.compare-grid{display:grid;grid-template-columns:1fr 58px 1fr;align-items:center;gap:15px}.compare-card{background:white;border:1px solid var(--line);border-radius:25px;padding:31px;min-width:0}.compare-letter{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);border-radius:12px;font-weight:900;margin-bottom:24px}.compare-card label{display:flex;flex-direction:column;gap:10px;font-weight:760;margin-bottom:20px}.compare-card input,.compare-card select{width:100%}.compare-total{background:var(--soft);padding:20px;border-radius:16px}.compare-total small{display:block;letter-spacing:.06em;font-weight:850;color:var(--green);font-size:.7rem}.compare-total strong{display:block;font-size:2.5rem;letter-spacing:-.055em}.compare-total span{color:var(--muted);font-size:.85rem}.versus{font-size:.85rem;font-weight:900;color:var(--green);text-align:center}.compare-summary{border-radius:25px;background:var(--ink);color:white;margin-top:22px;padding:30px}.compare-summary .eyebrow{color:var(--accent)}.compare-summary strong{font-size:2.3rem;display:block;margin:8px 0}.compare-summary p{color:#c3d2d2;margin:0}.caveat{font-size:.83rem;color:var(--muted);line-height:1.7;margin-top:22px}
.household-tools{display:flex;justify-content:space-between;gap:10px;align-items:center}.household-tools label{margin:0}.house-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0 46px}.house-metrics div{padding:28px;background:var(--ink);color:white;border-radius:21px}.house-metrics small{display:block;font-size:.69rem;letter-spacing:.08em;color:#bfd1cf;font-weight:850}.house-metrics strong{display:block;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.055em;margin-top:11px}.house-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:15px}.house-title h2{font-size:2rem;margin:0}.house-title>span{color:var(--muted)}.house-items{display:grid;gap:12px}.house-item{display:flex;align-items:center;gap:15px;background:white;border:1px solid var(--line);border-radius:16px;padding:17px}.house-item .item-icon{font-size:1.8rem;display:grid;place-items:center;background:var(--soft);border-radius:11px;width:50px;height:50px;flex:0 0 50px}.house-item .item-info{flex:1;min-width:0}.house-item .item-info strong{display:block}.house-item small{color:var(--muted)}.house-item .item-cost{font-weight:900}.house-item button{border:0;background:#f6eceb;color:#8d2c2c;padding:8px 12px;border-radius:9px}.house-empty{text-align:center;border:1px dashed #aec8bf;border-radius:24px;padding:45px 22px}.house-empty .house-symbol{display:block;font-size:3.8rem;color:var(--green)}.house-empty p{color:var(--muted)}.house-empty .button{margin-top:10px}.long-read{max-width:850px;padding-bottom:100px}.long-read h2{font-size:2rem;margin:38px 0 12px}.long-read p{color:var(--muted);line-height:1.9;font-size:1.05rem}.notfound{text-align:center;padding:130px 0}.notfound strong{font-size:7rem;letter-spacing:-.08em;color:var(--green)}.notfound h1{font-size:2.7rem}.notfound p{color:var(--muted)}
.footer{background:#103039;color:#f2fbf2;margin-top:50px}.footer-inner{padding:65px 0 45px;display:flex;justify-content:space-between;gap:30px}.footer .logo{color:white}.footer .logo-mark{background:var(--accent);color:var(--ink)}.footer .logo b{color:var(--accent)}.footer-inner p{color:#b4cbcc;margin-top:12px}.footer nav{display:flex;align-items:start;gap:26px;font-weight:700;color:#d2e5e3;font-size:.9rem}.footer-note{border-top:1px solid #34545c;padding:23px 0;display:flex;justify-content:space-between;gap:12px;font-size:.78rem;color:#b4cbcc}
@media(max-width:1040px){.nav{gap:13px}.header-inner{gap:20px}.device-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:10px}.hero-art{transform:scale(.85)}.promo{padding:50px;gap:50px}.article-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:760px){.container{width:min(100% - 32px,1152px)}.header-inner{height:66px}.logo{font-size:1.09rem}.logo-mark{width:33px;height:33px}.nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:var(--ink)}.mobile-menu:not([hidden]){display:flex;flex-direction:column;background:var(--paper);padding:0 17px 15px;border-bottom:1px solid var(--line)}.mobile-menu a{padding:13px;border-bottom:1px solid var(--line);font-weight:700}.hero-grid{grid-template-columns:1fr;padding-block:55px 40px;min-height:0}.hero-text h1{font-size:clamp(3.25rem,10vw,5rem)}.hero-text p{font-size:1rem}.hero-art{height:350px;max-width:450px;width:100%;margin:auto;transform:scale(.8);transform-origin:top center}.trust{gap:12px}.devices{padding-block:65px}.section-title{display:block}.search{margin-top:22px;min-width:0}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.device-card{padding:14px 10px;gap:8px;min-height:94px}.device-icon{width:42px;height:42px;flex-basis:42px;font-size:1.4rem}.device-name{font-size:.79rem}.arrow{font-size:.7rem}.promo{grid-template-columns:1fr;padding:35px 25px;gap:25px}.promo-demo{transform:none}.steps{padding-block:70px}.step-grid{grid-template-columns:1fr;gap:20px}.faq{padding-bottom:65px}.page-hero h1{font-size:clamp(2.9rem,9vw,4.1rem)}.page-hero-row{align-items:flex-start}.hero-device{width:90px;height:90px;flex:0 0 90px;font-size:3.3rem;border-radius:20px}.article-layout{grid-template-columns:1fr;gap:0}.aside{position:static;margin-bottom:35px}.calculator-heading{padding:25px 22px 8px}.calculator-heading h2{font-size:1.65rem}.fields{padding:20px 22px 28px;gap:17px}.result{padding:25px 22px}.compare-grid{grid-template-columns:1fr}.versus{padding:0}.compare-card{padding:22px}.house-metrics{grid-template-columns:1fr;gap:8px}.house-metrics div{padding:20px}.household-tools{align-items:start;flex-direction:column}.house-title h2{font-size:1.7rem}.footer-inner{flex-direction:column}.footer nav{flex-wrap:wrap;gap:15px}.footer-note{flex-direction:column}.more-devices .device-grid{grid-template-columns:1fr}}
@media(max-width:420px){.hero-text h1{font-size:3.05rem}.pill{font-size:.63rem}.hero-art{height:290px;transform:scale(.67);width:420px;left:50%;margin-left:-210px}.device-card{align-items:start;flex-wrap:wrap}.device-card .arrow{display:none}.fields{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr;gap:13px}.amount strong{font-size:2.7rem}.hero-device{display:none}.house-item{flex-wrap:wrap}.house-item .item-cost{margin-left:auto}.promo-demo{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Keep native hidden state effective on display:flex and grid elements. */
[hidden]{display:none!important}


.brand-picker{margin:18px 32px 4px;padding:24px;border:1px solid #d6e8df;border-radius:18px;background:#f6faf5}
.brand-picker-title h3{font-size:1.38rem;margin:8px 0 8px;letter-spacing:-.035em}
.brand-picker-title p,.brand-disclaimer{font-size:.83rem;color:var(--muted);line-height:1.65;margin:0}
.brand-picker-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:21px 0 16px}
.brand-picker-fields label{display:flex;flex-direction:column;gap:8px;font-weight:780;font-size:.84rem;min-width:0}
.brand-picker-fields input,.brand-picker-fields select{width:100%;height:48px;border:1px solid #cbded6;background:#fff;border-radius:12px;padding:10px 12px;outline-color:var(--green)}
.brand-picker-fields input::placeholder{color:#829796}
.brand-disclaimer a{color:var(--green);font-weight:750;text-decoration:underline;text-underline-offset:3px}
.brand-shortcuts{background:#edf5ed;border-radius:20px;padding:24px 26px;margin:0 0 24px}
.brand-shortcuts-title h3{font-size:1.65rem;margin:7px 0 7px}
.brand-shortcuts-title p{font-size:.89rem;color:var(--muted);margin:0 0 19px;max-width:760px}
.brand-shortcuts-list{display:flex;flex-wrap:wrap;gap:9px}
.brand-shortcuts-list a{display:inline-flex;gap:10px;align-items:center;background:#fff;border:1px solid #d9e7dd;padding:9px 13px;border-radius:12px;font-size:.84rem;font-weight:780}
.brand-shortcuts-list a:hover{background:var(--accent);border-color:#c4dba0}
.brand-shortcuts-list a span{color:var(--green)}
@media(max-width:760px){.brand-picker{margin:12px 22px 3px;padding:19px}.brand-picker-fields{grid-template-columns:1fr}.brand-shortcuts{padding:20px}}