@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#0a1510;background:#f6f7f5;margin:0;font-family:DM Sans,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}header{z-index:20;color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;width:100%;height:74px;padding:0 5vw;display:flex;position:absolute;top:0}.brand{letter-spacing:-1.3px;font-family:Manrope,sans-serif;font-size:25px}.brand span{font-weight:700}.brand b{color:#89efb6;font-weight:400}nav{color:#dbe6de;gap:34px;margin:auto;font-size:14px;display:flex}.quote,.primary{color:#07100b;background:#76eeac;border:0;border-radius:100px;align-items:center;gap:10px;padding:13px 19px;font-weight:600;display:inline-flex}.hamb{color:#fff;background:0 0;border:0;display:none}.hero{color:#fff;background:radial-gradient(circle at 76% 32%,#173d2c 0,#091b12 25%,#050b08 60%);align-items:center;min-height:100vh;padding:120px 8vw;display:flex;position:relative;overflow:hidden}.heroCopy{z-index:3;width:min(660px,58vw);position:relative}.eyebrow,.kicker{letter-spacing:2.6px;font-size:12px;font-weight:600}.eyebrow{color:#a5b5aa;align-items:center;gap:10px;display:flex}.eyebrow i{background:#75eeaa;width:28px;height:1px}.hero h1{letter-spacing:-6px;margin:30px 0;font:500 clamp(64px,8.2vw,128px)/.89 Manrope,sans-serif}.hero h1 span{color:#7af0ad}.heroCopy>p{color:#aebbb2;max-width:570px;font-size:18px;line-height:1.65}.actions{gap:15px;margin-top:36px;display:flex}.ghost{color:#fff;background:0 0;border:1px solid #ffffff26;border-radius:100px;padding:16px 22px}.orb{background:radial-gradient(circle at 38% 35%,#bdf8d5,#57d991 38%,#1c7849 65%,#092719 100%);border-radius:50%;width:46vw;height:46vw;position:absolute;top:18%;right:-8vw;overflow:hidden;box-shadow:0 0 130px #39cc7550}.sun{color:#22734a;background:#eafff1;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:absolute;top:36%;left:42%;box-shadow:0 0 40px #d5ffe6}.gridlines{transform-origin:top;background:repeating-linear-gradient(90deg,#ffffff18 0 1px,#0000 1px 70px),repeating-linear-gradient(0deg,#ffffff16 0 1px,#0000 1px 38px);position:absolute;inset:52% 0 0;transform:perspective(300px)rotateX(62deg)}.glow{filter:blur(80px);background:#11623b33;border-radius:50%;width:300px;height:300px;position:absolute;top:10%;left:25%}.intro,.process{padding:120px 7vw}.kicker{color:#2a8957}.light{color:#79eca9}.intro h2,.process h2,.promise h2,.cta h2{letter-spacing:-4px;margin:18px 0 24px;font:500 clamp(46px,6vw,84px)/1.02 Manrope,sans-serif}.lead{color:#657068;max-width:740px;font-size:20px;line-height:1.55}.cards{grid-template-columns:1fr 1fr;gap:16px;margin-top:70px;display:grid}.card{border-radius:8px;flex-direction:column;justify-content:space-between;height:610px;padding:48px;display:flex;position:relative;overflow:hidden}.icon{background:#fffa;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.card small{letter-spacing:2px}.card h3{letter-spacing:-2px;margin:15px 0;font:500 42px/1.08 Manrope,sans-serif}.card p{color:#66756b;width:70%;line-height:1.55}.dark p{color:#9ab1a1}.card a{align-items:center;gap:8px;font-weight:600;display:flex}.panelArt{grid-template-columns:repeat(2,1fr);gap:5px;width:52%;display:grid;position:absolute;bottom:-45px;right:-60px;transform:rotate(-19deg)}.panelArt span{background:linear-gradient(135deg,#174e35,#5ca47d);border:3px solid #cfddd4;height:100px}.batteryArt{color:#1e3d2d;background:linear-gradient(120deg,#dfe7e2,#fff 50%,#afc3b6);border-radius:18px;justify-content:center;align-items:center;width:210px;height:330px;display:flex;position:absolute;bottom:-40px;right:55px;box-shadow:-25px 35px 60px #0008}.batteryArt i{background:#57e693;border-radius:50%;width:9px;height:9px;position:absolute;top:28px;right:25px}.batteryArt em{background:#92a79a;width:100px;height:3px;position:absolute;bottom:34px}.promise{color:#fff;background:#08140d;padding:120px 7vw}.promise h2 span{color:#809087}.metrics{border-top:1px solid #fff2;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:90px;padding-top:45px;display:grid}.metrics svg{color:#79eca9;margin-bottom:60px}.metrics b{margin-bottom:12px;font:500 28px Manrope,sans-serif;display:block}.metrics p{color:#85978a;line-height:1.6}.steps{border-top:1px solid #ccd4cf;grid-template-columns:repeat(4,1fr);margin-top:85px;display:grid}.step{border-right:1px solid #ccd4cf;min-height:240px;padding:30px 28px 0 0}.step span{color:#8a968e;font-size:12px}.step h3{margin-top:55px;font:500 27px Manrope,sans-serif}.step p{color:#69716c;line-height:1.55}.cta{color:#fff;background:#266d48;align-items:center;min-height:650px;padding:120px 8vw;display:flex;position:relative;overflow:hidden}.cta>div:not(.ctaOrb){z-index:2;position:relative}.ctaContent{width:min(740px,100%)}.cta p:not(.kicker){color:#c2d9ca;max-width:560px;font-size:18px;line-height:1.6}.white{background:#fff;margin-top:20px}.ctaOrb{background:radial-gradient(circle at 38% 35%,#95efb9,#30a46c 45%,#135738 74%);border-radius:50%;width:600px;height:600px;position:absolute;top:20px;right:-130px}.contactForm{flex-direction:column;gap:18px;max-width:700px;margin-top:30px;display:flex}.fieldRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.fieldRow.single{grid-template-columns:1fr}.contactForm label{color:#edf7f1;flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.contactForm label span{color:#dfece2}.contactForm input,.contactForm textarea{color:#fff;width:100%;font:inherit;resize:vertical;background:#08161133;border:1px solid #ffffff40;border-radius:14px;padding:14px 16px}.contactForm input::placeholder,.contactForm textarea::placeholder{color:#bfd4c7}.contactForm input:focus,.contactForm textarea:focus{border-color:#0000;outline:2px solid #99f5becc}.formActions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:8px;display:flex}.mailLink{color:#ebfff1;font-weight:600}.formFeedback{margin:0;font-size:14px;font-weight:600}.formFeedback.success{color:#d7ffe9}.formFeedback.error{color:#ffe5e5}.mobile{display:none}footer{color:#9dac9f;background:#050b08;align-items:center;gap:40px;min-height:120px;padding:30px 7vw;display:flex}footer p:first-of-type{margin:auto}footer p{font-size:12px}@media (width<=850px){.quote,nav{display:none}.hamb{margin-left:auto;display:block}.mobile{z-index:19;color:#fff;background:#07110c;flex-direction:column;gap:20px;width:100%;padding:25px 7vw;display:flex;position:absolute;top:74px}.hero{align-items:flex-start;padding:130px 7vw 70px}.heroCopy{width:100%;margin-top:50px}.hero h1{letter-spacing:-4px;font-size:62px}.heroCopy>p{font-size:16px}.orb{width:94vw;height:94vw;top:40%;right:-55vw}.cards{grid-template-columns:1fr}.card{height:570px;padding:32px}.card h3{font-size:34px}.card p{width:85%}.batteryArt{right:-30px}.intro,.process,.promise{padding:80px 7vw}.intro h2,.process h2,.promise h2,.cta h2{letter-spacing:-2.5px}.metrics,.steps{grid-template-columns:1fr}.metrics{gap:55px}.metrics svg{margin-bottom:20px}.step{border-bottom:1px solid #ccd4cf;border-right:0;min-height:190px}.step h3{margin-top:35px}.cta{min-height:680px;padding:80px 7vw}.ctaOrb{width:420px;height:420px;top:auto;bottom:-100px;right:-230px}.fieldRow{grid-template-columns:1fr}.actions,.formActions{flex-direction:column;align-items:flex-start}.footer{display:flex}footer{flex-direction:column;align-items:flex-start;gap:15px}footer p:first-of-type{margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.green{background:linear-gradient(#e0f2e700,#e0f2e761),url(/images/solar-panels.png) 50%/cover no-repeat}.dark{color:#fff;background:linear-gradient(#07170f38,#07170f94),url(/images/home-battery.png) 50%/cover no-repeat}.hero{color:#fff;background:linear-gradient(#05100a0d,#05100a26),url(/images/renewable-energy-city.png) 50%/cover no-repeat}.green>div>p{color:#fff;background-color:#0000;border-radius:6px;padding:10px 14px}
