/* T&G: light editorial surfaces, night-time energy hero, Deye equipment. */
:root{--bg:#f5f7f2;--panel:#fff;--line:#d7dfd3;--green:#367020;--text:#1b3026;--muted:#52645a;--lime:#c1ed80}
body{background:var(--bg)}
header{background:#fffffff5;border-bottom-color:var(--line);backdrop-filter:blur(16px)}
nav a{color:#344d3e}nav a:hover{color:#367020}
.navcta{border-color:#c5d2bf;background:#f1f6e9;border-radius:8px}
.button{background:var(--lime);border-color:var(--lime);border-radius:7px;color:#1c3313}
.button.outline{border-color:#b6c5ad;background:transparent;color:var(--text)}
.eyebrow{color:#40702c}.status{color:#3b6530;border-color:#b1c49e;background:#eaf2df}
.trust{background:#e5efda;border-color:var(--line);color:#35562c}
.pillars{background:white;border-color:var(--line);border-radius:14px;overflow:hidden}
.pillars>a{background:#fff}.pillars>a:hover{background:#edf4e6}
.package{background:#fff;border-color:#d2deca;border-radius:16px;box-shadow:0 10px 32px #223b2410}
.package.featured{background:#e8f2db;border:2px solid #699a3b;box-shadow:0 14px 38px #385d2317}
.package .eyebrow{color:#49772e}.package .battery-art{background:radial-gradient(ellipse,#dfebd6 0,transparent 70%);border-radius:12px}
.device-caption{font-size:8px;letter-spacing:.1em;color:#607254;text-align:center;margin:-10px 0 23px;line-height:1.5}
.inverter>span,.battery>span{font-weight:700;font-style:italic;color:#333!important}
.appcard{background:#fff;border-color:var(--line);border-radius:12px}
.region-strip{background:#e7efde;border-radius:16px;border-color:#d0ddc4}
.localgrid>a,.needs-grid>a,.needs-grid>article,.intent-grid article,.service-detail,.regionboxes article{border-radius:12px;background:#fff}
.comparison .selected{background:#e8f2db}.comparison th{color:#367020}
label{color:#3b5142}input,select,textarea{background:#fff;color:#1b3026;border-color:#b8c8af;border-radius:6px}
.result{border-radius:14px}.notice{border-radius:0 10px 10px 0}
.hero{height:800px;color:#f5f7ee;--text:#f5f7ee;--muted:#d0d9cc;--green:#c1ed80;background:#111d18}
.heroimage{object-position:62% 52%;filter:brightness(1.16)}
.hero:after{background:linear-gradient(90deg,#071710ed 0,#071710b8 38%,#07171005 72%),linear-gradient(0deg,#0717107a,transparent 40%)}
.hero-content{width:min(1320px,calc(100% - 96px));padding-right:440px}
.hero h1{font-size:clamp(54px,5.6vw,88px)}.hero .eyebrow{color:#c1ed80}.hero p{color:#dce4d6}
.hero .textlink{color:#f5f7ee}.hero-spec{gap:24px}.hero-spec>div{padding-right:22px}.hero-spec b{font-size:28px}
.hero-product{position:absolute;z-index:2;right:max(48px,calc((100% - 1320px)/2));top:90px;width:338px;padding:26px;background:linear-gradient(145deg,#fffffffa,#f0f6e9fa);color:#1b3026;border:1px solid #d1dec4;border-radius:20px;box-shadow:0 25px 80px #0005;transition:transform .2s}
.hero-product:hover{transform:translateY(-4px)}
.product-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d1dec4;padding-bottom:16px;margin-bottom:18px}
.product-brand{font-size:36px;font-weight:800;font-style:italic;line-height:1;color:#313438;letter-spacing:-2px}
.system-brand{text-align:right;font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1.6;color:#42712e}
.product-kicker{font-size:10px;font-weight:700;letter-spacing:.1em;color:#49772e}
.hero-product .battery-art{height:190px;margin:12px 0 10px;gap:28px;background:radial-gradient(ellipse,#d5e7c4,transparent 72%)}
.hero-product .inverter{width:82px;height:125px}.hero-product .battery{width:100px;height:166px}
.hero-product .inverter>span,.hero-product .battery>span{font-size:14px}
.hero-product .battery:after{left:30px;width:40px;bottom:10px}
.product-models strong,.product-models>span{display:block}.product-models strong{font-size:15px;line-height:1.4;margin-top:12px}.product-models>span{font-size:10px;color:#607254;margin-top:2px}
.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #d1dec4;margin-top:18px;padding-top:18px}
.product-bottom b{font-size:24px;line-height:1.1;letter-spacing:-.03em}.product-bottom small{font-size:10px;display:block;font-weight:400;margin-top:5px;letter-spacing:0}
.product-bottom>span{font-size:11px;font-weight:700;color:#366425}.product-note{display:block;font-size:9px;color:#607254;margin-top:17px}
.image-note{z-index:3;color:#edf2e7;background:#102319bd;padding:4px 8px;border-radius:4px}
footer{background:#13271e;color:#edf3e8;--text:#edf3e8;--muted:#b4c5b4;--green:#c1ed80;--line:#3c5140}
footer .mark span,footer .mark i{color:#c1ed80}footer .fine,footer p{color:#b4c5b4}
.mobile-contact{color:#edf3e8}.mobile-contact a:last-child{background:#c1ed80;color:#1c3313}
@media(min-width:1600px){.hero{height:820px}}
@media(max-width:1100px){.hero-content{width:calc(100% - 56px);padding-right:365px}.hero-product{right:28px;width:310px}.hero h1{font-size:64px}.hero-spec{flex-wrap:wrap;gap:18px}.hero-spec>div:last-child{border:0}.hero-spec b{font-size:25px}}
@media(max-width:800px){.hero{height:auto;min-height:0;display:block;padding-bottom:36px}.hero-content{width:calc(100% - 40px);padding:55px 0 0}.hero h1{font-size:62px;max-width:520px}.hero p{max-width:430px}.heroimage{height:720px;object-position:66% 50%}.hero:after{background:linear-gradient(90deg,#071710e8,#07171055),linear-gradient(0deg,#111d18 5%,#111d1800 70%)}.hero-product{position:relative;top:auto;right:auto;margin:36px auto 0;width:min(440px,calc(100% - 40px));padding:24px}.hero-product .battery-art{height:200px}.hero .hero-spec{display:flex;flex-wrap:wrap;gap:18px}.hero-spec>div{padding-right:18px}.hero-spec>div:last-child{padding-top:0}.hero-spec b{font-size:24px}.hero .actions{flex-direction:row;flex-wrap:wrap;align-items:center;margin:28px 0}.image-note{position:relative;display:block;left:auto;right:auto;bottom:auto;width:fit-content;max-width:calc(100% - 40px);margin:20px auto 0;font-size:9px}nav{background:#fff}.hero .eyebrow{font-size:9px}}
@media(max-width:430px){.hero h1{font-size:53px}.hero-spec>div:last-child{flex-basis:100%}.hero-product{margin-top:28px}.hero-content{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.hero-product{transition:none}}
/* Keep equipment in the house alcove; reserve the right side of the photograph. */
.hero-content{padding-right:38%}.heroimage{object-position:right center;filter:none}
.hero:after{background:linear-gradient(90deg,#071710e8 0,#071710ad 34%,#07171018 60%,transparent 76%),linear-gradient(0deg,#07171055,transparent 30%)}
@media(max-width:1100px) and (min-width:801px){.hero h1{font-size:62px}.hero-content{padding-right:36%}}
@media(max-width:800px){.hero{height:900px;padding-bottom:0}.hero-content{padding-right:0}.heroimage{height:100%;object-position:right center}.hero:after{background:linear-gradient(180deg,#071710dc 0,#071710a8 40%,#07171008 64%),linear-gradient(90deg,#07171080,transparent 80%)}.hero h1{font-size:58px}.hero .hero-spec{margin-top:300px;position:relative;z-index:1;background:#0c241bd9;padding:18px;border-radius:10px}.hero .image-note{position:absolute;bottom:10px;left:20px;right:20px;margin:0;font-size:8px}.hero .actions{margin-bottom:24px}}
@media(max-width:430px){.hero{height:950px}.hero h1{font-size:52px}.hero .hero-spec{margin-top:315px}.hero-spec>div:last-child{flex-basis:100%}}
.hero-integrator{position:absolute;right:32px;top:32px;z-index:3;display:flex;gap:14px;align-items:center;background:#11291dd9;border:1px solid #d1e7b359;backdrop-filter:blur(10px);padding:17px 20px;border-radius:10px;box-shadow:0 8px 30px #0002;color:#f7f9f1}
.integrator-mark{font-size:32px;font-weight:800;letter-spacing:-2px;line-height:1}.integrator-mark>span{color:#c1ed80}
.integrator-name{font-size:11px;font-weight:700;letter-spacing:.16em;border-left:1px solid #c1ed8060;padding-left:14px;line-height:1.6}
.integrator-name small{display:block;color:#d3dfc7;font-size:7px;letter-spacing:.1em}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 48px;gap:0;background:#e5efda;border-bottom:1px solid #c5d5b9;position:relative;top:auto;left:auto;right:auto;flex-direction:row}
.trust a{display:grid;grid-template-columns:1fr auto;gap:5px 20px;padding:25px 28px;color:#233e26;min-width:0;border-right:1px solid #c5d5b9;transition:background .2s}
.trust a:first-child{border-left:1px solid #c5d5b9}.trust a:hover{background:#d5e6c4;color:#17341b}.trust a:focus-visible{outline:3px solid #367020;outline-offset:-4px}
.trust a span{grid-column:1;font-size:9px;font-weight:700;letter-spacing:.12em;color:#4b653b}.trust a span:before{content:none}
.trust a strong{grid-column:1;font-size:16px;line-height:1.4;font-weight:600}.trust a b{grid-column:2;grid-row:1/3;align-self:center;font-size:25px;color:#366425;font-weight:400}
@media(max-width:800px){nav.trust{display:grid;grid-template-columns:1fr;padding:0 20px;border:0}.trust a,.trust a:first-child{padding:19px 8px;border:0;border-bottom:1px solid #c5d5b9}.trust a strong{font-size:15px}.trust a span{font-size:9px}.trust a b{font-size:25px}}
@media(max-width:800px){.hero-integrator{top:480px;right:20px;padding:12px 15px;gap:10px}.integrator-mark{font-size:27px}.integrator-name{font-size:9px;padding-left:10px}.integrator-name small{font-size:6px}}