:root{--ink:#151817;--paper:#f3efe7;--cream:#fffaf0;--amber:#f4a62a;--amber2:#ffc85a;--teal:#274f4c;--muted:#6d716c;--line:#d8d1c4;--dark:#111413;--radius:22px;--shadow:0 20px 60px #14171318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}.skip-link{position:absolute;left:-999px;top:1rem;background:#fff;padding:.7rem 1rem;z-index:99}.skip-link:focus{left:1rem}.site-header{height:76px;padding:0 clamp(1.25rem,4vw,5rem);display:flex;align-items:center;justify-content:space-between;background:#111413ee;color:#fff;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:.65rem;font:700 1.05rem Manrope;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--amber);color:var(--dark)}nav{display:flex;gap:2rem}nav a{text-decoration:none;color:#ddd;font-size:.9rem}nav a:hover{color:var(--amber2)}.hero{min-height:680px;background:var(--dark);position:relative;display:grid;align-items:center;overflow:hidden;color:white}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111413 5%,#111413ed 28%,#11141354 55%,transparent 78%),linear-gradient(0deg,#11141380,transparent 35%)}.hero-copy{position:relative;z-index:2;width:min(660px,90%);margin-left:clamp(1.25rem,7vw,8rem);padding:5rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:700;color:#a66d11;margin:0 0 1rem}.hero .eyebrow{color:var(--amber2)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;margin-top:0}h1{font-size:clamp(2.7rem,5.8vw,5.9rem);letter-spacing:-.055em;margin-bottom:1.5rem}h1 em{font-style:normal;color:var(--amber2)}h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.045em;margin-bottom:1rem}.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#d6d7d3;max-width:580px}.hero-actions{display:flex;gap:.8rem;margin:2rem 0 1.5rem;flex-wrap:wrap}.button{padding:.85rem 1.2rem;border-radius:100px;text-decoration:none;font-weight:700}.button.primary{background:var(--amber);color:#16130e}.button.ghost{border:1px solid #ffffff55}.updated{font-size:.78rem;color:#aaa}.quick-facts{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:-48px auto 0;position:relative;z-index:3;background:var(--cream);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}.quick-facts article{padding:1.4rem 1.8rem;border-right:1px solid var(--line);display:grid}.quick-facts article:last-child{border:0}.quick-facts span{font-size:.7rem;color:#999}.quick-facts strong{font:700 1.45rem Manrope}.quick-facts small{color:var(--muted)}.quick-facts .accent{background:var(--amber)}.quick-facts .accent small,.quick-facts .accent span{color:#5f451d}.section{max-width:1180px;margin:0 auto;padding:8rem 1.5rem}.section-heading{max-width:760px;margin-bottom:3rem}.section-heading>p:last-child{color:var(--muted);font-size:1.05rem}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:center}.large-copy{font-size:1.2rem}.check-list,.price-card ul,.safety-grid ul{list-style:none;padding:0}.check-list li{padding:.55rem 0 .55rem 1.8rem;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:#2b7669;font-weight:bold}.flow{display:grid;grid-template-columns:repeat(7,auto);align-items:center;background:var(--dark);padding:2rem;border-radius:var(--radius);color:white;gap:.65rem;box-shadow:var(--shadow)}.flow-item{text-align:center;min-width:90px}.flow-item b{display:grid;place-items:center;margin:auto;width:54px;height:54px;border:1px solid #ffffff35;border-radius:16px;color:var(--amber2);font-size:1.5rem}.flow-item span,.flow-item small{display:block}.flow-item span{font-weight:700;margin-top:.5rem}.flow-item small{font-size:.7rem;color:#999}.flow i{color:var(--amber);font-style:normal}.branches{grid-column:5/8;display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.branches span{background:#ffffff0f;border:1px solid #ffffff18;padding:.3rem .6rem;border-radius:20px;font-size:.72rem}.note{margin-top:3rem;background:#e7dfd1;border-left:4px solid var(--amber);padding:1.2rem 1.5rem;border-radius:0 14px 14px 0}.costs{max-width:none;background:#e8e1d6}.costs>*{max-width:1180px;margin-left:auto;margin-right:auto}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.price-card{background:var(--cream);padding:2rem;border:1px solid var(--line);border-radius:var(--radius)}.price-card.featured{background:var(--teal);color:white;transform:translateY(-12px);border-color:var(--teal);box-shadow:var(--shadow)}.tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#997026;font-weight:700}.featured .tag{color:#9ed2c8}.price{font:800 2.25rem Manrope;letter-spacing:-.05em}.price span{font-size:.9rem;letter-spacing:0}.price-card li{padding:.4rem 0;border-bottom:1px solid #8883}.fit{font-size:.85rem;color:var(--muted);margin-top:1.5rem}.featured .fit{color:#b8ccc8}.bill{margin-top:4rem;background:var(--cream);padding:2rem;border-radius:var(--radius)}.bill-row{display:grid;grid-template-columns:1.5fr .7fr .35fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}.bill-row a{text-align:right;color:#8a5c13;font-weight:700;text-decoration:none}.calculator{padding-bottom:4rem}.calc-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem}.calc-shell form,.results{padding:2.2rem;border-radius:var(--radius)}.calc-shell form{background:var(--cream);border:1px solid var(--line)}.calc-shell label{display:block;font-weight:600;margin-bottom:1.6rem}.calc-shell label span{float:right;color:var(--teal)}input[type=range]{width:100%;accent-color:var(--amber);margin-top:.7rem}.results{background:var(--dark);color:white}.results>p{color:#aaa}.results>strong{font:800 clamp(3rem,6vw,5rem) Manrope;color:var(--amber2)}.results>div{display:flex;justify-content:space-between;padding:.9rem 0;border-top:1px solid #ffffff20}.results small{display:block;color:#999;margin-top:1rem}.table-wrap{overflow-x:auto;background:var(--cream);border-radius:var(--radius);border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:1.1rem 1.4rem;border-bottom:1px solid var(--line)}th{background:var(--teal);color:white;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}tr:last-child td{border:0}.source-line{text-align:right;font-size:.85rem;color:var(--muted)}.safety{max-width:none;background:var(--dark);color:white}.safety>*{max-width:1180px;margin-left:auto;margin-right:auto}.safety .eyebrow{color:var(--amber2)}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.safety-grid article{padding:2rem;border-radius:var(--radius);background:#ffffff0b;border:1px solid #ffffff17}.safety-grid h3{font-size:1.35rem}.do h3{color:#8fcdbf}.dont h3{color:#ef9a7c}.safety-grid li{padding:.45rem 0;border-bottom:1px solid #ffffff12;color:#d3d3cf}.warning{grid-column:1/-1;display:flex;align-items:center;gap:1.2rem;padding:1.6rem;background:#402b12;border:1px solid #b97c23;border-radius:var(--radius)}.warning>span{font:800 2rem Manrope;display:grid;place-items:center;min-width:54px;height:54px;border-radius:50%;background:var(--amber);color:#17120c}.warning h3,.warning p{margin:.2rem 0}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.source-grid a{display:grid;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:1.5rem;text-decoration:none;transition:.2s}.source-grid a:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.source-grid span{font-size:.7rem;color:#9d6c1c;letter-spacing:.12em}.source-grid strong{font:700 1.1rem Manrope;margin:.5rem 0}.source-grid small{color:var(--muted)}.disclaimer{margin-top:2rem;padding:1.2rem;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:.85rem}footer{background:#090b0b;color:#bbb;padding:3rem clamp(1.5rem,6vw,7rem);display:flex;align-items:center;gap:2rem}footer p{margin-right:auto}footer>a:last-child{color:var(--amber2)}
.consumption-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:1.5rem}.metric-stack{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metric-stack article{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:1.4rem;display:flex;flex-direction:column}.metric-stack small{color:var(--muted)}.metric-stack strong{font:800 2rem Manrope;letter-spacing:-.05em}.metric-stack strong span{font-size:.75rem;letter-spacing:0}.usage-chart{height:310px;display:flex;gap:.55rem;align-items:end;background:var(--dark);border-radius:var(--radius);padding:2rem 1.4rem 1rem;color:white}.usage-chart div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;text-align:center;min-width:0}.usage-chart b{font-size:.65rem;color:#ccc}.usage-chart i{height:var(--v);background:linear-gradient(var(--amber2),var(--amber));border-radius:6px 6px 2px 2px;margin:.3rem 0}.usage-chart span{font-size:.62rem;color:#aaa;overflow:hidden}.load-focus{margin-top:1.25rem;padding:1.5rem 2rem;border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:.35fr 1fr;gap:2rem;align-items:center}.load-focus div{display:grid}.load-focus span{font-size:.7rem;letter-spacing:.14em;color:#8c641d;font-weight:700}.load-focus strong{font:800 2rem Manrope}.load-focus p{margin:0;color:var(--muted)}.roadmap{max-width:none;background:#dce5e1}.roadmap>*{max-width:1180px;margin-left:auto;margin-right:auto}.roadmap-list{display:grid;gap:1rem}.roadmap-list article{display:grid;grid-template-columns:58px 1fr .38fr .55fr;gap:1.5rem;align-items:center;background:#f8f7f1;border:1px solid #c9d3cf;border-radius:18px;padding:1.4rem 1.6rem}.roadmap-list article.recommended{background:var(--teal);color:white;border-color:var(--teal);box-shadow:var(--shadow)}.roadmap-list .step-no{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e9e1d1;font:800 1.2rem Manrope;color:#87601f}.roadmap-list .recommended .step-no{background:var(--amber);color:#17130c}.roadmap-list h3,.roadmap-list p{margin:.25rem 0}.roadmap-list div>p:last-child{color:var(--muted)}.roadmap-list .recommended div>p:last-child{color:#bfd2ce}.roadmap-list>article>strong{font:800 1.25rem Manrope}.roadmap-list>article>small{color:var(--muted)}.roadmap-list .recommended>small{color:#bfd2ce}.panel-compare{margin-top:3rem}.panel-compare h3{font-size:1.5rem}.panel-compare .chosen{background:#f8e5b9}.final-system{max-width:none;background:#f1ede4}.final-system>*{max-width:1180px;margin-left:auto;margin-right:auto}.final-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.final-options article{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}.final-options .featured-final{background:var(--teal);color:#fff;transform:translateY(-12px);box-shadow:var(--shadow)}.final-options article>strong{font:800 2.1rem Manrope;color:#9a6b1e}.featured-final>strong{color:var(--amber2)!important}.final-options ul{padding-left:1.2rem}.final-options li{padding:.35rem 0}.final-options small{color:var(--muted)}.featured-final small{color:#c1d0cd}.architecture{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;margin-top:3rem;background:var(--dark);color:#fff;border-radius:var(--radius);padding:2rem}.architecture>span{font:800 2.5rem Manrope;color:var(--amber)}.architecture b{font-size:.68rem;letter-spacing:.15em;color:var(--amber2)}.architecture h3{margin:.5rem 0}.architecture p{margin:0;color:#aaa}.gates{margin-top:2rem;padding:2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream)}.gates li{padding:.35rem}.gates>p{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem}.gates a{color:#805713;font-weight:700}
.site-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.5rem}.site-grid figure,.concept-card,.cabinet-grid figure{margin:0}.site-grid figure{border-radius:var(--radius);overflow:hidden;background:var(--dark)}.site-grid figure img{width:100%;height:430px;object-fit:cover;object-position:60% 48%}.site-grid figcaption,.cabinet-grid figcaption{padding:.8rem 1rem;background:var(--dark);color:#aaa;font-size:.78rem}.height-plan{display:grid;gap:.8rem}.level{display:grid;grid-template-columns:74px 1fr;gap:1rem;align-items:center;border:1px solid var(--line);background:var(--cream);border-radius:18px;padding:1rem}.level>span{display:grid;place-items:center;min-height:64px;border-radius:14px;background:#e8e1d3;font:800 .9rem Manrope}.level b{font:700 1.05rem Manrope}.level p{margin:.25rem 0;color:var(--muted);font-size:.88rem}.level.attic{border-color:#d6983d}.level.attic>span{background:#f6d596}.level.basement{border-color:#5e8580}.level.basement>span{background:#c9ded9}.house-view-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.house-view-gallery figure{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--dark)}.house-view-gallery img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.house-view-gallery figcaption{display:grid;gap:.25rem;padding:1rem;color:#bbb;font-size:.78rem}.house-view-gallery figcaption b{color:var(--amber2);font:700 .95rem Manrope}.distance-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.distance-cards article{border:1px solid var(--line);border-radius:18px;padding:1.3rem;background:#f8f5ee}.distance-cards small{display:block;color:var(--muted)}.distance-cards strong{display:block;font:800 1.45rem Manrope;color:var(--teal);margin:.35rem 0}.distance-cards p{font-size:.82rem;color:var(--muted);margin:0}.connector-concepts{max-width:none;background:#e3e9e5}.connector-concepts>*{max-width:1180px;margin-left:auto;margin-right:auto}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.concept-card{background:var(--dark);border-radius:var(--radius);overflow:hidden;color:#fff}.concept-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.concept-card figcaption{padding:1.25rem 1.4rem;display:grid}.concept-card figcaption b{font:700 1.1rem Manrope;color:var(--amber2)}.concept-card figcaption span{color:#aaa;font-size:.85rem}.connector-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.connector-spec article{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:1.5rem}.connector-spec article>span{font-size:.68rem;letter-spacing:.14em;color:#90651c;font-weight:700}.connector-spec h3{margin:.5rem 0}.connector-spec p,.connector-spec li{font-size:.86rem;color:var(--muted)}.connector-spec ul{padding-left:1.2rem}.wiring-card{display:grid;grid-template-columns:repeat(9,auto);gap:.65rem;align-items:center;background:var(--dark);color:#fff;border-radius:var(--radius);padding:1.5rem;margin-top:2rem;overflow-x:auto}.wiring-card div{min-width:130px;text-align:center;border:1px solid #ffffff25;border-radius:14px;padding:.8rem}.wiring-card b,.wiring-card small{display:block}.wiring-card small{font-size:.68rem;color:#aaa}.wiring-card i,.wiring-card>span{font-style:normal;color:var(--amber);font:800 1.25rem Manrope}.warning-light{margin-top:1.25rem;padding:1.2rem 1.4rem;border:1px solid #c48a30;background:#fff1d2;border-radius:16px;color:#62491f}.cabinet-concept{max-width:none;background:var(--dark);color:#fff}.cabinet-concept>*{max-width:1180px;margin-left:auto;margin-right:auto}.cabinet-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:center}.cabinet-grid figure{border-radius:var(--radius);overflow:hidden}.cabinet-grid img{width:100%;aspect-ratio:3/2;object-fit:cover}.cabinet-grid .eyebrow{color:var(--amber2)}.cabinet-grid li{padding:.35rem;color:#d1d2ce}.cabinet-grid>div>p:last-child{color:#aaa}.cabinet-grid figcaption{background:#090b0b}
.two-homes{max-width:none;background:#f2ede3}.two-homes>*{max-width:1180px;margin-left:auto;margin-right:auto}.split-meter-diagram{display:grid;grid-template-columns:1.3fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:.7rem;background:var(--dark);color:#fff;padding:1.5rem;border-radius:var(--radius)}.split-meter-diagram div{display:flex;flex-direction:column;justify-content:center;text-align:center;border:1px solid #ffffff25;border-radius:15px;padding:1rem;min-height:110px}.split-meter-diagram .shared-source{background:#244d49;border-color:#5b8f88}.split-meter-diagram small{color:#aaa;margin-top:.35rem;font-size:.72rem}.split-meter-diagram i{align-self:center;color:var(--amber);font-style:normal;font-size:1.4rem}.fairness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.fairness-grid article{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:1.6rem}.fairness-grid span{color:#95671b;font-size:.68rem;letter-spacing:.13em;font-weight:700}.fairness-grid h3{margin:.6rem 0}.fairness-grid p{color:var(--muted);font-size:.88rem}.settlement-card{margin-top:1.5rem;background:#dce6e2;border-left:4px solid var(--teal);padding:1.5rem 2rem;border-radius:0 18px 18px 0}.settlement-card li{padding:.25rem}.settlement-card p{border-top:1px solid #afc3be;padding-top:1rem;color:#4e625e}
.room-inventory{max-width:none;background:#e5ece8}.room-inventory>*{max-width:1180px;margin-left:auto;margin-right:auto}.room-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.room-summary article{display:flex;flex-direction:column;background:var(--cream);border:1px solid #cbd6d1;border-radius:18px;padding:1.4rem}.room-summary small{color:var(--muted)}.room-summary strong{font:800 1.7rem Manrope;color:var(--teal)}.room-summary span{font-size:.8rem;color:var(--muted)}.room-table td:nth-child(2){text-align:center}.room-table td{font-size:.85rem}.power-supply-plan{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;margin-top:1.5rem;background:var(--dark);color:#fff;padding:2rem;border-radius:var(--radius)}.power-supply-plan .eyebrow{color:var(--amber2)}.power-supply-plan p{color:#c5c7c3}.power-supply-plan li{padding:.35rem;color:#d7d8d4}.savings-note{margin-top:1.5rem;padding:1.3rem 1.5rem;background:#fff0cc;border-left:4px solid var(--amber);border-radius:0 16px 16px 0;color:#654b20}
@media(max-width:900px){nav{display:none}.hero{min-height:620px}.hero>img{opacity:.55;object-position:62% center}.hero:after{background:linear-gradient(90deg,#111413f5,#11141366)}.quick-facts{grid-template-columns:1fr 1fr;margin:-30px 1rem 0}.intro-grid,.calc-shell,.consumption-layout,.site-grid,.cabinet-grid,.power-supply-plan{grid-template-columns:1fr;gap:2rem}.flow{overflow-x:auto}.price-grid,.final-options,.connector-spec,.fairness-grid,.room-summary{grid-template-columns:1fr}.concept-grid{grid-template-columns:1fr}.house-view-gallery{grid-template-columns:1fr}.distance-cards{grid-template-columns:1fr 1fr}.split-meter-diagram{grid-template-columns:1fr}.split-meter-diagram i{transform:rotate(90deg)}.price-card.featured,.final-options .featured-final{transform:none}.roadmap-list article{grid-template-columns:58px 1fr}.roadmap-list>article>strong,.roadmap-list>article>small{grid-column:2}.section{padding:5rem 1.25rem}.source-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-header{height:64px}.hero{min-height:650px}.hero-copy{margin-left:1.25rem}.quick-facts{grid-template-columns:1fr 1fr}.quick-facts article{padding:1rem}.quick-facts strong{font-size:1.1rem}.metric-stack{grid-template-columns:1fr}.usage-chart{height:250px;padding:1rem .65rem .75rem;gap:.25rem}.usage-chart b{display:none}.load-focus{grid-template-columns:1fr;gap:.5rem}.roadmap-list article{grid-template-columns:42px 1fr;padding:1rem;gap:.7rem}.roadmap-list .step-no{width:38px;height:38px}.flow{grid-template-columns:1fr 1fr;gap:1rem}.flow i{display:none}.branches{grid-column:1/-1}.bill{padding:1.2rem}.bill-row{grid-template-columns:1fr}.bill-row a{text-align:left}.architecture{grid-template-columns:1fr}.architecture>span{text-align:center}.safety-grid{grid-template-columns:1fr}.warning{grid-column:auto;align-items:flex-start}.source-grid{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}footer p{margin:0}.hero-actions .button{width:100%;text-align:center}}
@media(max-width:600px){.site-grid figure img{height:300px}.distance-cards{grid-template-columns:1fr}.concept-card img,.cabinet-grid img{aspect-ratio:4/3}.wiring-card{grid-template-columns:1fr}.wiring-card i,.wiring-card>span{transform:rotate(90deg);text-align:center}.wiring-card div{min-width:0}.level{grid-template-columns:62px 1fr}.connector-spec article{padding:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.source-grid a{transition:none}}
