@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}}
