:root{--paper:#fffdf8;--ink:#11283f;--muted:#526171;--yellow:#ffdc12;--red:#ed3344;--blue:#37b6e7;--line:#dce4e8;--page-pad:clamp(24px,5.5vw,95px)}
body{font-family:Arial,Helvetica,sans-serif;font-size:16px;background:var(--paper)}html{scroll-padding-top:30px}h2,.section-heading h2{font-weight:800;font-size:clamp(44px,4.9vw,74px);letter-spacing:-3px;line-height:1.03}.topbar{padding:11px var(--page-pad);display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;font-size:11px;letter-spacing:.2px}.topbar b{color:var(--yellow);font-size:15px;margin-right:7px}.topbar>span:last-child{color:#bbd6e7;font-size:10px}.header{height:102px;padding:0 var(--page-pad);margin:0;background:#fff;border:0;gap:30px}.brand{display:block}.brand img{width:174px;height:60px;object-fit:contain}.desktop-nav{font-size:13px;font-weight:700;gap:30px}.desktop-nav a:after{height:4px;background:var(--blue)}.button{border:0;background:var(--yellow);color:var(--ink);padding:10px 10px 10px 25px;font-weight:700;font-size:14px;gap:30px;border-radius:8px;box-shadow:0 4px 0 #00000012;transition:transform .25s,box-shadow .25s}.button>span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--ink);color:#fff;font-size:26px;transition:transform .3s}.button:hover{color:var(--ink);background:var(--yellow);transform:translateY(-4px);box-shadow:0 8px 0 #00000012}.button:hover>span{transform:rotate(45deg)}.nav-cta{font-size:12px;padding-left:19px;gap:18px}.nav-cta>span{width:30px;height:30px;font-size:22px}.button-red,.button-red:hover{background:var(--red);color:white}.button-red>span{background:white;color:var(--red)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px}.status-dot{width:7px;height:7px;background:var(--red);box-shadow:0 0 0 4px #ed334421}.small-flash{font-size:28px;line-height:.8;color:var(--red)}.red-text{color:var(--red)}.blue-text{color:#008ec5}
.hero{background:var(--ink);color:white;isolation:isolate;padding:58px var(--page-pad) 30px;grid-template-columns:1fr 1fr;gap:10px 40px;min-height:770px}.hero-color-field{position:absolute;right:-11%;top:-12%;height:125%;width:59%;background:#159cd1;clip-path:polygon(31% 0,100% 0,100% 100%,0 100%,20% 52%,2% 52%);z-index:-1;animation:field-in 1.4s cubic-bezier(.2,.7,.2,1) both}.hero-copy{padding:0;z-index:3}.hero .eyebrow{font-size:9px;color:#d5e6ef;letter-spacing:1.3px}.hero h1{font-size:clamp(75px,7.4vw,119px);font-weight:800;letter-spacing:-6px;line-height:.97;margin:29px 0 27px}.hero h1>span{display:block;animation:word-in .8s cubic-bezier(.2,.7,.2,1) both}.hero h1>span:nth-child(2){animation-delay:.1s}.hero h1>span:nth-child(3){animation-delay:.2s}.headline-accent{color:var(--yellow);z-index:0}.headline-accent:after{content:'';position:absolute;bottom:-8px;left:0;width:88%;height:8px;background:var(--red);transform:rotate(-2deg);z-index:-1;transform-origin:left;animation:underline-in .8s .5s both}.hero-description{font-size:15px;line-height:1.75;color:#d0e0ec;margin-bottom:25px;max-width:390px}.hero-description strong{color:white;font-weight:400}.hero-cta{font-size:15px;min-width:260px}.hero-note{font-size:10px;color:#bad0df;margin-top:13px;gap:8px}.hello-jimmy{display:flex;align-items:center;gap:13px;margin-top:35px;width:max-content;max-width:100%}.hello-jimmy img{width:46px;height:46px;border-radius:50%;border:2px solid white;object-fit:cover;object-position:50% 30%;transition:transform .4s}.hello-jimmy:hover img{transform:rotate(-10deg) scale(1.1)}.hello-jimmy strong{font-size:12px;display:block}.hello-jimmy small{font-size:10px;color:#b8ccda;display:block;margin-top:5px}.hello-arrow{font-size:21px;color:var(--yellow);margin-left:7px}.hero-scroll{grid-column:1;display:flex;align-items:center;gap:20px;font-size:8px;font-weight:700;letter-spacing:1.6px;padding-top:32px}.hero-scroll b{font-size:24px;font-weight:400;animation:nudge 2s infinite}.motion-toggle{grid-column:2;justify-self:end;align-self:end;display:flex;align-items:center;gap:12px;background:#0c3153a8;border:1px solid #ffffff30;color:#edf8ff;font-size:9px;padding:9px 13px;border-radius:20px}.motion-toggle>span{font-size:13px}.motion-toggle:hover{background:var(--ink)}
.solar-experience{align-self:center;margin:0;padding:0;z-index:2;animation:scene-in 1.1s .15s both}.scene-top{color:#b5ebff;font-size:8px;letter-spacing:1.8px;padding:10px 0 0;max-width:420px;margin:auto;font-weight:700;border:0}.scene-top i{background:var(--yellow)}.scene-number{color:#b5ebff}.scene{height:480px;background:none}.scene-lightning{position:absolute;inset:-5% -10% 0 0;width:110%;height:110%;fill:var(--yellow);transform:rotate(8deg);filter:drop-shadow(11px 10px 0 #ed3344);z-index:-1;animation:lightning-float 8s ease-in-out infinite}.scene-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 28% 25%,#ffffffc4,transparent 18%),radial-gradient(circle at 65% 65%,#ffffff0a,#89ddff6b);border:1px solid #c4f2ff99;box-shadow:inset -6px -7px 10px #ffffff26,inset 3px 2px 10px #ffffff50;animation:bubble-float 6s ease-in-out infinite}.bubble-one{width:43px;height:43px;right:1%;top:11%;animation-delay:-1s}.bubble-two{width:25px;height:25px;left:6%;top:34%;animation-delay:-3s}.bubble-three{width:61px;height:61px;right:-3%;bottom:14%;animation-delay:-2s}.scene-spark{position:absolute;color:white;font-size:45px;animation:glint 3.5s ease-in-out infinite}.spark-one{right:6%;top:31%}.spark-two{left:1%;bottom:13%;font-size:28px;animation-delay:-2s}.scene-cross{display:none}.panel-shadow{background:#001f4e60}.panel-float{left:24%;top:7%;width:56%;height:82%;animation:float-panel 7s ease-in-out infinite}.clean-tag{left:-1%;bottom:19%;background:var(--red);border:2px solid var(--red);color:white;transform:rotate(-7deg);box-shadow:6px 6px 0 #081c3440;padding:15px 18px;border-radius:6px}.tag-spark{color:var(--yellow)}.clean-tag>span:last-child{font-size:14px;font-weight:700}.clean-tag small{color:white;font-size:10px;font-weight:400;margin-top:5px}.scene-caption{color:#d6f5ff;font-size:7px;letter-spacing:1.4px;bottom:1px}.scene-controls{background:var(--ink);padding:19px 24px;border:1px solid #b1e9ff3b;border-radius:11px;max-width:420px;box-shadow:0 12px 25px #002f5b22;gap:18px;margin-top:18px}.play-button{color:var(--ink);background:var(--yellow);border:0;width:39px;height:39px}.play-button:hover{background:#fff}.scrubber label{font-size:12px;color:white}.scrubber>span{color:#b8d6e5;font-size:9px}.scrubber input{background:linear-gradient(90deg,var(--yellow) var(--clean),#49647c var(--clean))}.scrubber input::-webkit-slider-thumb{background:var(--yellow);border-color:var(--ink);box-shadow:0 0 0 1px var(--yellow)}.scrubber input::-moz-range-thumb{background:var(--yellow);border-color:var(--ink);box-shadow:0 0 0 1px var(--yellow)}.scene-controls output{color:white;font-weight:700;font-size:28px}.illustration-note{color:#bde9fa;font-size:8px;max-width:420px;padding:8px 0 0}.pointer-spark{position:absolute;z-index:10;pointer-events:none;color:var(--yellow);font-size:20px;animation:cursor-spark .7s ease-out forwards}
.ticker{overflow:hidden;background:var(--yellow);padding:21px 0;border-top:4px solid var(--red);border-bottom:4px solid var(--red)}.ticker-track{width:max-content;display:flex;align-items:center;gap:38px;animation:ticker 24s linear infinite}.ticker span{font-size:24px;font-weight:900;letter-spacing:-.6px}.ticker i{color:var(--red);font-size:37px;font-style:normal;line-height:1}.ticker:hover .ticker-track{animation-play-state:paused}.section-pad{padding:100px var(--page-pad)}.section-heading{gap:50px;margin-bottom:48px}.section-heading>p{font-size:15px;line-height:1.8;max-width:340px}.section-heading>p strong{color:var(--ink);font-weight:700}.service-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.illustrated-service{position:relative;border-radius:18px;display:block;overflow:hidden;transition:transform .35s,box-shadow .35s!important;min-width:0}.service-window{background:#dff4ff}.service-terrace{background:#fff0d8}.service-building{background:#ffe7e8}.illustrated-service:hover{transform:translateY(-10px);box-shadow:0 16px 35px #13314515}.service-number{font-size:11px;font-weight:700;letter-spacing:1px}.illustrated-service>.service-number{position:absolute;left:24px;top:22px;z-index:2}.service-art{position:relative;height:300px;display:flex;align-items:center;justify-content:center;padding:37px 15px 0;perspective:700px}.service-art img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;transition:transform .6s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 12px 7px #153a6110)}.illustrated-service:hover .service-art img{transform:translateY(-8px) rotate(var(--card-rotate,-4deg)) scale(1.06)}.service-building .service-art img{max-height:270px}.art-circle{position:absolute;width:200px;height:200px;border-radius:50%;background:#bce9fb;left:calc(50% - 100px);top:50px;transition:transform .7s,border-radius .7s}.service-terrace .art-circle{background:#ffe3a8}.service-building .art-circle{background:#ffc5cd}.illustrated-service:hover .art-circle{transform:rotate(40deg) scale(1.1);border-radius:35% 65% 60% 40%}.art-spark{position:absolute;color:var(--red);font-size:30px;left:25px;top:80px;z-index:2;transform:scale(0);transition:transform .5s}.illustrated-service:hover .art-spark{transform:scale(1) rotate(35deg)}.service-copy{padding:24px 26px 26px}.service-copy h3{font-size:23px;letter-spacing:-.8px;line-height:1.1;margin-bottom:14px}.service-copy p{font-size:13px;line-height:1.75;color:#45576b}.service-cta{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;border-top:1px solid #11283f20;margin-top:24px;padding-top:20px;gap:8px}.service-cta b{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ink);color:white;font-size:20px;font-weight:400;transition:transform .3s}.illustrated-service:hover .service-cta b{transform:rotate(45deg)}.solar-service-link{display:flex;align-items:center;gap:27px;padding:26px 30px;border:2px solid var(--ink);border-radius:13px;margin-top:28px;transition:background .3s}.solar-service-link:hover{background:#fff5ba}.solar-service-link>div{flex:1}.solar-service-link h3{font-size:24px;letter-spacing:-.6px;margin:8px 0}.solar-service-link p{font-size:13px;color:var(--muted);line-height:1.6}.mini-panel{width:68px;height:85px;flex-shrink:0;transform:rotate(-14deg);border:4px solid #829ca8;background-color:#10375c;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 13px,#83b5d4 13px,#83b5d4 14px),repeating-linear-gradient(0deg,transparent 0,transparent 13px,#83b5d4 13px,#83b5d4 14px);box-shadow:4px 4px 0 #cad9dd;transition:transform .4s}.solar-service-link:hover .mini-panel{transform:rotate(0)}.round-link{flex-shrink:0}
.wipe-story{height:170vh;position:relative;background:#b9b5a9;--wipe:0%}.wipe-sticky{height:85vh;min-height:460px;position:sticky;top:0;overflow:hidden}.wipe-before,.wipe-after{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 24px}.wipe-before{background:#bdbcb2;color:#565b55;background-image:radial-gradient(ellipse at 12% 75%,#a4a19490,transparent 32%),radial-gradient(ellipse at 80% 10%,#8b918760,transparent 40%)}.wipe-before>p,.wipe-after>p{font-size:clamp(55px,9vw,145px);font-weight:800;letter-spacing:-6px;line-height:1.1;margin:26px 0 22px}.wipe-sub{font-size:17px}.grime-decoration{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(#3d453e 1.5px,transparent 1.5px);background-size:7px 11px;pointer-events:none}.wipe-after{background:var(--blue);color:var(--ink);clip-path:inset(0 calc(100% - var(--wipe)) 0 0)}.wipe-after>p{color:white;text-shadow:4px 5px 0 #0b568c25}.wipe-after>.eyebrow{color:#0b3e5a}.wipe-after .wipe-sub{font-weight:700}.wipe-spark{position:absolute;color:var(--yellow);font-size:90px;animation:glint 4s ease-in-out infinite}.ws1{top:13%;right:11%}.ws2{left:9%;bottom:15%;font-size:54px;animation-delay:-1.5s}.giant-squeegee{position:absolute;left:var(--wipe);top:7%;width:20px;height:87%;border-radius:6px;background:linear-gradient(90deg,#142f46,#537687 30%,#061c32 70%);box-shadow:10px 5px 20px #0b315348;border-right:4px solid #ffde12;transform:translateX(-50%);z-index:4;opacity:var(--wiper-opacity,0)}.giant-squeegee:before{content:'';position:absolute;left:8px;top:46%;width:160px;height:19px;background:linear-gradient(#f7e76f,#ffcf00 60%,#b39200);transform:rotate(-12deg);transform-origin:left;border-radius:0 10px 10px 0;box-shadow:0 4px 7px #143a4f20}.giant-squeegee:after{content:'';position:absolute;width:32px;height:55px;left:-7px;top:43%;background:#1b3e56;border:2px solid #8bafba;border-radius:5px}.wipe-instruction{position:absolute;bottom:30px;left:15px;right:15px;text-align:center;color:#163346;font-size:11px;font-weight:700;z-index:5}.wipe-instruction span{display:block;font-size:26px;margin-bottom:12px;animation:nudge 2s infinite}
.about{gap:clamp(50px,8vw,135px);padding-top:130px;padding-bottom:130px;overflow:hidden}.portrait-wrap{margin:15px 20px 20px 10px;isolation:isolate}.portrait-wrap>img{height:540px;object-position:50% 40%;border-radius:15px;transform:rotate(-3deg);border:7px solid white;box-shadow:0 7px 25px #11283f15;filter:none}.portrait-backdrop{position:absolute;inset:15px -15px -15px 8px;background:var(--blue);border-radius:16px;transform:rotate(5deg);z-index:-1}.portrait-label{position:absolute;bottom:30px;left:-25px;right:35px;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--yellow);border-radius:5px;transform:rotate(-5deg);font-size:24px;font-weight:700;box-shadow:4px 5px 0 #0b294226;letter-spacing:-.8px}.portrait-label span{font-size:32px}.portrait-star{position:absolute;left:-45px;top:-46px;font-size:100px;color:var(--red);z-index:2;animation:slow-turn 18s linear infinite}.portrait-sticker{right:-40px;top:25px;bottom:auto;background:var(--red);border:4px solid white;color:white;width:128px;height:128px;transform:rotate(13deg);font-size:10px;letter-spacing:.4px;line-height:1.5}.portrait-sticker span{font-size:40px;line-height:1.1;margin-top:3px;color:var(--yellow)}.about h2{font-size:clamp(39px,4.4vw,68px);font-weight:800;margin-bottom:25px}.about-copy>p{font-size:14px;line-height:1.9;margin-top:16px;max-width:none}.about-copy>.about-lead{font-size:20px;line-height:1.5;font-weight:700;color:var(--ink);letter-spacing:-.4px}.about-copy>.button{margin-top:28px}.local-note{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-top:22px}.local-note>span{font-size:21px;color:var(--red)}.difference{display:block;background:#e6f5fb;color:var(--ink)}.difference .eyebrow{color:#3d6478}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;margin-top:63px}.step{position:relative}.step:not(:last-child):after{content:'→';position:absolute;right:-36px;top:30px;font-size:35px;color:#7da8ba}.step-number{width:90px;height:90px;display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:800;border-radius:22px;background:var(--yellow);transform:rotate(-7deg);position:relative;line-height:1;margin-bottom:34px;transition:transform .4s}.step:nth-child(2) .step-number{background:var(--red);color:white;transform:rotate(7deg)}.step:nth-child(3) .step-number{background:var(--blue);transform:rotate(-5deg)}.step:hover .step-number{transform:rotate(0) translateY(-5px)}.step-number>span{position:absolute;right:-15px;bottom:-12px;background:var(--ink);color:white;border-radius:50%;width:37px;height:37px;font-size:23px;display:flex;align-items:center;justify-content:center;font-weight:400}.step h3{font-size:24px;letter-spacing:-.7px;margin-bottom:18px;line-height:1.2}.step p{font-size:14px;line-height:1.8;color:#476074;max-width:300px}.step-tag{display:inline-block;border-top:2px solid #bfd9e4;padding-top:22px;margin-top:30px;font-size:9px;font-weight:700;letter-spacing:1.2px;width:100%}
.contact{background:var(--ink);color:white;gap:80px;position:relative;overflow:hidden}.contact .eyebrow{color:#b8d9ef}.contact h2{font-size:clamp(51px,5.4vw,85px);font-weight:800;position:relative;margin:25px 0 33px;max-width:500px;letter-spacing:-4px}.contact h2>span:first-child{color:var(--yellow)}.contact h2>.contact-spark{position:absolute;color:var(--red);font-size:85px;right:0;top:-35px;animation:slow-turn 20s linear infinite}.contact-intro>p{font-size:17px;line-height:1.8;color:#c7dce9}.contact-intro>p strong{color:white}.contact-facts{font-size:12px;margin:27px 0;color:var(--yellow)}.contact .text-link{font-size:12px}.contact-logo{margin-top:40px;width:100px;height:100px;object-fit:contain;transform:rotate(-10deg);filter:drop-shadow(7px 7px 0 #00000022)}.quote-form{background:white;color:var(--ink);border-radius:16px;padding:35px;gap:25px;box-shadow:10px 10px 0 #279fce}.form-title{font-size:23px;font-weight:700;letter-spacing:-.7px;gap:18px}.form-title>span{font-size:30px;color:var(--red)}.quote-form label{font-size:11px;font-weight:700;margin-bottom:9px}.quote-form input,.quote-form select,.quote-form textarea{border:1px solid #d3dfe6;border-radius:6px;padding:12px 11px;background:#f6f9fb;font-size:12px;color:var(--ink);line-height:1.5}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#677d8c}.quote-form textarea{min-height:95px}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#008abb;box-shadow:0 0 0 3px #37b6e728}.quote-form .button{padding:10px 10px 10px 22px;font-size:13px}.quote-form .form-note{font-size:9px;color:#64798a;margin-top:-7px}.form-result{font-size:12px;line-height:1.8;background:#e5f5fc;border-radius:6px}.form-result strong{font-size:16px}.form-result textarea{margin-top:15px;min-height:175px}footer{background:white}.footer-top p{font-size:14px;line-height:1.8}.footer-top p strong{color:var(--ink)}.back-top{display:flex;align-items:center;gap:14px;font-size:13px!important;font-weight:700}.back-top span{background:var(--yellow);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;transition:transform .3s}.back-top:hover span{transform:translateY(-5px)}.footer-bottom{font-size:9px}
@keyframes word-in{from{opacity:0;transform:translateY(35px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes scene-in{from{opacity:0;transform:translate(40px,25px) rotate(8deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes field-in{from{transform:translateX(50%)}to{transform:translateX(0)}}@keyframes underline-in{from{transform:scaleX(0) rotate(-2deg)}to{transform:scaleX(1) rotate(-2deg)}}@keyframes lightning-float{0%,100%{transform:rotate(8deg) scale(1)}50%{transform:rotate(12deg) scale(1.025)}}@keyframes bubble-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-23px)}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes slow-turn{to{rotate:360deg}}@keyframes cursor-spark{0%{opacity:1;transform:translate(-50%,-50%) scale(.5) rotate(0)}100%{opacity:0;transform:translate(-50%,-130%) scale(1.3) rotate(65deg)}}
@media(min-width:1600px){:root{--page-pad:max(88px,calc((100vw - 1424px)/2))}.hero{min-height:860px;padding-top:75px}.scene{height:550px}.hero-description{font-size:18px}.hero .eyebrow{font-size:11px}.service-art{height:360px}.service-building .service-art img{max-height:335px}}
@media(max-width:1150px){.desktop-nav{gap:20px;font-size:11px}.brand img{width:151px;height:55px}.nav-cta{font-size:11px;gap:12px}.hero{gap:15px 20px;padding-top:48px;min-height:720px}.hero h1{font-size:8vw;letter-spacing:-4.5px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero-description{font-size:14px}.scene{height:430px}.panel-float{width:59%;left:24%}.scene-top{font-size:7px}.scene-controls{padding:16px 19px;gap:12px}.scrubber label{font-size:11px}.scrubber>span{font-size:8px}.clean-tag{padding:13px;left:-4%}.clean-tag>span:last-child{font-size:12px}.clean-tag small{font-size:8px}.service-art{height:255px}.service-copy{padding:22px}.service-copy h3{font-size:20px}.service-copy p{font-size:12px}.service-cta{font-size:10px}.steps{gap:40px}.step h3{font-size:22px}.contact{gap:55px}.quote-form{padding:27px}.about{gap:65px}.portrait-wrap>img{height:490px}.about-copy>.about-lead{font-size:18px}}
@media(max-width:850px){:root{--page-pad:31px}.header{height:90px}.hero{padding-top:44px;column-gap:10px;min-height:690px}.hero h1{font-size:8.4vw;letter-spacing:-3.5px}.hero-description{font-size:13px}.hero-cta{font-size:13px;min-width:230px}.hero .eyebrow{max-width:300px;font-size:6.5px}.hello-jimmy{gap:10px}.hello-jimmy strong{font-size:10px}.hello-jimmy small{font-size:9px}.hello-jimmy img{width:40px;height:40px}.hello-arrow{display:none}.scene{height:385px}.panel-float{width:64%;left:23%;top:7%;height:81%}.scene-lightning{width:119%;left:-7%;top:-7%;height:114%}.scene-controls{gap:11px;padding:15px 13px;max-width:100%}.play-button{width:30px;height:30px}.scene-controls output{font-size:22px;min-width:45px}.scrubber label{font-size:10px}.scrubber>span{font-size:7px}.clean-tag{bottom:22%;left:-8%;padding:12px 10px;gap:7px}.clean-tag>span:last-child{font-size:10px}.clean-tag small{font-size:7px}.scene-caption{font-size:6px;letter-spacing:1px}.hero-color-field{right:-18%;width:66%}.motion-toggle{font-size:8px;padding:8px 11px;gap:8px}.hero-scroll{font-size:7px;letter-spacing:1px}.ticker span{font-size:20px}.ticker-track{gap:28px}.section-pad{padding-top:75px;padding-bottom:75px}.section-heading{gap:30px}.section-heading>p{font-size:12px;max-width:240px}h2,.section-heading h2{font-size:44px;letter-spacing:-2px}.service-cards{gap:14px}.service-art{height:210px;padding:38px 7px 0}.service-building .service-art img{max-height:190px}.art-circle{width:140px;height:140px;left:calc(50% - 70px)}.service-copy{padding:18px 16px 21px}.service-copy h3{font-size:18px;min-height:40px;letter-spacing:-.5px}.service-copy p{font-size:11px}.service-cta{font-size:9px;gap:5px}.service-cta b{width:25px;height:25px;font-size:17px;flex-shrink:0}.illustrated-service>.service-number{left:17px;top:18px;font-size:10px}.solar-service-link{padding:24px;gap:23px}.solar-service-link h3{font-size:22px}.solar-service-link p{font-size:12px}.wipe-before>p,.wipe-after>p{letter-spacing:-4px}.wipe-sub{font-size:15px}.about{gap:47px}.portrait-wrap{margin-left:3px;margin-right:10px}.portrait-wrap>img{height:440px}.portrait-star{font-size:77px;left:-27px;top:-35px}.portrait-sticker{width:105px;height:105px;font-size:8px;right:-25px}.portrait-sticker span{font-size:33px}.portrait-label{left:-10px;right:20px;font-size:21px;padding:16px 19px}.about h2{font-size:39px}.about-copy>.about-lead{font-size:16px}.about-copy>p{font-size:12px}.about-copy .eyebrow{font-size:7px;letter-spacing:1px}.about-copy>.button{font-size:12px;padding-left:18px;gap:20px}.local-note{font-size:9px}.steps{gap:33px;margin-top:45px}.step-number{width:75px;height:75px;font-size:50px}.step h3{font-size:20px}.step p{font-size:12px}.step-tag{font-size:7px;letter-spacing:.8px}.step:not(:last-child):after{right:-27px;top:23px;font-size:27px}.contact{gap:34px}.contact h2{font-size:50px;letter-spacing:-2px}.contact h2>.contact-spark{font-size:53px;top:-25px;right:-3px}.contact-intro>p{font-size:14px}.contact-facts{font-size:10px;gap:16px}.contact .text-link{font-size:10px}.quote-form{padding:25px;gap:23px;box-shadow:7px 7px 0 #279fce}.form-title{font-size:20px}.quote-form .form-split{grid-template-columns:1fr}.quote-form input,.quote-form select,.quote-form textarea{font-size:13px}.footer-top p{font-size:12px}.footer-bottom{font-size:8px;gap:16px}}
@media(max-width:620px){:root{--page-pad:22px}.topbar{font-size:9px;padding-top:9px;padding-bottom:9px}.topbar>span:last-child{display:none}.topbar b{font-size:12px}.header{height:82px;gap:12px}.brand img{width:136px;height:50px}.nav-cta{font-size:9px;padding:7px 7px 7px 12px;gap:10px}.nav-cta>span{width:25px;height:25px;font-size:18px}.menu-toggle{width:26px;height:31px;padding:3px}.mobile-nav:not([hidden]){top:116px;background:white;padding:18px 23px}.mobile-nav a{font-weight:700}.hero{grid-template-columns:1fr;gap:0;min-height:auto;padding-top:35px;padding-bottom:24px}.hero .eyebrow{font-size:7px;letter-spacing:1px;max-width:none}.hero h1{font-size:clamp(63px,16vw,92px);letter-spacing:-3.8px;line-height:.95;margin:25px 0 28px}.headline-accent:after{height:7px;bottom:-8px;width:90%}.hero-description{font-size:14px;line-height:1.65;margin-bottom:24px}.hero-cta{min-width:251px;font-size:14px;padding-left:20px}.hero-note{font-size:10px;margin-top:14px}.hello-jimmy{margin-top:27px;gap:11px}.hello-jimmy img{width:42px;height:42px}.hello-jimmy strong{font-size:11px}.hello-jimmy small{font-size:9px}.hello-arrow{display:block;font-size:18px}.hero-color-field{top:49%;left:-20%;right:auto;width:155%;height:56%;clip-path:polygon(16% 0,100% 13%,100% 100%,0 100%,7% 46%,0 46%)}.solar-experience{margin-top:39px;align-self:auto}.scene-top{padding:0 0 7px;font-size:7px;max-width:370px;border:0}.scene-top .scene-number{display:block}.scene{height:410px;max-width:420px;width:100%}.panel-float{width:55%;left:25%;height:82%;top:7%}.scene-lightning{width:109%;height:106%;left:-3%;top:-1%;filter:drop-shadow(7px 8px 0 #ed3344)}.bubble-one{right:3%;top:16%;width:29px;height:29px}.bubble-three{width:40px;height:40px;right:1%;bottom:17%}.spark-one{font-size:32px;right:5%}.spark-two{font-size:25px;left:2%}.clean-tag{left:0;bottom:20%;padding:12px;gap:8px}.clean-tag>span:last-child{font-size:11px}.clean-tag small{font-size:8px}.scene-caption{font-size:6px;letter-spacing:.6px;bottom:0}.scene-controls{max-width:365px;padding:17px 18px;gap:16px;margin-top:14px;border-radius:9px}.play-button{width:34px;height:34px}.scrubber label{font-size:11px}.scrubber>span{font-size:8px}.scene-controls output{font-size:26px;min-width:50px}.illustration-note{max-width:365px;font-size:7px;padding-top:7px}.hero-scroll{grid-column:1;font-size:7px;letter-spacing:1px;padding-top:22px;gap:14px;justify-self:start;align-self:end}.hero-scroll b{font-size:20px}.motion-toggle{grid-column:1;justify-self:end;align-self:end;margin-top:-27px;font-size:0;padding:7px 11px;gap:0;width:34px;height:29px;justify-content:center}.motion-toggle>span{font-size:13px}.ticker{padding:16px 0;border-width:3px}.ticker-track{gap:23px;animation-duration:22s}.ticker span{font-size:19px}.ticker i{font-size:28px}.section-pad{padding-top:62px;padding-bottom:62px}.section-heading{margin-bottom:31px}.eyebrow{font-size:8px;letter-spacing:1.1px;gap:7px}h2,.section-heading h2{font-size:43px;letter-spacing:-2px;margin-top:17px}.section-heading>p{font-size:13px;max-width:100%;margin-top:23px;line-height:1.8}.service-cards{grid-template-columns:1fr;gap:22px}.illustrated-service{border-radius:15px}.illustrated-service>.service-number{left:23px;top:23px;font-size:12px}.service-art{height:300px;padding:29px 24px 0}.service-art img{max-width:310px}.service-building .service-art img{max-height:280px}.art-circle{width:220px;height:220px;left:calc(50% - 110px);top:45px}.service-copy{padding:22px 26px 26px}.service-copy h3{font-size:25px;min-height:0;margin-bottom:13px}.service-copy p{font-size:14px;line-height:1.7}.service-cta{font-size:12px;margin-top:22px;padding-top:18px}.service-cta b{width:34px;height:34px;font-size:22px}.solar-service-link{display:grid;grid-template-columns:57px 1fr;gap:15px;padding:23px 20px;margin-top:24px}.mini-panel{width:44px;height:65px;border-width:3px}.solar-service-link h3{font-size:21px;line-height:1.15;margin-top:9px}.solar-service-link p{font-size:12px;line-height:1.7}.solar-service-link .service-number{font-size:8px}.solar-service-link>.round-link{grid-column:2;width:34px;height:34px;font-size:21px}.wipe-story{height:145vh}.wipe-sticky{height:80vh;min-height:430px}.wipe-before>p,.wipe-after>p{font-size:clamp(44px,10.8vw,64px);letter-spacing:-2.5px;line-height:1.05;margin-top:24px}.wipe-before>.eyebrow,.wipe-after>.eyebrow{font-size:7px;letter-spacing:1px}.wipe-sub{font-size:13px;max-width:275px;line-height:1.7}.wipe-spark{font-size:58px}.ws1{right:8%;top:18%}.ws2{left:10%;bottom:21%;font-size:36px}.giant-squeegee{width:13px;border-right-width:3px}.giant-squeegee:before{width:100px;height:14px}.giant-squeegee:after{width:24px;height:43px;left:-5px}.wipe-instruction{font-size:9px;bottom:24px}.about{gap:55px;padding-top:80px;padding-bottom:65px}.portrait-wrap{margin:20px 23px 0 7px}.portrait-wrap>img{height:430px;object-position:50% 41%;border-width:5px}.portrait-label{left:-8px;right:20px;font-size:24px;padding:17px 20px;bottom:23px}.portrait-star{font-size:80px;top:-39px;left:-22px}.portrait-sticker{width:108px;height:108px;right:-29px;top:15px;font-size:8px}.portrait-sticker span{font-size:34px}.about h2{font-size:43px;margin-bottom:25px}.about-copy .eyebrow{font-size:7px;letter-spacing:.9px}.about-copy>.about-lead{font-size:19px;line-height:1.5}.about-copy>p{font-size:14px;line-height:1.85}.about-copy>.button{font-size:13px;gap:28px}.local-note{font-size:11px}.steps{grid-template-columns:1fr;gap:35px;margin-top:40px}.step{padding-left:105px;min-height:135px}.step-number{position:absolute;left:3px;top:3px;width:66px;height:66px;font-size:45px;border-radius:17px;margin:0}.step-number>span{width:29px;height:29px;right:-10px;bottom:-9px;font-size:19px}.step:not(:last-child):after{content:'';width:2px;height:calc(100% - 55px);left:35px;top:90px;border-left:2px dashed #b1cdd9;right:auto}.step h3{font-size:22px;margin-bottom:14px}.step p{font-size:13px;line-height:1.8}.step-tag{font-size:8px;letter-spacing:.6px;padding-top:15px;margin-top:20px}.contact{gap:37px;padding-bottom:70px}.contact h2{font-size:60px;letter-spacing:-3px;max-width:340px;margin:22px 0 25px}.contact h2>.contact-spark{right:0;top:-28px;font-size:63px}.contact-intro>p{font-size:16px}.contact-facts{font-size:11px;gap:20px;margin:24px 0}.contact .text-link{font-size:11px}.contact-logo{display:none}.quote-form{padding:25px 21px;gap:24px;box-shadow:6px 6px 0 #279fce}.form-title{font-size:22px;line-height:1.15}.quote-form input,.quote-form select,.quote-form textarea{font-size:16px}.quote-form .button{font-size:13px;padding-left:18px;gap:18px}.form-result textarea{font-size:12px}.footer-top .brand img{width:145px}.footer-top p{font-size:11px}.back-top{font-size:12px!important}.back-top span{width:32px;height:32px;font-size:20px}.footer-bottom{font-size:9px}}
@media(max-width:360px){:root{--page-pad:19px}.brand img{width:125px}.nav-cta{display:inline-flex;font-size:8px;padding:7px 9px;gap:0}.nav-cta>span{display:none}.header{gap:10px}.hero h1{font-size:59px;letter-spacing:-3.3px}.hero .eyebrow{font-size:6px;letter-spacing:.8px}.scene{height:350px}.clean-tag{padding:9px;left:-2%;bottom:19%}.clean-tag>span:last-child{font-size:9px}.clean-tag small{font-size:7px}.hero-cta{min-width:235px}.service-art{height:260px}.service-building .service-art img{max-height:240px}.service-copy h3{font-size:23px}.contact h2{font-size:53px}.contact h2>.contact-spark{font-size:48px}.about h2{font-size:38px}.portrait-wrap>img{height:370px}.step{padding-left:90px}.step h3{font-size:20px}.scrubber label{font-size:10px}.scrubber>span{font-size:7px}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero h1>span,.motion-paused .solar-experience,.motion-paused .hero-color-field{animation:none!important;opacity:1;transform:none}.motion-paused .reveal:not(.visible){opacity:1;transform:none}.motion-paused .wipe-story{height:85vh}.motion-paused .wipe-sticky{position:relative}.motion-paused .wipe-after{clip-path:none}.motion-paused .giant-squeegee,.motion-paused .wipe-instruction{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.wipe-story{height:85vh}.wipe-sticky{position:relative}.wipe-after{clip-path:none}.giant-squeegee,.wipe-instruction{display:none}.ticker-track{transform:none}.pointer-spark{display:none}}

.service-commerce{background:#e9eef9}.service-commerce .art-circle{background:#ccd9ef}.service-copy h3{min-height:2.2em}@media(min-width:1101px){.service-art{height:260px}.service-copy{padding-left:22px;padding-right:22px}.service-copy h3{font-size:22px}.service-copy p{font-size:12px}}@media(min-width:621px) and (max-width:1100px){.service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.service-copy h3{min-height:0}}