:root{--navy:#07031e;--navy2:#0b0630;--white:#fff;--text:#f7f8ff;--muted:#b8bad1;--red:#ffb400;--red2:#ffd45c;--blue:#1386c8;--line:rgba(255,255,255,.14);--darkText:#15172c;--shadow:0 28px 80px rgba(0,0,0,.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--navy);color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1410px,86vw);margin:auto}.topbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:.28s ease;border-bottom:1px solid transparent}.topbar.scrolled,.topbar.light{background:#fff;box-shadow:0 10px 32px rgba(4,7,28,.08);border-bottom:1px solid #eceef5}.nav{height:96px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;min-width:255px}.logo{width:192px;height:auto}.logo-light{display:block}.logo-dark{display:none}.topbar.scrolled .logo-light,.topbar.light .logo-light{display:none}.topbar.scrolled .logo-dark,.topbar.light .logo-dark{display:block}.menu{display:flex;align-items:center;gap:27px;margin-left:auto}.menu>a{font-weight:800;font-size:16px;color:#fff;padding:38px 0;white-space:nowrap}.menu>a.has-arrow:after{content:'⌄';font-size:13px;margin-left:7px}.topbar.scrolled .menu>a,.topbar.light .menu>a{color:#121529}.menu>a:hover{color:#fff}.topbar.scrolled .menu>a:hover,.topbar.light .menu>a:hover{color:var(--red)}.nav-actions{display:flex;align-items:center;gap:18px;margin-left:45px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;background:var(--button-bg,var(--site-accent,#ffb400));color:var(--button-text,#151515);font-weight:900;text-transform:uppercase;letter-spacing:.02em;padding:16px 34px;min-height:48px;box-shadow:0 18px 34px rgba(255,180,0,.22);cursor:pointer}.btn:hover{background:var(--button-hover-bg,#e09a00)}.btn.outline{background:transparent;border:2px solid rgba(255,255,255,.75);box-shadow:none}.btn.outline:hover{background:#fff;color:#10122c}.login{font-weight:700;color:#fff}.topbar.scrolled .login,.topbar.light .login{color:#14172a}.hamb{display:none;margin-left:auto;background:transparent;border:0;color:#fff;font-size:34px}.topbar.scrolled .hamb,.topbar.light .hamb{color:#121529}.mobile-panel{display:none}.mega{position:fixed;top:96px;left:0;right:0;background:#fff;z-index:999;color:#121529;box-shadow:0 24px 48px rgba(5,10,34,.10);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;border-top:1px solid #eceef5}.mega.open{opacity:1;visibility:visible;transform:none}.topbar.mega-active{background:#fff;box-shadow:0 10px 32px rgba(4,7,28,.08);border-bottom:1px solid #eceef5}.topbar.mega-active .logo-light{display:none}.topbar.mega-active .logo-dark{display:block}.topbar.mega-active .menu>a,.topbar.mega-active .login{color:#121529}.menu>a.active-menu{color:var(--red)!important}.menu>a.active-menu:before{content:'';position:absolute;left:0;right:0;bottom:31px;margin:auto;width:22px;height:2px;background:var(--red);border-radius:2px}.menu>a{position:relative}.mega-shell{width:min(1180px,86vw);margin:auto;display:grid;grid-template-columns:260px 480px 1fr;gap:34px;min-height:318px;padding:22px 0 24px}.mega-side{padding-top:4px}.mega-group-title{display:block;color:var(--red);font-size:14px;font-weight:900;line-height:1.25;margin:0 0 10px;text-transform:none}.mega-sub{display:block;width:100%;padding:5px 0;border:0;background:transparent;text-align:left;color:#25293d;font-size:13px;font-weight:800;cursor:pointer}.mega-sub:hover,.mega-sub.is-active{color:var(--red)}.mega-divider{height:14px}.mega-visual{position:relative;border-radius:0;overflow:hidden;width:100%;height:274px;background:#111;box-shadow:0 14px 38px rgba(5,9,28,.12)}.mega-visual img{width:100%;height:100%;object-fit:cover;opacity:.86;transition:transform .35s ease,opacity .25s ease}.mega-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,18,.88),rgba(7,7,18,.1) 55%,rgba(7,7,18,.08))}.mega-caption{position:absolute;left:22px;right:50px;bottom:22px;z-index:2;color:#fff}.mega-caption small{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff;opacity:.76;margin-bottom:8px}.mega-caption h3{font-size:18px;line-height:1.2;margin:0;text-transform:uppercase}.mega-next{position:absolute;right:0;bottom:0;width:42px;height:42px;background:var(--red);color:#fff;display:grid;place-items:center;z-index:3;font-weight:900}.mega-extra{padding-top:6px;display:grid;align-content:start;gap:10px}.mega-extra h4{font-size:15px;margin:0 0 6px;color:#121529}.mega-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;border:1px solid #eef0f5;border-radius:999px;color:#34384c;font-size:13px;font-weight:800;transition:.18s ease;background:#fff}.mega-chip:hover{color:var(--red);border-color:#ffe6a3;background:#fffaf0}.mega-note{font-size:13px;line-height:1.7;color:#6a6f83;margin:6px 0 0}.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#090326;padding:100px 0 50px}.dotwave{position:absolute;inset:0;overflow:hidden}.dotwave:before,.dotwave:after{content:'';position:absolute;width:760px;height:760px;border-radius:50%;background-image:radial-gradient(circle,rgba(31,146,218,.8) 1.6px,transparent 2.6px);background-size:17px 17px;filter:drop-shadow(0 0 10px rgba(31,146,218,.2));opacity:.55}.dotwave:before{left:-250px;top:-120px;transform:rotate(18deg) scale(1.1)}.dotwave:after{right:-245px;bottom:-190px;transform:rotate(27deg) scale(1.05)}.dotwave .arc{position:absolute;left:85px;top:0;width:540px;height:760px;border-radius:50%;border:12px solid rgba(22,134,205,.45);border-right-color:transparent;border-bottom-color:transparent;filter:blur(.2px);transform:rotate(22deg)}.hero-core{position:relative;z-index:2;text-align:center;width:min(780px,90vw);padding-top:38px}.energy-mark{display:flex;align-items:center;justify-content:center;gap:32px;min-height:210px;margin-bottom:42px}.energy-orbit{position:relative;width:150px;height:150px;border:3px dashed var(--red);border-radius:50%;animation:spin 13s linear infinite}.energy-orbit:before,.energy-orbit:after{content:'';position:absolute;width:20px;height:20px;border-radius:50%;border:4px solid var(--red);background:#080326}.energy-orbit:before{left:-11px;top:76px}.energy-orbit:after{right:8px;bottom:14px}.energy-orbit .badge{position:absolute;right:22px;top:-15px;width:28px;height:28px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:11px;font-weight:900}.energy-icon{position:absolute;inset:28px;display:grid;place-items:center;color:var(--red);font-size:52px;animation:counterSpin 13s linear infinite}.energy-copy{text-align:left}.energy-copy h2{font-size:44px;line-height:1.05;margin:0;text-transform:uppercase;letter-spacing:.02em}.energy-copy span{display:block;color:var(--site-accent,#ffb400)}.hero-tag{font-size:24px;font-weight:500;margin:0 0 28px;color:#fff}.scroll-indicator{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);z-index:2;font-size:11px;color:#fff;text-align:center}.mouse{width:28px;height:48px;border:2px solid rgba(255,255,255,.8);border-radius:20px;margin:0 auto 8px;position:relative}.mouse:after{content:'↓';position:absolute;left:50%;top:13px;transform:translateX(-50%);font-size:15px;animation:bob 1.4s ease-in-out infinite}.promo-modal{position:fixed;inset:0;background:rgba(4,3,20,.58);z-index:1400;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .22s ease}.promo-modal.show{opacity:1;visibility:visible}.promo-card{position:relative;width:min(610px,86vw);border-radius:26px;border:12px solid rgba(255,255,255,.86);overflow:hidden;box-shadow:0 35px 110px rgba(0,0,0,.55);background:#10244a}.promo-card img{width:100%;height:330px;object-fit:cover;opacity:.78}.promo-content{position:absolute;inset:0;padding:42px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,rgba(8,13,45,.92),rgba(8,13,45,.2))}.promo-content h2{font-size:32px;max-width:250px;margin:0}.promo-content b{color:#fff}.promo-close{position:absolute;right:calc(50% - 380px);top:22%;background:transparent;border:0;color:white;font-size:38px;cursor:pointer}.section{padding:105px 0;position:relative}.section.dark{background:#090326;overflow:hidden}.section.dark:after{content:'';position:absolute;right:-230px;bottom:-260px;width:700px;height:700px;border-radius:50%;background-image:radial-gradient(circle,rgba(35,147,224,.65) 1.7px,transparent 2.5px);background-size:16px 16px;opacity:.42}.section-title{text-align:center;max-width:920px;margin:0 auto 56px}.section-title h2{font-size:clamp(33px,4vw,48px);line-height:1.12;margin:0}.section-title p{color:#d4d5e4;line-height:1.8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center;position:relative;z-index:2}.stat{padding:18px 30px;border-right:1px solid rgba(255,255,255,.24)}.stat:last-child{border-right:0}.stat-icon{font-size:64px;line-height:1;color:#fff;margin-bottom:18px}.stat small{display:block;color:#fff;line-height:1.5;min-height:44px}.stat b{display:block;font-size:46px;letter-spacing:.06em;margin-top:22px}.solution-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:32px;text-align:center;align-items:start;margin-top:55px}.sol{display:grid;place-items:center;gap:13px;font-weight:900;text-transform:uppercase}.sol-icon{position:relative;width:108px;height:108px;display:grid;place-items:center;font-size:58px;color:#fff}.sol-icon:before{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#eef7ff,#1d89c9 60%,#102b4c);transform:scale(0);transition:.25s;z-index:-1}.sol:hover .sol-icon:before{transform:scale(1)}.white-photo{position:relative;min-height:570px;background:#111;overflow:hidden}.white-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.white-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(7,3,30,.86) 72%)}.photo-copy{position:relative;z-index:2;margin-left:auto;width:min(520px,44vw);padding:150px 0;color:#fff}.photo-copy h2{font-size:44px;line-height:1.12}.split{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.split-img{position:relative;overflow:hidden}.split-img img{height:100%;width:100%;object-fit:cover}.split-copy{display:grid;place-items:center;padding:80px;background:#f7f7f8;color:#121529}.split-copy h2{font-size:38px;max-width:430px;line-height:1.17}.city{min-height:560px;display:grid;place-items:center;text-align:center;background:url('../images/city-night.svg') center/cover no-repeat}.city h2{font-size:42px}.cta-white{background:#f5f5f5;color:#16172c;text-align:center;position:relative;overflow:hidden;min-height:420px;padding:100px 0 92px;display:grid;place-items:center}.cta-white:before{content:'';position:absolute;left:-80px;top:20px;width:330px;height:230px;background:radial-gradient(circle at 38% 42%,rgba(255,180,0,.18),transparent 5px),radial-gradient(circle at 65% 64%,rgba(255,180,0,.16),transparent 5px);opacity:.8}.cta-white canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.78}.cta-white .container{position:relative;z-index:2}.footer{position:relative;background:#080326;color:#fff;padding:84px 0 28px;overflow:hidden}.footer canvas{position:absolute;inset:0;opacity:.55}.footer .container{position:relative;z-index:2}.footer-grid{display:grid;grid-template-columns:1fr .75fr .75fr 1fr;gap:42px}.footer a,.footer p{display:block;color:#c8cae0;line-height:1.9}.footer h4,.footer h3{margin-top:0}.form{display:grid;gap:13px}.form input,.form textarea,.form select,.calc input,.calc select{width:100%;border:0;border-radius:999px;padding:15px 18px;background:#fff;color:#121529}.form textarea{border-radius:20px;min-height:120px}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:22px;color:#9fa2bd}.reveal{opacity:0;transform:translateY(35px);transition:.7s}.reveal.visible{opacity:1;transform:none}.page-hero{padding:165px 0 90px;background:radial-gradient(circle at 78% 25%,rgba(255,180,0,.18),transparent 35%),#090326}.page-hero h1{font-size:clamp(42px,6vw,78px);max-width:900px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card,.panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:26px;padding:28px;box-shadow:var(--shadow)}.card img{border-radius:20px;margin-bottom:20px}.card p,.panel p{color:#d0d2e5;line-height:1.75}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.project-large,.project-small{position:relative;overflow:hidden;border-radius:28px;background:#111}.project-large img{height:500px;width:100%;object-fit:cover;opacity:.78}.project-small img{height:238px;width:100%;object-fit:cover;opacity:.78}.project-caption{position:absolute;left:24px;right:24px;bottom:22px}.calculator{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.calc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:24px}.mapbox{min-height:560px;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0c1828}.result{margin-top:16px;padding:18px;border-radius:18px;background:rgba(255,180,0,.18);border:1px solid rgba(255,180,0,.30)}.steps{display:grid;gap:12px;margin-top:18px}.step{padding:14px;border-radius:15px;background:rgba(255,255,255,.05);color:#c9d5e7}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counterSpin{to{transform:rotate(-360deg)}}@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}@media(max-width:1050px){.container{width:min(92vw,1180px)}.nav{height:82px}.brand{min-width:auto}.menu,.nav-actions{display:none}.hamb{display:block}.mobile-panel.open{display:block;position:fixed;top:82px;left:0;right:0;background:#fff;color:#131529;padding:20px;z-index:1001;box-shadow:0 20px 60px rgba(0,0,0,.18)}.mobile-panel a{display:block;padding:16px;border-bottom:1px solid #eee;font-weight:800}.mega{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.solution-row{grid-template-columns:repeat(2,1fr)}.photo-copy{width:90vw;margin:auto;padding:80px 0}.white-photo:after{background:rgba(7,3,30,.72)}.split,.projects,.calculator{grid-template-columns:1fr}.footer-grid,.cards{grid-template-columns:1fr 1fr}.promo-close{right:7vw;top:16%}}@media(max-width:620px){.logo{width:168px}.hero{padding-top:85px}.energy-mark{flex-direction:column;gap:12px}.energy-copy{text-align:center}.energy-copy h2{font-size:36px}.hero-tag{font-size:18px}.btn{width:100%;padding-left:22px;padding-right:22px}.stats,.solution-row,.footer-grid,.cards{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.section{padding:72px 0}.split-copy{padding:55px 28px}.promo-card img{height:280px}.promo-content{padding:28px}.promo-close{font-size:32px;top:12%}.dotwave:before{left:-430px}.dotwave:after{right:-430px}.mapbox{min-height:430px}}

@media(max-width:1050px){.topbar.mega-active .menu>a,.topbar.mega-active .login{color:#121529}.mega-shell{display:none}.cta-white{min-height:380px;padding:80px 0}.mobile-panel.open{max-height:calc(100vh - 82px);overflow:auto}.mobile-panel a:nth-child(1)::after,.mobile-panel a:nth-child(2)::after,.mobile-panel a:nth-child(3)::after,.mobile-panel a:nth-child(4)::after{content:'›';float:right;color:var(--red)}}
@media(max-width:620px){.cta-white{min-height:360px;padding:72px 0}.cta-white h2{font-size:32px!important}.nav{padding:0 2vw}.brand .logo{width:150px}.mobile-panel.open{padding:14px 18px}.mobile-panel a{font-size:14px;padding:14px 4px}}


.energy-copy h1{font-size:44px;line-height:1.05;margin:0;text-transform:uppercase;letter-spacing:.02em}.energy-copy h1 span{display:block;color:var(--site-accent,#ffb400)}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px;z-index:2000}.skip-link:focus{left:8px}.content{color:#fff}.content p,.content li{color:#d0d2e5}.content h2,.content h3{color:#fff}.card a{color:#fff;font-weight:800}.card .btn{color:#fff}.map-shell{min-height:560px;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0c1828}.map-fallback{padding:24px;color:#fff}.calculator-result{margin-top:16px;padding:18px;border-radius:18px;background:rgba(255,180,0,.18);border:1px solid rgba(255,180,0,.30);color:#fff}.notice{padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;margin-bottom:16px}@media(max-width:620px){.energy-copy h1{font-size:36px}}

.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.eyebrow{display:inline-block;color:var(--site-accent,#ffb400);font-weight:900;text-transform:uppercase;letter-spacing:.15em;margin-bottom:14px}.lead{color:#d0d2e5;font-size:20px;line-height:1.7;max-width:860px}.mapbox,#solarMap{min-height:560px;height:560px}.calc label{display:block;margin:13px 0 7px;font-weight:800;color:#fff}.calc textarea{width:100%;border:0;border-radius:20px;padding:15px 18px;background:#fff;color:#121529;min-height:110px}.panel h2,.card h3{color:#fff}.page-hero .container{position:relative;z-index:2}@media(max-width:1050px){.contact-grid{grid-template-columns:1fr}.mapbox,#solarMap{min-height:430px;height:430px}}
/* Video-matched compact header overrides */
@media (min-width:1051px){
  .topbar.scrolled,.topbar.light,.topbar.mega-active{background:#fff;box-shadow:none;border-bottom:0}
  .topbar .nav{width:min(900px,86vw);height:42px;gap:24px;padding:0;margin:auto}
  .topbar .brand{min-width:245px;align-items:flex-start}
  .topbar .logo{width:104px;height:auto}
  .topbar .menu{gap:20px;margin-left:0;align-items:center}
  .topbar .menu>a{font-size:12px;font-weight:700;color:#15172c;padding:15px 0;line-height:1;letter-spacing:0;text-transform:none}
  .topbar .menu>a.has-arrow:after{font-size:10px;margin-left:4px;color:#666b7d}
  .topbar .nav-actions{gap:14px;margin-left:auto}
  .topbar .nav-actions .btn{min-height:28px;padding:8px 28px;font-size:10px;line-height:1;box-shadow:none}
  .topbar .login{font-size:12px;color:#15172c;font-weight:600;white-space:nowrap}
  .topbar:not(.scrolled):not(.mega-active):not(.light) .menu>a,.topbar:not(.scrolled):not(.mega-active):not(.light) .login{color:#fff}
  .topbar:not(.scrolled):not(.mega-active):not(.light) .menu>a.has-arrow:after{color:#fff}
  .mega{top:42px;box-shadow:none;border-top:0}
  .mega-shell{width:min(900px,86vw);grid-template-columns:260px 500px 1fr;gap:20px;min-height:300px;padding:16px 0 0}
  .mega-side{padding-top:2px}
  .mega-group-title{font-size:16px;margin:0 0 6px;line-height:1.1}
  .mega-sub{font-size:12px;padding:4px 0;font-weight:800;line-height:1.25}
  .mega-divider{height:12px}
  .mega-visual{height:300px;border-radius:0;box-shadow:none}
  .mega-caption{left:16px;right:46px;bottom:38px}
  .mega-caption small{font-size:9px;margin-bottom:7px;text-transform:none;letter-spacing:0}
  .mega-caption h3{font-size:17px;line-height:1.12}
  .mega-next{width:40px;height:40px;font-size:26px}
  .mega-extra{display:none}
  .menu>a.active-menu:before{display:none}
}
/* Final medium header and Solutions carousel mega */
@media (min-width:1051px){
  .topbar.scrolled,.topbar.light,.topbar.mega-active{background:#fff;box-shadow:0 10px 32px rgba(4,7,28,.08);border-bottom:1px solid #eceef5}
  .topbar .nav{width:min(1180px,92vw);height:72px;gap:28px;padding:0;margin:auto}
  .topbar .brand{min-width:270px;align-items:center}
  .topbar .logo{width:235px;height:auto}
  .topbar .menu{gap:25px;margin-left:auto;align-items:center}
  .topbar .menu>a{font-size:14px;font-weight:750;color:#15172c;padding:28px 0;line-height:1;letter-spacing:0;text-transform:none}
  .topbar .menu>a.has-arrow:after{font-size:11px;margin-left:5px;color:#666b7d}
  .topbar .nav-actions{gap:16px;margin-left:28px}
  .topbar .nav-actions .btn{min-height:38px;padding:11px 31px;font-size:11px;line-height:1;box-shadow:0 12px 24px rgba(255,180,0,.16)}
  .topbar .login{font-size:14px;color:#15172c;font-weight:650;white-space:nowrap}
  .topbar:not(.scrolled):not(.mega-active):not(.light) .menu>a,.topbar:not(.scrolled):not(.mega-active):not(.light) .login{color:#fff}
  .topbar:not(.scrolled):not(.mega-active):not(.light) .menu>a.has-arrow:after{color:#fff}
  .mega{top:72px;box-shadow:0 24px 48px rgba(5,10,34,.10);border-top:1px solid #eceef5}
  .mega-shell{width:min(1180px,92vw);grid-template-columns:285px 560px 1fr;gap:30px;min-height:340px;padding:24px 0 28px}
  .mega-shell.text-only{grid-template-columns:285px 1fr;min-height:230px}
  .mega-side{padding-top:4px}
  .mega-group-title{font-size:17px;margin:0 0 8px;line-height:1.15;color:var(--red)}
  .mega-sub{font-size:13px;padding:5px 0;font-weight:800;line-height:1.28}
  .mega-divider{height:16px}
  .mega-visual{height:315px;border-radius:0;box-shadow:0 14px 38px rgba(5,9,28,.12)}
  .mega-visual-empty{display:none}
  .mega-caption{left:22px;right:54px;bottom:26px}
  .mega-caption small{font-size:11px;margin-bottom:8px;text-transform:none;letter-spacing:0}
  .mega-caption h3{font-size:20px;line-height:1.12}
  .mega-next{width:50px;height:50px;font-size:34px;border:0;cursor:pointer}
  .mega-visual[data-mode="static"] .mega-next{display:none}
  .mega-extra{display:none}
  .menu>a.active-menu:before{display:none}
}
@media (max-width:620px){.brand .logo{width:190px}.mobile-panel.open{top:82px}}
/* Solar for Home microsite */
.service-tabs{position:sticky;top:72px;z-index:800;background:#fff;color:#121529;border-top:1px solid #eef0f5;border-bottom:1px solid #eef0f5}.service-tabs .container{height:48px;display:flex;align-items:center;justify-content:center;gap:34px;font-size:13px}.service-tabs a{padding:16px 4px 13px;border-bottom:4px solid transparent}.service-tabs a.active{border-color:var(--red);font-weight:900}.home-hero{position:relative;min-height:720px;overflow:hidden;background:#081b34;color:#fff;display:grid;align-items:end}.home-hero.day{background:#bde8ff}.home-hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,30,.05),rgba(4,12,30,.28)),url('../images/home.svg') center bottom/980px auto no-repeat}.home-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.6),transparent 18%),linear-gradient(180deg,rgba(8,20,50,.55),rgba(8,20,50,.08) 45%,rgba(8,20,50,.55));}.home-hero-content{position:relative;z-index:2;text-align:center;padding:120px 0 58px}.home-hero h1{font-size:clamp(36px,5vw,66px);line-height:1.08;margin:0 auto 14px;max-width:820px}.home-hero p{max-width:760px;margin:0 auto 22px;color:#e8edff;line-height:1.8}.solar-outline{position:absolute;left:22%;right:24%;top:36%;height:170px;border:5px solid #05f0df;transform:skewX(-22deg) rotate(-5deg);box-shadow:0 0 18px rgba(5,240,223,.6);z-index:2}.solar-outline:after{content:'⚡';position:absolute;left:48%;top:34%;transform:skewX(22deg) rotate(5deg);font-size:54px;color:#05f0df;text-shadow:0 0 16px rgba(5,240,223,.8)}.energy-meter{position:absolute;top:92px;left:50%;transform:translateX(-50%);z-index:3;background:#fff;color:#101225;border-radius:16px;padding:12px 24px;box-shadow:0 18px 45px rgba(0,0,0,.18);min-width:210px;text-align:center}.energy-meter b{font-size:34px}.energy-meter small{display:block}.meter-bar{height:8px;background:#e8edf3;border-radius:99px;overflow:hidden;margin-bottom:6px}.meter-bar span{display:block;height:100%;width:86%;background:#25c865}.float-chat{position:absolute;right:32px;bottom:36px;z-index:3;width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 16px 40px rgba(0,0,0,.2)}.float-chat img{width:42px}.bess-band{display:grid;grid-template-columns:1fr 1fr;min-height:420px;background:#050b35;color:#fff}.bess-top{background:url('../images/solar-photo.svg') center/cover no-repeat;min-height:300px}.plus-panel{position:relative;background:linear-gradient(110deg,#030c3f,#08197a);padding:70px min(8vw,110px);display:grid;align-content:center;overflow:hidden}.plus-panel h2{font-size:34px;margin:10px 0}.plus-panel p{color:#d9ddf0}.plus-icon{width:74px;height:74px;border-radius:18px;background:var(--site-accent,#ffb400);display:grid;place-items:center;font-size:40px}.home-copy{background:#fff;color:#121529;text-align:center;padding:86px 0}.home-copy h2{font-size:clamp(28px,3.6vw,42px);line-height:1.2;margin:0 auto 24px;max-width:760px}.home-copy p{color:#555b6f;line-height:1.9;max-width:860px;margin:0 auto 18px}.battery-info{position:relative;background:#fff;color:#121529;padding:78px 0;overflow:hidden}.battery-info:before{content:'';position:absolute;inset:0;background:url('../images/battery.svg') center/70% auto no-repeat;opacity:.08}.battery-info .container{position:relative}.battery-info h2{text-align:center;font-size:34px}.battery-info ul{max-width:760px;margin:28px auto;line-height:1.9;color:#3f4558}.get-started{background:#fff;color:#121529;text-align:center;padding:50px 0}.roof-feature{position:relative;min-height:660px;background:#eef5f4;color:#101225;overflow:hidden}.roof-feature:before{content:'';position:absolute;inset:0;background:url('../images/solar-hero.svg') center/cover no-repeat;opacity:.78}.feature-pill{position:absolute;z-index:2;background:#07031e;color:#fff;border-radius:999px;padding:14px 24px;font-weight:900;box-shadow:0 12px 30px rgba(7,3,30,.25)}.feature-pill.one{left:22%;top:34%}.feature-pill.two{right:22%;top:28%}.feature-pill.three{left:47%;top:56%}.feature-line{position:absolute;background:#07031e;z-index:1}.feature-line.a{left:29%;top:39%;width:2px;height:160px}.feature-line.b{right:33%;top:34%;width:2px;height:190px}.testimonials{background:#fff;color:#121529;text-align:center;padding:82px 0}.review-card{width:min(720px,88vw);margin:30px auto;padding:28px;border:1px solid #edf0f4;border-radius:18px;box-shadow:0 20px 55px rgba(8,12,35,.08);text-align:left}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:34px}.video-card{position:relative;min-height:230px;border-radius:18px;overflow:hidden;background:url('../images/team-photo.svg') center/cover no-repeat;color:#fff;display:grid;place-items:center}.video-card:before{content:'';position:absolute;inset:0;background:rgba(7,3,30,.35)}.play{position:relative;z-index:2;width:76px;height:54px;background:var(--site-accent,#ffb400);border-radius:16px;display:grid;place-items:center;font-size:32px}.solar-home-final{background:#fff;color:#121529}.solar-home-final .city-strip{min-height:260px;background:url('../images/home.svg') center/cover no-repeat;display:grid;align-items:end;color:#fff;padding:40px}.solar-home-final .container{text-align:center;padding:65px 0}.solar-home-final h2{font-size:32px}@media(max-width:900px){.service-tabs{top:82px;overflow:auto}.service-tabs .container{justify-content:flex-start;gap:18px;white-space:nowrap}.bess-band{grid-template-columns:1fr}.home-hero{min-height:650px}.solar-outline{left:12%;right:12%;top:42%}.roof-feature{min-height:520px}.feature-pill{position:relative;display:inline-block;margin:12px;left:auto!important;right:auto!important;top:auto!important}.feature-line{display:none}.video-grid{grid-template-columns:1fr}}
/* Solar Transformation Slider */
.solar-transform-section{--solar-progress:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(45,140,255,.18),transparent 34%),linear-gradient(145deg,#06111f,#091b33 58%,#020813);color:#fff;padding:92px 0 86px}.solar-transform-section:before{content:'';position:absolute;inset:auto -160px -260px auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(45,140,255,.18),transparent 68%)}.solar-transform-section .container{position:relative;z-index:2}.solar-transform-heading{text-align:center;max-width:900px;margin:0 auto 42px}.solar-transform-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:0 0 12px}.solar-transform-heading h2 span{background:linear-gradient(90deg,#72b8ff,#2d8cff);-webkit-background-clip:text;background-clip:text;color:transparent}.solar-transform-heading p{margin:0;color:rgba(255,255,255,.76);font-size:18px}.solar-transform-control{display:grid;grid-template-columns:150px 1fr 150px;align-items:center;gap:26px;margin:0 auto 34px;max-width:1120px}.solar-transform-label strong{display:block;font-size:34px;line-height:1;color:#fff}.solar-transform-label small{color:rgba(255,255,255,.7)}.solar-transform-label.right{text-align:right}.solar-transform-range-wrap{position:relative;padding:34px 0 14px}.solar-transform-bubble{position:absolute;left:var(--solar-progress);top:0;transform:translateX(-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#123b72,#0a1a33);border:2px solid #80beff;box-shadow:0 0 0 8px rgba(45,140,255,.12),0 0 26px rgba(45,140,255,.8);font-weight:900}.solar-transform-range{--solar-progress:50%;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,#2d8cff var(--solar-progress),rgba(255,255,255,.2) var(--solar-progress));outline:0;box-shadow:0 0 18px rgba(45,140,255,.38)}.solar-transform-range::-webkit-slider-thumb{appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:6px solid #2d8cff;box-shadow:0 0 24px rgba(45,140,255,.95);cursor:pointer}.solar-transform-range::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#fff;border:6px solid #2d8cff;box-shadow:0 0 24px rgba(45,140,255,.95);cursor:pointer}.solar-transform-viewer{position:relative;min-height:480px;aspect-ratio:16/7.9;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 110px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.16);background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.solar-transform-viewer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.solar-transform-overlay{clip-path:inset(0 calc(100% - var(--solar-progress)) 0 0);transition:clip-path .18s ease}.solar-transform-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(var(--solar-progress) - 8%),rgba(45,140,255,.34) var(--solar-progress),transparent calc(var(--solar-progress) + 8%));mix-blend-mode:screen;pointer-events:none}.solar-transform-divider{position:absolute;top:0;bottom:0;left:var(--solar-progress);width:2px;background:linear-gradient(180deg,transparent,#9bd0ff,transparent);box-shadow:0 0 24px rgba(45,140,255,.9);transform:translateX(-50%)}.solar-transform-handle{position:absolute;left:var(--solar-progress);top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(235,245,255,.92);color:#0c1a32;font-size:30px;font-weight:900;box-shadow:0 0 30px rgba(45,140,255,.7);border:1px solid rgba(255,255,255,.72)}.solar-transform-assets{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0 26px}.solar-transform-card{text-align:left;background:rgba(8,20,42,.82);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:10px;color:#fff;cursor:pointer;transition:.2s;box-shadow:none}.solar-transform-card img{width:100%;aspect-ratio:16/8.7;object-fit:cover;border-radius:10px;margin-bottom:10px}.solar-transform-card strong,.solar-transform-card span{display:block}.solar-transform-card strong{font-size:13px}.solar-transform-card span{font-size:13px;color:rgba(255,255,255,.72)}.solar-transform-card.is-active{border-color:#2d8cff;box-shadow:0 0 0 1px rgba(45,140,255,.5),0 0 28px rgba(45,140,255,.28);transform:translateY(-2px)}.solar-transform-savings{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.solar-transform-savings div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;backdrop-filter:blur(8px)}.solar-transform-savings small{display:block;color:rgba(255,255,255,.68);margin-bottom:8px}.solar-transform-savings strong{display:block;font-size:20px;line-height:1.25}.solar-transform-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.solar-transform-steps article{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.solar-transform-steps span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(45,140,255,.2);color:#7fc0ff;box-shadow:0 0 18px rgba(45,140,255,.32);font-weight:900}.solar-transform-steps h3{margin:0 0 4px;font-size:18px}.solar-transform-steps p{margin:0;color:rgba(255,255,255,.72)}@media (prefers-reduced-motion:reduce){.solar-transform-overlay,.solar-transform-card{transition:none}}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.service-tabs + .sr-only + .solar-transform-section{padding-top:70px}.service-tabs + .sr-only + .solar-transform-section .solar-transform-heading{margin-bottom:30px}
/* Solar for Home first-screen slider refinements */
body:has(.service-tabs + .sr-only + .solar-transform-section) .topbar{background:#071527;box-shadow:none;border-bottom:0}
body:has(.service-tabs + .sr-only + .solar-transform-section) .topbar .menu>a,
body:has(.service-tabs + .sr-only + .solar-transform-section) .topbar .login{color:#fff}
body:has(.service-tabs + .sr-only + .solar-transform-section) .topbar .menu>a.has-arrow:after{color:#fff}
.service-tabs{top:72px}.service-tabs + .sr-only + .solar-transform-section{min-height:calc(100vh - 120px);padding:42px 0 46px}.service-tabs + .sr-only + .solar-transform-section .solar-transform-heading{margin-bottom:22px}.service-tabs + .sr-only + .solar-transform-section .solar-transform-heading h2{font-size:clamp(34px,4.4vw,62px);max-width:980px;margin-left:auto;margin-right:auto}.service-tabs + .sr-only + .solar-transform-section .solar-transform-control{margin-bottom:22px}.service-tabs + .sr-only + .solar-transform-section .solar-transform-viewer{min-height:430px;max-height:52vh}.service-tabs + .sr-only + .solar-transform-section .solar-transform-assets,.service-tabs + .sr-only + .solar-transform-section .solar-transform-steps{display:none!important}.service-tabs + .sr-only + .solar-transform-section .solar-transform-savings{margin:20px 0 0}.solar-transform-seo-note{max-width:840px;margin:18px auto 0;text-align:center;color:rgba(255,255,255,.68);font-size:14px;line-height:1.7}@media(max-width:900px){.service-tabs{top:82px}.service-tabs + .sr-only + .solar-transform-section{min-height:auto;padding-top:32px}.service-tabs + .sr-only + .solar-transform-section .solar-transform-viewer{max-height:none;min-height:330px}}@media(max-width:576px){.service-tabs + .sr-only + .solar-transform-section .solar-transform-heading h2{font-size:30px}.service-tabs + .sr-only + .solar-transform-section .solar-transform-viewer{min-height:260px}.service-tabs + .sr-only + .solar-transform-section .solar-transform-savings{grid-template-columns:1fr}}
.solar-home-page .topbar{background:#071527;box-shadow:none;border-bottom:0}.solar-home-page .topbar .menu>a,.solar-home-page .topbar .login{color:#fff}.solar-home-page .topbar .menu>a.has-arrow:after{color:#fff}.solar-home-page .topbar.scrolled,.solar-home-page .topbar.mega-active{background:#fff;box-shadow:0 10px 32px rgba(4,7,28,.08);border-bottom:1px solid #eceef5}.solar-home-page .topbar.scrolled .menu>a,.solar-home-page .topbar.scrolled .login,.solar-home-page .topbar.mega-active .menu>a,.solar-home-page .topbar.mega-active .login{color:#15172c}.solar-home-page .topbar.scrolled .menu>a.has-arrow:after,.solar-home-page .topbar.mega-active .menu>a.has-arrow:after{color:#666b7d}
.solar-home-page .topbar,.solar-home-page .topbar.scrolled{background:#071527;box-shadow:none;border-bottom:0}.solar-home-page .topbar .logo-light,.solar-home-page .topbar.scrolled .logo-light{display:block}.solar-home-page .topbar .logo-dark,.solar-home-page .topbar.scrolled .logo-dark{display:none}.solar-home-page .topbar .menu>a,.solar-home-page .topbar .login,.solar-home-page .topbar.scrolled .menu>a,.solar-home-page .topbar.scrolled .login{color:#fff}.solar-home-page .topbar .menu>a.has-arrow:after,.solar-home-page .topbar.scrolled .menu>a.has-arrow:after{color:#fff}.solar-home-page .topbar.mega-active{background:#fff;box-shadow:0 10px 32px rgba(4,7,28,.08);border-bottom:1px solid #eceef5}.solar-home-page .topbar.mega-active .logo-light{display:none}.solar-home-page .topbar.mega-active .logo-dark{display:block}.solar-home-page .topbar.mega-active .menu>a,.solar-home-page .topbar.mega-active .login{color:#15172c}.solar-home-page .topbar.mega-active .menu>a.has-arrow:after{color:#666b7d}.solar-home-page .service-tabs{top:72px;z-index:930}.solar-home-page .service-tabs + .sr-only + .solar-transform-section{min-height:calc(100vh - 120px);padding:58px 0 34px;display:grid;align-items:start}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .container{width:min(1180px,88vw)}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-heading{margin-bottom:22px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-heading h2{font-size:clamp(34px,4.2vw,58px);line-height:1.05;max-width:920px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-heading p{font-size:18px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-control{max-width:1030px;margin-bottom:22px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-viewer{min-height:0;height:min(50vh,500px);aspect-ratio:1400/760;border-radius:26px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-assets,.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-savings,.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-seo-note{display:none!important}
.solar-transform-section{--solar-energy:.5;user-select:none;-webkit-user-select:none}.solar-transform-heading,.solar-transform-control,.solar-transform-viewer{-webkit-user-select:none;user-select:none}.solar-transform-bubble,.solar-transform-viewer img,.solar-transform-glow,.solar-transform-divider,.solar-transform-handle,.solar-transform-energy{pointer-events:none}.solar-transform-range{position:relative;z-index:4;cursor:grab;touch-action:pan-y}.solar-transform-range:active{cursor:grabbing}.solar-transform-viewer{cursor:ew-resize;touch-action:none;isolation:isolate}.solar-transform-viewer img{-webkit-user-drag:none}.solar-transform-overlay{transition:none;z-index:2}.solar-transform-glow{z-index:4;opacity:calc(.28 + (var(--solar-energy) * .62));background:linear-gradient(90deg,transparent calc(var(--solar-progress) - 4%),rgba(86,190,255,.48) var(--solar-progress),transparent calc(var(--solar-progress) + 4%)),radial-gradient(circle at 66% 27%,rgba(45,140,255,calc(var(--solar-energy) * .42)),transparent 24%),radial-gradient(circle at 72% 73%,rgba(40,220,255,calc(var(--solar-energy) * .36)),transparent 18%)}.solar-transform-divider,.solar-transform-handle{z-index:6}.solar-transform-energy{position:absolute;z-index:5;opacity:calc(var(--solar-energy) * .9);mix-blend-mode:screen;transition:opacity .16s ease}.solar-transform-panel-glow{left:23%;top:11%;width:58%;height:32%;background:radial-gradient(ellipse at center,rgba(78,174,255,.52),rgba(45,140,255,.18) 38%,transparent 70%);filter:blur(18px)}.solar-transform-ev-glow{left:55%;top:50%;width:30%;height:34%;background:radial-gradient(ellipse at center,rgba(72,229,255,.7),rgba(45,140,255,.25) 40%,transparent 74%);filter:blur(20px)}.solar-home-page .service-tabs + .sr-only + .solar-transform-section{align-items:center;padding:32px 0}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-heading{margin-bottom:18px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-control{margin-bottom:18px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-viewer{width:min(1120px,100%);margin:0 auto;height:min(49vh,485px);box-shadow:0 30px 90px rgba(0,0,0,.46),0 0 70px rgba(45,140,255,.14),inset 0 1px 0 rgba(255,255,255,.16)}
.solar-transform-range::-webkit-slider-thumb{width:38px;height:38px;background:transparent;border:0;box-shadow:none}.solar-transform-range::-moz-range-thumb{width:38px;height:38px;background:transparent;border:0;box-shadow:none}
.roof-feature{position:relative;min-height:680px;background:#071527;color:#fff;overflow:hidden}.roof-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.roof-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,28,.66),rgba(5,12,28,.12) 48%,rgba(5,12,28,.72)),linear-gradient(180deg,rgba(5,12,28,.22),rgba(5,12,28,.62))}.feature-hotspot{position:absolute;z-index:3;display:block;width:1px;height:1px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.feature-hotspot-one{left:33%;top:37%}.feature-hotspot-two{left:73%;top:31%}.feature-hotspot-three{left:54%;top:58%}.feature-hotspot .feature-line{position:absolute;left:0;bottom:0;width:2px;height:112px;background:linear-gradient(180deg,rgba(119,205,255,.95),rgba(119,205,255,.12));transform:translateY(8px);box-shadow:0 0 18px rgba(45,180,255,.45)}.feature-hotspot-three .feature-line{height:78px}.feature-dot{position:absolute;left:-9px;bottom:-9px;width:18px;height:18px;border-radius:50%;border:2px solid #75d7ff;background:#071527;box-shadow:0 0 0 8px rgba(45,140,255,.12),0 0 28px rgba(45,180,255,.75)}.feature-card{position:absolute;left:0;bottom:108px;display:block;width:max-content;max-width:250px;min-width:190px;border-radius:999px;background:#07031e;color:#fff;padding:14px 24px;box-shadow:0 18px 40px rgba(0,0,0,.32);text-align:left;transform:translateX(-50%);transition:border-radius .22s ease,padding .22s ease,max-width .22s ease,box-shadow .22s ease}.feature-card strong{display:block;font-size:16px;line-height:1.15;white-space:nowrap}.feature-card small{display:block;max-height:0;opacity:0;overflow:hidden;width:0;color:rgba(255,255,255,.78);line-height:1.55;font-size:13px;transition:max-height .22s ease,opacity .2s ease,width .22s ease,margin-top .22s ease}.feature-hotspot:hover .feature-card,.feature-hotspot:focus-visible .feature-card{border-radius:20px;max-width:330px;padding:18px 22px;box-shadow:0 22px 56px rgba(0,0,0,.42),0 0 28px rgba(45,140,255,.2)}.feature-hotspot:hover .feature-card small,.feature-hotspot:focus-visible .feature-card small{max-height:120px;opacity:1;width:auto;margin-top:9px}.feature-hotspot:focus-visible{outline:0}.feature-hotspot:focus-visible .feature-dot{box-shadow:0 0 0 10px rgba(255,255,255,.18),0 0 32px rgba(45,180,255,.85)}
.roof-feature{scroll-margin-top:130px}.roof-feature:before{display:none!important}.roof-feature>img{z-index:0}.roof-feature-shade{z-index:1}.roof-feature .feature-hotspot{z-index:3}
.feature-hotspot-two{left:72%;top:42%}.feature-hotspot-two .feature-line{height:82px}.feature-hotspot-two .feature-card{bottom:auto;top:18px;transform:translateX(-50%)}.feature-hotspot-two:hover .feature-card,.feature-hotspot-two:focus-visible .feature-card{max-width:320px}
.bess-top{background-image:url('../images/real-rooftop-solar.jpg')}.battery-info:before{background-image:url('../images/real-battery-ev.jpg');background-size:54% auto;opacity:.1}.solar-home-final .city-strip{background-image:linear-gradient(90deg,rgba(7,3,30,.7),rgba(7,3,30,.12)),url('../images/real-clean-home.jpg')}.video-card{background-image:url('../images/real-clean-home.jpg')}.video-card:nth-child(2){background-image:url('../images/real-rooftop-solar.jpg')!important}.split-img img[src$=".svg"],.white-photo img[src$=".svg"]{object-fit:cover}
.topbar .brand{overflow:visible}.topbar .logo{display:block;object-fit:contain;max-height:74px}
.topbar .logo-light{display:block!important}.topbar .logo-dark{display:none!important}.topbar.scrolled .logo-light,.topbar.light .logo-light,.topbar.mega-active .logo-light{display:none!important}.topbar.scrolled .logo-dark,.topbar.light .logo-dark,.topbar.mega-active .logo-dark{display:block!important}.solar-home-page .topbar:not(.mega-active) .logo-light{display:block!important}.solar-home-page .topbar:not(.mega-active) .logo-dark{display:none!important}
.solar-home-page .service-tabs + .sr-only + .solar-transform-section{padding-top:78px;align-items:start}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-heading{margin-bottom:20px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-heading h2{font-size:clamp(32px,3.8vw,54px)}
.solar-transform-overlay{clip-path:inset(0 0 0 calc(100% - var(--solar-progress)))}
.solar-panel-build-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;opacity:calc(.08 + (var(--panel-build,0) * .92));clip-path:inset(0 calc(100% - (var(--panel-build,0) * 100%)) 0 0);filter:drop-shadow(0 0 calc(var(--panel-build,0) * 18px) rgba(45,160,255,.55));transition:clip-path .18s ease,opacity .18s ease}.solar-energy-path{position:absolute;z-index:5;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(70,230,255,.95),transparent);box-shadow:0 0 18px rgba(70,230,255,.65);height:3px;border-radius:999px;transform-origin:left center}.solar-path-panel{left:40%;top:29%;width:27%;opacity:var(--panel-build,0);transform:rotate(8deg) scaleX(var(--panel-build,0))}.solar-path-battery{left:66%;top:47%;width:22%;opacity:var(--battery-build,0);transform:rotate(32deg) scaleX(var(--battery-build,0))}.solar-path-ev{left:68%;top:65%;width:16%;opacity:var(--ev-build,0);transform:rotate(16deg) scaleX(var(--ev-build,0))}.solar-transform-panel-glow{opacity:calc(var(--panel-build,0) * .9)}.solar-transform-battery-glow{left:81%;top:50%;width:18%;height:33%;background:radial-gradient(ellipse at center,rgba(72,229,255,.75),rgba(45,140,255,.26) 40%,transparent 74%);filter:blur(20px);opacity:calc(var(--battery-build,0) * .95)}.solar-transform-ev-glow{opacity:calc(var(--ev-build,0) * .95)}@media (prefers-reduced-motion:no-preference){.solar-energy-path{animation:energyPulse 1.8s linear infinite}.solar-transform-battery-glow,.solar-transform-ev-glow{animation:softPulse 2.2s ease-in-out infinite}}@keyframes energyPulse{0%{background-position:-160px 0}100%{background-position:160px 0}}@keyframes softPulse{50%{filter:blur(24px) brightness(1.25)}}
.solar-home-battery-sign{position:absolute;left:13%;top:66%;z-index:6;width:82px;height:58px;border-radius:15px;background:rgba(3,13,27,.72);border:1px solid rgba(145,220,255,.55);box-shadow:0 14px 28px rgba(0,0,0,.32),0 0 calc(var(--battery-build,0) * 28px) rgba(55,215,255,.75);opacity:calc(.08 + (var(--battery-build,0) * .92));transform:translateY(calc((1 - var(--battery-build,0)) * 14px));transition:opacity .18s ease,transform .18s ease;pointer-events:none}.battery-shell{position:absolute;left:14px;top:17px;width:48px;height:24px;border:2px solid rgba(235,250,255,.9);border-radius:5px}.battery-shell:after{content:'';position:absolute;right:-7px;top:6px;width:5px;height:10px;border-radius:0 3px 3px 0;background:rgba(235,250,255,.9)}.battery-fill{display:block;height:100%;width:calc(var(--battery-build,0) * 100%);border-radius:3px;background:linear-gradient(90deg,#20d36b,#64e8ff);box-shadow:0 0 14px rgba(70,230,255,.72);transition:width .18s ease}.battery-bolt{position:absolute;right:9px;top:11px;color:#ffb21a;font-size:25px;text-shadow:0 0 14px rgba(255,178,26,.75)}.solar-home-feed-line{position:absolute;left:18%;top:68%;width:48%;height:15%;z-index:5;border-top:3px solid rgba(6,16,25,.66);border-right:3px solid rgba(6,16,25,.66);border-radius:0 36px 0 0;opacity:calc(.18 + (var(--battery-build,0) * .82));filter:drop-shadow(0 0 calc(var(--battery-build,0) * 12px) rgba(70,230,255,.72));pointer-events:none}.solar-home-feed-line:after{content:'';position:absolute;inset:-3px -3px auto auto;width:100%;height:100%;border-top:3px solid rgba(70,230,255,calc(var(--battery-build,0) * .85));border-right:3px solid rgba(70,230,255,calc(var(--battery-build,0) * .85));border-radius:0 36px 0 0}.solar-ev-cable-line{position:absolute;left:62.5%;top:62%;width:16%;height:15%;z-index:6;border-left:4px solid rgba(5,10,18,.72);border-bottom:4px solid rgba(5,10,18,.72);border-radius:0 0 0 44px;filter:drop-shadow(0 0 calc(var(--ev-build,0) * 18px) rgba(70,230,255,.9));pointer-events:none}.solar-ev-cable-line:after{content:'';position:absolute;left:-4px;bottom:-4px;width:100%;height:100%;border-left:4px solid rgba(70,230,255,calc(var(--ev-build,0) * .9));border-bottom:4px solid rgba(70,230,255,calc(var(--ev-build,0) * .9));border-radius:0 0 0 44px}
.solar-energy-path{display:none!important}.solar-transform-glow{background:linear-gradient(90deg,transparent calc(var(--solar-progress) - 3%),rgba(86,190,255,.22) var(--solar-progress),transparent calc(var(--solar-progress) + 3%))}.solar-home-battery-sign{left:12.5%;top:67%;opacity:calc(.05 + (var(--battery-build,0) * .95))}.solar-purple-wire{position:absolute;z-index:6;pointer-events:none;opacity:calc(var(--battery-build,0) * .95);filter:drop-shadow(0 0 calc(var(--battery-build,0) * 12px) rgba(255,47,180,.68));transition:opacity .18s ease}.solar-purple-wire:before,.solar-purple-wire:after{content:'';position:absolute;display:block;border-radius:999px;background:#101018}.solar-purple-wire:after{background:#ff2fb4;box-shadow:0 0 12px rgba(255,47,180,.75)}.solar-purple-wire-roof{left:15.4%;top:31.5%;width:14%;height:38%}.solar-purple-wire-roof:before,.solar-purple-wire-roof:after{left:0;top:0;width:3px;height:100%;transform:rotate(28deg);transform-origin:bottom center}.solar-purple-wire-roof:after{opacity:var(--battery-build,0)}.solar-purple-wire-garden{left:14.6%;top:72.5%;width:18%;height:8%}.solar-purple-wire-garden:before,.solar-purple-wire-garden:after{left:0;top:12px;width:100%;height:3px;transform:rotate(12deg);transform-origin:left center}.solar-purple-wire-garden:after{opacity:var(--battery-build,0)}.solar-home-feed-line{display:none!important}.solar-ev-cable-line{left:56.2%;top:61.8%;width:21%;height:17%;opacity:var(--ev-build,0);border-left:4px solid rgba(6,12,18,.88);border-bottom:4px solid rgba(6,12,18,.88);border-radius:0 0 0 42px;filter:drop-shadow(0 0 calc(var(--ev-build,0) * 18px) rgba(70,230,255,.9));transition:opacity .18s ease}.solar-ev-cable-line:after{border-left-color:rgba(70,230,255,calc(var(--ev-build,0) * .95));border-bottom-color:rgba(70,230,255,calc(var(--ev-build,0) * .95))}
.solar-home-battery-sign,.solar-purple-wire,.solar-home-feed-line{display:none!important}.solar-right-battery{position:absolute;right:6.7%;top:63.5%;z-index:7;width:84px;height:126px;border-radius:10px;background:linear-gradient(110deg,rgba(206,238,232,.92),rgba(115,183,175,.88));border:2px solid rgba(80,255,135,.72);box-shadow:0 16px 28px rgba(0,0,0,.28),0 0 calc(var(--battery-build,0) * 24px) rgba(80,255,135,.78);opacity:calc(var(--battery-build,0) * .98);transform:translateY(calc((1 - var(--battery-build,0)) * 10px));transition:opacity .18s ease,transform .18s ease;pointer-events:none}.solar-right-battery:before{content:'';position:absolute;left:15px;right:15px;top:14px;height:4px;border-radius:999px;background:rgba(3,24,32,.45)}.right-battery-shell{position:absolute;left:23px;top:38px;width:38px;height:58px;border:2px solid rgba(8,28,35,.8);border-radius:6px;background:rgba(255,255,255,.18)}.right-battery-shell:after{content:'';position:absolute;left:12px;top:-8px;width:14px;height:6px;border-radius:4px 4px 0 0;background:rgba(8,28,35,.8)}.right-battery-fill{position:absolute;left:3px;right:3px;bottom:3px;height:calc(var(--battery-build,0) * 48px);border-radius:3px;background:linear-gradient(180deg,#64ff89,#39d8ff);box-shadow:0 0 14px rgba(57,216,255,.72)}.right-battery-bolt{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:24px;color:#ffb21a;text-shadow:0 0 14px rgba(255,178,26,.8)}.solar-blue-wire{position:absolute;z-index:6;pointer-events:none;opacity:calc(var(--battery-build,0) * .95);filter:drop-shadow(0 0 calc(var(--battery-build,0) * 14px) rgba(42,210,255,.75));transition:opacity .18s ease}.solar-blue-wire:before,.solar-blue-wire:after{content:'';position:absolute;border-radius:999px;background:#061119}.solar-blue-wire:after{background:#28d7ff;box-shadow:0 0 12px rgba(40,215,255,.8)}.solar-blue-wire-roof{right:11.2%;top:34%;width:3px;height:25%}.solar-blue-wire-roof:before,.solar-blue-wire-roof:after{width:3px;height:100%;left:0;top:0}.solar-blue-wire-drop{right:9.2%;top:57%;width:42px;height:78px;border-left:4px solid #061119;border-bottom:4px solid #061119}.solar-blue-wire-drop:before,.solar-blue-wire-drop:after{display:none}.solar-blue-wire-drop{box-shadow:inset 4px -4px 0 rgba(40,215,255,calc(var(--battery-build,0) * .9))}.solar-blue-wire-battery{right:8.4%;top:62.5%;width:4px;height:17%}.solar-blue-wire-battery:before,.solar-blue-wire-battery:after{width:4px;height:100%;left:0;top:0}.solar-ev-port-mask{position:absolute;left:54.8%;top:56.2%;z-index:6;width:4.4%;height:17%;border-radius:999px;background:linear-gradient(180deg,rgba(39,45,47,.96),rgba(14,23,29,.94));box-shadow:0 0 22px rgba(7,12,18,.28);opacity:calc(1 - var(--ev-build,0));pointer-events:none;transition:opacity .18s ease}.solar-ev-cable-line{left:58.4%;top:63.2%;width:20%;height:18%;opacity:var(--ev-build,0);border:0!important;filter:drop-shadow(0 0 calc(var(--ev-build,0) * 16px) rgba(63,255,103,.95));overflow:hidden;transition:opacity .18s ease}.solar-ev-cable-line:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;border-left:5px solid #071017;border-bottom:5px solid #071017;border-radius:0 0 0 58px}.solar-ev-cable-line:after{left:0;bottom:0;width:calc(var(--ev-build,0) * 100%);height:100%;border-left:5px solid #46ff68;border-bottom:5px solid #46ff68;border-radius:0 0 0 58px;box-shadow:0 0 16px rgba(70,255,104,.9);transition:width .22s ease}
.solar-panel-build-layer{opacity:var(--panel-build,0);clip-path:inset(0 calc(100% - (var(--panel-build,0) * 100%)) 0 0);filter:drop-shadow(0 0 calc(var(--panel-build,0) * 16px) rgba(74,172,255,.42));mix-blend-mode:normal}.solar-right-battery{right:4.7%;top:62.6%;width:78px;height:120px;border-radius:10px;background:linear-gradient(120deg,rgba(215,239,233,.96),rgba(128,184,176,.94));border:2px solid rgba(80,255,135,.78);box-shadow:0 16px 30px rgba(0,0,0,.34),0 0 calc(var(--battery-build,0) * 26px) rgba(68,255,116,.75);opacity:calc(var(--battery-build,0) * .98)}.right-battery-shell{left:22px;top:38px;width:34px;height:58px;border-color:rgba(12,55,66,.82);background:rgba(235,255,252,.18)}.right-battery-fill{height:calc(var(--battery-build,0) * 50px);background:linear-gradient(180deg,#5eff91,#31e6d6)}.right-battery-bolt{bottom:6px;color:#ff8a21}.solar-blue-wire{opacity:calc(var(--battery-build,0) * .98);filter:drop-shadow(0 0 calc(var(--battery-build,0) * 15px) rgba(38,218,255,.85))}.solar-blue-wire:after{background:#26d8ff;box-shadow:0 0 14px rgba(38,216,255,.88)}.solar-blue-wire-roof{right:8.1%;top:33%;height:24%}.solar-blue-wire-drop{right:6.9%;top:56.5%;width:32px;height:77px;border-left:4px solid #061119;border-bottom:4px solid #061119;box-shadow:inset 4px -4px 0 rgba(38,216,255,calc(var(--battery-build,0) * .95))}.solar-blue-wire-battery{right:6.2%;top:62%;height:17%}.solar-ev-port-mask{left:53.9%;top:56.5%;width:3.5%;height:14%;background:linear-gradient(180deg,rgba(38,43,45,.95),rgba(12,20,26,.94));opacity:calc(1 - var(--ev-build,0))}.solar-ev-cable-line{left:55.5%;top:61.8%;width:27%;height:17%;opacity:var(--ev-build,0);filter:drop-shadow(0 0 calc(var(--ev-build,0) * 18px) rgba(62,255,104,.95))}.solar-ev-cable-line:before{border-left:5px solid rgba(6,13,16,.92);border-bottom:5px solid rgba(6,13,16,.92);border-radius:0 0 0 62px}.solar-ev-cable-line:after{width:calc(var(--ev-build,0) * 100%);border-left:5px solid #45ff67;border-bottom:5px solid #45ff67;border-radius:0 0 0 62px;box-shadow:0 0 18px rgba(69,255,103,.95)}
.solar-right-battery,.solar-blue-wire,.solar-ev-port-mask,.solar-transform-battery-glow,.solar-transform-ev-glow{display:none!important}.solar-inverter-light{position:absolute;left:55.1%;top:54.7%;z-index:7;width:10px;height:48px;border-radius:999px;background:linear-gradient(180deg,rgba(129,224,255,.95),rgba(33,176,255,.95));box-shadow:0 0 calc(10px + (var(--ev-build,0) * 16px)) rgba(45,198,255,.88);opacity:calc(.28 + (var(--ev-build,0) * .72));pointer-events:none}.solar-ev-cable-line{left:55.05%;top:60.8%;width:12.3%;height:17.2%;z-index:7;opacity:var(--ev-build,0);border:0!important;overflow:hidden;filter:drop-shadow(0 0 calc(var(--ev-build,0) * 14px) rgba(58,194,255,.9));pointer-events:none}.solar-ev-cable-line:before,.solar-ev-cable-line:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;border-left:5px solid rgba(5,12,18,.82);border-bottom:5px solid rgba(5,12,18,.82);border-radius:0 0 0 46px}.solar-ev-cable-line:after{width:calc(var(--ev-build,0) * 100%);border-left-color:#38c8ff;border-bottom-color:#38c8ff;box-shadow:0 0 16px rgba(56,200,255,.9);transition:width .22s ease}.solar-panel-build-layer{opacity:var(--panel-build,0);filter:drop-shadow(0 0 calc(var(--panel-build,0) * 10px) rgba(74,172,255,.28))}
.solar-right-battery,.right-battery-shell,.right-battery-fill,.right-battery-bolt,.solar-blue-wire,.solar-energy-path,.solar-transform-energy{display:none!important}.solar-panel-build-layer{opacity:var(--panel-build,0);clip-path:inset(0 calc(100% - (var(--panel-build,0) * 100%)) 0 0);filter:none;mix-blend-mode:normal}.solar-inverter-light{position:absolute;left:55.25%;top:54.6%;z-index:8;width:8px;height:45px;border-radius:999px;background:#42c9ff;box-shadow:0 0 12px rgba(66,201,255,.8),0 0 calc(var(--ev-build,0) * 18px) rgba(66,201,255,.85);opacity:calc(.42 + (var(--ev-build,0) * .58));pointer-events:none}.solar-ev-cable-line{position:absolute;left:55.3%;top:61.2%;width:11.8%;height:15.2%;z-index:8;opacity:var(--ev-build,0);border:0!important;overflow:hidden;filter:drop-shadow(0 0 calc(var(--ev-build,0) * 12px) rgba(66,201,255,.8));pointer-events:none;transition:opacity .18s ease}.solar-ev-cable-line:before,.solar-ev-cable-line:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;border-left:4px solid rgba(4,11,17,.78);border-bottom:4px solid rgba(4,11,17,.78);border-radius:0 0 0 42px}.solar-ev-cable-line:after{width:calc(var(--ev-build,0) * 100%);border-left-color:#42c9ff;border-bottom-color:#42c9ff;box-shadow:0 0 12px rgba(66,201,255,.86);transition:width .2s ease}
.solar-panel-build-layer,.solar-right-battery,.right-battery-shell,.right-battery-fill,.right-battery-bolt,.solar-blue-wire,.solar-energy-path,.solar-transform-energy,.solar-inverter-light,.solar-ev-cable-line{display:none!important}
.solar-transform-base{opacity:0}.solar-transform-overlay{clip-path:none!important;inset:0;opacity:1}.solar-panel-build-layer,.solar-right-battery,.right-battery-shell,.right-battery-fill,.right-battery-bolt,.solar-blue-wire,.solar-energy-path,.solar-transform-energy,.solar-inverter-light,.solar-ev-cable-line{display:none!important}.solar-transform-glow{background:linear-gradient(90deg,transparent calc(var(--solar-progress) - 2%),rgba(86,190,255,.18) var(--solar-progress),transparent calc(var(--solar-progress) + 2%))}
.solar-transform-base{opacity:1!important;z-index:1}.solar-transform-overlay{display:none!important}.solar-panel-build-layer,.solar-inverter-build-layer,.solar-ev-build-layer{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.solar-panel-build-layer{z-index:3;opacity:var(--panel-build,0);clip-path:inset(0 calc(100% - (var(--panel-build,0) * 100%)) 0 0);filter:none;transition:opacity .16s ease,clip-path .16s ease}.solar-inverter-build-layer{z-index:4;opacity:var(--inverter-build,0);transition:opacity .16s ease}.solar-ev-build-layer{z-index:5;opacity:var(--ev-build,0);clip-path:inset(0 calc(100% - (var(--ev-build,0) * 100%)) 0 0);transition:opacity .16s ease,clip-path .18s ease}.solar-right-battery,.right-battery-shell,.right-battery-fill,.right-battery-bolt,.solar-blue-wire,.solar-energy-path,.solar-transform-energy,.solar-inverter-light,.solar-ev-cable-line{display:none!important}.solar-transform-glow{z-index:6;background:linear-gradient(90deg,transparent calc(var(--solar-progress) - 2%),rgba(86,190,255,.14) var(--solar-progress),transparent calc(var(--solar-progress) + 2%))}
.solar-transform-base{opacity:1!important;z-index:1}.solar-transform-overlay{display:none!important}.solar-panel-build-layer,.solar-roof-wire-build-layer,.solar-inverter-build-layer,.solar-battery-build-layer,.solar-station-build-layer,.solar-ev-build-layer{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity .18s ease,clip-path .18s ease}.solar-panel-build-layer{z-index:3;opacity:var(--panel-build,0);clip-path:inset(0 calc(100% - (var(--panel-build,0) * 100%)) 0 0)}.solar-roof-wire-build-layer{z-index:4;opacity:var(--roof-wire-build,0);clip-path:inset(0 0 calc(100% - (var(--roof-wire-build,0) * 100%)) 0)}.solar-inverter-build-layer{z-index:5;opacity:var(--inverter-build,0)}.solar-battery-build-layer{z-index:5;opacity:var(--battery-build,0)}.solar-station-build-layer{z-index:6;opacity:var(--station-build,0)}.solar-ev-build-layer{z-index:7;opacity:var(--ev-build,0);clip-path:inset(0 calc(100% - (var(--ev-build,0) * 100%)) 0 0)}.solar-right-battery,.right-battery-shell,.right-battery-fill,.right-battery-bolt,.solar-blue-wire,.solar-energy-path,.solar-transform-energy,.solar-inverter-light,.solar-ev-cable-line{display:none!important}.solar-transform-glow{z-index:8;background:linear-gradient(90deg,transparent calc(var(--solar-progress) - 2%),rgba(86,190,255,.12) var(--solar-progress),transparent calc(var(--solar-progress) + 2%))}
.white-photo img{object-position:center}.split-img img{object-position:center}.city{min-height:620px;background:linear-gradient(90deg,rgba(7,3,30,.88),rgba(7,3,30,.62) 46%,rgba(7,3,30,.28)),url('../images/home-pakistan-energy-map.jpg') center/cover no-repeat}.city .container{max-width:900px}.city h2{font-size:clamp(34px,5vw,58px);line-height:1.06;margin:12px auto 18px;text-shadow:0 14px 42px rgba(0,0,0,.42)}.city p{font-size:17px}.city .btn{box-shadow:0 18px 36px rgba(255,180,0,.28)}
.map-shell{display:grid;grid-template-rows:auto 1fr;gap:12px;padding:14px}.map-tools{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center}.map-tools input{min-height:48px;border:0;border-radius:999px;padding:0 18px}.map-tools .btn{min-height:48px;box-shadow:none}.map-tools .btn.outline{border-color:rgba(255,255,255,.45);color:#fff}.vanilla-map{position:relative;overflow:hidden;border-radius:18px;background:#071527;touch-action:none;user-select:none}.vanilla-map-tiles,.vanilla-map-labels{position:absolute;inset:0}.vanilla-map-tiles img,.vanilla-map-labels img{position:absolute;width:256px;height:256px;max-width:none}.vanilla-map-labels{z-index:1;pointer-events:none}.vanilla-map-draw,.vanilla-map-markers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vanilla-map-draw{z-index:2}.vanilla-map-markers{z-index:3}.roof-polygon{fill:rgba(45,140,255,.28);stroke:#2d8cff;stroke-width:3}.roof-polyline{fill:none;stroke:#8fd0ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.roof-marker{position:absolute;z-index:4;width:20px;height:20px;border-radius:50%;border:3px solid #fff;background:#2d8cff;box-shadow:0 0 0 6px rgba(45,140,255,.2),0 0 22px rgba(45,140,255,.75);transform:translate(-50%,-50%);pointer-events:auto;cursor:grab}.roof-marker:active{cursor:grabbing}.vanilla-map-zoom{position:absolute;right:14px;top:14px;z-index:5;display:grid;gap:6px}.vanilla-map-zoom button{width:38px;height:38px;border:0;border-radius:8px;background:#fff;color:#071527;font-size:24px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.2);cursor:pointer}.vanilla-map-help,.vanilla-map-credit{position:absolute;z-index:5;background:rgba(7,21,39,.82);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 14px;font-size:13px}.vanilla-map-help{left:14px;bottom:14px}.vanilla-map-credit{right:14px;bottom:14px;font-size:11px;opacity:.82}@media(max-width:820px){.map-tools{grid-template-columns:1fr 1fr}.map-tools input{grid-column:1/-1}}@media(max-width:620px){.map-tools{grid-template-columns:1fr}.map-tools .btn{width:100%}.vanilla-map-help{right:14px;border-radius:12px}.vanilla-map-credit{display:none}}
.roof-feature>img{object-position:center}.feature-hotspot-one{left:29%;top:43%}.feature-hotspot-two{left:63%;top:38%}.feature-hotspot-three{left:56%;top:58%}.feature-hotspot-two .feature-line{height:74px}.feature-hotspot-two .feature-card{bottom:auto;top:18px;transform:translateX(-48%)}.feature-hotspot-two:hover .feature-card,.feature-hotspot-two:focus-visible .feature-card{max-width:330px}.feature-hotspot-three .feature-card{transform:translateX(-44%)}
.public-dev-credit{margin-left:12px;border:0;background:transparent;color:#9fa2bd;font-size:11px;cursor:pointer}.public-dev-credit:hover{color:#fff}.public-dev-modal{position:fixed;inset:0;z-index:1300;background:rgba(4,3,20,.68);display:none;align-items:center;justify-content:center;padding:22px}.public-dev-modal.open{display:flex}.public-dev-dialog{position:relative;width:min(430px,92vw);border-radius:20px;background:linear-gradient(145deg,#fff,#eef6ff);color:#071527;text-align:center;padding:32px;box-shadow:0 32px 100px rgba(0,0,0,.38)}.public-dev-dialog h2{margin:0 0 18px;font-size:28px}.public-dev-dialog p{margin:18px 0 0;color:#344054;font-weight:800}.public-dev-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#071527;font-size:25px;cursor:pointer}.floating-calculator{position:fixed;z-index:900;display:inline-flex;align-items:center;gap:11px;min-height:52px;padding:11px 18px 11px 15px;border-radius:999px;background:#06172b;color:#fff;font-weight:800;text-transform:none;letter-spacing:.01em;box-shadow:0 14px 34px rgba(3,18,35,.28);border:1px solid rgba(255,255,255,.12);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.floating-calculator .floating-calculator-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;background:transparent;border-radius:0}.floating-calculator .floating-calculator-icon svg{width:29px;height:29px;display:block}.floating-calculator .floating-calculator-text{width:auto;height:auto;display:inline;line-height:1.1;background:transparent;border-radius:0;font-size:14px}.floating-calculator:hover{background:#0a2340;box-shadow:0 18px 40px rgba(3,18,35,.34);transform:translateY(-2px)}.floating-calculator.bottom-right{right:22px;bottom:22px}.floating-calculator.right-center{right:22px;top:50%;transform:translateY(-50%)}.floating-calculator.bottom-left{left:22px;bottom:22px}.floating-calculator.left-center{left:22px;top:50%;transform:translateY(-50%)}@media(max-width:620px){.floating-calculator{right:14px!important;left:auto!important;bottom:14px!important;top:auto!important;transform:none!important;min-height:48px;padding:10px 14px;font-size:12px}}
.copy{text-align:center}.copy-main{display:block}.copy-credit-line{display:block;margin-top:10px}.copy-credit-line .public-dev-credit{margin-left:0;color:#d7dcf5;font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.copy-credit-line .public-dev-credit:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}

body{font-size:var(--site-font-size);line-height:var(--site-line-height);letter-spacing:var(--site-letter-spacing)}.topbar.scrolled,.topbar.light,.topbar.mega-active{background:var(--header-bg)}.menu>a{color:var(--header-transparent-text)}.topbar.scrolled .menu>a,.topbar.light .menu>a,.topbar.mega-active .menu>a,.topbar.scrolled .login,.topbar.light .login,.topbar.mega-active .login{color:var(--header-text)}.topbar.scrolled .menu>a:hover,.topbar.light .menu>a:hover,.topbar.mega-active .menu>a:hover,.menu>a.active-menu,.mega-group-title,.mega-sub:hover,.mega-sub.is-active,.mega-chip:hover{color:var(--header-hover)!important}.menu>a.active-menu:before,.mega-next{background:var(--header-hover)}.btn{background:var(--button-bg);color:var(--button-text);box-shadow:0 18px 34px color-mix(in srgb,var(--button-bg) 24%,transparent)}.btn:hover{background:var(--button-hover-bg);color:var(--button-text)}.footer{background:var(--footer-bg)}.footer a,.footer p{color:var(--footer-text)}.footer h4,.footer h3{color:var(--footer-heading)}.logo{object-fit:contain}.brand .logo{width:255px;max-height:76px}.footer .logo{width:280px;max-height:105px}.site-loader{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;background:#030303;transition:opacity .25s ease}.site-loader img{width:min(560px,78vw);height:auto;animation:loaderPulse 1.15s ease-in-out infinite}.site-loader.hide{opacity:0;visibility:hidden;pointer-events:none}@keyframes loaderPulse{50%{transform:scale(1.025);opacity:.82}}.promo-modal{background:var(--popup-overlay)}.promo-card{border-radius:24px;color:var(--popup-text-color)}.promo-content{color:var(--popup-text-color);gap:16px}.promo-content h2{max-width:360px}.promo-content p{max-width:360px;line-height:1.55;margin:0}.promo-button{background:var(--popup-button-bg);color:#151515!important;width:max-content}.promo-button:hover{background:var(--button-hover-bg);color:#151515!important}.promo-button.center{align-self:center}.promo-button.right{align-self:flex-end}.promo-card.top-left .promo-content{justify-content:flex-start;align-items:flex-start;text-align:left}.promo-card.top-center .promo-content{justify-content:flex-start;align-items:center;text-align:center}.promo-card.top-right .promo-content{justify-content:flex-start;align-items:flex-end;text-align:right}.promo-card.center-left .promo-content{justify-content:center;align-items:flex-start;text-align:left}.promo-card.center .promo-content{justify-content:center;align-items:center;text-align:center}.promo-card.center-right .promo-content{justify-content:center;align-items:flex-end;text-align:right}.promo-card.bottom-left .promo-content{justify-content:flex-end;align-items:flex-start;text-align:left}.promo-card.bottom-center .promo-content{justify-content:flex-end;align-items:center;text-align:center}.promo-card.bottom-right .promo-content{justify-content:flex-end;align-items:flex-end;text-align:right}.footer canvas{opacity:.82}
.home-process-flow{background:#fff;color:#070b28;padding:92px 0 88px;text-align:center;overflow:hidden}.home-process-flow .container{width:min(1180px,88vw)}.home-process-flow .eyebrow{color:var(--site-accent,#ffb400);font-size:16px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;margin:0 0 28px}.home-process-flow h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:0 auto 18px;max-width:840px}.process-intro{max-width:760px;margin:0 auto 56px;color:#30354f;line-height:1.8}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:58px 68px;position:relative}.process-step{position:relative;min-height:138px;display:grid;grid-template-columns:82px 1fr;align-items:center;gap:18px;text-align:left;border:1px solid #071032;border-radius:8px;padding:16px 42px 16px 18px;background:#fff;box-shadow:0 24px 50px rgba(8,13,40,.06)}.process-step:after{content:'';position:absolute;right:-48px;top:50%;width:30px;height:2px;background:#071032}.process-step:nth-child(3):after,.process-step:nth-child(6):after,.process-step:nth-child(9):after{display:none}.process-step:nth-child(3):before,.process-step:nth-child(6):before{content:'';position:absolute;left:50%;bottom:-43px;width:2px;height:30px;background:#071032}.process-number{position:absolute;right:20px;top:-16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--site-accent,#ffb400);color:#151515;font-weight:900;font-size:15px}.process-step img{width:82px;height:82px;object-fit:cover;border-radius:8px;border:1px solid #edf0f6}.process-step h3{font-size:15px;line-height:1.3;margin:0 0 5px;color:#071032}.process-step p{font-size:13px;line-height:1.55;margin:0;color:#222743}.home-process-flow .btn{margin-top:42px}.btn.outline.dark{border-color:#071032;color:#071032;background:#fff;box-shadow:none}.btn.outline.dark:hover{background:#071032;color:#fff}.nav-actions{margin-left:32px}.brand .logo{width:275px;max-height:78px}.footer .logo{width:310px;max-height:110px}@media(max-width:1050px){.process-grid{grid-template-columns:1fr 1fr;gap:28px}.process-step:after,.process-step:nth-child(3):before,.process-step:nth-child(6):before{display:none}.process-step{padding-right:34px}.brand .logo{width:232px}}@media(max-width:680px){.home-process-flow{padding:68px 0}.process-intro{margin-bottom:30px}.process-grid{grid-template-columns:1fr}.process-step{grid-template-columns:72px 1fr;min-height:120px;padding:14px 34px 14px 14px}.process-step img{width:72px;height:72px}.process-number{right:14px}.home-process-flow .btn{width:100%;margin-top:28px}.brand .logo{width:188px}.footer .logo{width:230px}}
.process-step img{grid-row:1/3}.process-step h3,.process-step p{grid-column:2}.process-step{align-content:center}

/* Admin-controlled universal accent */
.eyebrow,
.menu>a.active-menu,
.mega-group-title,
.mega-group-trigger,
.mega-sub:hover,
.mega-sub.is-active,
.mega-chip:hover,
.home-process-flow .eyebrow,
.service-tabs a.active,
.public-dev-credit:hover{color:var(--site-accent)!important}
.btn,
.btn.red,
.promo-button,
.mega-next,
.mobile-cta,
.play,
.process-number,
.energy-orbit,
.energy-orbit:before,
.energy-orbit:after{background:var(--site-accent)!important}
.energy-orbit{background:transparent!important;border-color:var(--site-accent)!important}
.energy-icon,
.mobile-parent:after,
.mobile-submenu a:hover{color:var(--site-accent)!important}
.menu>a.active-menu:before,
.service-tabs a.active{border-color:var(--site-accent)!important}
.result{background:color-mix(in srgb,var(--site-accent) 18%,transparent);border-color:color-mix(in srgb,var(--site-accent) 30%,transparent)}
.energy-copy h1 span,
.energy-copy h2 span,
.hero .energy-copy span,
.page-hero .eyebrow,
.cta-white .eyebrow{color:var(--site-accent)!important}
.btn:hover,
.btn.red:hover,
.promo-button:hover,
.mobile-cta:hover,
.home-process-flow .btn:hover,
.city .btn:hover,
.form .btn:hover,
.calc .btn:hover,
.map-tools .btn:hover{background:var(--button-hover-bg)!important;color:var(--button-text)!important}
.btn.outline:hover,
.btn.outline.dark:hover{background:var(--button-hover-bg)!important;border-color:var(--button-hover-bg)!important;color:var(--button-text)!important}

/* Shared footer and developer-credit refinements */
.footer{position:relative;isolation:isolate}
.footer canvas#particles{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.72;pointer-events:auto}
.footer:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(255,180,0,.12),transparent 24%),linear-gradient(180deg,rgba(8,3,38,.18),rgba(8,3,38,.54))}
.footer .container{position:relative;z-index:2}
.copy-main{font-size:14px;letter-spacing:0}
.public-dev-dialog{background:#fff;color:#071527}
.public-dev-dialog h2{font-size:26px;line-height:1.2;margin:0 0 20px}
.public-dev-dialog .btn{width:auto;min-width:178px}

/* Final public layout corrections */
.brand .logo,.topbar .logo{width:248px;max-height:66px;object-fit:contain}.nav{height:82px}.mega{top:82px}.topbar.scrolled .logo-light,.topbar.light .logo-light,.topbar.mega-active .logo-light{display:none!important}.topbar.scrolled .logo-dark,.topbar.light .logo-dark,.topbar.mega-active .logo-dark{display:block!important}.solar-home-page .topbar.scrolled{background:#fff!important;box-shadow:0 10px 32px rgba(4,7,28,.08)!important;border-bottom:1px solid #eceef5!important}.solar-home-page .topbar.scrolled .logo-light{display:none!important}.solar-home-page .topbar.scrolled .logo-dark{display:block!important}.solar-home-page .topbar.scrolled .menu>a,.solar-home-page .topbar.scrolled .menu>a.has-arrow:after{color:#15172c!important}.solar-home-page .service-tabs{top:82px}.page-hero{padding:150px 0 86px;overflow:hidden}.page-hero h1{max-width:min(920px,100%);font-size:clamp(38px,5vw,72px);line-height:1.08;letter-spacing:0;margin:16px 0 20px;overflow-wrap:break-word}.page-hero .lead{max-width:min(850px,100%);font-size:clamp(18px,2.1vw,24px);line-height:1.6}.cards{align-items:stretch}.cards .card{display:flex;flex-direction:column;min-height:100%;overflow:hidden}.cards .card img{width:100%;height:230px;max-height:230px;object-fit:cover;border-radius:16px;margin-bottom:20px;background:#f3f5f9}.cards .card .btn{margin-top:auto}.cards .card h3{line-height:1.25}.cards .card p{line-height:1.65}
@media(max-width:1050px){.brand .logo,.topbar .logo{width:210px;max-height:60px}.nav{height:82px}.mega{top:82px}.page-hero{padding:128px 0 66px}.page-hero h1{font-size:clamp(34px,7vw,58px);line-height:1.1}.cards .card img{height:210px;max-height:210px}}
@media(max-width:620px){.brand .logo,.topbar .logo{width:170px;max-height:52px}.page-hero{padding:112px 0 54px}.page-hero h1{font-size:clamp(32px,11vw,44px);line-height:1.12;margin:10px 0 16px}.page-hero .lead{font-size:17px;line-height:1.55}.cards .card img{height:185px;max-height:185px}.floating-calculator{max-width:calc(100vw - 28px);white-space:nowrap}}

@media(max-width:760px){
  .calculator{display:flex;flex-direction:column}
  .calculator .map-shell{order:-1}
  .calculator .calc{order:1}
  .map-tools{grid-template-columns:1fr}
  .map-tools .btn{width:100%;min-height:42px;padding:10px 14px;font-size:12px}
}
@media(max-width:620px){
  .hero{min-height:100svh;padding:84px 0 78px;align-items:center}
  .hero-core{width:min(92vw,420px);padding-top:0}
  .energy-mark{min-height:0;margin-bottom:24px;gap:14px}
  .energy-orbit{width:118px;height:118px}
  .energy-icon{inset:24px;font-size:38px}
  .energy-copy h1,.energy-copy h2{font-size:clamp(34px,10vw,42px)!important;line-height:1.04}
  .hero-tag{font-size:18px;line-height:1.45;margin-bottom:22px}
  .hero .btn{min-height:50px;padding:13px 20px;font-size:13px}
  .scroll-indicator{display:none}
  .floating-calculator{min-height:42px!important;padding:8px 12px!important;font-size:11px!important;gap:7px!important;max-width:calc(100vw - 30px)}
  .floating-calculator span{width:24px;height:24px;font-size:18px}
}

/* Solar for business */
.solar-business-page{background:#f5f7fb;color:#101426}.solar-business-page .topbar:not(.scrolled):not(.mega-active){background:transparent;box-shadow:none;border-bottom:0}.solar-business-page .topbar:not(.scrolled):not(.mega-active) .logo-light{display:block!important}.solar-business-page .topbar:not(.scrolled):not(.mega-active) .logo-dark{display:none!important}.solar-business-page .topbar:not(.scrolled):not(.mega-active) .menu>a,.solar-business-page .topbar:not(.scrolled):not(.mega-active) .menu>a.has-arrow:after{color:#fff!important}.business-hero{position:relative;min-height:calc(100vh - var(--public-header-height,82px));display:grid;align-items:center;overflow:hidden;background:#111827;color:#fff}.business-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.business-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,18,.78),rgba(3,6,18,.44) 46%,rgba(3,6,18,.12)),linear-gradient(0deg,rgba(3,6,18,.55),transparent 38%)}.business-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,760px) minmax(280px,390px);gap:42px;align-items:end;padding:86px 0}.business-hero-copy h1{font-size:clamp(38px,5.5vw,78px);line-height:1.02;letter-spacing:0;margin:0 0 22px;max-width:860px}.business-hero-copy p{font-size:clamp(17px,1.7vw,22px);line-height:1.65;color:#edf2ff;max-width:720px;margin:0 0 28px}.business-hero-accent{align-self:end;background:var(--site-accent);color:#fff;padding:32px;border-radius:8px;box-shadow:0 26px 70px color-mix(in srgb,var(--site-accent) 32%,transparent);min-height:230px;display:flex;flex-direction:column;justify-content:flex-end}.business-hero-accent strong{font-size:28px;line-height:1.08;margin-bottom:14px}.business-hero-accent span{line-height:1.65;font-weight:700;color:rgba(255,255,255,.9)}.business-focus,.business-comparisons,.business-final-cta{background:#f5f7fb;color:#101426}.business-focus{padding:94px 0 78px}.business-section-heading{max-width:850px;margin:0 auto 42px;text-align:center}.business-section-heading h2{font-size:clamp(30px,4vw,52px);line-height:1.1;margin:0;color:#101426}.business-section-heading p{color:#596174;line-height:1.75;font-size:17px;margin:16px auto 0;max-width:760px}.business-hover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.business-hover-card{position:relative;min-height:520px;overflow:hidden;border-radius:8px;background:#111827;box-shadow:0 22px 60px rgba(10,18,35,.16);isolation:isolate}.business-hover-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.business-hover-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,18,.84),rgba(3,6,18,.16) 62%);z-index:1}.business-hover-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px;color:#fff;transform:translateY(92px);transition:transform .38s ease}.business-hover-content span{display:inline-block;color:#fff;background:var(--site-accent);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.business-hover-content h3{font-size:clamp(25px,2.7vw,38px);line-height:1.08;margin:0 0 12px;color:#fff}.business-hover-content p{line-height:1.68;color:#edf2ff;margin:0}.business-hover-more{max-height:0;opacity:0;overflow:hidden;transition:max-height .38s ease,opacity .3s ease;margin-top:0}.business-hover-card:hover img,.business-hover-card:focus-within img{transform:scale(1.045);filter:saturate(1.05) contrast(1.04)}.business-hover-card:hover .business-hover-content,.business-hover-card:focus-within .business-hover-content{transform:translateY(0)}.business-hover-card:hover .business-hover-more,.business-hover-card:focus-within .business-hover-more{max-height:190px;opacity:1;margin-top:16px}.business-comparisons{padding:88px 0 96px}.business-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.business-compare-card{background:#fff;border:1px solid #e4e9f2;border-radius:8px;overflow:hidden;box-shadow:0 20px 54px rgba(15,23,42,.1)}.business-compare-media{position:relative;aspect-ratio:16/9;background:#dce3ee;overflow:hidden;cursor:ew-resize;touch-action:none}.business-compare-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.business-compare-before{z-index:1}.business-compare-after{z-index:2;clip-path:inset(0 calc(100% - var(--business-compare)) 0 0)}.business-compare-label{position:absolute;top:16px;z-index:4;padding:8px 12px;border-radius:999px;background:rgba(3,6,18,.72);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(8px)}.business-compare-label.before{right:16px}.business-compare-label.after{left:16px;background:color-mix(in srgb,var(--site-accent) 86%,#111827)}.business-compare-divider{position:absolute;top:0;bottom:0;left:var(--business-compare);z-index:3;width:2px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.28);transform:translateX(-50%)}.business-compare-handle{position:absolute;left:var(--business-compare);top:50%;z-index:4;width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.26);transform:translate(-50%,-50%)}.business-compare-handle:before,.business-compare-handle:after{content:'';position:absolute;top:50%;width:10px;height:10px;border-top:3px solid var(--site-accent);border-left:3px solid var(--site-accent)}.business-compare-handle:before{left:15px;transform:translateY(-50%) rotate(-45deg)}.business-compare-handle:after{right:15px;transform:translateY(-50%) rotate(135deg)}.business-compare-range{appearance:none;width:calc(100% - 48px);height:5px;margin:20px 24px 0;border-radius:999px;background:linear-gradient(90deg,var(--site-accent) var(--business-compare),#d9e1ec var(--business-compare));outline:0}.business-compare-range::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid var(--site-accent);box-shadow:0 6px 18px color-mix(in srgb,var(--site-accent) 30%,transparent);cursor:pointer}.business-compare-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid var(--site-accent);box-shadow:0 6px 18px color-mix(in srgb,var(--site-accent) 30%,transparent);cursor:pointer}.business-compare-copy{padding:24px}.business-compare-copy h3{margin:0 0 10px;color:#101426;font-size:23px}.business-compare-copy p{margin:0;color:#596174;line-height:1.7}.business-final-cta{text-align:center;padding:86px 0 98px;background:#fff}.business-final-cta .container{max-width:850px}.business-final-cta h2{font-size:clamp(30px,4vw,50px);line-height:1.12;margin:0 0 16px;color:#101426}.business-final-cta p{font-size:18px;line-height:1.7;color:#596174;margin:0 auto 28px}@media(max-width:980px){.business-hero-grid{grid-template-columns:1fr;align-items:end}.business-hero-accent{min-height:auto;max-width:520px}.business-hover-grid,.business-comparison-grid{grid-template-columns:1fr}.business-hover-card{min-height:460px}.business-hover-content{transform:translateY(0)}.business-hover-more{max-height:none;opacity:1;margin-top:16px}}@media(max-width:620px){.business-hero{min-height:auto}.business-hero-grid{padding:64px 0 48px;gap:28px}.business-hero-copy h1{font-size:clamp(34px,11vw,48px)}.business-hero-copy p{font-size:16px}.business-hero-accent{padding:24px}.business-hero-accent strong{font-size:24px}.business-focus,.business-comparisons,.business-final-cta{padding:62px 0}.business-hover-card{min-height:420px}.business-hover-content{padding:24px}.business-compare-label{top:10px;font-size:10px}.business-compare-label.before{right:10px}.business-compare-label.after{left:10px}.business-compare-handle{width:46px;height:46px}.business-compare-copy{padding:20px}.business-final-cta .btn,.business-hero .btn{width:100%}}

/* Video-matched Solar for Business corrections */
.solar-business-page{background:#fff;color:#08051f}
.solar-business-page .topbar,
.solar-business-page .topbar:not(.scrolled):not(.mega-active),
.solar-business-page .topbar.scrolled{background:#fff!important;border-bottom:1px solid #eceef5!important;box-shadow:none!important}
.solar-business-page .topbar .logo-light,
.solar-business-page .topbar:not(.mega-active) .logo-light{display:none!important}
.solar-business-page .topbar .logo-dark,
.solar-business-page .topbar:not(.mega-active) .logo-dark{display:block!important}
.solar-business-page .topbar .brand{width:255px;min-width:255px;height:76px;background:url('../images/nk-power-logo-black-text-transparent.webp') left center/248px auto no-repeat}
.solar-business-page .topbar .brand .logo{opacity:0!important;width:248px!important;height:76px!important}
.solar-business-page .topbar .menu>a,
.solar-business-page .topbar .menu>a.has-arrow:after,
.solar-business-page .topbar:not(.scrolled):not(.mega-active) .menu>a,
.solar-business-page .topbar:not(.scrolled):not(.mega-active) .menu>a.has-arrow:after{color:#15172c!important}
.business-service-tabs{position:sticky;top:82px;z-index:920;background:#fff;color:#15172c;border-top:0;border-bottom:1px solid #eef0f5}
.business-service-tabs .container{height:42px;width:min(760px,88vw);gap:30px;font-size:12px;justify-content:center}
.business-service-tabs a{padding:13px 0 10px;border-bottom:3px solid transparent}
.business-service-tabs a.active{border-color:var(--site-accent)!important;color:#15172c!important}
.business-hero{min-height:365px;height:365px;align-items:center;background:#0b0825;margin:0}
.business-hero>img{object-position:center 47%;filter:saturate(1.02) contrast(1.03)}
.business-hero-shade{background:linear-gradient(90deg,rgba(8,5,35,.86),rgba(8,5,35,.56) 31%,rgba(8,5,35,.08) 76%),linear-gradient(0deg,rgba(8,5,35,.1),rgba(8,5,35,.08))}
.business-hero-grid{display:block;padding:0;width:min(900px,86vw)}
.business-hero-copy{max-width:390px;padding-top:18px}
.business-hero-copy .eyebrow,.business-hero-accent{display:none!important}
.business-hero-copy h1{margin:0 0 18px;font-size:clamp(28px,3vw,39px);line-height:1.03;color:#fff;text-transform:uppercase;font-weight:900;letter-spacing:.02em}
.business-hero-copy h1 span{color:var(--site-accent)}
.business-hero-copy p{margin:0;max-width:360px;color:#fff;font-size:13px;line-height:2;font-weight:700}
.business-intro{background:#fff;color:#08051f;text-align:center;padding:42px 0 54px}
.business-intro .container{width:min(760px,88vw)}
.business-intro h2{margin:0 0 14px;font-size:clamp(26px,3vw,34px);line-height:1.15;text-transform:uppercase;font-weight:900;letter-spacing:.02em;color:#08051f}
.business-intro h3{margin:0 0 18px;font-size:20px;line-height:1.35;color:#08051f}
.business-intro p{margin:0 auto;max-width:720px;color:#42465a;font-size:13px;line-height:1.9}
.business-focus{padding:0;background:#fff}
.business-focus .container{width:100%;max-width:none}
.business-hover-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.business-hover-card{min-height:385px;border-radius:0;box-shadow:none;background:#08051f}
.business-hover-card:after{background:linear-gradient(90deg,rgba(8,5,35,.78),rgba(8,5,35,.45) 48%,rgba(8,5,35,.08))}
.business-hover-card img{filter:saturate(.94)}
.business-hover-content{left:0;right:auto;top:0;bottom:0;width:min(420px,72%);padding:0 0 0 min(13vw,190px);display:flex;flex-direction:column;justify-content:center;transform:none}
.business-hover-content span{display:none}
.business-hover-content h3{font-size:clamp(26px,3vw,36px);line-height:1.1;text-transform:uppercase;font-weight:900;margin:0 0 20px;color:#fff}
.business-hover-content p{font-size:13px;line-height:1.8;color:#fff;font-weight:800}
.business-hover-more{max-height:0;opacity:0;margin-top:0}
.business-hover-card:hover .business-hover-more{max-height:120px;opacity:1;margin-top:16px}
.business-hover-card:hover img{transform:scale(1.03);filter:saturate(.98)}
.business-comparisons{background:#fff;padding:54px 0 76px;color:#08051f}
.business-comparisons .container{width:min(980px,88vw)}
.business-section-heading{max-width:760px;margin:0 auto 34px;text-align:center}
.business-section-heading h2{font-size:clamp(20px,2.2vw,27px);line-height:1.25;color:#08051f;text-transform:none;font-weight:900}
.business-section-heading p{font-size:13px;color:#636678;line-height:1.8;margin-top:12px}
.business-comparison-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #e9e9f1;border-left:1px solid #e9e9f1;border-right:1px solid #e9e9f1}
.business-compare-card{position:relative;display:grid;grid-template-columns:245px 1fr;background:#fff;border:0;border-bottom:1px solid #e9e9f1;border-radius:0;box-shadow:none;overflow:hidden;min-height:292px}
.business-compare-copy{background:#08051f;color:#fff;padding:28px 26px}
.business-compare-copy h3{color:#fff;margin:0 0 18px;font-size:24px;line-height:1.25;font-weight:850}
.business-compare-copy p{color:#fff;margin:0;font-size:13px;line-height:1.95;font-weight:600}
.business-compare-media{aspect-ratio:auto;height:292px;border-radius:0;background:#d7dbe4}
.business-compare-media img{object-fit:cover}
.business-compare-label{top:10px;padding:3px 7px;border-radius:0;background:#fff!important;color:#08051f;font-size:10px;letter-spacing:0;font-weight:700;text-transform:uppercase}
.business-compare-label.before{left:0;right:auto}
.business-compare-label.after{right:0;left:auto}
.business-compare-divider{width:4px;background:var(--site-accent);box-shadow:none}
.business-compare-handle{width:32px;height:32px;background:var(--site-accent);border:3px solid var(--site-accent);box-shadow:0 8px 22px color-mix(in srgb,var(--site-accent) 34%,transparent)}
.business-compare-handle:before,.business-compare-handle:after{width:7px;height:7px;border-color:#fff;border-width:2px}
.business-compare-handle:before{left:8px}
.business-compare-handle:after{right:8px}
.business-compare-range{position:absolute;left:245px;right:0;bottom:0;width:calc(100% - 245px);height:100%;margin:0;opacity:0;z-index:5;cursor:ew-resize}
.business-final-cta{background:#fff;padding:70px 0 86px}
.business-final-cta h2{font-size:clamp(26px,3vw,38px);color:#08051f}
.business-final-cta p{font-size:15px;color:#5c6072}
@media(max-width:980px){
  .business-service-tabs{top:82px;overflow:auto}
  .business-service-tabs .container{width:max-content;min-width:100%;justify-content:flex-start;padding:0 20px}
  .solar-business-page .topbar .brand{width:210px;min-width:210px;background-size:210px auto}
  .solar-business-page .topbar .brand .logo{width:210px!important}
  .business-hero{height:auto;min-height:390px}
  .business-hero-grid{padding:64px 0}
  .business-hover-grid{grid-template-columns:1fr}
  .business-hover-content{width:min(430px,82%);padding-left:9vw}
  .business-compare-card{grid-template-columns:1fr}
  .business-compare-copy{padding:24px}
  .business-compare-media{height:auto;aspect-ratio:16/9}
  .business-compare-range{left:0;width:100%}
}
@media(max-width:620px){
  .business-hero{min-height:340px}
  .solar-business-page .topbar .brand{width:170px;min-width:170px;background-size:170px auto}
  .solar-business-page .topbar .brand .logo{width:170px!important}
  .business-hero-grid{padding:44px 0}
  .business-hero-copy{max-width:310px}
  .business-hero-copy h1{font-size:30px}
  .business-hero-copy p{font-size:12px;line-height:1.75}
  .business-intro{padding:34px 0 42px}
  .business-hover-card{min-height:340px}
  .business-hover-content{width:86%;padding-left:26px;padding-right:20px}
  .business-hover-content h3{font-size:25px}
  .business-comparisons .container{width:94vw}
  .business-compare-copy h3{font-size:22px}
  .business-compare-media{aspect-ratio:4/3}
}

/* Referral Programme */
.referral-banner{position:relative;min-height:var(--ref-height);background-image:linear-gradient(90deg,rgba(5,8,24,var(--ref-overlay)),rgba(5,8,24,calc(var(--ref-overlay)*.38))),var(--ref-bg);background-size:cover;background-position:center;overflow:hidden;color:var(--ref-color);margin-top:0}.referral-banner-copy{position:absolute;left:var(--ref-x);top:var(--ref-y);width:var(--ref-width);transform:translateY(-50%);text-align:var(--ref-align);word-spacing:var(--ref-word)}.referral-banner h1{font-size:var(--ref-head);line-height:1.04;margin:0 0 18px;color:inherit;text-transform:uppercase;letter-spacing:0;font-weight:900}.referral-banner p{font-size:var(--ref-body);line-height:1.65;margin:0;color:inherit;font-weight:700}.referral-details{background:#fff;color:#101426;padding:84px 0}.referral-heading{text-align:center;max-width:900px;margin:0 auto 42px}.referral-heading h2{font-size:clamp(30px,4vw,52px);line-height:1.13;margin:0 0 16px;color:#101426}.referral-heading p{color:#5d6477;line-height:1.75;font-size:17px}.referral-reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0}.referral-reward-grid article,.referral-rule-grid article{background:#f7f8fb;border:1px solid #e5eaf3;border-radius:8px;padding:24px;color:#101426}.referral-reward-grid small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:900;color:var(--site-accent);margin-bottom:10px}.referral-reward-grid strong{display:block;font-size:30px;line-height:1.1;color:#101426}.referral-reward-grid p,.referral-rule-grid p{color:#5d6477;line-height:1.7;margin-bottom:0}.referral-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.referral-rule-grid h3{margin:0 0 10px;color:#101426}.referral-form-section{background:#08051f;color:#fff;padding:86px 0}.referral-form-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:start}.referral-form-grid h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:0 0 18px}.referral-form-grid p{color:#d8dbea;line-height:1.8}.referral-public-form h3{margin:10px 0 0;color:#fff}.referral-public-form.panel{background:rgba(255,255,255,.08);border-radius:8px}.referral-public-form input,.referral-public-form textarea,.referral-public-form select{border-radius:8px}.referral-public-form button:disabled,.referral-public-form input:disabled,.referral-public-form textarea:disabled,.referral-public-form select:disabled{opacity:.65;cursor:not-allowed}.notice.warning{background:#fff6df;color:#7a4a00;border:1px solid #efd184}@media(max-width:900px){.referral-banner{min-height:var(--ref-mobile-height)}.referral-banner-copy{width:min(86%,var(--ref-width));left:min(var(--ref-x),70%)}.referral-banner h1{font-size:clamp(30px,calc(var(--ref-head)*.7),46px)}.referral-banner p{font-size:clamp(14px,calc(var(--ref-body)*.9),20px)}.referral-reward-grid,.referral-rule-grid,.referral-form-grid{grid-template-columns:1fr}}@media(max-width:620px){.referral-details,.referral-form-section{padding:62px 0}.referral-banner-copy{left:7%;top:56%;width:86%;text-align:left}.referral-banner h1{font-size:34px}.referral-banner p{font-size:15px}.referral-reward-grid strong{font-size:26px}}

/* =========================================================
   NK Power 2026 responsive + performance polish
   ========================================================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
img{height:auto}

/* Keep the first paint immediate and stable. */
.home-page .nk-hero{min-height:max(700px,100svh);contain:layout paint style;background:#050217}
.home-page .nk-hero-stage{inset:82px 0 148px}
.home-page .nk-hero-copy{bottom:72px;width:min(760px,90vw)}
.home-page .nk-hero-copy .hero-tag{font-weight:600;line-height:1.45;text-wrap:balance}
.home-page .nk-hero-copy .btn.outline{background:var(--site-accent,#ffa200);border-color:#fff;color:#fff;box-shadow:0 14px 34px color-mix(in srgb,var(--site-accent,#ffa200) 28%,transparent)}
.home-page .nk-hero-copy .btn.outline:hover{background:var(--button-hover-bg,#e58f00);color:#fff;transform:translateY(-1px)}
.home-page .nk-hero-progress b{background:linear-gradient(90deg,#ffb400,#1688d4)}
.home-page .nk-hero-progress{bottom:30px}

/* Keep the hero artwork visible behind its controls; no dark bottom bar. */
.home-page .nk-hero:after{background:transparent!important;box-shadow:none!important}
.home-page .nk-hero-stage{bottom:0!important}
.home-page .nk-hero+.section.dark{background:#090326}
/* The five supplied solution visuals are real cards, not font glyphs. */
.home-page .solution-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.55vw,24px);max-width:1280px;margin:52px auto 0;align-items:stretch}
.home-page .solution-row .sol{display:block;position:relative;border-radius:22px;overflow:hidden;background:#09082a;border:1px solid rgba(255,255,255,.09);box-shadow:0 16px 40px rgba(0,0,0,.22);isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.home-page .solution-row .sol:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,180,0,0);transition:box-shadow .25s ease;pointer-events:none}
.home-page .solution-row .sol img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.home-page .solution-row .sol:hover,.home-page .solution-row .sol:focus-visible{transform:translateY(-7px);border-color:rgba(255,180,0,.4);box-shadow:0 24px 52px rgba(0,0,0,.32)}
.home-page .solution-row .sol:hover:after,.home-page .solution-row .sol:focus-visible:after{box-shadow:inset 0 0 0 1px rgba(255,180,0,.44)}
.home-page .solution-row .sol:hover img,.home-page .solution-row .sol:focus-visible img{transform:scale(1.025);filter:brightness(1.04)}

/* Below-the-fold photography: responsive wrappers + no layout shift. */
.home-page .white-photo picture,.home-page .split-img picture{display:block;width:100%;height:100%}
.home-page .white-photo picture img,.home-page .split-img picture img{display:block;width:100%;height:100%;object-fit:cover}

.home-page{--home-feature-height:clamp(540px,32.25vw,620px)}
.home-page .white-photo{height:var(--home-feature-height);min-height:0}
/* Full-screen Mission & Vision image treatment. */
.home-page .split{position:relative;display:grid;grid-template-columns:1fr;height:var(--home-feature-height);min-height:0;overflow:hidden;isolation:isolate;background:#071024}
.home-page .split-img{position:absolute;inset:0;z-index:0;overflow:hidden}
.home-page .split-img picture{position:absolute;inset:0;width:100%;height:100%}
.home-page .split-img picture img{width:100%;height:100%;object-fit:cover;object-position:center 62%;filter:saturate(1.16) contrast(1.1) brightness(1.07);transform:scale(1.002)}
.home-page .split:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,24,.88) 0%,rgba(3,8,24,.7) 31%,rgba(3,8,24,.25) 57%,rgba(3,8,24,.02) 82%),linear-gradient(180deg,rgba(3,8,24,.08),rgba(3,8,24,.2))}
.home-page .split-copy{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;width:min(1410px,86vw);margin:auto;padding:58px 0;background:transparent;color:#fff}
.home-page .split-copy>div{width:min(610px,48vw)}
.home-page .split-copy h2{max-width:580px;margin:0 0 18px;color:#fff;font-size:clamp(34px,3.35vw,50px);line-height:1.08;text-shadow:0 4px 24px rgba(0,0,0,.42)}
.home-page .split-copy p{max-width:590px;color:#f1f4ff;font-size:15px;line-height:1.65;text-shadow:0 2px 15px rgba(0,0,0,.5)}
.home-page .split-copy .btn{width:auto;margin-top:12px}
/* Final Pakistan energy section with GPU-friendly parallax. */
.home-page .city.city-parallax{--parallax-y:0px;position:relative;height:var(--home-feature-height);min-height:0;overflow:hidden;isolation:isolate;background:#07102d;display:grid;place-items:center;padding:0}
.home-page .city-parallax-media{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;pointer-events:none}
.home-page .city-parallax-media img{position:absolute;left:0;top:-7%;width:100%;height:114%;max-width:none;object-fit:cover;object-position:center center;transform:translate3d(0,var(--parallax-y),0) scale(1.015);will-change:transform;backface-visibility:hidden;transform-origin:center center}
.home-page .city-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,7,28,.76),rgba(4,7,28,.52) 48%,rgba(4,7,28,.44)),linear-gradient(180deg,rgba(4,7,28,.12),rgba(4,7,28,.24));pointer-events:none}
.home-page .city .container{position:relative;z-index:2;width:min(900px,88vw);max-width:900px;text-align:center}
.home-page .city .city-eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.22em;color:#fff;font-weight:900;font-size:clamp(12px,1vw,16px)}
.home-page .city h2{font-size:clamp(36px,4.4vw,62px);line-height:1.02;max-width:880px;margin:0 auto 20px;text-wrap:balance}
.home-page .city .city-lead{max-width:760px;margin:0 auto 28px;color:#f1f3ff;line-height:1.7;font-size:clamp(15px,1.25vw,18px)}
.home-page .city .btn{width:auto;min-width:190px;background:var(--site-accent,#ffa200)}
.home-page .city .btn:hover{background:var(--button-hover-bg,#e58f00)}
/* The bright contact band closes the page, matching the supplied composition. */
.home-page .cta-white{min-height:350px;padding:72px 0 78px;background:#f7f7f8}
.home-page .cta-white .container{width:min(920px,88vw)}
.home-page .cta-white .cta-eyebrow{margin:0 0 10px;text-transform:uppercase;color:var(--site-accent);font-weight:900;letter-spacing:.15em}
.home-page .cta-white h2{font-size:clamp(32px,3.1vw,46px);line-height:1.12;margin:0 0 8px;text-wrap:balance}
.home-page .cta-white .cta-lead{max-width:760px;margin:0 auto 18px;color:#555b6f;line-height:1.7}
.home-page .cta-white .btn{min-width:160px}

/* Cleaner section alignment across viewport sizes. */
.home-page .section-title h2{text-wrap:balance}
.home-page .section.dark>.container{width:min(1280px,90vw)}
.home-page .stat{min-width:0}
.home-page .stat b{font-size:clamp(34px,3.3vw,46px)}
.home-page .photo-copy h2,.home-page .split-copy h2{text-wrap:balance}
.home-page .cta-white .btn,.home-page .photo-copy .btn{width:auto}

@media (min-width:1051px){
  .topbar .nav{width:min(1180px,92vw);height:72px;gap:24px}
  .topbar .brand{min-width:188px;align-items:center}
  .topbar .logo{width:158px;max-height:58px}
  .topbar .menu{gap:clamp(15px,1.35vw,24px);margin-left:auto}
  .topbar .menu>a{font-size:13px;padding:29px 0}
  .topbar .nav-actions{margin-left:18px}
  .topbar .nav-actions .btn{min-height:38px;padding:10px 24px;font-size:11px}
  .mega{top:72px}
}

@media (max-width:1050px){
  .home-page .nk-hero-stage{inset:82px -8% 156px}
  .home-page .section.dark>.container{width:min(92vw,900px)}
  .home-page .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .stat:nth-child(2){border-right:0}
  .home-page .solution-row{grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px}
  .home-page .photo-copy{width:min(620px,86vw);margin:auto;padding:96px 0}
  .home-page .city-parallax-media{inset:0}
}

@media (max-width:760px){
  .home-page .nk-hero{min-height:max(680px,100svh)}
  .home-page .nk-hero-stage{inset:76px -20% 168px}
  .home-page .nk-hero-copy{bottom:82px}
  .home-page .nk-hero-copy .hero-tag{font-size:16px;margin-bottom:16px}
  .home-page .nk-hero-copy .btn{width:auto;min-width:220px;padding-inline:24px}
  .home-page .nk-hero-progress{left:22px;bottom:27px}
  .home-page .solution-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:620px}
  .home-page .stats{grid-template-columns:1fr 1fr}
  .home-page .stat{padding:22px 12px}
  .home-page .stat small{min-height:48px;font-size:12px}
  .home-page .city.city-parallax,.home-page .white-photo{height:620px;min-height:620px}
  .home-page .city-parallax-media{inset:0}
  .home-page .city-parallax-media img{top:-5%;height:110%;transform:translate3d(0,var(--parallax-y),0) scale(1.01);will-change:transform;object-position:center center}
  .home-page .city-shade{background:linear-gradient(180deg,rgba(4,7,28,.52),rgba(4,7,28,.72))}
  .home-page .city .container{width:min(88vw,620px);padding:80px 0}
  .home-page .city h2{font-size:clamp(34px,9vw,48px)}
  .home-page .cta-white{min-height:360px;padding:68px 0 72px}
}

@media (max-width:760px){
  .home-page .split{height:620px;min-height:620px}
  .home-page .split-img picture img{object-position:62% center;filter:saturate(1.14) contrast(1.08) brightness(1.02)}
  .home-page .split:after{background:linear-gradient(180deg,rgba(3,8,24,.18) 0%,rgba(3,8,24,.24) 35%,rgba(3,8,24,.9) 100%)}
  .home-page .split-copy{width:min(88vw,620px);align-items:center;padding:64px 0 72px}
  .home-page .split-copy>div{width:100%}
  .home-page .split-copy h2{max-width:560px;font-size:clamp(32px,6vw,40px);line-height:1.1}
  .home-page .split-copy p{max-width:560px;font-size:14px;line-height:1.65}
  .home-page .split-copy .btn{margin-top:16px;margin-bottom:0;min-width:174px}
}
@media (max-width:480px){
  .home-page .nk-hero-stage{inset:72px -42% 175px}
  .home-page .nk-hero-copy{bottom:84px;width:92vw}
  .home-page .nk-hero-copy .btn{min-width:0;max-width:92vw;width:auto;font-size:11px}
  .home-page .nk-hero-progress i{width:70px}
  .home-page .stats{grid-template-columns:1fr}
  .home-page .stat{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.16)}
  .home-page .stat:last-child{border-bottom:0}
  .home-page .solution-row{grid-template-columns:1fr;max-width:350px}
  .home-page .solution-row .sol{border-radius:20px}
  .home-page .photo-copy h2{font-size:34px}
  .home-page .split-copy{padding:56px 24px}
}

@media (prefers-reduced-motion:reduce){
  .home-page .solution-row .sol,.home-page .solution-row .sol img{transition:none}
  .home-page .solution-row .sol:hover{transform:none}
  .home-page .city-parallax-media img{transform:none!important;will-change:auto}
}

@media(max-width:620px){.floating-calculator .floating-calculator-icon{width:25px;height:25px;flex-basis:25px}.floating-calculator .floating-calculator-icon svg{width:25px;height:25px}.floating-calculator .floating-calculator-text{font-size:12px}}

/* Solar farm — light, performance-first page */
.solar-farm-page{background:#fff;color:#101828}.solar-farm-page .topbar{background:#fff}.farm-tabs{background:#fff;border-bottom:1px solid #e8edf3}.farm-hero,.section-light,.section-soft,.farm-cta{position:relative;overflow:hidden}.farm-hero{padding:74px 0 80px;background:linear-gradient(180deg,#fff 0%,#f7fafc 100%)}.farm-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:58px}.farm-kicker{display:inline-block;color:var(--site-accent,#ffb400);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}.farm-hero h1,.farm-heading h2,.farm-split h2,.farm-cta h2{color:#071527;letter-spacing:-.035em}.farm-hero h1{font-size:clamp(44px,5.3vw,76px);line-height:.98;margin:0 0 24px;max-width:760px}.farm-hero-copy p{font-size:18px;line-height:1.75;color:#526071;max-width:670px}.farm-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.farm-text-link{font-weight:900;color:#071527}.farm-text-link span{display:inline-block;transition:transform .2s ease}.farm-text-link:hover span{transform:translateX(4px)}.farm-hero-media{position:relative}.farm-hero-media>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;box-shadow:0 28px 70px rgba(13,35,58,.16)}.farm-stat{position:absolute;left:-28px;bottom:30px;background:#fff;border:1px solid #e4eaf1;border-radius:16px;padding:16px 20px;box-shadow:0 18px 50px rgba(13,35,58,.14)}.farm-stat strong,.farm-stat span{display:block}.farm-stat strong{font-size:18px;color:#071527}.farm-stat span{font-size:12px;color:#697586;margin-top:4px}.section-light{padding:92px 0;background:#fff}.section-soft{padding:92px 0;background:#f6f8fb}.farm-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.farm-split h2,.farm-heading h2{font-size:clamp(34px,4vw,56px);line-height:1.04;margin:0}.farm-split p,.farm-heading-row>p{font-size:17px;line-height:1.8;color:#5d6978;margin:0 0 18px}.farm-heading{margin-bottom:40px}.farm-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.farm-feature-card{padding:28px;background:#fff;border:1px solid #e7ebf0;border-radius:18px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.farm-feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(13,35,58,.09);border-color:#d6dee7}.farm-feature-card>span{font-size:12px;font-weight:900;color:var(--site-accent,#ffb400)}.farm-feature-card h3{color:#071527;font-size:21px;margin:34px 0 10px}.farm-feature-card p{color:#667085;line-height:1.65;margin:0}.farm-heading-row{display:grid;grid-template-columns:1fr minmax(320px,520px);gap:48px;align-items:end}.farm-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.farm-project-card{border:1px solid #e5eaf0;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 12px 30px rgba(13,35,58,.055);transition:transform .24s ease,box-shadow .24s ease}.farm-project-card:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(13,35,58,.11)}.farm-project-image{position:relative;overflow:hidden;aspect-ratio:16/10;background:#edf1f5}.farm-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.farm-project-card:hover img{transform:scale(1.025)}.farm-project-tag{position:absolute;left:16px;top:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:8px 12px;border-radius:999px;color:#071527;font-size:12px;font-weight:900;box-shadow:0 6px 20px rgba(0,0,0,.1)}.farm-project-body{display:grid;grid-template-columns:1fr 1fr;padding:22px}.farm-project-body>div+div{border-left:1px solid #e6ebf1;padding-left:22px}.farm-project-body small,.farm-project-body strong{display:block}.farm-project-body small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7b8794;font-weight:800}.farm-project-body strong{font-size:20px;color:#071527;margin-top:6px}.farm-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.farm-type{position:relative;background:#fff;border:1px solid #e3e8ef;border-radius:18px;padding:30px 30px 30px 86px}.farm-type>strong{position:absolute;left:28px;top:30px;color:var(--site-accent,#ffb400);font-size:12px}.farm-type h3{margin:0 0 8px;color:#071527;font-size:22px}.farm-type p{margin:0;color:#667085;line-height:1.65}.farm-benefit-list{display:grid;gap:0;border-top:1px solid #e5eaf0}.farm-benefit-list>div{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid #e5eaf0}.farm-benefit-list b{color:var(--site-accent,#ffb400);font-size:12px}.farm-benefit-list span strong,.farm-benefit-list span small{display:block}.farm-benefit-list span strong{color:#071527;font-size:18px}.farm-benefit-list span small{color:#667085;font-size:14px;line-height:1.6;margin-top:4px}.farm-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.farm-process-grid article{background:#fff;border:1px solid #e3e8ef;border-radius:18px;padding:28px}.farm-process-grid i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#071527;color:#fff;font-style:normal;font-weight:900}.farm-process-grid h3{color:#071527;font-size:20px;margin:24px 0 8px}.farm-process-grid p{color:#667085;line-height:1.65;margin:0}.farm-cta{padding:92px 0;background:#fff;text-align:center}.farm-cta .container{max-width:900px}.farm-cta h2{font-size:clamp(36px,4.5vw,60px);line-height:1.04;margin:0 auto 20px}.farm-cta p{color:#667085;font-size:17px;line-height:1.7;margin:0 auto 28px;max-width:720px}
@media(max-width:1024px){.farm-hero-grid,.farm-split{grid-template-columns:1fr;gap:40px}.farm-hero{padding-top:52px}.farm-stat{left:18px}.farm-feature-grid,.farm-process-grid{grid-template-columns:repeat(2,1fr)}.farm-heading-row{grid-template-columns:1fr;gap:18px}}
@media(max-width:700px){.farm-hero{padding:36px 0 52px}.farm-hero h1{font-size:clamp(38px,12vw,54px)}.farm-hero-copy p,.farm-split p,.farm-heading-row>p{font-size:16px}.farm-hero-media>img{border-radius:16px}.farm-stat{left:12px;bottom:12px;padding:12px 14px;border-radius:12px}.section-light,.section-soft,.farm-cta{padding:64px 0}.farm-feature-grid,.farm-project-grid,.farm-type-grid,.farm-process-grid{grid-template-columns:1fr}.farm-project-body{grid-template-columns:1fr;gap:14px}.farm-project-body>div+div{border-left:0;border-top:1px solid #e6ebf1;padding-left:0;padding-top:14px}.farm-type{padding:24px}.farm-type>strong{position:static;display:block;margin-bottom:18px}.farm-tabs .container{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.farm-tabs .container::-webkit-scrollbar{display:none}}
@media(prefers-reduced-motion:reduce){.farm-feature-card,.farm-project-card,.farm-project-image img,.farm-text-link span{transition:none!important}}

/* =========================================================
   Energy Storage / BESS page
   ========================================================= */
.energy-storage-page{background:#fff;color:#11162d}
.energy-storage-page .topbar:not(.scrolled):not(.mega-active){background:rgba(5,11,35,.14)!important}
.energy-storage-page .energy-storage-tabs{top:82px;z-index:930}
.energy-storage-page .energy-storage-tabs .container{gap:44px}
.storage-eyebrow{display:inline-block;font-size:11px;line-height:1.2;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.storage-eyebrow.dark{color:var(--site-accent,#ffb400)}.storage-eyebrow.light{color:#fff}
.storage-hero{position:relative;min-height:365px;background:url('../images/mega-menu/energy-storage-field.webp') center 46%/cover no-repeat;color:#fff;display:grid;place-items:center;overflow:hidden}
.storage-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,34,.06) 0%,rgba(7,12,39,.3) 46%,rgba(7,9,45,.9) 100%)}
.storage-hero-content{position:relative;z-index:2;text-align:center;padding:110px 0 54px;max-width:900px}
.storage-hero h1{margin:0;font-size:clamp(30px,3.2vw,48px);line-height:1.06;text-transform:uppercase;letter-spacing:-.025em;color:#fff}
.storage-hero h1 span{color:var(--site-accent,#ffb400)}.storage-hero p{max-width:700px;margin:18px auto 0;color:rgba(255,255,255,.92);font-size:15px;line-height:1.75}
.storage-intro{padding:74px 0 78px;background:#fff}
.storage-copy{max-width:940px;text-align:left}
.storage-copy h2{max-width:770px;margin:0 auto 22px;text-align:center;font-size:clamp(30px,3.4vw,46px);line-height:1.08;text-transform:uppercase;color:#07122e;letter-spacing:-.025em}
.storage-copy>.storage-eyebrow{display:block;text-align:center}
.storage-copy p{max-width:900px;margin:0 auto 13px;color:#535c6d;font-size:15px;line-height:1.82}.storage-copy strong{color:var(--site-accent,#ffb400)}
.storage-blue-stage{position:relative;min-height:1120px;background:#07116b;color:#fff;overflow:hidden;isolation:isolate}
.storage-blue-bg{position:absolute;inset:0;background:url('../images/energy-storage-bess-ai-bg.webp') center top/cover no-repeat;z-index:-3}
.storage-blue-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,152,.06),rgba(4,9,91,.16) 38%,rgba(5,7,78,.16));z-index:-2}
.storage-zero-capex{min-height:610px;text-align:center;padding:58px 0 46px;display:flex;flex-direction:column;align-items:center}
.storage-zero-capex h2{font-size:clamp(30px,3.3vw,48px);line-height:1.05;text-transform:uppercase;margin:0;color:#fff}.storage-zero-capex h2 span{color:#fff;opacity:.9}
.storage-subline{margin:15px 0 22px;color:rgba(255,255,255,.92);font-weight:700;font-size:13px}
.storage-red-btn{display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:13px 28px;border-radius:999px;background:var(--site-accent,#ffb400);color:#151515!important;font-size:12px;font-weight:900;text-transform:uppercase;box-shadow:0 12px 28px rgba(132,94,0,.22);transition:transform .2s ease,background .2s ease}.storage-red-btn:hover{transform:translateY(-2px);background:var(--site-accent,#ffb400)}
.storage-mini{margin:28px 0 10px;font-size:12px;color:rgba(255,255,255,.9)}
.storage-pills{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.storage-pills span{min-width:180px;padding:10px 24px;border:1.5px solid rgba(255,255,255,.9);border-radius:999px;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;background:rgba(0,19,115,.18);backdrop-filter:blur(4px)}
.storage-zero-capex h3{margin:31px 0 13px;color:#fff;font-size:22px}
.storage-model-steps{width:min(650px,88vw);display:grid;gap:8px}.storage-model-steps div{padding:11px 16px;background:var(--site-accent,#ffb400);color:#151515;font-size:12px;line-height:1.35;font-weight:900;text-align:center;box-shadow:0 6px 16px rgba(108,78,0,.12)}
.storage-ai{min-height:510px;display:grid;grid-template-columns:37% 63%;align-items:center;padding:72px 0}
.storage-ai-copy{grid-column:2;max-width:720px;padding-left:40px}
.storage-ai h2{margin:0 0 28px;font-size:clamp(31px,3vw,44px);line-height:1.05;text-transform:uppercase;color:#fff}.storage-ai p{max-width:680px;margin:0 0 14px;color:rgba(255,255,255,.96);font-size:14px;line-height:1.72;font-weight:600}
.storage-benefits{padding:76px 0 78px;background:#fff;color:#10162e}
.storage-section-heading{text-align:center}.storage-section-heading h2{margin:0;font-size:clamp(31px,3.3vw,45px);line-height:1.08;text-transform:uppercase;color:#081430}
.storage-benefit-grid{max-width:820px;margin:44px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:42px 40px}
.storage-benefit{grid-column:span 2}.storage-benefit:nth-child(4){grid-column:2/span 2}.storage-benefit:nth-child(5){grid-column:4/span 2}
.storage-benefit-icon{display:block;width:60px;height:60px;margin:0 0 17px;color:#111737}.storage-benefit-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.storage-benefit h3{font-size:19px;line-height:1.2;margin:0 0 12px;color:#081430}.storage-benefit p{margin:0;color:#5d6678;font-size:13px;line-height:1.7}.storage-note{max-width:720px;margin:36px auto 0;text-align:right;color:#747b89;font-size:11px;font-style:italic}
.storage-cross-links{padding:16px 0 70px;background:#fff}.storage-cross-grid{max-width:900px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.storage-cross-card{position:relative;min-height:260px;border-radius:18px;overflow:hidden;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff!important;background-position:center;background-size:cover;box-shadow:0 16px 42px rgba(6,17,39,.12)}
.storage-cross-card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,35,.15),rgba(4,9,35,.78))}.storage-cross-card>*{position:relative;z-index:2}.storage-cross-card.business{background-image:url('../images/solar-business/commercial-rooftop.webp')}.storage-cross-card.farm{background-image:url('../images/home-pakistan-solar-farm.webp')}
.storage-cross-card span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.storage-cross-card strong{font-size:28px;line-height:1.02;text-transform:uppercase;margin:10px 0;color:#fff}.storage-cross-card i{font-style:normal;font-size:12px;font-weight:800;color:#fff}
.storage-cross-card:hover{transform:translateY(-3px)}
@media(max-width:1024px){.storage-blue-stage{min-height:1040px}.storage-zero-capex{min-height:560px}.storage-ai{min-height:480px;grid-template-columns:42% 58%}.storage-ai-copy{padding-left:16px}.storage-benefit-grid{gap:34px 26px}}
@media(max-width:820px){.energy-storage-page .energy-storage-tabs .container{justify-content:flex-start;overflow-x:auto;gap:24px;white-space:nowrap}.storage-hero{min-height:340px}.storage-hero-content{padding-top:102px}.storage-intro{padding:60px 0}.storage-blue-stage{min-height:auto;background:#07116b}.storage-blue-bg{background-position:39% top;background-size:auto 980px;background-repeat:no-repeat}.storage-zero-capex{min-height:560px;padding-top:48px}.storage-ai{min-height:440px;display:block;padding:82px 0 70px}.storage-ai-copy{margin-left:auto;width:min(62%,520px);padding-left:0}.storage-benefit-grid{grid-template-columns:repeat(2,1fr);max-width:720px}.storage-benefit,.storage-benefit:nth-child(4),.storage-benefit:nth-child(5){grid-column:auto}.storage-benefit:nth-child(5){grid-column:1/-1;max-width:330px;justify-self:center}.storage-cross-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.storage-hero{min-height:315px;background-position:56% center}.storage-hero-content{padding:106px 0 40px}.storage-hero p{font-size:14px}.storage-intro{padding:52px 0}.storage-copy h2{font-size:30px}.storage-copy p{font-size:14px}.storage-blue-stage{background:#06106c}.storage-blue-bg{background-size:auto 760px;background-position:18% top;opacity:.96}.storage-blue-overlay{background:linear-gradient(180deg,rgba(3,13,91,.2),rgba(2,7,83,.48) 55%,rgba(4,6,80,.82))}.storage-zero-capex{min-height:600px;padding:46px 0 38px}.storage-zero-capex h2{font-size:29px}.storage-subline{max-width:300px;line-height:1.6}.storage-pills{width:100%}.storage-pills span{min-width:145px;padding:9px 14px;font-size:10px}.storage-zero-capex h3{font-size:19px}.storage-model-steps{width:100%}.storage-model-steps div{font-size:11px;padding:10px}.storage-ai{min-height:460px;padding:80px 0 58px;background:linear-gradient(180deg,rgba(5,9,103,.28),rgba(5,6,82,.8))}.storage-ai-copy{width:100%;max-width:none;margin:0;padding-top:155px}.storage-ai h2{font-size:30px}.storage-ai p{font-size:13px}.storage-benefits{padding:62px 0}.storage-benefit-grid{grid-template-columns:1fr;gap:34px;margin-top:36px}.storage-benefit,.storage-benefit:nth-child(4),.storage-benefit:nth-child(5){grid-column:1;max-width:none;justify-self:stretch}.storage-benefit-icon{width:54px;height:54px}.storage-note{text-align:left;line-height:1.55}.storage-cross-grid{grid-template-columns:1fr}.storage-cross-card{min-height:230px}.storage-cross-links{padding-bottom:54px}}
@media(prefers-reduced-motion:reduce){.storage-red-btn,.storage-cross-card{transition:none!important}}


/* Homepage Who We Are image overlay refinement. */
.home-page .white-photo{position:relative;isolation:isolate;overflow:hidden;background:#11162d}
.home-page .white-photo:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,8,28,.72) 0%,rgba(4,8,28,.48) 38%,rgba(4,8,28,.12) 70%,rgba(4,8,28,.04) 100%)}
.home-page .white-photo>.container{position:absolute;inset:0;z-index:2;display:flex;align-items:center;width:min(1280px,90vw);left:50%;transform:translateX(-50%)}
.home-page .white-photo .photo-copy{position:relative;z-index:3;width:min(610px,82vw);margin:0;padding:0;color:#fff}
.home-page .white-photo .photo-eyebrow{display:inline-block;margin-bottom:14px;color:var(--site-accent,#ffb400);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.home-page .white-photo .photo-copy h2{margin:0 0 26px;color:#fff;font-size:clamp(34px,4vw,58px);line-height:1.05;text-shadow:0 4px 28px rgba(0,0,0,.3)}
.home-page .white-photo .photo-who-link{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:13px;font-weight:950;letter-spacing:.12em;padding-bottom:7px;border-bottom:2px solid var(--site-accent,#ffb400)}
.home-page .white-photo .photo-who-link span{color:var(--site-accent,#ffb400);font-size:20px;line-height:1;transition:transform .22s ease}
.home-page .white-photo .photo-who-link:hover span{transform:translateX(5px)}
@media(max-width:760px){.home-page .white-photo:after{background:linear-gradient(180deg,rgba(4,8,28,.12) 15%,rgba(4,8,28,.78) 100%)}.home-page .white-photo>.container{align-items:flex-end;padding-bottom:72px}.home-page .white-photo .photo-copy{width:100%}}


/* 2026-08 visual refinement: restrained typography on the three photographic homepage panels. */
.home-page .white-photo .photo-copy h2{font-size:clamp(28px,2.65vw,42px)!important;line-height:1.08!important;max-width:560px}
.home-page .split-copy h2{font-size:clamp(28px,2.55vw,40px)!important;line-height:1.1!important;max-width:540px}
.home-page .city h2{font-size:clamp(30px,3.15vw,48px)!important;line-height:1.07!important;max-width:800px}
.home-page .white-photo .photo-eyebrow,.home-page .split-copy>div>p:first-child,.home-page .city .city-eyebrow{font-size:11px!important}
@media(max-width:760px){
  .home-page .white-photo .photo-copy h2{font-size:clamp(29px,7vw,36px)!important}
  .home-page .split-copy h2{font-size:clamp(29px,7vw,36px)!important}
  .home-page .city h2{font-size:clamp(30px,8vw,39px)!important}
}


/* ===== Performance, accessibility & responsive hardening ===== */
.nk-hero-static{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#fff;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(255,180,0,.08),transparent 26%)}
.nk-hero-static img{width:clamp(84px,9vw,128px);height:auto;margin-bottom:22px;filter:drop-shadow(0 10px 28px rgba(255,180,0,.16))}
.nk-hero-static small{font-size:11px;letter-spacing:.18em;font-weight:800;opacity:.74;margin-bottom:8px}
.nk-hero-static strong{font-size:clamp(38px,5vw,62px);line-height:1.02;font-weight:900;letter-spacing:.01em}
.nk-hero-static em{display:block;color:var(--site-accent,#ffb400);font-style:normal}
.nk-hero-stage canvas{position:relative;z-index:1}

/* Keep the floating calculator in the requested dark style and WCAG-friendly contrast. */
.floating-calculator{background:#06172b!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
.floating-calculator:hover,.floating-calculator:focus-visible{background:#0a294b!important;color:#fff!important}
.promo-button{color:#151515!important}
.mega-next{color:#151515!important}

/* Render below-the-fold homepage content only when needed. */
.home-page .section.dark,.home-page .white-photo,.home-page .split,.home-page .city,.home-page .cta-white,.home-page .footer{content-visibility:auto;contain-intrinsic-size:auto 680px}
.home-page .white-photo img,.home-page .split-img img,.home-page .city-parallax-media img{height:100%;width:100%;object-fit:cover}

/* Smooth, compositor-only parallax. */
.city-parallax-media{will-change:transform;transform:translate3d(0,0,0) scale(1.08);backface-visibility:hidden}

/* Keyboard visibility and touch sizing. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffb400;outline-offset:3px}
.mobile-parent,.mobile-submenu a,.mobile-link,.mobile-cta{min-height:48px}
.footer a{min-height:42px}

/* Avoid accidental layout inflation from intrinsic media. */
img,svg,video,canvas{max-width:100%}
iframe{max-width:100%}

/* Yellow surfaces use dark text for readable contrast. */
.business-hero-accent,.business-hover-content span,.farm-project-tag,.portfolio-kicker{color:#151515}

@media(max-width:1050px){
  .mobile-panel.open{max-height:calc(100dvh - 82px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(24px,env(safe-area-inset-bottom))}
  .mobile-parent,.mobile-submenu a,.mobile-link,.mobile-cta{display:flex!important;align-items:center;width:100%;padding:13px 12px!important}
  .mobile-parent{justify-content:space-between}
  .footer a{display:flex;align-items:center;padding:4px 0}
}
@media(max-width:768px){
  .container{width:min(100% - 28px,1180px)!important}
  h1,h2,h3{overflow-wrap:break-word;word-break:normal}
  .section{padding-top:58px;padding-bottom:58px}
  .service-tabs,.portfolio-tabs,.insight-nav{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .service-tabs::-webkit-scrollbar,.portfolio-tabs::-webkit-scrollbar,.insight-nav::-webkit-scrollbar{display:none}
  .service-tabs a,.portfolio-tabs a,.insight-nav a{min-height:44px;display:flex;align-items:center;flex:0 0 auto}
  .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  input,select,textarea{font-size:16px!important}
  .home-page .section.dark,.home-page .white-photo,.home-page .split,.home-page .city,.home-page .cta-white,.home-page .footer{contain-intrinsic-size:auto 760px}
}
@media(max-width:620px){
  .nk-hero-static{padding-bottom:72px}
  .nk-hero-static img{width:86px;margin-bottom:18px}
  .nk-hero-static strong{font-size:clamp(34px,11vw,44px)}
  .white-photo{min-height:520px}
  .photo-copy{width:100%!important;padding:72px 0!important}
  .photo-copy h2{font-size:clamp(27px,8vw,36px)!important;line-height:1.18}
  .split-copy h2,.city h2,.cta-white h2{font-size:clamp(28px,8vw,38px)!important}
  .footer-grid{gap:30px}
  .footer .logo{width:min(260px,78vw)!important;height:auto}
  .floating-calculator{min-height:48px!important}
}


/* ===== PageSpeed production pass v2 ===== */
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
/* Popup stays out of LCP and uses compositor-only appearance. */
.promo-modal{visibility:visible!important;pointer-events:none!important;opacity:0!important;transition:opacity .2s ease!important}
.promo-modal.show{pointer-events:auto!important;opacity:1!important}
/* Smaller, balanced homepage storytelling typography. */
.home-page .white-photo .photo-copy h2{font-size:clamp(26px,2.15vw,36px)!important;line-height:1.12!important;max-width:520px!important}
.home-page .split-copy h2{font-size:clamp(26px,2.05vw,34px)!important;line-height:1.14!important;max-width:500px!important}
.home-page .city h2{font-size:clamp(28px,2.55vw,40px)!important;line-height:1.1!important;max-width:720px!important}
.home-page .photo-copy p,.home-page .split-copy p,.home-page .city-lead{font-size:14px!important;line-height:1.65!important}
/* Lighthouse touch-size fixes without visually enlarging desktop navigation. */
@media(max-width:1050px){
  .footer-grid a,.mobile-panel a,.mobile-parent,.mobile-cta{min-height:48px!important;display:flex!important;align-items:center!important}
  .footer-grid a{padding:6px 0!important}
}
/* Keep yellow UI readable. */
.btn,.promo-button,.mega-next,.farm-project-tag{color:#151515}
/* Compositor-only scroll indicator. */
.mouse:after{top:7px!important;animation:mouseBob 1.35s ease-in-out infinite!important}
@keyframes mouseBob{0%,100%{transform:translate3d(-50%,0,0)}50%{transform:translate3d(-50%,7px,0)}}
/* Stable media boxes */
.brand img,.footer img,.solution-row img,.white-photo img,.split-img img,.city-parallax-media img{height:auto}
.white-photo picture,.split-img picture,.city-parallax-media{overflow:hidden}
/* Avoid paint-heavy filters on constrained/mobile devices. */
@media(max-width:900px){
  .city-parallax-media{transform:none!important;will-change:auto!important}
  .nk-hero-stage canvas{display:none!important}
  .nk-hero-static{z-index:2!important}
  .section.dark:after{display:none}
}
@media(max-width:620px){
  .home-page .white-photo .photo-copy h2,.home-page .split-copy h2{font-size:clamp(25px,7.2vw,31px)!important}
  .home-page .city h2{font-size:clamp(27px,7.7vw,34px)!important}
  .home-page .photo-copy p,.home-page .split-copy p,.home-page .city-lead{font-size:13px!important}
}
@media (max-width:980px){.menu-toggle{display:block;margin-left:auto}.header-inner{gap:12px}.main-nav{position:absolute;left:0;right:0;top:100%;background:#fff;color:#172033;display:none;flex-direction:column;align-items:stretch;padding:18px 6vw;border-top:1px solid #dfe5ee}.site-header.open .main-nav{display:flex}.header-actions{display:none}.mega-menu{position:static;transform:none;width:100%;opacity:1;visibility:visible;box-shadow:none;grid-template-columns:1fr;padding:8px}.has-mega:hover .mega-menu{transform:none}.hero{min-height:700px}.hero-card{position:relative;right:auto;bottom:auto;width:100%;margin-top:28px}.grid-3,.grid-2,.split,.stat-row,.footer-grid{grid-template-columns:1fr}.section{padding:64px 0}.page-hero{padding-top:124px}.footer-bottom{display:block}.newsletter div{flex-direction:column}}
@media (max-width:620px){.brand{min-width:156px}.logo{width:156px}.hero{padding-top:118px;min-height:680px}.hero h1{font-size:40px}.lead{font-size:17px}.btn{width:100%}.hero-actions{gap:10px}.section-title{text-align:left}.card{padding:18px}.service-card img,.project-card img,.post-card img{height:180px}.dots-panel{min-height:500px}.content h1{font-size:36px}.footer-cta .btn{width:auto}.table-wrap table{min-width:720px}}
@media (max-width:991px){.solar-transform-section{padding:74px 0}.solar-transform-control{grid-template-columns:120px 1fr 120px;gap:16px}.solar-transform-viewer{min-height:380px}.solar-transform-assets{grid-template-columns:repeat(2,1fr)}.solar-transform-savings{grid-template-columns:repeat(2,1fr)}.solar-transform-steps{grid-template-columns:1fr}}
@media (max-width:768px){.solar-transform-heading h2{font-size:34px}.solar-transform-heading p{font-size:16px}.solar-transform-control{grid-template-columns:1fr;gap:10px}.solar-transform-label,.solar-transform-label.right{text-align:center}.solar-transform-range-wrap{padding-top:42px}.solar-transform-viewer{min-height:320px;border-radius:20px}.solar-transform-handle{width:58px;height:58px;font-size:24px}.solar-transform-assets{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.solar-transform-card{min-width:220px;scroll-snap-align:start}.solar-transform-savings{grid-template-columns:1fr 1fr}}
@media (max-width:576px){.solar-transform-section{padding:58px 0}.solar-transform-heading h2{font-size:29px}.solar-transform-viewer{min-height:260px;aspect-ratio:auto}.solar-transform-bubble{width:54px;height:54px}.solar-transform-savings{grid-template-columns:1fr}.solar-transform-steps article{grid-template-columns:1fr;text-align:center}.solar-transform-steps span{margin:0 auto}.solar-transform-card{min-width:205px}}
.solar-home-page .topbar,.solar-home-page .topbar.scrolled{background:#071527;box-shadow:none;border-bottom:0}.solar-home-page .topbar .logo-light,.solar-home-page .topbar.scrolled .logo-light{display:block}.solar-home-page .topbar .logo-dark,.solar-home-page .topbar.scrolled .logo-dark{display:none}.solar-home-page .topbar .menu>a,.solar-home-page .topbar .login,.solar-home-page .topbar.scrolled .menu>a,.solar-home-page .topbar.scrolled .login{color:#fff}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-assets,.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-savings,.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-seo-note{display:none!important}@media(max-width:991px){.solar-home-page .service-tabs{top:82px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section{padding:42px 0 30px;min-height:calc(100vh - 130px)}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-heading h2{font-size:clamp(30px,6vw,48px)}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-viewer{height:min(46vh,420px);min-height:310px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-control{grid-template-columns:120px 1fr 120px}}@media(max-width:768px){.solar-home-page .service-tabs + .sr-only + .solar-transform-section{padding-top:32px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-control{grid-template-columns:1fr;gap:8px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-label,.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-label.right{text-align:center}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-viewer{height:auto;min-height:280px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-heading{margin-bottom:16px}}@media(max-width:576px){.solar-home-page .service-tabs .container{height:46px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section{padding:24px 0 28px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-heading h2{font-size:28px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-heading p{font-size:15px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-viewer{min-height:235px;border-radius:18px}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-handle{width:54px;height:54px;font-size:24px}}
.solar-transform-section,.solar-transform-viewer{-webkit-user-select:none;user-select:none}.solar-transform-bubble,.solar-transform-viewer img,.solar-transform-glow,.solar-transform-divider,.solar-transform-handle,.solar-transform-energy{pointer-events:none}.solar-transform-viewer{touch-action:none}.solar-transform-range{touch-action:pan-y}@media(max-width:991px){.solar-home-page .service-tabs + .sr-only + .solar-transform-section{align-items:center;padding:30px 0}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-viewer{height:min(44vh,410px);min-height:300px}}@media(max-width:768px){.solar-home-page .service-tabs + .sr-only + .solar-transform-section{min-height:auto}.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-viewer{min-height:280px}.solar-transform-panel-glow{left:18%;top:9%;width:64%;height:34%}.solar-transform-ev-glow{left:52%;top:48%;width:36%;height:36%}}@media(max-width:576px){.solar-home-page .service-tabs + .sr-only + .solar-transform-section .solar-transform-viewer{min-height:245px}.solar-transform-panel-glow,.solar-transform-ev-glow{filter:blur(14px)}}
.solar-home-page .service-tabs + .sr-only + .solar-transform-section{padding-top:78px}@media(max-width:991px){.solar-home-page .service-tabs + .sr-only + .solar-transform-section{padding-top:58px}.roof-feature{min-height:560px}.feature-hotspot-one{left:29%;top:39%}.feature-hotspot-two{left:72%;top:34%}.feature-hotspot-three{left:56%;top:61%}.feature-card{max-width:230px}}@media(max-width:768px){.solar-home-page .service-tabs + .sr-only + .solar-transform-section{padding-top:44px}.roof-feature{min-height:520px}.feature-card{min-width:170px;max-width:240px;padding:12px 18px}.feature-hotspot:hover .feature-card,.feature-hotspot:focus-visible .feature-card{max-width:270px}.feature-hotspot .feature-line{height:80px}.feature-hotspot-one{left:30%;top:36%}.feature-hotspot-two{left:70%;top:32%}.feature-hotspot-three{left:54%;top:59%}}@media(max-width:576px){.solar-home-page .service-tabs + .sr-only + .solar-transform-section{padding-top:36px}.roof-feature{min-height:620px}.roof-feature>img{object-position:60% center}.roof-feature-shade{background:linear-gradient(180deg,rgba(5,12,28,.18),rgba(5,12,28,.78))}.feature-hotspot{position:relative;left:auto!important;top:auto!important;width:auto;height:auto;display:block;margin:0 18px 14px}.feature-hotspot:first-of-type{padding-top:330px}.feature-hotspot .feature-line,.feature-dot{display:none}.feature-card,.feature-hotspot:hover .feature-card,.feature-hotspot:focus-visible .feature-card{position:relative;left:auto;bottom:auto;transform:none;width:100%;max-width:none;border-radius:18px;padding:16px 18px;background:rgba(7,3,30,.9);border:1px solid rgba(255,255,255,.14)}.feature-card small{max-height:none;opacity:1;width:auto;margin-top:8px}}
.feature-hotspot-two .feature-card{bottom:auto;top:18px}@media(max-width:991px){.feature-hotspot-two{top:42%}}@media(max-width:768px){.feature-hotspot-two{top:40%}}
@media(max-width:900px){.service-tabs{overflow-x:auto;overflow-y:hidden}.service-tabs .container{width:100%;max-width:100%;overflow-x:auto;justify-content:flex-start;padding:0 16px;gap:24px}.service-tabs a{flex:0 0 auto}}
@media(max-width:576px){.feature-hotspot-two .feature-card,.feature-hotspot-three .feature-card{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:none}.feature-hotspot-two{top:auto!important}}

/* Final responsive corrections */
.brand .logo,.topbar .logo{width:248px;max-height:66px;object-fit:contain}.nav{height:82px}.solar-home-page .topbar.scrolled{background:#fff!important;box-shadow:0 10px 32px rgba(4,7,28,.08)!important;border-bottom:1px solid #eceef5!important}.solar-home-page .topbar.scrolled .logo-light{display:none!important}.solar-home-page .topbar.scrolled .logo-dark{display:block!important}.solar-home-page .topbar.scrolled .menu>a,.solar-home-page .topbar.scrolled .menu>a.has-arrow:after{color:#15172c!important}.solar-home-page .service-tabs{top:82px}.page-hero{overflow:hidden}.page-hero h1{font-size:clamp(38px,5vw,72px);line-height:1.08;letter-spacing:0;max-width:min(920px,100%);overflow-wrap:break-word}.cards .card{display:flex;flex-direction:column;overflow:hidden}.cards .card img{width:100%;height:230px;max-height:230px;object-fit:cover;border-radius:16px;background:#f3f5f9}.cards .card .btn{margin-top:auto}
@media(max-width:1050px){.brand .logo,.topbar .logo{width:210px;max-height:60px}.page-hero{padding-top:128px}.page-hero h1{font-size:clamp(34px,7vw,58px);line-height:1.1}.cards .card img{height:210px;max-height:210px}}
@media(max-width:620px){.brand .logo,.topbar .logo{width:170px;max-height:52px}.page-hero{padding-top:112px}.page-hero h1{font-size:clamp(32px,11vw,44px);line-height:1.12}.page-hero .lead{font-size:17px;line-height:1.55}.cards .card img{height:185px;max-height:185px}.floating-calculator{max-width:calc(100vw - 28px);white-space:nowrap}}

/* Production mobile hardening - preserves desktop layout */
@media(max-width:900px){
  body{overflow-x:hidden}
  .farm-hero-grid,.farm-split,.farm-feature-grid,.farm-project-grid,.farm-type-grid,.farm-process-grid,
  .business-hero-grid,.business-hover-grid,.business-comparison-grid,
  .about-who-grid,.about-leaders-grid,.people-grid,.insight-grid,.insight-hub-cards,
  .solutions-grid,.solution-feature-grid,.detail-stage{min-width:0}
  .farm-project-grid,.farm-feature-grid,.farm-type-grid,.farm-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .farm-project-grid,.farm-feature-grid,.farm-type-grid,.farm-process-grid,
  .business-hover-grid,.business-comparison-grid,.about-leaders-grid,.people-grid,.insight-grid,.insight-hub-cards,
  .solutions-grid,.solution-feature-grid{grid-template-columns:1fr!important}
  .farm-hero-grid,.farm-split,.business-hero-grid,.about-who-grid,.detail-stage{grid-template-columns:1fr!important}
  .farm-project-card,.business-hover-card,.person-card,.insight-card,.home-project-card{min-width:0;max-width:100%}
  .detail-main-image,.commercial-detail-image{width:100%;max-width:100%}
  .project-strip{max-width:100%;overflow-x:auto}
  .about-anchor-nav,.insight-nav{max-width:100%;overflow-x:auto}
  .admin-main,.content,.article-shell{max-width:100%;min-width:0}
}
@media(max-width:480px){
  .btn{min-height:48px}
  .farm-project-body{grid-template-columns:1fr!important}
  .detail-actions{flex-wrap:wrap}
  .project-thumb{flex-basis:68px}
}


/* ===== Full-site mobile hardening 2026-08 ===== */
@media(max-width:1050px){
  html,body{max-width:100%;overflow-x:hidden}
  main{min-width:0}
  .container{width:min(100% - 32px,1180px)}
  .topbar .nav{width:min(100% - 28px,1180px)}
  .mobile-panel.open{max-height:calc(100dvh - 82px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .cards,.projects,.calculator,.footer-grid{min-width:0}
  .card,.panel,.split-copy,.detail-info{min-width:0}
}
@media(max-width:820px){
  .page-hero{padding-top:118px!important;padding-bottom:56px!important}
  .page-hero h1{font-size:clamp(32px,9vw,48px)!important;line-height:1.08!important}
  .page-hero .lead{font-size:15px!important}
  .cards,.projects,.calculator{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
  .footer{padding-top:62px!important}
  .footer .form .btn{width:auto;min-width:150px}
  .promo-card{width:min(92vw,560px)!important}
  .promo-close{right:12px!important;top:12px!important;width:44px;height:44px;background:rgba(0,0,0,.55)!important;border-radius:50%;z-index:5}
  .promo-content{padding:30px!important}
  .promo-content h2{font-size:clamp(24px,7vw,32px)!important}
}
@media(max-width:620px){
  .container{width:min(100% - 24px,1180px)!important}
  .section{padding:54px 0!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer{padding:52px 0 88px!important}
  .footer-grid>div{min-width:0}
  .footer h3{margin-bottom:10px}
  .footer p{font-size:13px;line-height:1.65!important}
  .btn{min-height:46px;padding:12px 20px;font-size:12px}
  .page-hero{padding-top:108px!important}
  .page-hero h1{font-size:clamp(30px,10vw,40px)!important}
  .project-large img,.project-small img{height:auto!important;aspect-ratio:4/3;object-fit:cover}
  .form input,.form select,.form textarea,.calc input,.calc select{font-size:16px!important}
}
:root{--public-header-height:82px;--public-header-bg:transparent;--public-header-text:#fff;--public-header-solid-bg:#fff;--public-header-solid-text:#121529;--public-header-line:#eceef5;--public-header-red:var(--site-accent,#ffb400)}
html,body{max-width:100%;overflow-x:hidden}
main#main{padding-top:var(--public-header-height)}
body.home-page main#main{padding-top:0}
.topbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent!important;border-bottom:1px solid transparent;box-shadow:none;transition:background .22s ease,box-shadow .22s ease,border-color .22s ease}
.topbar.scrolled,.topbar.light,.topbar.mega-active{background:var(--public-header-solid-bg)!important;border-bottom:1px solid var(--public-header-line)!important;box-shadow:0 10px 32px rgba(4,7,28,.08)!important}
.topbar .nav{height:var(--public-header-height);display:flex;align-items:center;gap:28px;width:min(1180px,92vw);margin:auto}
.topbar .brand{display:flex;align-items:center;min-width:248px;flex:0 0 auto;overflow:visible}
.topbar .logo{width:248px;max-height:64px;height:auto;object-fit:contain}
.topbar .logo-light{display:block!important}.topbar .logo-dark{display:none!important}
.topbar.scrolled .logo-light,.topbar.light .logo-light,.topbar.mega-active .logo-light{display:none!important}
.topbar.scrolled .logo-dark,.topbar.light .logo-dark,.topbar.mega-active .logo-dark{display:block!important}
.topbar .menu{display:flex;align-items:center;gap:25px;margin-left:auto}
.topbar .menu>a{position:relative;padding:31px 0;font-size:14px;line-height:1;font-weight:800;color:var(--public-header-text)!important;white-space:nowrap}
.topbar .menu>a.has-arrow:after{content:'';display:inline-block;width:5px;height:5px;margin-left:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.topbar.scrolled .menu>a,.topbar.light .menu>a,.topbar.mega-active .menu>a{color:var(--public-header-solid-text)!important}
.topbar .menu>a:hover,.topbar .menu>a.active-menu{color:var(--public-header-red)!important}
.topbar .menu>a.active-menu:before{display:none}
.topbar .nav-actions{display:flex;align-items:center;gap:16px;margin-left:28px}
.topbar .nav-actions .btn{min-height:40px;padding:12px 32px;font-size:12px;line-height:1;box-shadow:0 16px 34px rgba(255,180,0,.20)}
.mega{position:fixed;top:var(--public-header-height)!important;left:0;right:0;z-index:999;background:#fff;color:#121529;border-top:0!important;box-shadow:0 24px 48px rgba(5,10,34,.1);opacity:0;visibility:hidden;transform-origin:top center;transform:translateY(-18px) scaleY(.96);clip-path:inset(0 0 100% 0);will-change:transform,opacity,clip-path}
.mega.open{opacity:1;visibility:visible;transform:none;clip-path:inset(0);animation:megaDropDown .24s cubic-bezier(.2,.8,.2,1) both}
.mega.open.closing{visibility:visible;pointer-events:none;animation:megaPullUp .19s cubic-bezier(.4,0,.2,1) both}
.mega-shell{width:min(1180px,92vw);margin:auto;display:grid;grid-template-columns:260px;gap:34px;min-height:0;padding:22px 0 26px}
.mega-shell.has-visual{width:min(1340px,92vw);grid-template-columns:270px minmax(680px,1fr);gap:36px;min-height:378px}
.mega-shell.text-only{width:min(780px,92vw);grid-template-columns:1fr;min-height:0}
.mega-side{padding-top:2px}.mega-block{break-inside:avoid}.mega-group-title{display:block;color:var(--public-header-red);font-size:16px;font-weight:900;line-height:1.2;margin:0 0 9px}
.mega-group-trigger{position:relative;display:block;width:100%;padding:9px 0 10px;border:0;background:transparent;text-align:left;color:var(--public-header-red);font-size:17px;font-weight:950;line-height:1.15;cursor:pointer}
.mega-group-trigger:after{content:'';position:absolute;left:0;bottom:3px;width:0;height:2px;border-radius:999px;background:var(--public-header-red);transition:width .24s ease}
.mega-group-trigger:hover:after,.mega-group-trigger.is-active:after{width:54px}
.mega-carousel-list{position:relative;margin:7px 0 0 14px;padding:8px 0 8px 16px;border-left:1px solid #e8ebf3}
.mega-sub{display:block;width:100%;padding:6px 0;border:0;background:transparent;text-align:left;color:#25293d;font-size:13px;font-weight:800;line-height:1.35;cursor:pointer;transform:translateX(0);transition:color .2s ease,transform .2s ease}
.mega-sub:hover,.mega-sub.is-active{color:var(--public-header-red);transform:translateX(5px)}
.mega-divider{height:14px}.mega-visual{position:relative;width:100%;height:378px;border-radius:0;overflow:hidden;background:#080326;box-shadow:0 18px 44px rgba(5,9,28,.14)}
.mega-static-link{position:absolute;inset:0;z-index:1;display:block;color:#fff;overflow:hidden;background:#111}
.mega-static-link:after,.mega-strip-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,3,38,.88),rgba(8,3,38,.18) 58%,rgba(8,3,38,.08));pointer-events:none}
.mega-static-img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .42s ease,opacity .25s ease,filter .25s ease}
.mega-static-link:hover .mega-static-img{transform:scale(1.035);opacity:.98}
.mega-static-caption{position:absolute;left:28px;right:78px;bottom:28px;z-index:2;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.34)}
.mega-static-caption small,.mega-strip-card span{display:block;font-size:12px;font-weight:900;line-height:1;text-transform:none;letter-spacing:0;opacity:.86;margin-bottom:9px}
.mega-static-caption h3,.mega-strip-card b{display:block;font-size:28px;line-height:1.05;margin:0;text-transform:uppercase;color:#fff}
.mega-strip{position:absolute;inset:0;z-index:2;display:flex;align-items:stretch;overflow:hidden;background:#080326}
.mega-strip-card{position:relative;flex:1 1 15%;min-width:106px;height:100%;border:0;border-left:1px solid rgba(255,255,255,.08);padding:0;overflow:hidden;background:#080326;color:#fff;text-align:left;cursor:pointer;transition:flex-basis .42s cubic-bezier(.2,.8,.2,1),flex-grow .42s cubic-bezier(.2,.8,.2,1),filter .28s ease}
.mega-strip-card:first-child{border-left:0}
.mega-strip-card.is-active{flex:5 1 55%}
.mega-strip-card img{width:100%;height:100%;object-fit:cover;opacity:.36;filter:saturate(.82);transition:opacity .35s ease,filter .35s ease,transform .52s cubic-bezier(.2,.8,.2,1)}
.mega-strip-card.is-active img{opacity:.94;filter:saturate(1.04);transform:scale(1.015)}
.mega-strip-card:hover img{opacity:.68}
.mega-strip-card.is-active:hover img{opacity:.98;transform:scale(1.04)}
.mega-strip-card span,.mega-strip-card b{position:absolute;left:28px;right:76px;z-index:3;text-shadow:0 2px 20px rgba(0,0,0,.38);opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease}
.mega-strip-card span{bottom:84px}.mega-strip-card b{bottom:38px}
.mega-strip-card.is-active span,.mega-strip-card.is-active b{opacity:1;transform:none}
.mega-strip-card i{position:absolute;right:0;bottom:0;z-index:4;width:58px;height:58px;display:grid;place-items:center;background:rgba(255,180,0,.58);color:#fff;font-style:normal;font-size:36px;font-weight:900;transition:background .24s ease,transform .24s ease}
.mega-strip-card.is-active i{background:var(--public-header-red)}
.mega-strip-card:hover i{transform:translateX(0);background:var(--public-header-red)}
.mega-visual.is-static .mega-strip,.mega-visual.is-static .mega-next{opacity:0;visibility:hidden;pointer-events:none}
.mega-visual.is-carousel-strip .mega-static-link{opacity:0;visibility:hidden;pointer-events:none}
.mega-visual.is-carousel-strip .mega-strip{opacity:1;visibility:visible;pointer-events:auto}
.mega-visual.is-switching .mega-static-img{animation:megaImageIn .36s ease both}.mega-visual.is-switching .mega-static-caption{animation:megaTextIn .3s ease both}.mega-visual.is-switching .mega-strip-card.is-active{animation:megaCardIn .38s ease both}
.mega-next{position:absolute;right:0;bottom:0;width:58px;height:58px;border:0;background:var(--public-header-red)!important;color:#fff;display:grid;place-items:center;z-index:5;font-size:34px;font-weight:900;cursor:pointer}
.mega-extra{display:none}
@keyframes megaImageIn{from{opacity:.38;filter:blur(7px);transform:scale(1.045) translateX(10px)}to{opacity:.88;filter:blur(0);transform:scale(1) translateX(0)}}
@keyframes megaTextIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes megaCardIn{from{filter:blur(6px);transform:translateX(12px)}to{filter:blur(0);transform:none}}
@keyframes megaDropDown{from{opacity:0;transform:translateY(-18px) scaleY(.96);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes megaPullUp{from{opacity:1;transform:none;clip-path:inset(0)}to{opacity:0;transform:translateY(-18px) scaleY(.96);clip-path:inset(0 0 100% 0)}}
.service-tabs{top:var(--public-header-height)!important;margin-top:0!important;border-top:0!important;z-index:930;background:#fff;color:#121529;max-width:100vw;overflow:hidden}
.service-tabs .container{height:50px;display:flex;align-items:center;justify-content:center;gap:34px;font-size:13px}
.service-tabs a{padding:16px 4px 13px;border-bottom:4px solid transparent;white-space:nowrap}.service-tabs a.active{border-color:var(--public-header-red);font-weight:900}
.page-hero{padding-top:86px}
.solar-home-page .topbar{background:transparent!important}
.solar-home-page .topbar.scrolled{background:var(--public-header-solid-bg)!important}
.solar-home-page .topbar.mega-active{background:var(--public-header-solid-bg)!important;border-bottom:1px solid var(--public-header-line)!important;box-shadow:0 10px 32px rgba(4,7,28,.08)!important}
.solar-home-page .topbar.mega-active .logo-light{display:none!important}.solar-home-page .topbar.mega-active .logo-dark{display:block!important}
.solar-home-page .topbar.mega-active .menu>a,.solar-home-page .topbar.mega-active .menu>a.has-arrow:after{color:var(--public-header-solid-text)!important}
body.solar-home-page header.topbar.mega-active{background:#fff!important;background-color:#fff!important;background-image:none!important;border-bottom:1px solid #eceef5!important;box-shadow:0 10px 32px rgba(4,7,28,.08)!important}
body.solar-home-page header.topbar.mega-active .logo-light{display:none!important}
body.solar-home-page header.topbar.mega-active .logo-dark{display:block!important}
body.solar-home-page header.topbar.mega-active .menu>a,body.solar-home-page header.topbar.mega-active .menu>a.has-arrow:after{color:#15172c!important}
.solar-home-page .service-tabs{position:fixed!important;left:0;right:0;top:var(--public-header-height)!important;z-index:998}
.solar-home-page .service-tabs + .sr-only + .solar-transform-section{padding-top:96px!important}
.hamb{display:none}
.mobile-panel{display:none}
@media(max-width:1050px){
 :root{--public-header-height:76px}
 main#main{padding-top:var(--public-header-height)}
 .topbar .nav{height:var(--public-header-height);width:min(100%,92vw);gap:16px}
 .topbar .brand{min-width:0}.topbar .logo{width:190px;max-height:58px}
 .topbar .menu,.topbar .nav-actions,.mega{display:none!important}
 .hamb{margin-left:auto;width:44px;height:44px;border:0;background:transparent;color:var(--public-header-text);display:grid;place-items:center;gap:5px;padding:10px;cursor:pointer}
 .hamb span{display:block;width:24px;height:2px;background:currentColor;border-radius:999px;transition:transform .18s ease,opacity .18s ease}
 .topbar.scrolled .hamb,.topbar.light .hamb,.topbar.mega-active .hamb{color:var(--public-header-solid-text)}
 .hamb.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamb.is-open span:nth-child(2){opacity:0}.hamb.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .mobile-panel.open{display:block;position:fixed;top:var(--public-header-height);left:0;right:0;z-index:1001;max-height:calc(100vh - var(--public-header-height));overflow:auto;background:#fff;color:#121529;border-top:1px solid var(--public-header-line);box-shadow:0 24px 48px rgba(5,10,34,.16);padding:10px 18px 18px}
 .mobile-group{border-bottom:1px solid #eef0f5}.mobile-parent,.mobile-link,.mobile-cta{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:#121529;padding:0;font:inherit;font-size:15px;font-weight:900;text-align:left;text-decoration:none}
 .mobile-parent:after{content:'+';color:var(--public-header-red);font-size:22px;line-height:1}.mobile-group.open .mobile-parent:after{content:'-'}
 .mobile-submenu{display:none;padding:0 0 12px 14px}.mobile-group.open .mobile-submenu{display:grid;gap:4px}
 .mobile-submenu a{display:block;padding:9px 0;color:#33384d;font-size:14px;font-weight:750}.mobile-submenu a:hover{color:var(--public-header-red)}
 .mobile-panel img,.mobile-panel .mega-visual,.mobile-panel .mega-caption{display:none!important}
 .mobile-link{border-bottom:1px solid #eef0f5}.mobile-cta{justify-content:center;min-height:46px;margin-top:14px;border-radius:999px;background:var(--public-header-red);color:#fff;text-transform:uppercase;font-size:13px}
 .service-tabs{overflow:hidden}.service-tabs .container{width:100%;max-width:100%;height:48px;justify-content:flex-start;gap:24px;overflow-x:auto;overflow-y:hidden;padding:0 16px}.service-tabs a{flex:0 0 auto}
 .page-hero{padding-top:64px}
 .solar-home-page .service-tabs + .sr-only + .solar-transform-section{padding-top:80px!important}
}
@media(max-width:620px){
 :root{--public-header-height:70px}
 .topbar .logo{width:164px;max-height:52px}
 .mobile-panel.open{padding:8px 16px 16px}
 .page-hero{padding-top:54px}
}


/* 2026 refinement: keep the primary header visually consistent from first paint. */
body.home-page .topbar:not(.mega-active),body.insights-page .topbar:not(.mega-active){background:var(--public-header-solid-bg)!important;border-bottom:1px solid var(--public-header-line)!important;box-shadow:0 8px 26px rgba(4,7,28,.055)!important}
body.home-page .topbar:not(.mega-active) .logo-light,body.insights-page .topbar:not(.mega-active) .logo-light{display:none!important}
body.home-page .topbar:not(.mega-active) .logo-dark,body.insights-page .topbar:not(.mega-active) .logo-dark{display:block!important}
body.home-page .topbar:not(.mega-active) .menu>a,body.insights-page .topbar:not(.mega-active) .menu>a{color:var(--public-header-solid-text)!important}
body.home-page .topbar:not(.mega-active) .hamb span,body.insights-page .topbar:not(.mega-active) .hamb span{background:var(--public-header-solid-text)!important}