@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Syne:wght@500;600;700;800&display=swap";
:root{--ink:#0b1825;--navy:#102a3d;--yellow:#f4c842;--cream:#f6f4ee;--muted:#66737c;--line:#dfe3df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{z-index:5;justify-content:space-between;align-items:center;max-width:1240px;height:88px;margin:auto;padding:0 32px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.07em;color:#fff;align-items:center;gap:10px;font:700 20px Syne,sans-serif;display:flex}.brand>span:last-child>span{color:var(--yellow)}.brand-mark{color:var(--yellow);border:1px solid #f4c84280;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.nav{color:#dbe4e8;align-items:center;gap:31px;font-size:13px;font-weight:600;display:flex}.nav a{transition:all .2s}.nav a:hover{color:var(--yellow)}.nav-cta{border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:9px;padding:12px 16px;display:flex;color:#fff!important}.menu{color:#fff;background:0 0;border:0;display:none}.hero{background:var(--navy);color:#fff;min-height:750px;position:relative;overflow:hidden}.hero-inner{z-index:2;max-width:1240px;margin:auto;padding:190px 32px 90px;position:relative}.hero-glow{background:radial-gradient(circle,#f4c8422b,#0000 67%);border-radius:50%;width:700px;height:700px;position:absolute;top:30px;right:0}.eyebrow,.section-kicker{letter-spacing:.18em;color:#91a6af;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.eyebrow span{background:var(--yellow);width:30px;height:2px}h1,h2,h3{letter-spacing:-.07em;margin:0;font-family:Syne,sans-serif}h1{max-width:720px;margin-top:25px;font-size:clamp(54px,7vw,96px);line-height:.94}h1 em,h2 span{color:var(--yellow);font-style:normal}.hero-copy{color:#b2c0c5;max-width:470px;margin:31px 0;font-size:17px;line-height:1.65}.hero-actions{align-items:center;gap:28px;display:flex}.button{border-radius:30px;align-items:center;gap:13px;padding:15px 20px;font-size:13px;font-weight:700;display:inline-flex}.primary{background:var(--yellow);color:var(--ink)}.text-link{color:#fff;align-items:center;gap:9px;font-size:13px;font-weight:700;display:inline-flex}.text-link.dark{color:var(--ink);margin-top:25px}.hero-proof{align-items:center;gap:14px;margin-top:72px;display:flex}.proof-avatars{display:flex}.proof-avatars span{border:2px solid var(--navy);width:31px;height:31px;color:var(--yellow);background:#395365;border-radius:50%;place-items:center;margin-left:-7px;font-size:10px;display:grid}.proof-avatars span:first-child{margin-left:0}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{color:#8fa1a8;margin-top:4px;font-size:11px}.hero-visual{background:linear-gradient(137deg,#0000 14%,#f4c8421c 14.2%,#f4c84208 39%,#0000 39.2%),linear-gradient(25deg,#0000 50%,#ffffff0d 50.2%,#0000 50.5%);border-left:1px solid #ffffff14;width:46%;height:600px;position:absolute;top:115px;right:-35px;transform:skew(-8deg)}.hero-visual:after{content:"";clip-path:polygon(31% 0,100% 14%,79% 100%,0 80%);background:linear-gradient(145deg,#194557cc,#0c233433);border:1px solid #ffffff26;position:absolute;inset:70px 50px 30px}.sun-orb{z-index:2;width:82px;height:82px;color:var(--yellow);background:#f4c8422b;border-radius:50%;place-items:center;display:grid;position:absolute;top:95px;right:145px;box-shadow:0 0 0 20px #f4c8420a}.solar-card{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#091b27cc;border:1px solid #ffffff2e;border-radius:7px;width:225px;padding:19px;position:absolute;bottom:125px;right:80px;transform:skew(8deg)}.solar-card>div:first-child{letter-spacing:.12em;color:#92abb3;font-size:9px}.live-dot{background:#70e1a8;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.solar-card strong{margin-top:16px;font:600 37px Syne;display:block}.solar-card strong small{color:#9cafb3;font:13px DM Sans}.chart{align-items:end;gap:5px;height:45px;margin:8px 0;display:flex}.chart i{background:var(--yellow);opacity:.9;border-radius:3px 3px 0 0;width:9px;display:block}.chart i:first-child{height:35%}.chart i:nth-child(2){height:45%}.chart i:nth-child(3){height:32%}.chart i:nth-child(4){height:60%}.chart i:nth-child(5){height:55%}.chart i:nth-child(6){height:72%}.chart i:nth-child(7){height:64%}.chart i:nth-child(8){height:82%}.chart i:nth-child(9){height:75%}.chart i:nth-child(10){height:95%}.chart i:nth-child(11){height:85%}.chart i:nth-child(12){height:100%}.chart-label{color:#8ea3aa;font-size:10px}.chart-label b{color:#70e1a8;margin-left:7px}.section{max-width:1240px;margin:auto;padding:120px 32px}.intro{padding-bottom:105px}.intro .section-kicker,.feature .section-kicker,.faq .section-kicker{color:#839097}.intro-grid,.section-heading{grid-template-columns:1.05fr .95fr;gap:80px;margin-top:28px;display:grid}.section h2{font-size:clamp(42px,5vw,65px);line-height:1}.intro h2 span,.section h2 span{color:#afbac0}.large-copy{margin:0 0 20px;font-size:20px;line-height:1.55}.intro-grid p:not(.large-copy),.section-heading>p,.feature-content>p,.faq-intro>p{color:var(--muted);max-width:520px;font-size:14px;line-height:1.8}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:90px;padding-top:28px;display:grid}.stats strong{font:600 38px Syne}.stats strong span{color:#a6b0b1;font-size:17px}.stats small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.solutions{background:#e9eee9;max-width:none;padding-left:max(32px,50% - 588px);padding-right:max(32px,50% - 588px)}.section-heading{margin-top:27px}.section-heading>p{align-self:end;margin:0 0 8px}.solution-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px;display:grid}.solution-card{background:var(--cream);border:1px solid #dde3dc;flex-direction:column;min-height:280px;padding:28px;transition:transform .25s,box-shadow .25s;display:flex}.solution-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px #102a3d14}.card-top{justify-content:space-between;display:flex}.icon-box{width:46px;height:46px;color:var(--navy);background:var(--yellow);border-radius:50%;place-items:center;display:grid}.icon-box svg{width:21px}.card-number{color:#9aa9a8;font-size:12px}.solution-card h3{margin-top:39px;font-size:23px}.solution-card p,.sector-grid p{color:var(--muted);margin:12px 0;font-size:13px;line-height:1.7}.solution-card a,.sector-grid a{align-items:center;gap:9px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.feature{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.feature-image{background:linear-gradient(145deg,#0b18251a,#0b1825d9),url(/images/hero-solar-carport.png) 50%/cover;border-radius:3px;height:560px;position:relative;overflow:hidden}.feature-image:after{content:"";border:1px solid #ffffff59;position:absolute;inset:18px}.image-overlay{z-index:1;color:#fff;position:absolute;bottom:42px;left:42px}.image-overlay span{color:var(--yellow);letter-spacing:.1em;font-size:11px}.image-overlay strong{margin-top:10px;font:600 27px/1.1 Syne;display:block}.feature-content h2{margin:27px 0}.feature-content>p{margin-bottom:26px}.feature-content ul{margin:0 0 32px;padding:0;list-style:none}.feature-content li{align-items:center;gap:12px;margin:14px 0;font-size:13px;display:flex}.feature-content li svg{color:#b18f15;width:18px}.dark-button{background:var(--ink);color:#fff}.sectors{padding-top:20px}.sector-grid{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px;display:grid}.sector-grid article{background:var(--cream);flex-direction:column;min-height:225px;padding:30px;display:flex}.sector-grid article>span{color:#aab4b2;font:600 12px Syne}.sector-grid h3{margin-top:35px;font-size:25px}.trust{background:var(--yellow);grid-template-columns:repeat(3,1fr);gap:30px;padding:37px max(32px,50% - 588px);display:grid}.trust>div{border-right:1px solid #0b18252e;align-items:center;gap:15px;display:flex}.trust>div:last-child{border:0}.trust svg{color:var(--navy)}.trust strong,.trust small{display:block}.trust strong{font:600 14px Syne}.trust small{color:#5e5d42;margin-top:4px;font-size:11px}.faq{grid-template-columns:.8fr 1.2fr;gap:110px;display:grid}.faq-intro h2{margin:27px 0}.faq-intro>p{max-width:350px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:14px;font-weight:600;display:flex}.faq-item button svg{transition:transform .2s}.faq-item.active button svg{color:#a4871f;transform:rotate(180deg)}.faq-item p{color:var(--muted);margin:-5px 35px 24px 0;font-size:13px;line-height:1.7}.contact{background:var(--navy);color:#fff;max-width:none;padding-left:max(32px,50% - 588px);padding-right:max(32px,50% - 588px)}.contact-inner{grid-template-columns:1.1fr .9fr;gap:80px;display:grid}.contact h2{margin:27px 0;font-size:clamp(48px,6vw,78px);line-height:.95}.contact h2 em{color:var(--yellow);font-style:normal}.contact p{color:#a8bac0;max-width:450px;margin-bottom:30px;font-size:14px;line-height:1.7}.yellow-button{background:var(--yellow);color:var(--ink)}.contact-details{border-top:1px solid #fff3;grid-template-columns:1fr 1fr;align-content:start;display:grid}.contact-details>div{border-bottom:1px solid #fff3;padding:22px 0}.contact-details>div:nth-child(odd){margin-right:30px}.contact-details small{color:#8ca4ad;letter-spacing:.15em;margin-bottom:10px;font-size:10px;display:block}.contact-details a,.contact-details span{font-size:13px;line-height:1.6}.contact-details a:hover{color:var(--yellow)}footer{background:var(--cream);align-items:center;gap:25px;max-width:1240px;margin:auto;padding:34px 32px;display:flex}footer .brand{color:var(--ink);font-size:16px}footer .brand-mark{width:31px;height:31px}.brand-mark svg{color:#b99310}footer p{color:var(--muted);margin-right:auto;font-size:11px}.copyright{color:#99a3a3;font-size:10px}.floating-contact{background:var(--yellow);width:51px;height:51px;color:var(--ink);z-index:4;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 20px #102a3d33}@media (max-width:850px){.site-header{padding:0 20px}.menu{display:block}.nav{background:var(--navy);border:1px solid #ffffff24;flex-direction:column;align-items:stretch;gap:0;padding:18px;display:none;position:absolute;top:75px;left:20px;right:20px}.nav.open{display:flex}.nav a{padding:14px}.nav-cta{justify-content:center;margin-top:8px}.hero{min-height:780px}.hero-inner{padding:145px 22px 65px}.hero-visual{opacity:.55;width:100%;top:270px;right:-150px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.hero-proof{margin-top:38px}.section{padding:76px 22px}.intro-grid,.section-heading,.feature,.faq,.contact-inner{grid-template-columns:1fr;gap:35px}.stats{grid-template-columns:repeat(2,1fr);gap:25px;margin-top:55px}.solution-grid,.sector-grid{grid-template-columns:1fr}.feature-image{order:2;height:390px}.feature{gap:45px}.sectors{padding-top:0}.trust{grid-template-columns:1fr;gap:22px;padding:30px 22px}.trust>div{border-bottom:1px solid #102a3d2e;border-right:0;padding-bottom:18px}.trust>div:last-child{padding-bottom:0}.contact-details{margin-top:20px}.contact-details>div:nth-child(odd){margin-right:15px}footer{padding:28px 22px;display:block}footer p{margin:15px 0}.copyright{margin-top:20px;display:block}}