/* Everything Energy - light design system (Mockup B), loaded after page styles */
:root{--ink:#0b1220;--g:#19c37d;--g2:#12a86a;--b:#2f8fe0;--bg:#ffffff;--panel:#ffffff;--panel2:#f4f7fa;--text:#0b1220;--muted:#5b6676;--line:#e3e8ee;--accent:#19c37d;--accent2:#2f8fe0;--shadow:0 10px 30px rgba(10,20,40,.08);--radius:18px;--max:1200px}
body{background:#fff!important;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.55}
.wrap{max-width:var(--max);padding:0 24px}
/* header */
.eeHead{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.eeHead .w{max-width:1200px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.eeHead .logo img{height:46px;display:block}
.eeNav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.eeNav a{color:var(--ink);text-decoration:none;font-size:15px;font-weight:500}
.eeNav a:hover,.eeNav a.on{color:var(--g2)}
.eeNav .ph{border:1px solid var(--line);padding:9px 14px;border-radius:999px;font-weight:700}
.eeNav .qb{background:var(--g);color:#fff!important;padding:10px 18px;border-radius:999px;font-weight:700}
.eeMenu{display:none}
/* hero (inner pages: heroCard gets photo) */
.hero{padding:28px 0 10px}
.heroCard{background:linear-gradient(100deg,rgba(6,12,24,.86) 0%,rgba(6,12,24,.62) 45%,rgba(6,12,24,.08) 80%),var(--heroimg,url(solar-02-hero.jpg)) center/cover!important;color:#fff;border:0!important;border-radius:22px!important;box-shadow:0 20px 50px rgba(10,20,40,.18)!important;padding:44px!important}
.heroCard::before,.heroCard::after,.heroNoise{display:none!important}
.heroCard h1{font-size:46px;letter-spacing:-.02em;color:#fff}
.heroCard h2{color:#d6dde7;font-weight:600}
.heroCard .lead,.heroCard p,.heroCard .mini{color:#d6dde7!important}
.heroCard .kicker{background:transparent;border:0;padding:0;color:#8ff0c0;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:12px}
.heroCard .btn{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.4)}
.heroCard .btn.primary{background:var(--g);border-color:var(--g);color:#fff}
.dot{background:var(--g);box-shadow:none}
h1,h2,h3,h4{color:var(--ink);letter-spacing:-.01em}
.srOnly{color:inherit}
/* buttons */
.btn{border-radius:12px;padding:13px 20px;font-weight:700;background:#f1f4f8;border:1px solid var(--line);color:var(--ink);text-decoration:none}
.btn:hover{background:#e7ecf2}
.btn.primary,.pBtn,.callNow,button[type=submit]{background:var(--g)!important;border-color:var(--g)!important;color:#fff!important;border-radius:12px}
.btn.primary:hover{background:var(--g2)!important}
/* sections + cards */
section{padding:56px 0}
section:nth-of-type(even){background:#f4f7fa}
.sectionHead h2{font-size:34px;letter-spacing:-.02em}
.sectionHead .sub,.lead{color:var(--muted)}
.card,.sideCard,.form,.ctaStrip,.subCard,.expCard,.approachCard,.pCard,.rbox,.callout,.notice{background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;color:var(--ink)}
.card{border-radius:16px;transition:transform .15s,box-shadow .15s}
a.card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(10,20,40,.12)!important}
.card p,.sideCard p,.ctaStrip p{color:var(--muted)}
.icon{background:#ecfbf3;border-color:#c9f1dc}
.badge{color:var(--g2);font-weight:700}
.check{background:#f7f9fb;border-color:var(--line)}
.tick{background:var(--g)}
.statValue,.rangeVal{color:var(--ink)}
.kicker{color:var(--g2);border-color:#c9f1dc;background:#ecfbf3}
.localNote{background:#ecfbf3!important;border-color:#c9f1dc!important}
.faq details{background:#fff!important;border-color:var(--line)!important}
.localText a,.faq a,.localNote a{color:var(--g2)}
.ctaStrip{background:var(--ink)!important;color:#fff;border:0!important}
.ctaStrip h3,.ctaStrip h4,.ctaStrip strong{color:#fff}.ctaStrip p{color:#c9d2de!important}
.ctaStrip .btn{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3)}
.gItem{border-color:var(--line);box-shadow:var(--shadow);background:#fff}
input,textarea,select{background:#fff!important;color:var(--ink)!important;border:1px solid #dde3ea!important;border-radius:10px!important;padding:13px!important;font-size:15px}
label{color:var(--ink);font-weight:600}
.accreditationItem{border:1px solid var(--line)}
/* packages */
.packGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pCard{border-radius:20px!important;overflow:hidden;display:flex;flex-direction:column}
.pMedia img{width:100%;height:200px;object-fit:cover;display:block}
.pBody{padding:22px}.pList{color:var(--muted)}.pSub{color:var(--muted)}
.pFooter{padding:0 22px 22px;margin-top:auto}.pPrice{font-size:24px;font-weight:800;color:var(--ink)}.pPrice small{display:block;font-size:13px;color:var(--muted);font-weight:500}
.pBtn{display:block;text-align:center;padding:13px;margin-top:12px;font-weight:700;text-decoration:none}
/* home hero (B) */
.bHero{position:relative;min-height:600px;background:linear-gradient(90deg,#0b1424 0%,#0b1424 34%,rgba(11,20,36,.55) 50%,rgba(11,20,36,0) 66%),image-set(url(solar-02-hero-1200.jpg) 1x,url(solar-02-hero.jpg) 2x) right center/auto 100% no-repeat,#0b1424;color:#fff;display:flex;align-items:center}
.bHero .w{max-width:1200px;margin:auto;padding:70px 24px 110px;width:100%}
.k{letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:#8ff0c0;font-weight:700}
.bHero h1{font-size:58px;line-height:1.04;margin:14px 0;max-width:720px;letter-spacing:-.02em;color:#fff}
.bHero p{font-size:19px;max-width:580px;color:#d6dde7;line-height:1.6}
.bBtn{display:inline-block;padding:16px 26px;border-radius:12px;font-weight:700;text-decoration:none;margin:10px 10px 0 0}
.bPri{background:var(--g);color:#fff}.bSec{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.4)}
.chips{margin-top:26px;display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:#d6dde7}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:640px;margin-top:22px}
.paths a{display:block;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none}
.paths a b{display:block;font-size:18px}.paths a span{font-size:14px;color:#cfd8e3}.paths a:hover{background:rgba(255,255,255,.18)}
.qf{position:relative;margin:-60px auto 0;z-index:3;background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(10,20,40,.18);padding:22px;display:grid;grid-template-columns:auto 1fr 1fr 1fr auto;gap:12px;align-items:center;max-width:1150px}
.qf b{font-size:17px;padding-right:8px}.qf button{padding:15px 24px;border:0;border-radius:10px;background:var(--ink)!important;color:#fff!important;font-weight:700;font-size:15px;cursor:pointer}
.trust{background:#f4f7fa!important}.tg{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.logos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.logos div{background:#fff;border-radius:14px;height:110px;display:flex;align-items:center;justify-content:center;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.logos img{max-height:70px;max-width:100%}
.gu{grid-column:span 3;background:var(--ink)!important;color:#fff;justify-content:flex-start!important;gap:16px;font-size:15px}.gu strong{font-size:40px;color:#8ff0c0}
.facts{list-style:none;padding:0;margin:24px 0 0}.facts li{padding:12px 0;border-bottom:1px solid #dde3ea}.facts li:before{content:"✓  ";color:var(--g);font-weight:800}
.bH2{font-size:40px;letter-spacing:-.02em;margin:8px 0 14px}.bLead{color:var(--muted);font-size:18px;max-width:640px}
/* commercial */
.com{background:var(--ink)!important;color:#fff}.com h2,.com h3,.com h4{color:#fff}.com .bLead{color:#c9d2de}
.comGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.comGrid div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:20px}.comGrid p{color:#c9d2de;font-size:14px;margin:6px 0 0}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.case{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.case img{width:100%;height:200px;object-fit:cover;display:block}.case div{padding:20px}.case .todo{font-size:13px;color:#a05a00;background:#fff6e5;border:1px dashed #f0b44c;border-radius:8px;padding:8px 10px}
.com .case{color:var(--ink)}.com .case h3{color:var(--ink)}
/* reviews marquee */
.mq{overflow:hidden;margin-top:20px}.trk{display:flex;gap:18px;width:max-content;animation:eeS 50s linear infinite}.mq:hover .trk{animation-play-state:paused}@keyframes eeS{to{transform:translateX(-50%)}}
.rv{width:320px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.rv.ex{border-style:dashed;border-color:#b9c4d0}.st{color:#f5b301;font-size:18px}.rv p{font-style:italic}.rv small{color:var(--muted)}
.rl a{color:var(--b);font-weight:700;margin-right:22px;text-decoration:none}
/* footer */
.eeFoot{background:var(--ink);color:#aab4c2;padding:48px 0 30px;font-size:14px;margin-top:0;border:0}
.eeFoot .fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.eeFoot h4{color:#fff;margin:0 0 12px;font-size:15px}.eeFoot a{color:#cfd8e3;text-decoration:none;display:block;padding:3px 0}.eeFoot a:hover{color:#8ff0c0}
.eeFoot .legal{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px}.eeFoot .legal a,.eeFoot .fnote a{display:inline;color:#8ff0c0}
.eeFoot .fnote{color:#aab4c2}
.eeFoot img{height:44px;background:#fff;padding:6px;border-radius:8px;margin-bottom:10px}
.call{display:none}
@media(max-width:980px){
 .eeNav a:not(.ph):not(.qb){display:none}.eeNav.open a{display:block!important}
 .eeMenu{display:inline-block;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:18px;color:var(--ink)!important;cursor:pointer}
 .eeNav.open{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:16px 24px;border-bottom:1px solid var(--line);gap:12px}
 .eeHead .w{position:relative}.eeHead .logo img{height:38px}
 .packGrid,.tg,.cases,.comGrid{grid-template-columns:1fr}.eeFoot .fg{grid-template-columns:1fr 1fr}
 .heroCard{padding:28px!important}.heroCard h1{font-size:34px}
}
@media(max-width:800px){
 .bHero{min-height:560px;background:linear-gradient(rgba(6,12,24,.25) 0%,rgba(6,12,24,.7) 45%,rgba(6,12,24,.92) 100%),url(solar-02-hero.jpg) center top/cover}.bHero h1{font-size:36px}.bHero .w{padding:44px 20px 90px}
 .paths{grid-template-columns:1fr}.qf{grid-template-columns:1fr;margin:-40px 16px 0}.bH2,.sectionHead h2{font-size:28px}section{padding:44px 0}
 .eeNav .qb{display:none}
 .call{display:block;position:fixed;bottom:14px;left:14px;right:14px;text-align:center;padding:16px;border-radius:14px;background:var(--g);color:#fff;font-weight:800;text-decoration:none;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.3)}
 .eeFoot{padding-bottom:100px}.eeFoot .fg{grid-template-columns:1fr}
}
header.eeHead{overflow:visible!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--line)!important;padding:0!important}
header.eeHead nav{gap:20px}
header.eeHead nav.eeNav{gap:16px;flex-wrap:nowrap}.eeNav a{font-size:14px;white-space:nowrap}
@media(max-width:1180px){.eeNav a[href="about.html"],.eeNav a[href="index.html"]{display:none}}

.secList{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0}.secList li{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-weight:600;box-shadow:var(--shadow)}.rv small a{color:inherit;text-decoration:underline}

@media(max-width:900px){.heroCard{background:linear-gradient(180deg,rgba(6,12,24,.35),rgba(6,12,24,.88) 55%),var(--heroimg,url(solar-02-hero.jpg)) center/cover!important}}

/* real photos: cap slots near native width so 1024px images aren't over-stretched */
.heroNative{max-width:1180px;margin-left:auto;margin-right:auto}
.comPhoto{margin:34px 0 0;max-width:900px}.comPhoto img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
@media(max-width:900px){body{padding-bottom:84px}.bHero .w{padding-bottom:110px!important}.bHero .bBtn{margin-bottom:10px}}
@media(max-width:900px){.bHero .bBtn{display:inline-block;width:calc(50% - 6px);text-align:center;padding-left:8px;padding-right:8px;font-size:15px}.bHero .bBtn+.bBtn{margin-left:8px}body.homeTop .call{opacity:0;pointer-events:none;transform:translateY(120%)}.call{transition:opacity .25s,transform .25s}}
.acPair{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px}.acFig{margin:0}.acFig img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}.acFig figcaption{margin-top:10px;color:var(--ink)}.acFig figcaption b{display:block}@media(max-width:600px){.acPair{grid-template-columns:1fr}}
.evGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.evG{margin:0}.evG img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}@media(max-width:900px){.evGrid{grid-template-columns:repeat(2,1fr);gap:10px}}
.solarFeature{margin:10px 0 28px;max-width:1000px}.solarFeature img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow)}.solarFeature figcaption{margin-top:10px;color:var(--ink)}.solarFeature figcaption b{margin-right:6px}

.waFab{position:fixed;right:20px;bottom:20px;z-index:61;display:flex;align-items:center;gap:8px;background:#25D366;color:#fff!important;font-weight:800;text-decoration:none;padding:12px 16px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.waFab:hover{background:#1ebe5b}
.eeNav .ph.wa{color:#128C4A}
.waAlt{margin:12px 0 0;font-size:14px}.waAlt a{color:#128C4A;font-weight:700}
.qf+.waAlt{text-align:center;position:relative;z-index:2}
@media(max-width:900px){.call{right:calc(50% + 5px)!important;padding:16px 8px!important;font-size:15px}.waFab{left:calc(50% + 5px);right:14px;bottom:14px;justify-content:center;padding:16px 8px;border-radius:14px;transition:opacity .25s,transform .25s}body.homeTop .waFab{opacity:0;pointer-events:none;transform:translateY(120%)}}
.eeNav .ph.wa{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0!important;border-radius:50%;background:#25D366!important;color:#fff!important;border-color:#25D366!important;flex:none}@media(max-width:900px){.eeHead .ph.wa{display:none!important}}
@media(min-width:901px) and (max-width:1560px){.eeNav{gap:14px;flex-wrap:nowrap}.eeNav a{font-size:14px}.eeNav .ph.wa{width:36px;height:36px}}
@media(min-width:901px) and (max-width:1560px){.eeHead .eeNav{gap:12px!important}.eeHead .eeNav a{font-size:13.5px!important}.eeHead .eeNav .ph{padding:8px 12px!important}.eeHead .eeNav .qb{padding:9px 14px!important}}
@media(min-width:901px) and (max-width:1300px){.eeHead .eeNav{flex-wrap:wrap!important;justify-content:flex-end}}
/* package cards: show the whole product image, no crop/zoom (18 Oct fix) */
#packages .pMedia{aspect-ratio:auto!important;height:240px;background:#fff!important;display:flex;align-items:center;justify-content:center;padding:14px}
#packages .pMedia img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
#packages .pMedia img[src^="package-04"]{object-fit:cover!important}
#packages .pMedia:has(img[src^="package-04"]){padding:0}
@media(max-width:600px){#packages .pMedia{height:220px}}
.evG img{height:auto!important;aspect-ratio:3/4;object-fit:cover;object-position:center}