@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#08110f;--forest:#0c211c;--pine:#10372b;--cream:#ede9dc;--gold:#dba72c;--sun:#ffd568;--line:rgba(237,233,220,.18);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;inset:0;opacity:.055;z-index:20;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.progress{height:2px;background:rgba(255,255,255,.1);position:fixed;left:0;top:0;width:100%;z-index:30}.progress span{display:block;width:0;height:100%;background:var(--gold)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;z-index:10;width:100%;top:0}.nav-brand{color:var(--cream);font-size:11px;letter-spacing:.15em;font-weight:700;text-decoration:none;display:flex;gap:8px;align-items:center}.nav-brand i{display:inline-block;width:8px;height:13px;background:var(--gold);clip-path:polygon(62% 0,0 54%,39% 54%,24% 100%,100% 38%,59% 38%)}nav{display:flex;gap:28px;align-items:center}nav a{color:rgba(237,233,220,.8);font:10px var(--mono);text-decoration:none}nav .nav-cta{border:1px solid rgba(237,233,220,.45);padding:11px 14px;color:var(--cream)}nav .nav-cta span{margin-left:10px;color:var(--gold);font-size:15px}.hero{min-height:100svh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 47%,#1b4936 0%,#0d211b 28%,#08110f 72%)}.hero::before{content:"";position:absolute;width:min(65vw,900px);height:min(65vw,900px);border:1px solid rgba(220,167,44,.18);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-52%);box-shadow:0 0 0 80px rgba(220,167,44,.025),0 0 0 200px rgba(220,167,44,.018)}.hero-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(217,208,168,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(217,208,168,.07) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.eyebrow{font:10px var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--gold);margin:0}.hero .eyebrow{margin-top:-72px;margin-bottom:24px}.reveal-word{opacity:0;animation:rise .75s .3s forwards}.brand-lockup{display:flex;align-items:center;line-height:.82;position:relative;z-index:1;filter:drop-shadow(0 16px 20px rgba(0,0,0,.25))}.brand-word{font-size:clamp(64px,11vw,170px);font-weight:600;letter-spacing:-.085em;opacity:0;transform:translateX(10px);animation:word-in .9s 1.25s cubic-bezier(.2,.8,.1,1) forwards}.brand-volt{transform:translateX(-10px)}.bolt-wrap{height:clamp(78px,13vw,190px);width:clamp(43px,7vw,92px);margin:0 .5vw;transform-style:preserve-3d;animation:bolt-spin 1.1s cubic-bezier(.15,.9,.25,1) forwards}.bolt{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 15px rgba(252,201,62,.5))}.hero-copy{font-size:clamp(13px,1.15vw,16px);line-height:1.8;text-align:center;color:rgba(237,233,220,.68);margin:34px 0 0;opacity:0;animation:rise .7s 1.75s forwards}.scroll-cue{position:absolute;bottom:41px;text-decoration:none;color:rgba(237,233,220,.68);font:10px var(--mono);letter-spacing:.11em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.scroll-cue span{display:block;width:28px;height:1px;background:var(--gold);position:relative}.scroll-cue span::after{content:"";position:absolute;width:5px;height:5px;right:0;top:-2px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(-45deg)}.power-story{position:absolute;bottom:0;right:4vw;width:min(51vw,690px);height:245px;z-index:2}.story-label{font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(237,233,220,.55);position:absolute;right:12px;top:7px}.story-stage{position:absolute;inset:0}.wire{position:absolute;width:96%;height:88%;left:-28px;bottom:-4px;overflow:visible}.wire path{fill:none;stroke:#d2a13b;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:wire-grow 1.8s 2.1s forwards}.wire circle{fill:var(--gold);opacity:0;animation:appear .2s 2.1s forwards}.technician{position:absolute;width:64px;height:143px;left:38%;bottom:11px;opacity:0;animation:tech-walk 3s 2.35s cubic-bezier(.28,.02,.2,1) forwards}.hardhat{position:absolute;top:1px;left:18px;width:28px;height:14px;background:#efbf35;border-radius:20px 20px 5px 5px;border-bottom:3px solid #b98616}.head{position:absolute;left:25px;top:12px;width:17px;height:19px;background:#70422d;border-radius:7px 7px 10px 10px}.vest{position:absolute;top:31px;left:14px;width:37px;height:44px;background:#287bcb;clip-path:polygon(21% 0,79% 0,100% 18%,83% 100%,17% 100%,0 18%)}.vest::after{content:"";position:absolute;inset:15px 2px 0;border-top:3px solid #ecf3e8;border-bottom:3px solid #ecf3e8}.arm{position:absolute;width:10px;height:45px;background:#70422d;top:34px;border-radius:10px}.arm-left{left:12px;transform:rotate(19deg);transform-origin:top}.arm-right{right:9px;transform:rotate(-20deg);transform-origin:top}.leg{position:absolute;width:12px;height:52px;background:#172827;top:69px;border-radius:3px}.leg-left{left:20px;transform:rotate(7deg)}.leg-right{right:18px;transform:rotate(-7deg)}.leg::after{content:"";position:absolute;width:20px;height:8px;background:#15191a;bottom:-3px;border-radius:8px 8px 2px 2px}.plug{position:absolute;width:16px;height:23px;border:3px solid #d9bd76;border-radius:3px;right:-16px;top:73px;transform:rotate(55deg);background:#173025}.plug b{position:absolute;background:#d9bd76;width:3px;height:9px;bottom:-9px}.plug b:first-child{left:2px}.plug b:last-child{right:2px}.mini-home{position:absolute;width:125px;height:112px;right:8px;bottom:12px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.4));opacity:0;animation:appear .4s 4.65s forwards}.house-body{position:absolute;background:#c7b998;width:102px;height:68px;bottom:0;left:12px;border-radius:2px}.roof{position:absolute;width:0;height:0;border-left:64px solid transparent;border-right:64px solid transparent;border-bottom:58px solid #9f512b;left:0;top:0}.door{position:absolute;width:20px;height:33px;background:#27433d;bottom:0;left:52px}.window{position:absolute;width:16px;height:17px;bottom:32px;background:#fff1a4;border:3px solid #788163;box-shadow:0 0 15px 4px rgba(255,226,99,.46);opacity:0;animation:lights-on .35s 5.1s forwards}.window-one{left:25px}.window-two{right:25px}.home-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 58%,rgba(255,209,79,.5),transparent 52%);opacity:0;animation:lights-on .8s 5.1s forwards}.statement{min-height:93svh;background:var(--cream);color:var(--forest);padding:13vw 11vw;position:relative;overflow:hidden}.section-number{font:10px var(--mono);letter-spacing:.18em;color:#a68030;position:absolute;top:44px;right:5vw}.statement h1,.system h2,.install h2{font:500 clamp(42px,6vw,90px)/.98 var(--serif);letter-spacing:-.055em;margin:22px 0 25px}.statement h1 em,.system h2 em,.install h2 em{font-weight:500;color:#a87b1f}.statement-copy{font-size:16px;line-height:1.75;width:min(390px,100%);color:#4b5b52}.orbit-wrap{position:absolute;width:min(46vw,620px);height:min(46vw,620px);right:-3vw;bottom:-9vw;border-radius:50%;border:1px solid rgba(12,33,28,.14)}.orbit-wrap::before,.orbit-wrap::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(12,33,28,.12);inset:14%}.orbit-wrap::after{inset:29%}.orbit{position:absolute;inset:-1px;border-radius:50%;animation:spin 20s linear infinite}.orbit span{position:absolute;color:var(--gold);font-size:32px;left:4%;top:25%;animation:spin 20s linear infinite reverse}.orbit-label{font:10px var(--mono);position:absolute;bottom:31%;left:23%;letter-spacing:.1em;text-transform:uppercase;color:#746a51}.problem{min-height:88svh;background:#10352b;color:var(--cream);padding:13vw 11vw;position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-content:center}.problem::before{content:"";position:absolute;width:40vw;height:40vw;border-radius:50%;right:-14vw;top:-14vw;background:radial-gradient(circle,rgba(255,213,104,.14),transparent 67%)}.problem h2{font:500 clamp(50px,7.5vw,112px)/.89 var(--serif);letter-spacing:-.07em;margin:20px 0}.problem-copy{align-self:end;padding-bottom:42px}.problem-copy p{font-size:16px;line-height:1.8;color:rgba(237,233,220,.77);max-width:410px;margin:0 0 19px}.text-link{color:var(--gold);font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;display:inline-block;margin-top:9px}.text-link span{font-size:18px;margin-left:10px}.metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(237,233,220,.17);margin-top:5vw}.metrics div{background:#10352b;padding:21px 20px;display:flex;gap:23px;align-items:center}.metrics strong{font:500 34px var(--serif);color:var(--gold)}.metrics span{font-size:12px;color:rgba(237,233,220,.73);line-height:1.35}.system{min-height:100svh;background:#efe9dc;color:var(--forest);padding:12vw 5vw 8vw;position:relative}.system>h2,.system>.eyebrow{margin-left:6vw}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:58px}.system-card{min-height:380px;padding:28px;position:relative;overflow:hidden;border-radius:3px}.card-watts{background:#163d31;color:var(--cream)}.card-panels{background:#d9b856}.card-inverter{background:#ac5935;color:#fff3db}.card-index{font:10px var(--mono);letter-spacing:.2em;opacity:.7}.system-card h3{font:500 28px/1.1 var(--serif);letter-spacing:-.04em;margin:52px 0 12px}.system-card p{font-size:13px;line-height:1.6;max-width:210px;opacity:.8}.dial{width:175px;height:175px;border:1px solid rgba(255,255,255,.45);position:absolute;right:-23px;bottom:-38px;border-radius:50%;display:grid;place-items:center}.dial::before{content:"";position:absolute;width:63px;height:1px;background:var(--gold);transform:rotate(-55deg);transform-origin:left}.dial i{position:absolute;inset:14px;border:1px solid rgba(255,255,255,.28);border-radius:50%}.dial b{font:500 25px var(--serif)}.panel-array{position:absolute;right:14px;bottom:17px;width:170px;height:107px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;transform:skewY(-15deg) rotate(-6deg)}.panel-array i{background:#234865;border:1px solid rgba(255,255,255,.5);position:relative}.panel-array i::after{content:"";position:absolute;inset:50% 0;border-top:1px solid rgba(255,255,255,.35)}.inverter-unit{position:absolute;right:23px;bottom:19px;width:160px;height:118px;border:2px solid rgba(255,243,219,.8);border-radius:5px;padding:17px}.inverter-unit::before{content:"";position:absolute;left:28px;right:28px;height:5px;border-top:2px solid rgba(255,243,219,.75);border-bottom:2px solid rgba(255,243,219,.75);top:29px}.inverter-unit i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ffe182;margin-right:7px;box-shadow:0 0 10px #ffe182}.inverter-unit span{position:absolute;right:16px;bottom:14px;font:500 21px var(--serif)}.install{min-height:90svh;background:#0b1714;color:var(--cream);padding:12vw 11vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;position:relative;overflow:hidden}.install-glow{position:absolute;width:65vw;height:65vw;border-radius:50%;background:radial-gradient(circle,rgba(193,137,24,.22),transparent 62%);left:-30vw;bottom:-33vw}.install-content,.consultation-form{position:relative}.install-content>p:last-child{max-width:330px;color:rgba(237,233,220,.67);line-height:1.7}.consultation-form{display:flex;flex-direction:column;gap:17px;background:rgba(237,233,220,.04);border:1px solid rgba(237,233,220,.18);padding:28px}.consultation-form label{font:10px var(--mono);text-transform:uppercase;color:var(--gold);letter-spacing:.08em;display:flex;flex-direction:column;gap:8px}.consultation-form input,.consultation-form select{background:transparent;border:0;border-bottom:1px solid rgba(237,233,220,.25);color:var(--cream);font:14px var(--sans);padding:10px 0;outline:none;border-radius:0}.consultation-form select option{background:var(--ink)}.consultation-form input::placeholder{color:rgba(237,233,220,.35)}button{background:var(--gold);border:0;color:#152019;text-align:left;padding:15px 17px;font:600 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;margin-top:5px;transition:.25s}button:hover{background:var(--sun);transform:translateY(-2px)}button span{float:right;font-size:18px;line-height:10px}.form-message{margin:0;min-height:16px;font-size:11px;color:var(--sun)}footer{background:#07120f;border-top:1px solid rgba(237,233,220,.15);padding:27px 5vw;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.05em;color:rgba(237,233,220,.5)}
@keyframes bolt-spin{0%{transform:rotateY(0) rotateZ(-30deg) scale(.2)}60%{transform:rotateY(1120deg) rotateZ(11deg) scale(1.14)}100%{transform:rotateY(1440deg) rotateZ(0) scale(1)}}@keyframes word-in{to{opacity:1;transform:translateX(0)}}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes wire-grow{to{stroke-dashoffset:0}}@keyframes appear{to{opacity:1}}@keyframes lights-on{to{opacity:1}}@keyframes tech-walk{0%{opacity:0;transform:translateX(-250px)}5%{opacity:1}100%{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:760px){.nav{height:66px;padding:0 20px}.nav nav>a:not(.nav-cta){display:none}.nav-cta{padding:9px 10px!important}.hero{min-height:780px}.hero .eyebrow{margin-top:-180px;font-size:8px}.brand-word{font-size:clamp(51px,15vw,74px)}.bolt-wrap{width:35px;height:67px}.hero-copy{font-size:12px;margin-top:25px}.power-story{width:100%;height:220px;right:0}.story-label{right:25px}.technician{left:38%;transform:scale(.85);transform-origin:bottom}.mini-home{right:7px;transform:scale(.8);transform-origin:bottom right}.statement{min-height:680px;padding:150px 28px 90px}.statement h1{font-size:46px}.statement-copy{font-size:14px}.orbit-wrap{width:360px;height:360px;right:-140px;bottom:-130px}.problem{display:block;padding:118px 28px 60px;min-height:780px}.problem h2{font-size:57px}.problem-copy{padding:24px 0}.problem-copy p{font-size:14px}.metrics{margin-top:30px;grid-template-columns:1fr}.metrics div{padding:14px}.system{padding:110px 20px 45px}.system>h2,.system>.eyebrow{margin-left:8px}.system h2{font-size:47px}.system-grid{grid-template-columns:1fr;margin-top:35px}.system-card{min-height:310px}.install{grid-template-columns:1fr;padding:100px 25px 55px;gap:32px}.install h2{font-size:48px}.consultation-form{padding:20px}footer{padding:23px 20px;flex-wrap:wrap;gap:15px}footer>span:nth-child(2){display:none}}