/* V POWER / Engineering editorial. No blocking fonts, canvas or animation libraries. */
:root{--ink:#143d35;--paper:#f1f0e8;--cream:#faf9f3;--sun:#f0be70;--coral:#f6314f;--muted:#52685e;--line:#ced6ca;--serif:Arial,Helvetica,sans-serif;--sans:Arial,Helvetica,sans-serif;--night:#081f1b;--mint:#b6d2b1;--mono:'Courier New',monospace}
html{scroll-padding-top:110px}body.vpower-experience{background:var(--paper);font-family:var(--sans);line-height:1.65;color:var(--ink)}.vpower-experience *{box-sizing:border-box}.vpower-experience h1,.vpower-experience h2,.vpower-experience h3{font-family:var(--sans);font-weight:600;letter-spacing:-.055em;text-wrap:balance}.vpower-experience h1{line-height:1.02}.vpower-experience h2{line-height:1.1}.vpower-experience h3{letter-spacing:-.025em}.vpower-experience h1 em,.vpower-experience h2 em{font-style:normal}.vpower-experience p{line-height:1.7}.vpower-experience a{transition:color .2s,background .2s,box-shadow .2s,transform .2s}.vpower-experience a:hover{color:#a43933}.vpower-experience a:focus-visible,.vpower-experience button:focus-visible,.vpower-experience input:focus-visible,.vpower-experience summary:focus-visible{outline:3px solid #d9563a;outline-offset:5px}.vpower-experience .eyebrow,.experience-kicker{font:600 10px/1.6 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#65765c}.experience-kicker{margin-bottom:22px;display:flex;align-items:center;gap:12px}.experience-kicker:before{content:'';width:24px;height:2px;background:var(--sun)}
.entrance-energy{position:fixed;left:0;right:0;top:0;height:2px;z-index:100;pointer-events:none;background:linear-gradient(90deg,transparent,var(--sun),#fff);transform-origin:left;animation:energy-enter .7s ease-out both}@keyframes energy-enter{0%{transform:scaleX(0)}70%{opacity:1}100%{transform:scaleX(1);opacity:0}}
.vpower-experience .header,.vpower-experience .site-header{position:sticky;top:0;z-index:40;min-height:86px;height:auto;display:flex;align-items:center;gap:22px;padding:16px clamp(22px,4vw,72px);background:#0a2822f5;color:white;border-bottom:1px solid #ffffff12;transition:background .25s,box-shadow .25s}.vpower-experience .is-scrolled{background:#081f1bf2;backdrop-filter:blur(15px);box-shadow:0 6px 22px #0002}.vpower-experience .brand img,.vpower-experience .header img{width:154px;height:auto}.vpower-experience .nav,.vpower-experience .main-nav{display:flex;gap:16px;align-items:center;margin-left:auto;flex-wrap:wrap}.vpower-experience .nav a,.vpower-experience .main-nav a{font:600 10px/1.5 var(--sans);letter-spacing:.03em;color:#e7e9df;text-decoration:none;position:relative;padding:6px 0}.vpower-experience .nav a:after,.vpower-experience .main-nav a:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--sun);transform:scaleX(0);transform-origin:left;transition:transform .25s}.vpower-experience nav a:hover:after,.vpower-experience nav a:focus-visible:after{transform:scaleX(1)}.vpower-experience .header-cta{margin:0;padding:12px 15px;white-space:nowrap}.vpower-experience .menu-toggle,.vpower-experience .menu-button{display:none}.vpower-experience .seo-breadcrumb{background:#102e27;color:#b5c5b6;font-size:10px;padding:13px 5vw;border-bottom:1px solid #ffffff0c}.vpower-experience .seo-breadcrumb a{color:#e7ddbd}
.vpower-experience .button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:16px 23px;border:1px solid transparent;border-radius:3px;background:linear-gradient(120deg,#edc17f,#dba45d);color:#102c24;font:700 10px/1.5 var(--sans);letter-spacing:.06em;box-shadow:0 3px 0 #0001;cursor:pointer;text-decoration:none}.vpower-experience .button:hover{background:linear-gradient(120deg,#ffda9e,#eabc74);color:#102c24;transform:translateY(-3px);box-shadow:0 8px 26px #edc17f25}.vpower-experience .button:active{transform:translateY(0)}.vpower-experience .button span,.project-link span{display:inline-block;transition:transform .25s}.vpower-experience .button:hover span,.proof-card:hover .project-link span{transform:translateX(5px)}.vpower-experience .button:disabled{opacity:.5;cursor:wait}.vpower-experience .text-link{font-size:12px;text-underline-offset:5px}.vpower-experience .text-link.light{color:#e9eadf}.vpower-experience .text-link:hover{color:#b67a3f}
.vpower-experience .hero,.vpower-experience .hero-page{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#31544466,transparent 56%),linear-gradient(120deg,#0c2822,#102f28);color:#f3f1e7;isolation:isolate}.vpower-experience .hero:before,.vpower-experience .hero-page:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#d5ddbe06 1px,transparent 1px),linear-gradient(90deg,#d5ddbe06 1px,transparent 1px);background-size:62px 62px;z-index:-1;pointer-events:none}.vpower-experience .hero-page:after{display:none}.vpower-experience .hero{min-height:710px;padding:95px 5vw 70px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.vpower-experience .hero-copy{position:relative;z-index:2;max-width:720px}.vpower-experience .hero h1{font-size:clamp(48px,5.8vw,88px);max-width:750px;margin:22px 0;letter-spacing:-.065em}.vpower-experience .hero h1 em{color:#edbe7c}.vpower-experience .hero-lede{font-size:16px;max-width:570px;color:#c1cec2}.vpower-experience .hero .eyebrow,.vpower-experience .hero-page .eyebrow{color:#dbb778}.vpower-experience .hero-actions{gap:22px;display:flex;align-items:center;flex-wrap:wrap;margin:30px 0}.vpower-experience .hero-proof{display:flex;gap:28px;margin-top:42px}.vpower-experience .hero-proof span{border-left:1px solid #d8c59b50;padding-left:16px;max-width:160px;font-size:9px;color:#c2cec0;text-transform:uppercase}.vpower-experience .hero-proof b{font-size:27px;font-weight:400;color:#f1c484;display:block}.vpower-experience .hero-grid{display:none}.hero-visual{position:relative;min-width:0;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease-out;will-change:auto}.hero-visual svg{width:100%;height:auto;display:block}.hero-visual .visual-caption{text-align:center!important;font-size:10px!important;color:#b5c7b6!important;max-width:none!important;letter-spacing:.03em}.vpower-experience .visual-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:55px 5vw 75px;gap:25px;min-height:560px}.vpower-experience .hero-page h1{font-size:clamp(40px,4.8vw,74px);margin-bottom:28px}.vpower-experience .hero-page p{font-size:15px;color:#c2d0c1}.vpower-experience .hero-page .button{margin-top:16px}.vpower-experience .editorial-hero{padding:80px 9vw;min-height:450px;display:grid;grid-template-columns:1fr 220px;gap:60px;align-items:center}.editorial-orbit{width:210px;height:210px;border:1px solid #d2b77b55;border-radius:50%;display:grid;place-content:center;font-size:120px;line-height:1;font-weight:700;color:#e0bc7a;position:relative;box-shadow:0 0 0 20px #b8cbad05,0 0 0 50px #b8cbad04}.editorial-orbit span{font:8px var(--mono);letter-spacing:.08em}.engineering-scene{filter:drop-shadow(0 30px 22px #0002)}.energy-path{animation:energy-flow 2s linear infinite}.sun-rays{animation:energy-flow 5s linear infinite}.panel-shine{transition:opacity .3s}.service-environment:hover .panel-shine,.service-environment:focus-within .panel-shine{opacity:.5}.service-environment:hover .home-window{fill:#fff0b4}@keyframes energy-flow{to{stroke-dashoffset:-60}}
.vpower-experience .section-page,.vpower-experience .section:not(.hero){padding:80px 7vw}.vpower-experience .section-page>h2{max-width:800px;font-size:clamp(30px,3.7vw,54px);margin-bottom:30px}.vpower-experience .section-page>p{max-width:850px;font-size:16px}.vpower-experience .section-page{border-bottom:1px solid #123b3512;position:relative}.vpower-experience .section-page:nth-of-type(even){background:#e7e9df}.vpower-experience .section-page:has(>.detail-grid){background:#e9ece2}.vpower-experience .detail-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr))}.vpower-experience .detail-grid article{background:#f9f9f1;border:1px solid #b2c2af66;border-radius:6px;padding:30px;box-shadow:0 7px 25px #183b2910}.vpower-experience .detail-grid article h3{font-size:25px;line-height:1.2}.vpower-experience .detail-grid article p{color:#536654;line-height:1.7;font-size:14px}.vpower-experience .detail-grid article a{font-size:12px;display:inline-block;padding-top:18px}.card-visual{height:195px;margin:-30px -30px 20px;background:radial-gradient(ellipse at 65% 25%,#365845,#102e27);border-radius:6px 6px 0 0;overflow:hidden;display:grid;place-items:center;position:relative}.card-visual .engineering-scene{height:255px;width:100%;margin-top:-25px;transition:transform .5s}.service-environment:hover .engineering-scene,.service-environment:focus-within .engineering-scene{transform:translateY(-7px) scale(1.04)}.vpower-experience .solution-grid{gap:18px}.vpower-experience .solution-grid article{padding:26px;border:1px solid #b3c0af;background:#f9f9f2;border-radius:6px;overflow:hidden}.solution-grid .card-visual{margin:-26px -26px 22px}.vpower-experience .solution-grid h3{font-size:29px}.vpower-experience .solution-grid .number{font:10px var(--mono);color:#7b654b}.vpower-experience .stats-bar{background:#152f27;border-block:1px solid #cbcca92b;padding:30px 5vw}.vpower-experience .stats-bar b{font:500 clamp(28px,4vw,56px)/1.2 var(--sans);color:#e0bd82;letter-spacing:-.06em}.vpower-experience .stats-bar span{color:#b5c9b7}.vpower-experience .pill-list span{border-color:#afbaa5;background:#e6e8dc}.vpower-experience .projects-section,.vpower-experience .why-section{background:#dfe5d9}.vpower-experience .reading{max-width:1080px;padding:60px 28px}.vpower-experience .reading h2{font-size:34px;font-weight:600}.vpower-experience .data-table{font-size:14px;background:#fbfbf4;border-radius:6px;overflow:hidden}.vpower-experience .data-table th{background:#dce3d4}.vpower-experience details{border-bottom:1px solid #b8c6b0;padding:18px 0}.vpower-experience summary{font:600 18px/1.5 var(--sans);letter-spacing:-.015em;gap:18px;min-height:34px}.vpower-experience summary:hover{color:#ad5838}.vpower-experience details p{font-size:15px;color:#506250}.vpower-experience .faq-page{max-width:1050px;background:none}.vpower-experience .cta-page,.vpower-experience .final-cta{background:radial-gradient(ellipse at 85% 50%,#3f5941,#12352a);padding:80px 7vw;color:#f3eddf}.vpower-experience .cta-page h2{font-size:clamp(35px,4.5vw,64px)}.vpower-experience .footer-page{padding:55px 7vw;background:#081f1b;text-transform:none;color:#b8c7b8;font:13px/1.8 var(--sans)}.vpower-experience .footer-page>a{font-size:22px;text-decoration:none}.vpower-experience .footer-page a:hover{color:#edbd73}.vpower-experience .footer-page nav{padding:20px 0;border-block:1px solid #ffffff20}.vpower-experience .footer-page small{margin-top:30px;letter-spacing:.08em}.vpower-experience .seo-related{background:#dce4d6;padding:45px 7vw}.vpower-experience .seo-related h2{font-weight:600}
.experience-section{padding:90px 7vw;position:relative;overflow:hidden;background:#0d2922;color:#eef0e3;border-bottom:1px solid #ffffff0e}.experience-section h2{font-size:clamp(32px,4.3vw,62px);max-width:850px;margin:0 0 30px}.experience-section p{max-width:780px;color:#c2cfbd}.experience-section .experience-kicker{color:#dcbe87}.experience-section .visual-caption,.visual-caption{font:11px/1.65 var(--sans);color:#9eb69f;letter-spacing:.015em}.experience-section a:not(.button){color:#e8c58c}.experience-section a:hover{color:#fff}.energy-story{background:#e0e5d8;color:#143b30}.energy-story .experience-kicker{color:#5c6d55}.energy-story .visual-caption{color:#526653;margin-top:35px}.energy-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:0;list-style:none;margin:50px 0 0;padding:0;position:relative}.energy-stages:before{content:'';position:absolute;top:32px;left:6%;right:6%;height:1px;background:#7b9869}.energy-stages li{position:relative;display:flex;flex-direction:column;gap:6px}.stage-icon{width:65px;height:65px;background:#173f32;color:#f0c480;border:8px solid #e0e5d8;border-radius:50%;font-size:27px;line-height:49px;text-align:center;margin-bottom:20px;z-index:1;transition:background .5s,box-shadow .5s}.energy-stages li.in-view .stage-icon{background:#61764f;box-shadow:0 0 0 1px #71865a}.energy-stages small{font:10px var(--mono);color:#627857}.energy-stages strong{font-size:18px;letter-spacing:-.03em}.energy-stages li>span:last-child{font-size:12px;color:#4e6552}.floating-credentials{position:relative;background:#dce3d3;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 7vw;border-bottom:1px solid #b6c5b1}.floating-credentials b{font-size:44px;font-weight:500;letter-spacing:-.05em}.floating-credentials small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.floating-credentials a{font:600 11px var(--sans);color:#173e31;text-underline-offset:7px}.roof-experience{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:radial-gradient(ellipse at 70% 50%,#2a4f3d,#102b23)}.roof-experience h2{font-size:clamp(34px,4vw,58px)}.roof-interactive{align-self:center;position:relative}.roof-markers{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.roof-markers span{font:8px var(--mono);border:1px solid #9bae8060;padding:5px;color:#c9d1b5;transition:background .2s}.roof-markers span.active{background:#dfb778;color:#153528}.hotspot-notes details{padding:12px 0;border-color:#75876d66}.hotspot-notes summary{font-size:14px;color:#e7c795}.hotspot-notes p{font-size:13px;line-height:1.6}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.proof-card{position:relative;display:block;overflow:hidden;border:1px solid #87916b55;border-radius:6px;padding:35px;color:#f7efd9!important;text-decoration:none;background:linear-gradient(140deg,#1f4637,#102921);min-height:355px}.proof-card:hover,.proof-card:focus-visible{transform:translateY(-6px);box-shadow:0 20px 45px #0003}.project-status{font:9px var(--mono);letter-spacing:.12em;color:#c4caa9;position:relative}.capacity{display:flex;align-items:baseline;gap:12px;position:relative;margin:25px 0 10px}.capacity b{font:500 clamp(70px,8vw,122px)/1 var(--sans);letter-spacing:-.07em}.capacity small{font-size:24px;color:#d2af76}.proof-card h3{font-size:26px;margin:20px 0 6px;position:relative}.proof-card p{font-size:12px;position:relative}.proof-grid-art{position:absolute;inset:40px -80px auto auto;width:270px;height:210px;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#afd1bb35 25px),repeating-linear-gradient(90deg,#214836,#214836 37px,#99c2a657 38px);transform:perspective(500px) rotateY(-25deg) rotateX(40deg) rotateZ(-24deg);opacity:.4;border:3px solid #9cba9d;transition:transform .5s,opacity .5s}.proof-card:hover .proof-grid-art{transform:perspective(500px) rotateY(-20deg) rotateX(32deg) rotateZ(-20deg) scale(1.1);opacity:.7}.project-link{display:flex;justify-content:space-between;border-top:1px solid #b1be9844;padding-top:18px;margin-top:30px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;position:relative}.local-map-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#dce3d4;color:#17382c}.local-map-section .experience-kicker{color:#5d7055}.local-map-section p{color:#50654c}.local-map-section h2{font-size:44px}.local-map{position:relative;min-width:0;align-self:center;background:#102e28;border-radius:7px;overflow:hidden;border:1px solid #718570}.local-map svg{width:100%;display:block}.map-marker{position:absolute;border:1px solid #c8b88b;background:#e5c58a;color:#193a2b;padding:12px;font:600 11px var(--sans);border-radius:3px;cursor:pointer;min-height:44px}.map-marker:hover,.map-marker[aria-pressed=true]{background:#fff0c8;box-shadow:0 0 0 6px #efc26c22}.map-marker.office{left:22%;top:68%}.map-marker.project{right:6%;top:27%}.map-sea,.map-label{position:absolute;color:#c1c9ac;font:8px var(--mono);letter-spacing:.15em}.map-sea{left:15px;top:18%;writing-mode:vertical-rl}.map-label{bottom:10px;right:15px}.map-info{padding:20px;border-left:2px solid #9b7948;font-size:13px;background:#f1f0e6;min-height:115px}.compare-section{background:#e9ece0;color:#17382c;text-align:center}.compare-section h2,.compare-section p{margin-left:auto;margin-right:auto}.compare-section .experience-kicker{justify-content:center;color:#687551}.compare-section p{color:#53664c}.roof-comparison{position:relative;max-width:850px;margin:35px auto 20px;aspect-ratio:800/530;background:#18392d;border-radius:6px;overflow:hidden;--reveal:50%}.compare-before,.compare-after{position:absolute;inset:-35px 0}.compare-after{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.roof-comparison svg{width:100%;height:100%}.compare-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#e8c587;color:#fff;display:flex;align-items:center;font-size:26px;pointer-events:none}.compare-tag{position:absolute;top:15px;font:9px var(--mono);letter-spacing:.08em;color:#fff5db;background:#0c271dcc;padding:8px}.before-tag{right:15px}.after-tag{left:15px}.compare-control{display:block;max-width:700px;margin:auto;font-size:12px}.compare-control input{width:100%;display:block;margin:15px 0;accent-color:#8b632d;min-height:30px}.mini-roi{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:radial-gradient(ellipse at 80% 20%,#34533a,#102d22)}.bill-console{border:1px solid #b1bf8766;border-radius:8px;background:#d9e2cb10;padding:35px;box-shadow:0 20px 40px #0002}.console-label{font:10px var(--mono);letter-spacing:.18em;color:#bcceac}.bill-value{display:block;font-size:clamp(42px,5vw,68px);letter-spacing:-.07em;color:#f1c37b;margin:20px 0}.bill-console label{font-size:11px;color:#bacbab}.bill-slider{width:100%;accent-color:#edc17f;margin:20px 0;min-height:28px}.bill-meter{height:7px;background:#6c7d5b55;overflow:hidden;border-radius:4px}.bill-meter i{display:block;height:100%;width:var(--bill-progress,8%);background:#f0c681;transition:width .15s}.mini-roi-output{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.mini-roi-output strong{display:block;font-size:23px;color:#edf0d9;font-weight:500}.mini-roi-output span{font-size:10px;color:#bdcfac}.timeline-section{background:#e1e5d6;color:#173b2e}.timeline-section .experience-kicker{color:#637551}.experience-timeline{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:25px 45px;padding:0;margin:45px 0;position:relative}.experience-timeline li{border-left:2px solid #9cae86;padding:15px 22px}.experience-timeline b{display:block;font-size:47px;font-weight:500;letter-spacing:-.06em}.experience-timeline span{font-size:12px}.timeline-section .visual-caption{color:#596d50}.mounting-experience{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.structure-model svg{display:block;width:100%;overflow:visible}.structure-model .structure-panel{transform:translateY(-65px);transition:transform .7s ease}.structure-model .structure-rails{transform:translateY(-35px);transition:transform .7s ease}.structure-model .structure-clamps{transform:translateY(-55px);transition:transform .7s ease}.structure-model.assembled .structure-panel,.structure-model.assembled .structure-rails,.structure-model.assembled .structure-clamps{transform:translateY(0)}.structure-model .button{margin-top:25px}.earth-model>svg{max-width:750px;display:block;margin:auto}.earth-model .hotspot-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px}.credential-art{position:relative;min-height:350px;padding:70px 20px 30px;border-block:1px solid #8d9c7744;display:flex;flex-direction:column;justify-content:center}.credential-art>span{font:10px var(--mono);letter-spacing:.16em;color:#c0c8a9}.credential-art>strong{font-size:clamp(64px,8vw,116px);font-weight:400;line-height:1.4;letter-spacing:-.06em;position:relative;z-index:1}.credential-art i{font-style:normal;color:#c3a46c;font-size:40px}.credential-art small{font-size:26px;display:block;line-height:1}.credential-art p{margin-top:25px!important;font-size:11px!important}.module-object{width:65%;margin:40px auto 30px;transform:perspective(750px) rotateY(-16deg) rotateX(8deg);transition:transform .5s}.module-object>div{aspect-ratio:1/1.4;background:repeating-linear-gradient(0deg,transparent 0,transparent 37px,#83adbb 38px),repeating-linear-gradient(90deg,#173b4e 0,#173b4e 32px,#9fbdc9 33px);border:8px solid #b5bcb1;box-shadow:15px 18px 35px #0004}.module-object>span{display:block;font:9px var(--mono);color:#bfccbc;margin-top:20px}.card-visual .module-object{width:85px}.card-visual .module-object span{display:none}.showroom-card:hover .module-object{transform:perspective(750px) rotateY(0) rotateX(0)}.inverter-object{width:200px;height:290px;background:linear-gradient(105deg,#d8dfd1,#9baaa2);border-radius:12px;margin:40px auto;transform:perspective(900px) rotateY(-18deg);padding:32px 22px;box-shadow:18px 15px 30px #0003;color:#123c33}.inverter-screen{background:#163e36;color:#d8dabb;padding:14px;text-align:center;font-size:24px;border-radius:4px}.inverter-screen i{font:6px var(--mono);display:block;margin-top:8px}.inverter-vents{height:65px;margin:22px 0;background:repeating-linear-gradient(0deg,transparent 0,transparent 5px,#7a8d82 6px,#7a8d82 8px)}.inverter-object>span{font:8px var(--mono)}.card-visual .inverter-object{transform:scale(.48) rotateY(-15deg);margin:0;position:absolute}.card-visual .structure-model,.card-visual .earth-model{width:80%;transform:translateY(10px)}.conduit-model{display:flex;gap:12px;transform:rotate(-30deg);justify-content:center;margin:100px auto;height:240px}.conduit-model i{width:35px;height:100%;border-radius:50% 50% 4px 4px;background:linear-gradient(90deg,#849488,#e3e4d3,#9aaba0);border-top:8px solid #344f42;box-shadow:10px 10px 18px #0003}.card-visual .conduit-model{height:150px;margin:0;transform:rotate(-30deg) scale(.7)}.fan-model{position:relative;width:300px;height:300px;margin:70px auto}.fan-model i{position:absolute;left:135px;top:20px;width:43px;height:150px;background:linear-gradient(90deg,#b8c5ad,#758e7d);border-radius:80% 20% 45% 10%;transform-origin:50% 130px}.fan-model i:nth-child(2){transform:rotate(120deg)}.fan-model i:nth-child(3){transform:rotate(240deg)}.fan-model b{position:absolute;left:129px;top:124px;width:54px;height:54px;border-radius:50%;background:#d8ddca;box-shadow:0 5px 12px #0003}.card-visual .fan-model{transform:scale(.65);margin:0;position:absolute}.showroom-card:hover .fan-model{rotate:25deg;transition:rotate .6s}.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.project-filters button{background:transparent;border:1px solid #8c9e7c;padding:12px 16px;border-radius:30px;color:#274330;font-size:11px;min-height:44px}.project-filters button:hover,.project-filters button[aria-pressed=true]{background:#214936;color:#f1eddc}.filter-status{font-size:13px}.gallery-capacity{font-size:96px;line-height:1.1;letter-spacing:-.07em;color:#d8ba80;background:linear-gradient(135deg,#274e37,#102f25);padding:35px;margin:-30px -30px 25px}.gallery-capacity span{font:9px var(--mono);display:block;letter-spacing:.08em;margin-top:10px}.gallery-project{overflow:hidden}.gallery-project:hover .gallery-capacity{background:linear-gradient(145deg,#3d6544,#1e4731)}
.vpower-experience .wizard{max-width:1180px;box-shadow:0 18px 50px #23412b12;border:1px solid #bac9ae;border-radius:8px;margin:45px auto;background:#fafbf3;padding:clamp(24px,4vw,55px)}.vpower-experience .steps{gap:12px}.vpower-experience .steps li{font:600 11px var(--mono);padding:15px 7px;color:#637455}.vpower-experience .steps li[aria-current]{border-color:#ab773a;color:#1f402d}.vpower-experience .wizard legend{font:600 clamp(26px,3vw,40px)/1.2 var(--sans);letter-spacing:-.04em;max-width:760px;padding:20px 0}.vpower-experience .wizard fieldset{min-height:290px}.vpower-experience .wizard label,.vpower-experience .lead-form label{font-size:13px;color:#294832}.vpower-experience .wizard input,.vpower-experience .wizard select,.vpower-experience .lead-form input,.vpower-experience .lead-form select,.vpower-experience .lead-form textarea{border-color:#afbda3;border-radius:4px;background:#fffffa;min-height:48px}.vpower-experience input[type=checkbox]{min-height:0}.vpower-experience .metrics{grid-template-columns:repeat(4,1fr);gap:12px}.vpower-experience .metrics div{background:#e4e9dc;border:1px solid #c5d0b8;border-radius:5px;padding:23px 18px}.vpower-experience .metrics div:nth-child(1),.vpower-experience .metrics div:nth-child(4){background:#173e2d;color:#efeddc}.vpower-experience .metrics dd{font:500 27px var(--sans);letter-spacing:-.05em}.vpower-experience .metrics dt{font-size:10px;min-height:30px}.vpower-experience .answer-box{background:#e6ebda;border-color:#b8924a;color:#3d5438}.vpower-experience .chart{border:1px solid #c6d1bb;border-radius:6px;padding:10px}.vpower-experience #solar-results h2{font-size:36px}.vpower-experience .notice{color:#53674d}.vpower-experience .lead-form{background:#f9faf2;padding:30px;border:1px solid #bdcbb3;border-radius:6px}.vpower-experience .consent{line-height:1.7}.vpower-experience .lead-status{font-size:13px}.vpower-experience .lead-status.delivered{padding:20px;background:#d8ead1;border-left:3px solid #548046}.vpower-experience .cookie-box{background:#f4f5e7;color:#213d2c}.property-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 25px}.property-choice{border:1px solid #c0cbb5;background:#e6ebdf;border-radius:5px;padding:10px;color:#234b34;min-width:0;font-size:12px;transition:background .2s,transform .2s}.property-choice svg{width:100%;height:95px;display:block}.property-choice[aria-pressed=true]{background:#163d2d;color:#f0d8a4;border-color:#c09b57;box-shadow:0 0 0 2px #c09b5744}.property-choice:hover{transform:translateY(-3px)}.bill-input-slider{width:100%;accent-color:#a37b3a}.bill-slider-label{padding:18px;background:#e6ebdc;border-radius:5px}.roof-size-choices{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 20px}.roof-size-choices button{border:1px solid #a5b792;border-radius:4px;background:#e3ead9;padding:12px 16px;min-height:44px;color:#23452b;font-size:11px}.roof-size-choices button:hover{background:#cddabb}
@media(min-width:1100px){.vpower-experience .section-page:has(>p):not(:has(.detail-grid,.data-table,.lead-form,details,.utility))>p{margin-left:28%;max-width:800px}.vpower-experience .section-page:has(>p)>h2{max-width:760px}.vpower-experience [data-page=none]{display:block}}
@media(max-width:1150px){.vpower-experience .header,.vpower-experience .site-header{flex-wrap:wrap;gap:15px;min-height:78px}.vpower-experience .menu-toggle,.vpower-experience .menu-button{display:block;margin-left:auto;color:#efdfbe;border:1px solid #b6bb9366;background:transparent;border-radius:3px;padding:12px;min-width:62px;min-height:44px;font:600 10px var(--sans)}.vpower-experience .menu-toggle span{display:none}.vpower-experience .menu-toggle b{font-size:10px}.vpower-experience .nav,.vpower-experience .main-nav{display:none;width:100%;position:static;background:transparent;order:5;padding:10px 0;margin:0;transform:none;opacity:1;visibility:visible}.vpower-experience .nav.open,.vpower-experience .main-nav.open{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vpower-experience .nav a,.vpower-experience .main-nav a{padding:10px}.vpower-experience .header-cta{display:none}.vpower-experience .hero{min-height:620px}.vpower-experience .hero-proof{gap:12px}.vpower-experience .hero-proof b{font-size:24px}.vpower-experience .metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){html{scroll-padding-top:90px}.vpower-experience .header,.vpower-experience .site-header{min-height:75px;padding:15px 22px}.vpower-experience .header img,.vpower-experience .brand img{width:142px}.vpower-experience .main-nav.open,.vpower-experience .nav.open{grid-template-columns:1fr 1fr}.vpower-experience .hero,.vpower-experience .visual-hero{grid-template-columns:1fr;padding:45px 22px 35px;gap:0;min-height:0}.vpower-experience .hero h1{font-size:clamp(43px,10.5vw,64px);margin-top:15px}.vpower-experience .hero-page h1{font-size:clamp(38px,10vw,52px)}.vpower-experience .hero-lede,.vpower-experience .hero-page p{font-size:14px}.hero-visual{margin:5px -10px 0;transform:none!important}.hero-visual .engineering-scene{max-height:345px}.vpower-experience .hero-actions{gap:20px;margin-bottom:24px}.vpower-experience .hero-proof{margin-top:22px;gap:14px}.vpower-experience .hero-proof span{padding-left:9px;font-size:8px}.vpower-experience .hero-proof b{font-size:25px}.vpower-experience .hero-visual .visual-caption{font-size:9px!important;margin:0 0 10px}.vpower-experience .section-page,.vpower-experience .section:not(.hero),.experience-section{padding:55px 22px}.vpower-experience .section-page>h2,.experience-section h2{font-size:34px}.vpower-experience .section-page>p{font-size:15px}.vpower-experience .editorial-hero{display:block;padding:50px 22px}.editorial-orbit{display:none}.floating-credentials{padding:25px 22px;flex-wrap:wrap;gap:20px}.floating-credentials b{font-size:33px}.floating-credentials small{font-size:8px;max-width:92px}.floating-credentials a{width:100%;padding:10px 0}.energy-stages{grid-template-columns:1fr;gap:24px;margin-top:30px}.energy-stages:before{width:1px;height:auto;left:27px;top:20px;bottom:20px}.energy-stages li{padding-left:77px;min-height:65px;justify-content:center;gap:3px}.stage-icon{position:absolute;left:0;top:0;width:55px;height:55px;line-height:39px;font-size:22px}.energy-stages strong{font-size:19px}.energy-stages small{font-size:9px}.energy-stages li>span:last-child{font-size:12px}.roof-experience,.mini-roi,.mounting-experience,.local-map-section{grid-template-columns:1fr;gap:25px}.roof-interactive{order:-1}.roof-markers{gap:5px}.roof-markers span{font-size:7px}.proof-grid{grid-template-columns:1fr}.proof-card{min-height:325px;padding:28px}.capacity b{font-size:86px}.local-map-section h2{font-size:34px}.map-marker{font-size:9px;padding:9px}.map-marker.project{right:3%}.map-marker.office{left:18%}.map-label{font-size:6px}.bill-console{padding:25px}.mini-roi-output strong{font-size:22px}.experience-timeline{grid-template-columns:1fr 1fr;gap:16px}.experience-timeline b{font-size:33px}.experience-timeline span{font-size:11px}.experience-timeline li{padding:10px 12px}.compare-before,.compare-after{inset:-10px 0}.compare-tag{font-size:7px;padding:5px}.compare-section p{font-size:13px}.earth-model .hotspot-notes{grid-template-columns:1fr}.vpower-experience .stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 22px}.vpower-experience .stats-bar>div{padding:0;border:0}.vpower-experience .stats-bar b{font-size:32px}.vpower-experience .stats-bar span{font-size:8px}.vpower-experience .solution-grid{grid-template-columns:1fr}.vpower-experience .wizard{margin:24px 12px;padding:23px 18px;box-shadow:none}.vpower-experience .steps{gap:4px;flex-wrap:wrap}.vpower-experience .steps li{font-size:9px;padding:12px 4px;min-width:50px}.vpower-experience .wizard fieldset{min-height:330px}.vpower-experience .metrics{grid-template-columns:1fr 1fr;gap:8px}.vpower-experience .metrics div{padding:15px 10px}.vpower-experience .metrics dd{font-size:23px}.vpower-experience .metrics dt{font-size:9px}.vpower-experience .wizard .controls{gap:10px}.vpower-experience .wizard .button{font-size:9px;padding:14px}.vpower-experience .lead-form{padding:20px}.vpower-experience .mobile-cta{display:flex;position:sticky;bottom:0;justify-content:space-around;gap:12px;background:#09281feb;border-top:1px solid #bdc79955;padding:13px 12px;z-index:30;backdrop-filter:blur(12px);padding-bottom:max(13px,env(safe-area-inset-bottom))}.vpower-experience .mobile-cta a{font-size:10px;color:#e9d4aa;text-decoration:none;padding:8px 0}.vpower-experience .footer-page{padding:40px 22px}.vpower-experience .footer-page nav{gap:14px}.property-choices{grid-template-columns:1fr 1fr;gap:9px}.property-choice svg{height:75px}.vpower-experience .credential-art{min-height:250px;padding:35px 15px}.credential-art>strong{font-size:75px}.hero-visual .module-object{width:140px}.hero-visual .inverter-object{margin:20px auto}.fan-model{margin:20px auto}.hero-visual .conduit-model{margin:40px auto;height:180px}.vpower-experience .seo-breadcrumb{font-size:9px}.mounting-experience .structure-model{padding-top:15px}.energy-path,.sun-rays{animation:none}.vpower-experience .card-visual{height:190px}}
svg:not(.motion-active) .energy-path,svg:not(.motion-active) .sun-rays{animation-play-state:paused}
@media(max-width:700px){.vpower-experience .stats-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.vpower-experience .stats-bar>div{flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.vpower-experience .stats-bar span{overflow-wrap:anywhere}}
@media(min-width:701px) and (max-width:1350px){.vpower-experience .header,.vpower-experience .site-header{flex-wrap:nowrap}.vpower-experience .nav,.vpower-experience .main-nav{display:none;position:absolute;top:100%;left:0;background:#102e26;padding:20px 5vw;width:100%;margin:0}.vpower-experience .nav.open,.vpower-experience .main-nav.open{display:grid;grid-template-columns:repeat(3,1fr)}.vpower-experience .menu-button,.vpower-experience .menu-toggle{display:block;margin-left:auto;background:transparent;color:#e9dabd;border:1px solid #b1be8e66;padding:12px;min-height:44px}.vpower-experience .menu-toggle span{display:none}.vpower-experience .header-cta{display:inline-flex;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-visual{transform:none!important}.entrance-energy{display:none}}@media(hover:none){.scene-tilt{transform:none!important}.vpower-experience .button:hover,.proof-card:hover{transform:none}}