
:root{--ink:#0f2233;--muted:#5d6b7b;--paper:#fbfaf4;--panel:#fff;--line:#e7decf;--solar:#ffb703;--amber:#f97316;--teal:#0e8074;--green:#1f9d5a;--blue:#1b4e8a;--shadow:0 24px 60px rgba(24,38,50,.12);--radius:26px;}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fffaf0 0,#f5f8f3 42%,#f8fbff 100%);line-height:1.65}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{width:min(860px,calc(100% - 40px));}.top-grid{height:12px;background:linear-gradient(90deg,var(--solar),var(--teal),var(--blue));}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,34,51,.08)}.nav-wrap{display:flex;align-items:center;gap:22px;min-height:78px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;color:var(--ink);text-decoration:none;font-size:22px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--solar),var(--amber));box-shadow:0 10px 24px rgba(249,115,22,.22);color:#13202d}.main-nav{display:flex;gap:18px;margin-left:auto}.main-nav a{font-weight:750;color:#203040;text-decoration:none;font-size:14px}.main-nav a:hover{color:var(--teal)}.nav-search{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:999px;padding:4px;box-shadow:0 8px 22px rgba(15,34,51,.07)}.nav-search input{border:0;outline:0;padding:10px 12px;min-width:220px;background:transparent}.nav-search button,.btn,.interactive-panel button,.big-search button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--teal),#0c695f);color:white;font-weight:850;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(14,128,116,.24)}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.dark{background:var(--ink);color:#fff}.nav-toggle{display:none}.hero{padding:78px 0 56px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-60px auto auto -100px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,183,3,.28),transparent 65%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:44px}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--teal)}h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:14px 0 20px;letter-spacing:-.055em}h2{font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.035em;margin:0 0 14px}h3{line-height:1.2}.hero p,.lead,.section-title p{font-size:19px;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.trust-row{display:flex;gap:14px;flex-wrap:wrap;color:#35505f;font-weight:700;font-size:14px}.energy-illustration{position:relative;height:470px;border-radius:42px;background:linear-gradient(145deg,#0e2e48,#0b625b);box-shadow:var(--shadow);overflow:hidden}.sun-orb{position:absolute;right:55px;top:46px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#fff4b2,var(--solar));box-shadow:0 0 80px rgba(255,183,3,.65)}.roof{position:absolute;left:56px;bottom:150px;width:360px;height:150px;transform:skewX(-22deg);background:#1d3148;border:10px solid rgba(255,255,255,.18);box-shadow:0 18px 40px rgba(0,0,0,.35)}.panel-row{position:absolute;left:92px;bottom:178px;display:flex;gap:12px;transform:skewX(-22deg)}.panel-row span{width:84px;height:92px;background:linear-gradient(160deg,#123c75,#2e78aa);border:3px solid rgba(255,255,255,.28);display:block}.battery{position:absolute;right:80px;bottom:70px;width:160px;height:220px;border-radius:24px;background:#f7fff8;border:8px solid rgba(255,255,255,.35);box-shadow:0 20px 42px rgba(0,0,0,.25)}.battery b{display:block;margin:22px auto;width:80px;height:130px;border-radius:16px;background:linear-gradient(180deg,var(--green) 70%,#d6f5e4 0)}.power-line{position:absolute;left:0;right:0;bottom:48px;height:8px;background:linear-gradient(90deg,transparent,var(--solar),transparent)}.section-block{padding:48px 0}.section-title{margin-bottom:26px}.topic-grid,.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.topic-card,.content-card,.content-panel,.side-panel,.interactive-panel,.serp-panel{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 42px rgba(15,34,51,.08)}.topic-card,.content-card{padding:24px;text-decoration:none;color:inherit;transition:.18s transform,.18s box-shadow}.topic-card:hover,.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.topic-card span{font-size:34px}.topic-card p,.content-card p,.muted{color:var(--muted)}.content-card h3 a,.text-link,.side-link{color:var(--ink);text-decoration:none}.text-link{font-weight:900;color:var(--teal)}.pill{display:inline-flex;border:1px solid #cfe6dd;background:#ecfaf5;color:#0b695f;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900}.split-showcase{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.showcase-panel{border-radius:34px;padding:38px;box-shadow:var(--shadow)}.showcase-panel.amber{background:linear-gradient(145deg,#fff0c9,#fff9ed);border:1px solid #f6d38c}.showcase-list .card-grid{grid-template-columns:repeat(2,1fr)}.page-hero{padding:68px 0 34px}.page-hero.compact h1{font-size:clamp(36px,5vw,60px)}.article-shell{padding:42px 0}.article-layout{display:grid;grid-template-columns:minmax(0,790px) 320px;gap:28px;align-items:start}.article-main{background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:34px;padding:34px;box-shadow:0 18px 44px rgba(15,34,51,.08)}.article-main h1{font-size:clamp(34px,5vw,58px)}.article-kicker,.breadcrumbs{font-size:13px;font-weight:800;color:var(--teal);margin-bottom:10px}.breadcrumbs a{color:var(--teal);text-decoration:none}.article-aside{position:sticky;top:100px;display:grid;gap:18px}.side-panel{padding:22px}.side-panel a{display:block;margin:10px 0}.prose{font-size:17px}.prose h2{margin-top:36px;font-size:30px}.prose p,.prose li{color:#334456}.prose table{width:100%;border-collapse:collapse;margin:20px 0;background:white}.prose th,.prose td{border:1px solid var(--line);padding:12px;text-align:left}.notice{background:#fff8e6;border-left:5px solid var(--solar);padding:18px;border-radius:16px;margin:24px 0;color:#5c4211}.notice.mini{font-size:14px}.interactive-panel{padding:26px;margin:28px 0;background:linear-gradient(180deg,#ffffff,#fbf7ef)}.check-row{display:flex;gap:14px;align-items:center;padding:15px 16px;margin:10px 0;background:#fffaf3;border:1px solid var(--line);border-radius:16px;font-weight:700}.check-row input{width:18px;height:18px}.progress-wrap{margin:18px 0}.progress-bar{height:14px;background:#e9ece8;border-radius:999px;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--solar),var(--green));transition:.2s}.widget-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.widget-actions button,.interactive-panel button{padding:11px 16px}.widget-result{background:#eef9f6;border:1px solid #c9eee5;border-radius:16px;padding:16px;color:#0b695f;font-weight:800}.widget-result.small{font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0}.form-grid input,.contact-form input,.contact-form textarea,.big-search input,.template-text{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px;background:white;font:inherit}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.result-grid div{background:#f0fbf8;border:1px solid #c9eee5;border-radius:18px;padding:18px}.result-grid strong{display:block;font-size:28px;color:var(--teal)}.result-grid span{color:var(--muted);font-weight:700}.compare-table{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden}.compare-table div{padding:14px;background:white;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.compare-head{font-weight:900;background:#eaf5ff!important}.template-text{min-height:260px}.appliance-list,.quiz-list{display:grid;gap:10px}.appliance-list label,.quiz-list label{padding:13px;border:1px solid var(--line);border-radius:14px;background:white}.ad-box{width:min(960px,calc(100% - 40px));margin:24px auto;padding:14px;border:1px dashed #b8c3cc;border-radius:18px;background:#fff;text-align:center;min-height:90px}.ad-box span{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:#7c8792;margin-bottom:8px}.content-panel{padding:32px}.contact-form{display:grid;gap:14px}.contact-form label{font-weight:800}.success-box,.error-box{padding:16px;border-radius:14px;margin-bottom:16px}.success-box{background:#e8f8ee;color:#126132}.error-box{background:#fff0ef;color:#8a1c1c}.search-layout{display:grid;grid-template-columns:1fr 310px;gap:24px;padding:20px 0 60px}.big-search{display:flex;gap:10px;background:white;border:1px solid var(--line);border-radius:24px;padding:10px;margin-bottom:20px}.big-search input{border:0}.serp-panel{padding:24px}.serp-result{padding:18px 0;border-top:1px solid var(--line)}.serp-result span{font-size:13px;color:var(--green)}.serp-result h3{margin:4px 0}.serp-result h3 a{color:#1256a0;text-decoration:none}.serp-result em{font-size:12px;font-weight:900;background:#edf7ff;color:#185483;border-radius:999px;padding:4px 8px;font-style:normal}.site-footer{background:#0d2230;color:#dfeff5;margin-top:70px;padding:56px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.site-footer a{display:block;color:#dfeff5;text-decoration:none;margin:8px 0}.site-footer p{color:#b9ccd5}.footer-brand{color:white}.fineprint{font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:20px;color:#b9ccd5;font-size:14px}@media(max-width:980px){.hero-grid,.article-layout,.split-showcase,.search-layout{grid-template-columns:1fr}.topic-grid,.card-grid,.showcase-list .card-grid{grid-template-columns:repeat(2,1fr)}.article-aside{position:static}.nav-search{display:none}.main-nav{display:none;position:absolute;left:20px;right:20px;top:76px;background:white;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow);flex-direction:column}.main-nav.open{display:flex}.nav-toggle{display:block;margin-left:auto;background:white;border:1px solid var(--line);border-radius:12px;padding:8px 10px}}@media(max-width:640px){.topic-grid,.card-grid,.form-grid,.result-grid,.footer-grid{grid-template-columns:1fr}.article-main{padding:22px}.hero{padding-top:44px}.energy-illustration{height:320px}.nav-wrap{min-height:68px}}

/* HomePowerSmart v2: unique command-center layout */
.hps-v2{--ink:#10212b;--muted:#647483;--paper:#f6f1e7;--panel:#fffefa;--line:#e6d8bf;--solar:#ffc247;--amber:#c86b1f;--teal:#126f64;--green:#286f3a;--blue:#163a58;--charcoal:#071822;--shadow:0 26px 70px rgba(10,25,35,.16);background:#f6f1e7;color:var(--ink)}
.hps-v2 .top-grid{display:none}.command-header{position:sticky;top:0;background:rgba(246,241,231,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,45,55,.13)}.command-nav{min-height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.command-brand{font-size:22px}.command-brand span:last-child{display:grid;line-height:1.05}.command-brand small{font-size:11px;color:#7b6e5a;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.hps-v2 .brand-mark{background:var(--charcoal);color:var(--solar);border-radius:10px;box-shadow:inset 0 0 0 2px rgba(255,194,71,.25)}.command-links{margin:0;justify-content:center}.command-links a{padding:10px 6px;border-bottom:2px solid transparent;color:#233641}.command-links a:hover{border-color:var(--amber);color:#9a4a11}.command-search{border-radius:14px;box-shadow:none;border:1px solid #d5c6ad;background:#fffdf8}.command-search input{min-width:260px}.command-search button,.hps-v2 .btn,.hps-v2 .interactive-panel button,.hps-v2 .big-search button{background:#9a4f19;border-radius:12px;box-shadow:0 14px 34px rgba(154,79,25,.22)}.hps-v2 .btn.secondary{background:#fffaf0;color:#1d2f39;border:1px solid #d8c49e}.hps-v2 .btn.dark{background:#071822;color:#fff}.command-hero{padding:56px 0 34px;background:radial-gradient(circle at 75% 10%,rgba(255,194,71,.32),transparent 28%),linear-gradient(135deg,#0c2430 0,#102c3d 43%,#e9d7b6 43%,#f7f0df 100%)}.command-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:stretch}.hero-console{background:rgba(4,22,31,.78);border:1px solid rgba(255,255,255,.16);border-radius:34px;padding:50px;box-shadow:var(--shadow);color:white;min-height:520px;display:flex;flex-direction:column;justify-content:center}.hero-console .eyebrow{color:#ffd074}.hero-console h1{color:#fff;font-size:clamp(40px,5.5vw,74px);letter-spacing:-.06em}.hero-console p{color:#d9e3e6;font-size:20px}.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.console-metrics span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:16px;color:#d9e3e6}.console-metrics b{display:block;font-size:30px;color:#ffd074}.power-dashboard{position:relative;min-height:520px;border-radius:34px;background:linear-gradient(160deg,#fffdf5,#efe1c8);border:1px solid #dac59c;box-shadow:var(--shadow);overflow:hidden;padding:30px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.1fr 1fr 1fr;gap:16px}.power-dashboard:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,40,55,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(15,40,55,.06) 1px,transparent 1px);background-size:32px 32px}.dash-card{position:relative;z-index:2;background:#fffaf0;border:1px solid #decaa2;border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.dash-card.live{grid-column:1/3;background:#0c2430;color:white}.dash-card span{font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:#9a4f19}.dash-card.live span{color:#ffd074}.dash-card strong{font-size:clamp(24px,3vw,42px);line-height:1.05}.dash-card em{font-style:normal;color:#697783}.dash-card.live em{color:#b5c8cf}.circuit-line{position:absolute;z-index:1;height:4px;background:#ffc247;border-radius:999px;opacity:.65}.circuit-line.one{width:46%;left:27%;top:41%}.circuit-line.two{width:4px;height:28%;left:50%;top:41%}.circuit-line.three{width:65%;left:18%;bottom:35%}.command-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:-22px;position:relative;z-index:3;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(18,34,43,.16)}.command-strip a{display:grid;gap:4px;text-decoration:none;color:#10212b;background:#fffdf8;border-right:1px solid #eadcc4;padding:24px}.command-strip a:last-child{border-right:0}.command-strip span{font-weight:900;color:#9a4f19}.command-strip strong{font-size:18px}.command-strip em{font-style:normal;color:#6a7780}.energy-bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(180px,auto);gap:18px}.bento-card{background:#fffefa;border:1px solid #e2d2b6;border-radius:30px;padding:26px;text-decoration:none;color:#10212b;box-shadow:0 16px 40px rgba(23,37,44,.08);position:relative;overflow:hidden}.bento-card:after{content:"";position:absolute;right:-40px;bottom:-50px;width:140px;height:140px;border-radius:50%;background:rgba(255,194,71,.2)}.bento-icon{font-size:34px}.bento-card h3{font-size:24px}.bento-card p{color:#66737b}.bento-1,.bento-2{grid-column:span 3}.bento-3,.bento-4,.bento-5{grid-column:span 2}.bento-6,.bento-7,.bento-8{grid-column:span 2}.bento-1{background:#10212b;color:white}.bento-1 p{color:#d7e3e5}.bento-2{background:#f7df9d}.workflow-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:center}.workflow-copy{background:#10212b;color:white;border-radius:34px;padding:42px;box-shadow:var(--shadow)}.workflow-copy .eyebrow{color:#ffd074}.workflow-copy p{color:#d7e3e5}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.workflow-steps div{background:#fffdf8;border:1px solid #e2d2b6;border-radius:28px;padding:26px;min-height:230px}.workflow-steps b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#9a4f19;color:white;margin-bottom:18px}.magazine-split{display:grid;grid-template-columns:360px 1fr;gap:24px}.feature-tile{background:linear-gradient(180deg,#ffc247,#f6d792);border-radius:34px;padding:38px;position:sticky;top:110px;align-self:start;box-shadow:var(--shadow)}.double-lane{display:grid;grid-template-columns:1fr 1fr;gap:30px}.hps-v2 .topic-grid,.hps-v2 .card-grid{grid-template-columns:repeat(3,1fr)}.hps-v2 .content-card{border-radius:22px;border-color:#e2d2b6;box-shadow:none;background:#fffefa}.hps-v2 .content-card:hover{box-shadow:0 18px 48px rgba(20,34,43,.12);transform:translateY(-3px)}.hps-v2 .pill{background:#f6e6bd;border-color:#efd28d;color:#7b3d0e}.hps-v2 .text-link{color:#9a4f19}.hps-v2 .site-footer{background:#071822;color:#e7f2f1;margin-top:80px;padding-top:0}.footer-topline{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:42px 0;border-bottom:1px solid rgba(255,255,255,.12)}.footer-cta{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.command-footer .footer-grid{grid-template-columns:repeat(4,1fr);padding-top:32px}.command-footer h3{color:#ffd074}.command-footer a{color:#dce9eb}.command-footer p{color:#b7c8ce}.hps-v2 .article-main,.hps-v2 .side-panel,.hps-v2 .interactive-panel,.hps-v2 .content-panel,.hps-v2 .serp-panel{border-color:#e2d2b6;border-radius:26px;background:#fffefa}.hps-v2 .page-hero{background:#10212b;color:white;padding:54px 0}.hps-v2 .page-hero .eyebrow{color:#ffd074}.hps-v2 .page-hero p{color:#d7e3e5}.hps-v2 .article-shell{padding-top:34px}.hps-v2 .notice{border-left-color:#9a4f19;background:#fff1d4}.hps-v2 .ad-box{background:#fffdf8;border-color:#ddc99f}.hps-v2 .search-layout{padding-top:38px}.hps-v2 .big-search,.hps-v2 .serp-panel{border-radius:22px}.hps-v2 .compare-table div,.hps-v2 .prose table{background:#fffdf8}
@media(max-width:1100px){.command-nav{grid-template-columns:auto auto;}.command-search{display:none}.command-links{justify-content:flex-end}.command-hero-grid,.workflow-section,.magazine-split,.double-lane{grid-template-columns:1fr}.feature-tile{position:static}.energy-bento{grid-template-columns:repeat(2,1fr)}.bento-card{grid-column:auto!important}.command-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.command-links{display:none;position:absolute;left:20px;right:20px;top:78px;background:#fffdf8;border:1px solid #e2d2b6;border-radius:20px;padding:16px;box-shadow:var(--shadow);flex-direction:column}.command-links.open{display:flex}.hps-v2 .nav-toggle{display:block;margin-left:auto;background:#fffdf8;border:1px solid #e2d2b6;border-radius:12px;padding:8px 10px}.command-nav{display:flex}.power-dashboard{min-height:430px}.command-strip,.workflow-steps,.hps-v2 .topic-grid,.hps-v2 .card-grid,.console-metrics,.footer-topline,.command-footer .footer-grid{grid-template-columns:1fr}.hero-console{padding:30px;min-height:auto}.energy-bento{grid-template-columns:1fr}.command-hero{padding-top:28px}.footer-cta{display:block}.footer-cta .btn{margin-top:14px}}

/* HomePowerSmart v2 dashboard fix: prevent old .battery illustration styles from affecting dashboard cards */
.hps-v2 .power-dashboard .dash-card.battery{
  position:relative !important;
  right:auto !important;
  bottom:auto !important;
  width:auto !important;
  height:auto !important;
  border-radius:24px !important;
  background:#fffaf0 !important;
  border:1px solid #decaa2 !important;
  box-shadow:none !important;
  padding:24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  color:#10212b !important;
  overflow:hidden;
}
.hps-v2 .power-dashboard .dash-card.battery strong{
  font-size:clamp(24px,2.2vw,36px);
  line-height:1.05;
}
.hps-v2 .power-dashboard .dash-card.battery em{
  color:#697783 !important;
}
.hps-v2 .power-dashboard .dash-card.battery:before{
  content:"";
  position:absolute;
  right:-30px;
  top:-30px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:rgba(255,194,71,.18);
  pointer-events:none;
}
.hps-v2 .power-dashboard .dash-card.battery b{
  display:initial;
  margin:0;
  width:auto;
  height:auto;
  border-radius:0;
  background:none;
}
.hps-v2 .power-dashboard .dash-card.sun,
.hps-v2 .power-dashboard .dash-card.grid{
  min-height:170px;
}
.hps-v2 .power-dashboard{
  grid-template-rows:1.08fr .95fr .95fr;
}
.hps-v2 .circuit-line.one{top:43%;}
.hps-v2 .circuit-line.two{top:43%;height:25%;}
.hps-v2 .circuit-line.three{bottom:33%;}
