:root{--ink:#18332b;--deep:#102c24;--deeper:#0d241e;--lime:#d5ef75;--cream:#f6f5ef;--muted:#63756d;--line:#d6ddd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1320px,calc(100% - 96px));margin:auto}.announcement{background:#d9ef9b;color:#203a2c;text-align:center;min-height:34px;font-size:11px;letter-spacing:.05em;font-weight:700;display:flex;gap:12px;justify-content:center;align-items:center}.announcement a{text-decoration:underline;text-underline-offset:3px}.pulse{width:7px;height:7px;background:#396d36;border-radius:50%;box-shadow:0 0 0 4px #b6d780}.site-header{height:86px;background:#f8f8f3;display:flex;align-items:center;gap:45px;padding:0 max(48px,calc((100vw - 1320px)/2));position:relative;z-index:10}.brand{display:inline-flex;gap:13px;align-items:center;flex-shrink:0}.brand-mark{height:41px;width:41px;display:grid;place-items:center;color:#437a4c}.brand-mark svg{width:37px}.brand-copy{display:flex;flex-direction:column;line-height:1.15;letter-spacing:.08em}.brand-copy strong{font-size:18px;font-weight:800;letter-spacing:.035em}.brand-copy small{font-size:8px;letter-spacing:.27em;margin-top:4px;font-weight:700}.desktop-nav{display:flex;gap:35px;margin:auto;font-size:12px;font-weight:700}.desktop-nav a,.footer-links a{transition:opacity .2s}.desktop-nav a:hover,.footer-links a:hover{opacity:.55}.header-cta{border:1px solid #244b3a;padding:15px 19px;white-space:nowrap;font-size:12px;font-weight:700}.header-cta span{padding-left:20px}.menu-button,.mobile-nav{display:none}.hero{height:min(750px,calc(100vh - 120px));min-height:610px;position:relative;overflow:hidden;color:#fff;background:#1d352d}.hero-image{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=2200&q=85');background-size:cover;background-position:center 54%;filter:saturate(.75)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,28,21,.91) 0%,rgba(9,34,24,.65) 45%,rgba(10,30,22,.10) 100%),linear-gradient(0deg,rgba(3,24,17,.58),transparent 35%)}.hero-content{position:relative;padding-top:145px;z-index:1}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:800;display:flex;align-items:center;gap:11px;color:#53845e}.eyebrow.light{color:#d9efaf}.line{height:1px;width:23px;background:currentColor}.hero h1{font-size:clamp(56px,6.4vw,95px);letter-spacing:-.064em;line-height:1.09;margin:30px 0 24px;font-weight:600;max-width:950px}.hero h1 em,.statement-copy h2 em,.contact-section h2 em{font-style:normal;color:var(--lime)}.hero p{font-size:16px;line-height:1.8;color:#e5eae5;max-width:535px}.hero-actions{display:flex;gap:34px;align-items:center;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:19px 24px;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-lime{background:var(--lime);color:#1b3529}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:9px}.light-link{color:#fff}.dark-link{color:#2e6b4c}.hero-bottom{position:absolute;left:0;right:0;bottom:34px;z-index:1;display:flex;gap:40px;align-items:center;color:#e8eee6;font-weight:800;font-size:9px;letter-spacing:.16em}.scroll-note{margin-left:auto}.scroll-note span{font-size:17px;margin-left:10px}.section-pad{padding:120px 0}.intro-section{background:#f6f5ef}.intro-grid{display:grid;grid-template-columns:1fr .78fr;gap:130px}.intro-grid h2,.section-head h2,.faq-grid h2{font-size:clamp(40px,4.4vw,64px);letter-spacing:-.055em;line-height:1.16;font-weight:600;margin:26px 0 0}.serif-accent{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#5d8d61;letter-spacing:-.045em}.intro-right{padding-top:15px}.intro-right p{font-size:16px;line-height:1.85;color:#53685b;margin:0 0 16px}.intro-right .text-link{margin-top:20px}.solutions{background:#e9eee6}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:52px}.section-head p{max-width:335px;color:#63766c;font-size:14px;line-height:1.8;margin:0 0 10px}.solution-grid{display:grid;grid-template-columns:1.17fr 1fr 1fr;gap:15px}.solution-card{min-height:440px;position:relative;overflow:hidden;padding:29px;display:flex;flex-direction:column;justify-content:space-between;color:white}.solution-image{background:#354d3e}.solution-photo,.solution-overlay{position:absolute;inset:0}.solar-roof{background:url('https://images.unsplash.com/photo-1497440001374-f26997328c1b?auto=format&fit=crop&w=1200&q=85') center/cover}.solution-overlay{background:linear-gradient(0deg,rgba(3,27,20,.91),transparent 65%),linear-gradient(180deg,rgba(3,27,20,.45),transparent 30%)}.solution-num{z-index:1;font-size:10px;font-weight:800;letter-spacing:.18em}.solution-content{z-index:1}.round-icon{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:38px;height:38px;margin-bottom:18px}.solution-card h3{font-size:25px;letter-spacing:-.05em;line-height:1.18;margin:0 0 12px}.solution-card p{font-size:13px;line-height:1.7;max-width:280px;color:inherit;opacity:.8;margin:0}.solution-card.pale{background:#d3e1d2;color:#17362a}.solution-card.dark{background:#173b30}.abstract-lines{position:absolute;inset:0;overflow:hidden;transform:rotate(-29deg) scale(1.4);opacity:.25;display:flex;gap:17px;align-items:center;justify-content:center}.abstract-lines span{height:120%;width:26px;border:1px solid #648d73;border-radius:40px}.battery-art{position:absolute;top:63px;right:35px;display:flex;align-items:flex-end;filter:drop-shadow(20px 24px 22px #071d19);opacity:.85}.battery-one,.battery-two{width:100px;height:200px;border-radius:12px;background:linear-gradient(120deg,#779a8b,#38564c 50%,#163c2d);border-left:8px solid #89a49b;transform:skewY(-5deg)}.battery-two{height:155px;width:85px;margin-left:-20px;background:linear-gradient(110deg,#b7c7b5,#657b70 60%,#284639)}.service-strip{display:flex;align-items:center;gap:35px;padding-top:35px;flex-wrap:wrap}.service-strip>span{font-size:10px;color:#6b8071;font-weight:800;letter-spacing:.14em}.service-strip>div{display:flex;gap:24px;flex-wrap:wrap;align-items:center;font-size:12px;font-weight:700}.service-strip b{font-size:10px;color:#8aa68d}.statement-section{background:#12392d;color:#f3f5ec;overflow:hidden}.statement-inner{display:grid;grid-template-columns:.8fr 1fr;gap:110px;min-height:600px;align-items:center}.statement-art{height:100%;display:grid;place-items:center;position:relative}.sun-orbit{width:min(410px,37vw);height:min(410px,37vw);border-radius:50%;border:1px solid #769b70;display:grid;place-items:center;box-shadow:0 0 0 47px #234d3b,0 0 0 48px #517f64,0 0 0 95px #184333,0 0 0 96px #3a6e52;position:relative}.sun-orbit:before,.sun-orbit:after{content:'';position:absolute;width:1px;height:550px;background:#537a5e;transform:rotate(45deg)}.sun-orbit:after{transform:rotate(-45deg)}.orbit-core{width:50%;height:50%;border-radius:50%;background:radial-gradient(circle at 32% 29%,#ecf5a9,#b2d56b 70%,#729852);box-shadow:0 0 90px #afd77c55;z-index:1}.statement-copy{padding:110px 0}.statement-copy h2{font-size:clamp(40px,4.1vw,62px);line-height:1.2;letter-spacing:-.055em;font-weight:600;margin:24px 0}.statement-copy p{font-size:15px;line-height:1.9;color:#c3d5c7;max-width:520px;margin-bottom:35px}.button-outline{border:1px solid #a5c19d;color:#f3f8ed}.process-section{background:#faf9f5}.steps{border-top:1px solid #d7ddd6}.step{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:30px;padding:29px 4px;border-bottom:1px solid #d7ddd6}.step>span:first-child{font-size:12px;font-weight:800;color:#62946a}.step h3{font-size:21px;letter-spacing:-.035em;margin:0 0 7px}.step p{color:#6e7e73;font-size:13px;line-height:1.6;margin:0}.step-arrow{font-size:21px;color:#678e6a;justify-self:end}.projects-section{background:#eff1e9}.project-feature{display:grid;grid-template-columns:1.18fr 1fr;min-height:510px;background:#dae5d7}.project-visual{position:relative;min-height:500px;background:#42614c;overflow:hidden}.project-photo{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1624397640148-949b1732bb0a?auto=format&fit=crop&w=1300&q=85') center/cover;filter:saturate(.74)}.photo-tag{position:absolute;bottom:25px;left:26px;background:#ecf1e7;padding:12px 15px;color:#25432e;font-size:10px;letter-spacing:.12em;font-weight:800}.project-details{padding:65px 60px;display:flex;flex-direction:column;justify-content:center}.mini-label{font-size:10px;font-weight:800;letter-spacing:.17em;color:#658a67}.project-details h3{font-size:46px;letter-spacing:-.06em;font-weight:600;line-height:1.17;margin:23px 0}.project-details p{font-size:14px;line-height:1.8;color:#526c59;max-width:380px}.project-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid #b9caba;border-bottom:1px solid #b9caba;padding:26px 0;margin-top:26px}.project-specs div{display:flex;flex-direction:column;gap:8px}.project-specs strong{font-family:Manrope;font-size:31px;letter-spacing:-.07em}.project-specs small{font-size:12px}.project-specs span{font-size:8px;font-weight:800;letter-spacing:.09em;color:#58755c;line-height:1.5}.project-footnote{margin-top:24px;color:#6f8572;font-size:11px}.faq-section{background:#faf9f5}.faq-grid{display:grid;grid-template-columns:.78fr 1fr;gap:110px}.faq-grid>div>p{font-size:14px;line-height:1.85;color:#708074;max-width:300px;margin-top:25px}.faqs{border-top:1px solid #d4ddd3}.faqs details{border-bottom:1px solid #d4ddd3;padding:22px 0}.faqs summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:16px;font-weight:700;gap:20px}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:23px;font-weight:400;color:#5b8b60}.faqs details[open] summary span{transform:rotate(45deg)}.faqs details p{font-size:14px;line-height:1.75;color:#65786c;padding:15px 38px 0 0;margin:0}.contact-section{background:#12372c;color:#f3f5ed;padding:115px 0}.contact-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:110px}.contact-section h2{font-size:clamp(47px,5.4vw,77px);line-height:1.12;letter-spacing:-.055em;font-weight:600;margin:27px 0}.contact-section p{max-width:530px;color:#bed1c2;font-size:15px;line-height:1.85;margin-bottom:30px}.contact-email{font-size:12px!important;margin:16px 0 0!important;color:#d4e5d1!important}.contact-aside{display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid #466859;padding-left:45px}.contact-orbit{font-size:70px;color:var(--lime);line-height:1}.contact-aside div{display:flex;flex-direction:column;gap:9px}.contact-aside div span{font-size:10px;letter-spacing:.17em;font-weight:800;color:#9fbaa7}.contact-aside strong{font-weight:500;font-size:17px;line-height:1.5}footer{background:#f4f5ee}.footer-top{padding:50px 0 35px;display:flex;justify-content:space-between;gap:40px;align-items:center;border-bottom:1px solid #d9e0d7}.footer-links{display:flex;gap:28px;font-size:12px;font-weight:700}.footer-bottom{padding:27px 0 35px;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:#6d8072}.footer-bottom a{font-weight:800;color:#315941}
@media(max-width:1050px){.container{width:calc(100% - 56px)}.site-header{padding:0 28px;gap:25px}.desktop-nav{gap:16px}.intro-grid{gap:60px}.statement-inner{gap:55px}.project-details{padding:45px 35px}.project-specs strong{font-size:26px}.contact-grid{gap:60px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.announcement{font-size:9px;padding:7px 12px;gap:7px;flex-wrap:wrap}.site-header{height:72px;padding:0 20px}.brand-mark{width:33px;height:33px}.brand-mark svg{width:32px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:7px}.desktop-nav,.header-cta{display:none}.menu-button{display:flex;margin-left:auto;background:transparent;border:0;flex-direction:column;gap:6px;padding:12px;cursor:pointer}.menu-button span{height:2px;width:24px;background:#1a4230}.mobile-nav.open{display:flex;position:absolute;z-index:20;top:100%;left:0;right:0;background:#f8f8f3;padding:20px;flex-direction:column;gap:0;box-shadow:0 10px 25px #0002}.mobile-nav a{padding:15px 8px;border-bottom:1px solid #e1e7df;font-weight:700;font-size:14px}.hero{height:710px;min-height:0}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(6,28,21,.90),rgba(7,30,22,.42)),linear-gradient(0deg,#07241bbb,transparent 45%)}.hero-content{padding-top:115px}.hero h1{font-size:clamp(46px,11vw,69px);letter-spacing:-.065em}.hero p{font-size:14px;max-width:440px}.hero-actions{align-items:flex-start;flex-direction:column;gap:26px}.hero-bottom{bottom:25px;flex-direction:column;align-items:flex-start;gap:10px;font-size:8px}.scroll-note{display:none}.section-pad{padding:75px 0}.intro-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.intro-grid h2,.section-head h2,.faq-grid h2{font-size:43px}.intro-right{padding-top:0}.section-head{display:block;margin-bottom:32px}.section-head p{margin-top:24px}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:365px}.service-strip{gap:15px}.service-strip>div{gap:12px;line-height:1.8}.statement-inner{grid-template-columns:1fr;gap:0}.statement-art{height:265px;overflow:hidden}.sun-orbit{width:190px;height:190px;box-shadow:0 0 0 25px #234d3b,0 0 0 26px #517f64,0 0 0 52px #184333,0 0 0 53px #3a6e52}.statement-copy{padding:45px 0 75px}.statement-copy h2{font-size:42px}.step{grid-template-columns:45px 1fr 20px;gap:10px}.step h3{font-size:17px}.project-feature{grid-template-columns:1fr}.project-visual{min-height:350px}.project-details{padding:40px 25px 50px}.project-details h3{font-size:39px}.project-specs strong{font-size:28px}.faq-grid{gap:40px}.contact-section{padding:75px 0}.contact-section h2{font-size:47px}.contact-aside{border-left:none;border-top:1px solid #466859;padding:25px 0 0;gap:30px}.contact-orbit{display:none}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap;gap:17px 25px}.footer-bottom{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Motion-led compact redesign */
body{background:#e8ede7}::selection{background:#d5ef75;color:#102c24}.site-header{height:78px;background:rgba(249,250,246,.94);backdrop-filter:blur(20px);position:sticky;top:0;box-shadow:0 1px 0 #1d3b2912}.announcement{min-height:30px}.hero{height:min(700px,calc(100svh - 108px));min-height:560px;isolation:isolate}.hero-image{animation:heroZoom 16s ease-in-out infinite alternate;background-position:center 62%}.hero-shade{background:linear-gradient(92deg,rgba(4,25,19,.95) 0%,rgba(4,27,21,.76) 43%,rgba(6,32,21,.24) 100%),linear-gradient(0deg,#0a2b24a8,transparent 48%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#dfffac12 1px,transparent 1px),linear-gradient(90deg,#dfffac12 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent 38%,#000);pointer-events:none}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(70px);opacity:.13;pointer-events:none}.glow-one{background:#b2ff80;right:-270px;top:-350px;animation:floatGlow 10s ease-in-out infinite alternate}.glow-two{background:#82e8d3;right:20%;bottom:-520px;animation:floatGlow 13s ease-in-out infinite alternate-reverse}.hero-content{padding-top:105px}.hero h1{font-size:clamp(56px,6.9vw,104px);line-height:1.05;max-width:1100px;margin:28px 0 22px}.hero-line{display:inline-block;animation:heroEnter 1.1s cubic-bezier(.2,.8,.2,1) both}.hero-line:nth-child(1){animation-delay:.08s}.hero h1 .hero-line:last-child{animation-delay:.21s}.hero p{animation:fadeRise .9s .5s both}.hero-actions{animation:fadeRise .9s .7s both}.hero .eyebrow{animation:fadeRise .8s .1s both}.hero-bottom{bottom:27px}.energy-widget{position:absolute;right:5%;top:34%;width:265px;padding:20px;border:1px solid #e1ffc13f;border-radius:18px;backdrop-filter:blur(24px);background:linear-gradient(120deg,#e5ffbb1c,#ffffff09);box-shadow:0 25px 80px #03170f4a;color:#f5ffec;z-index:2;animation:widgetFloat 6s ease-in-out infinite}.widget-ring{width:110px;height:110px;margin:8px auto 18px;border-radius:50%;border:1px dashed #dbffaf;display:grid;place-items:center;position:relative;animation:spin 25s linear infinite}.widget-ring:before,.widget-ring:after{content:'';position:absolute;inset:12px;border:8px solid transparent;border-top-color:#d5ef75;border-right-color:#d5ef75;border-radius:50%}.widget-ring:after{inset:-9px;border-width:2px;border-bottom-color:#d5ef75;border-top-color:transparent;animation:spin 8s linear infinite reverse}.widget-center{font-size:44px;color:#d5ef75;animation:spin 25s linear infinite reverse}.widget-caption{display:flex;flex-direction:column;gap:8px}.widget-live{font-size:9px;letter-spacing:.14em;font-weight:800;color:#dcf9bd}.widget-live i{display:inline-block;width:6px;height:6px;background:#d5ef75;border-radius:50%;margin-right:7px;animation:blink 1.5s infinite}.widget-caption strong{font-size:15px;line-height:1.4;font-weight:600}.widget-spark{position:absolute;top:19px;right:20px;color:#d5ef75}.scroll-progress{position:fixed;z-index:30;top:0;left:0;height:3px;width:0;background:#a5dd52;box-shadow:0 0 14px #b6f58b;pointer-events:none}.intro-section,.statement-section,.process-section,.faq-section{display:none}.solutions{padding:82px 0 68px;background:#e8ede7}.section-head{margin-bottom:32px}.section-head h2{font-size:clamp(41px,4.4vw,64px);margin-top:17px}.solution-grid{gap:16px}.solution-card{min-height:340px;border-radius:15px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,filter .35s;transform-style:preserve-3d;will-change:transform;box-shadow:0 10px 35px #102c2410}.solution-card:hover{transform:translateY(-12px) scale(1.015)!important;box-shadow:0 28px 45px #102c2430;z-index:2}.solution-card .round-icon{transition:transform .4s,background .4s}.solution-card:hover .round-icon{transform:rotate(45deg);background:#fff2}.solution-card .solution-photo{transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.solution-card:hover .solution-photo{transform:scale(1.13)}.solution-card h3{font-size:23px}.battery-art{top:35px;opacity:.75;animation:widgetFloat 7s ease-in-out infinite}.abstract-lines{animation:driftLines 14s linear infinite alternate}.service-strip{padding-top:24px}.compact-process{margin-top:28px;background:#183c2e;border-radius:14px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#f2f6ed;box-shadow:0 18px 35px #0b2b1d1a}.compact-label{font-size:9px;letter-spacing:.17em;color:#c1ddae;font-weight:800}.compact-process>div{font-size:14px;font-weight:700;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.compact-process>div b{font-size:10px;color:#d5ef75}.compact-process>div span{color:#89ab8b}.compact-process a{font-size:12px;font-weight:800;white-space:nowrap;color:#d5ef75}.projects-section{padding:78px 0;background:#f8f8f1}.project-feature{min-height:430px;border-radius:16px;overflow:hidden;box-shadow:0 22px 65px #102c2415}.project-visual{min-height:430px}.project-photo{transition:transform 1.5s}.project-feature:hover .project-photo{transform:scale(1.06)}.project-details{padding:40px 50px}.project-details h3{font-size:42px;margin:15px 0}.project-specs{padding:18px 0;margin-top:12px}.contact-section{padding:78px 0;position:relative;overflow:hidden}.contact-section:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #acd89538;border-radius:50%;right:-170px;top:-250px;box-shadow:0 0 0 80px #acd89510,0 0 0 160px #acd89508;animation:widgetFloat 8s ease-in-out infinite}.contact-section h2{margin:17px 0;font-size:clamp(48px,5.2vw,72px)}.contact-grid{position:relative}.footer-top{padding:35px 0 25px}.footer-bottom{padding:20px 0}.reveal{opacity:0;transform:translateY(42px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.solution-card.reveal:nth-child(2){transition-delay:.12s}.solution-card.reveal:nth-child(3){transition-delay:.24s}.magnetic{box-shadow:0 12px 40px #c8ed6933}.magnetic:hover{background:#e9ff9c;box-shadow:0 14px 45px #c8ed6955}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.08)}}@keyframes heroEnter{from{opacity:0;transform:translateY(50px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fadeRise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes floatGlow{to{transform:translate(120px,90px)}}@keyframes widgetFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.2}}@keyframes driftLines{to{transform:rotate(-20deg) scale(1.7) translateX(15px)}}
@media(max-width:1050px){.energy-widget{right:3%;top:43%;width:210px;padding:15px}.widget-ring{width:80px;height:80px;margin-bottom:12px}.hero h1{max-width:750px}.compact-process{flex-wrap:wrap}}
@media(max-width:760px){.site-header{height:68px}.hero{height:660px;min-height:0}.hero-content{padding-top:95px}.hero h1{font-size:clamp(47px,11vw,69px)}.energy-widget{display:none}.hero-grid{background-size:52px 52px}.hero p{max-width:450px}.solutions,.projects-section,.contact-section{padding:65px 0}.solution-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 6px 20px 0;margin-right:-20px;scrollbar-width:thin;scrollbar-color:#8ba98e transparent}.solution-card{min-width:min(82vw,345px);min-height:400px;scroll-snap-align:start;flex-shrink:0}.solution-card:hover{transform:translateY(-4px)!important}.service-strip{gap:14px}.compact-process{padding:24px;align-items:flex-start}.compact-process>div{gap:10px;line-height:1.6}.project-visual{min-height:310px}.project-details{padding:35px 26px}.project-details h3{font-size:38px}.contact-section h2{font-size:48px}.hero-bottom{gap:6px}}
@media(prefers-reduced-motion:reduce){.hero-image,.hero-glow,.hero-line,.hero p,.hero-actions,.hero .eyebrow,.energy-widget,.widget-ring,.widget-ring:after,.widget-center,.widget-live i,.battery-art,.abstract-lines,.contact-section:before{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.solution-card{will-change:auto}}

/* Official supplied Photoelectric identity */
.official-mark{position:relative;overflow:hidden;background:#fff;border-radius:50%;width:45px;height:45px;flex-shrink:0;box-shadow:0 2px 8px #173b2f13}
.official-mark img{position:absolute;width:68px;height:68px;max-width:none;left:-11px;top:-3px}
.logo-widget{width:260px;top:26%;padding:16px;background:linear-gradient(145deg,#f5fff32e,#d6f7b512);border-color:#ecffc258}
.logo-frame{background:#fff;border-radius:12px;padding:6px;box-shadow:0 8px 25px #091c1945;overflow:hidden;margin-bottom:17px}
.logo-frame img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}
.logo-widget .widget-caption{gap:7px}.logo-widget .widget-caption strong{font-size:14px}.logo-widget .widget-spark{color:#d5ef75}
.brand-copy small{font-size:7.2px;letter-spacing:.12em;white-space:nowrap}
@media(max-width:1050px){.logo-widget{width:190px;top:37%}}
@media(max-width:760px){.official-mark{width:39px;height:39px}.official-mark img{width:61px;height:61px;left:-10px;top:-3px}.logo-widget{display:none}}

/* Photoelectric's bright solar editorial direction */
:root{--ink:#252b32;--deep:#143c2d;--deeper:#183d2e;--lime:#ff8b2c;--cream:#fff7ed;--muted:#687079;--line:#e7dbcc}
body{background:#fff7ed;color:#242c32}
.solutions,.projects-section,.contact-section{scroll-margin-top:108px}
.announcement{display:none}
.site-header{position:fixed;left:2.5%;right:2.5%;top:16px;width:95%;height:72px;padding:0 30px;background:rgba(255,249,238,.94);border:1px solid #ffffff8f;border-radius:999px;box-shadow:0 10px 35px #bd521b24;backdrop-filter:blur(20px);transition:top .3s,box-shadow .3s}
.site-header.scrolled{top:8px;box-shadow:0 12px 45px #61370b2a}
.brand-copy strong{color:#f57915}.brand-copy small{color:#52575b}
.desktop-nav a{color:#464d50}.desktop-nav a:hover{color:#f07d1f;opacity:1}
.header-cta{border:1px solid #f18c3d;border-radius:999px;background:#fa8b2b;color:white;padding:14px 21px;box-shadow:0 6px 15px #ec8b2750;transition:transform .2s,background .2s}
.header-cta:hover{transform:translateY(-2px);background:#ee7216}
.hero{height:100svh;min-height:670px;max-height:930px;background:radial-gradient(circle at 8% 7%,#ffd69c 0,transparent 38%),radial-gradient(circle at 95% 88%,#ffe2a7 0,transparent 34%),linear-gradient(116deg,#ffb467 0%,#ff8324 49%,#ff9d42 75%,#ffc47d 100%);color:white}
.hero-image,.hero-shade{display:none}
.hero-grid{opacity:.86;inset:0;background-image:linear-gradient(#fff8e128 1px,transparent 1px),linear-gradient(90deg,#fff8e128 1px,transparent 1px);background-size:72px 72px;mask-image:none;animation:gridDrift 24s linear infinite}
.hero-glow{opacity:.38;filter:blur(50px);animation:floatGlow 15s ease-in-out infinite alternate}.glow-one{background:#ffe7b3;right:-190px;top:0}.glow-two{background:#ff6f14;right:70%;bottom:-460px}
.hero-content{padding-top:0;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;z-index:2}
.hero .eyebrow{font-size:11px;letter-spacing:.15em;color:#fff2d8;justify-content:center;text-shadow:0 1px 9px #b64a1b55}
.hero h1{font-size:clamp(74px,9vw,143px);line-height:.99;letter-spacing:-.075em;margin:37px auto 23px;max-width:1200px;font-weight:800;text-shadow:0 6px 7px #a7461040,0 1px 0 #fff7dc}
.hero h1 em{color:#fff5df;letter-spacing:-.065em}
.hero p{font-size:18px;line-height:1.7;max-width:650px;margin:0 auto;color:#fff7ef;text-shadow:0 2px 4px #ae511d4e;font-weight:500}
.hero-actions{justify-content:center;margin-top:30px;gap:16px}
.hero .button-lime{border:1px solid #55310d;background:transparent;color:#fff;border-radius:999px;padding:17px 28px;gap:20px;box-shadow:0 5px 20px #a34e1830}
.hero .button-lime:hover{background:#fff6e6;color:#e16e14;box-shadow:0 14px 35px #a34e1840}
.hero .light-link{border:1px solid #fff6eb;background:#fff8ed;color:#e66c12;border-radius:999px;padding:17px 28px;gap:16px;box-shadow:0 7px 20px #a34e1838}
.hero .light-link:hover{background:white;transform:translateY(-3px)}
.hero-bottom{bottom:28px;color:#fff5e7;justify-content:space-between}.hero-bottom span{font-size:9px}
.energy-widget{display:none}
.solutions{background:#fff7ef;padding:92px 0 70px}
.section-head{align-items:center;margin-bottom:38px}.section-head .eyebrow{color:#f17c1f}.section-head h2{font-weight:800;color:#252d33;font-size:clamp(40px,4.6vw,66px)}.serif-accent{font-family:Manrope,sans-serif;font-style:normal;font-weight:800;color:#fa8524;letter-spacing:-.06em}
.section-head p{color:#697078;font-size:15px}
.solution-grid{gap:20px}.solution-card{border-radius:21px;min-height:355px;box-shadow:0 12px 32px #ac5e2020;border:1px solid #f4e0c9;border-top:5px solid #ff922a;overflow:hidden}.solution-card.pale{background:#fff;color:#242d32}.solution-card.dark{background:#164b34;color:#fff;border-top-color:#ffc349}.solution-card.solution-image{background:#f2d3a9;color:#fff}.solution-card .solution-overlay{background:linear-gradient(0deg,#13251fe8,transparent 80%)}.solution-card .solar-roof{filter:saturate(.75)}.solution-card .solution-num{font-size:10px;letter-spacing:.15em}.solution-card .round-icon{border-radius:50%;background:#fff2;width:43px;height:43px}.solution-card h3{font-size:25px}.solution-card p{font-size:14px}.solution-card.pale .abstract-lines{opacity:.16}.service-strip>span{color:#e47d24}.service-strip b{color:#f68a30}
.compact-process{border-radius:19px;background:linear-gradient(100deg,#ff8f2e,#e66f19);box-shadow:0 15px 40px #d66e2c38}.compact-label{color:#fff4df}.compact-process>div b{color:#ffe9b2}.compact-process>div span{color:#ffe2b3}.compact-process a{color:#fff9ed}
.projects-section{background:#fffdf8;padding:85px 0}.project-feature{background:#fff2df;border:1px solid #f5dfc4;border-radius:22px;box-shadow:0 20px 60px #b9652122}.project-visual{min-height:430px}.photo-tag{border-radius:999px;background:#fff8ed;color:#df721b}.mini-label{color:#e68127}.project-details h3{color:#2c3135}.project-details p{color:#606a70}.project-specs{border-color:#edc99f}.project-specs span,.project-footnote{color:#ae7849}
.contact-section{background:radial-gradient(circle at 98% 25%,#ffc06d 0,transparent 36%),linear-gradient(117deg,#f6771b,#fa9637 73%,#ffb35a);color:#fffdf3}.contact-section:before{border-color:#fff9e538;box-shadow:0 0 0 80px #fff9e510,0 0 0 160px #fff9e508}.contact-section .eyebrow{color:#fff6e4}.contact-section h2{font-weight:800}.contact-section h2 em{color:#ffefbd}.contact-section p{color:#fff1df}.contact-section .button-lime{background:#fff8ed;color:#d65d0f;border-radius:999px;box-shadow:0 12px 30px #a9561b33}.contact-section .button-lime:hover{background:#ffffff}.contact-email{color:#fff!important}.contact-aside{border-color:#ffffff67}.contact-aside div span{color:#ffe4bd}.contact-orbit{color:#ffe3a9}
footer{background:#fff5e7}.footer-top{border-color:#ebd9c3}.footer-bottom{color:#977b5d}.footer-bottom a{color:#df741f}
.scroll-progress{background:#1f713d;box-shadow:0 0 14px #185e3c}
@keyframes gridDrift{to{background-position:72px 72px}}
@media(max-width:1050px){.hero h1{font-size:clamp(70px,9vw,118px)}.site-header{gap:16px}.desktop-nav{gap:14px}.header-cta{padding:13px 16px}}
@media(max-width:760px){.site-header{left:4%;right:4%;width:92%;top:12px;height:65px;padding:0 15px}.site-header.scrolled{top:6px}.mobile-nav.open{top:calc(100% + 7px);left:0;right:0;border-radius:21px;box-shadow:0 12px 30px #ad581d33}.mobile-nav a{color:#4b5154}.menu-button span{background:#e67c22}.hero{height:780px;min-height:680px;max-height:840px}.hero-content{padding:80px 12px 60px}.hero h1{font-size:clamp(58px,13vw,85px);margin:26px 0}.hero p{font-size:15px;max-width:440px}.hero .eyebrow{font-size:8px;letter-spacing:.09em}.hero-actions{flex-direction:column;gap:12px;align-items:center}.hero .button-lime,.hero .light-link{width:255px;justify-content:center}.hero-bottom{bottom:25px}.hero-bottom span{font-size:7px}.solutions,.projects-section,.contact-section{padding:67px 0}.section-head h2{font-size:42px}.solution-card{min-height:390px}.compact-process{margin-top:19px}.contact-section h2{font-size:47px}}
@media(prefers-reduced-motion:reduce){.hero-grid{animation:none}}

/* Official logo palette: solar yellow and electric green */
:root{--ink:#123b25;--deep:#07542b;--deeper:#06391f;--lime:#ffd229;--cream:#fbfcf0;--muted:#567160;--line:#dce9d4}
body{background:#f8fbef;color:#153e28}
.site-header{background:rgba(255,255,246,.95);border-color:#e9f2d9;box-shadow:0 12px 42px #0d5b2821}
.site-header.scrolled{box-shadow:0 12px 42px #0d5b2830}
.brand-copy strong{color:#13662a}.brand-copy small{color:#385c42}
.desktop-nav a{color:#26553c}.desktop-nav a:hover{color:#128438}
.header-cta{background:#178437;border-color:#178437;color:#fff8e3;box-shadow:0 7px 18px #177d3735}
.header-cta:hover{background:#0b6929}
.hero{background:radial-gradient(circle at 3% 6%,#ffd633bd 0,transparent 32%),radial-gradient(circle at 88% 79%,#cff34d70 0,transparent 34%),linear-gradient(118deg,#1b8e3e 0%,#077434 48%,#075428 100%)}
.hero-grid{background-image:linear-gradient(#e8ff9a22 1px,transparent 1px),linear-gradient(90deg,#e8ff9a22 1px,transparent 1px)}
.glow-one{background:#ffda32;opacity:.3}.glow-two{background:#91e665;opacity:.27}
.hero .eyebrow{color:#f6ffbc;text-shadow:0 1px 6px #064b2390}
.hero h1{text-shadow:0 6px 7px #03371e70,0 1px 0 #e7fff3;color:#fffdf3}
.hero h1 em{color:#ffe34a}
.hero p{color:#f6fff0;text-shadow:0 2px 4px #06402188}
.hero .button-lime{background:#ffdb37;border:1px solid #ffe774;color:#104c2a;box-shadow:0 10px 24px #01321a40}
.hero .button-lime:hover{background:#fff1a8;color:#0a522a;box-shadow:0 14px 35px #03321a55}
.hero .light-link{background:#fffdf0;border-color:#fffdf0;color:#106e30;box-shadow:0 8px 25px #003b2038}
.hero .light-link:hover{background:#f5ffd8}
.hero-bottom{color:#ebffd9}
.solutions{background:#f8faef}
.section-head .eyebrow{color:#29923f}.section-head h2{color:#163a25}.serif-accent{color:#159541}
.section-head p{color:#5f7667}
.solution-card{border:1px solid #d8e8cc;border-top:5px solid #ffd43b;box-shadow:0 13px 33px #15572818}
.solution-card.pale{background:#f5f9da;color:#173c26}
.solution-card.dark{background:#0a6030;color:#faffed;border-top-color:#ffdb40}
.solution-card.solution-image{background:#235d3a}.solution-card .solution-overlay{background:linear-gradient(0deg,#062f1df2,transparent 85%)}
.solution-card .round-icon{background:#e8ffbb1f}.service-strip>span{color:#177a36}.service-strip b{color:#9bc72b}
.compact-process{background:linear-gradient(105deg,#0d7133,#269243 68%,#4eac43);box-shadow:0 16px 42px #0b68332d}
.compact-label,.compact-process>div b,.compact-process a{color:#ffe16a}.compact-process>div span{color:#b5e89e}
.projects-section{background:#fffef4}.project-feature{background:#f3f8e3;border:1px solid #dce8c8;box-shadow:0 20px 60px #164e2517}
.photo-tag{background:#f9ffe9;color:#187d37}.mini-label{color:#258d3b}.project-details h3{color:#183c25}.project-details p{color:#58715c}.project-specs{border-color:#caddb9}.project-specs span,.project-footnote{color:#5b8363}
.contact-section{background:radial-gradient(circle at 100% 5%,#f8df5770 0,transparent 34%),linear-gradient(112deg,#07572d 0%,#12823a 62%,#49a735 100%)}
.contact-section:before{border-color:#d9ef7738;box-shadow:0 0 0 80px #dff75d10,0 0 0 160px #e4f37508}
.contact-section .eyebrow{color:#daef9d}.contact-section h2 em{color:#ffe34f}.contact-section p{color:#dbf0de}
.contact-section .button-lime{background:#ffdf4c;color:#17512d;box-shadow:0 12px 30px #003f1e43}.contact-section .button-lime:hover{background:#fff3a7}
.contact-email{color:#f7ffdd!important}.contact-aside{border-color:#b0d99c86}.contact-aside div span{color:#c7e5a2}.contact-orbit{color:#ffdb4f}
footer{background:#f5f9e9}.footer-top{border-color:#dbe6cd}.footer-bottom{color:#66816b}.footer-bottom a{color:#1c7b3a}
.scroll-progress{background:#ffe34a;box-shadow:0 0 14px #f7db2d}
@media(max-width:760px){.mobile-nav.open{background:#fbfff2;box-shadow:0 12px 30px #0d522a33}.mobile-nav a{color:#28593b}.menu-button span{background:#13803a}}