@font-face{font-family:Manrope;src:url('assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--red:#f20d17;--ink:#17191b;--muted:#74787b;--paper:#f4f5f5;--line:#dadddf;--font:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}img{display:block;max-width:100%}.skip{position:fixed;top:-80px;background:white;color:black;padding:20px;z-index:100}.skip:focus{top:0}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--red);width:0;z-index:100}.header{height:100px;padding:0 5%;position:absolute;top:0;width:100%;z-index:30;display:flex;align-items:center;gap:40px;color:white;border-bottom:1px solid #ffffff25}.logo{width:178px;height:auto}.header nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:600}.header nav a{position:relative;padding:12px 0}.header nav a:after{content:'';position:absolute;bottom:3px;left:0;height:2px;width:0;background:var(--red);transition:width .25s}.header nav a:hover:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 25px;background:var(--red);color:white;font-weight:700;font-size:14px;border-radius:4px;border:1px solid var(--red);transition:background .25s,transform .25s,box-shadow .25s}.button:hover{background:#d40811;transform:translateY(-3px);box-shadow:0 8px 30px #f20d1720}.button span{font-size:23px;font-weight:400;line-height:1}.button-small{padding:13px 19px}.menu-button{display:none}.hero{height:min(900px,100svh);min-height:740px;position:relative;background:#182125;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:112%;object-fit:cover;object-position:center 60%;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,21,26,.9) 0%,rgba(13,21,26,.65) 38%,rgba(13,21,26,.05) 76%),linear-gradient(0deg,rgba(13,21,26,.8),transparent 25%,transparent 75%,rgba(13,21,26,.35))}.hero-content{position:relative;z-index:1;padding:172px 5% 125px;max-width:920px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:13px}.red-line{display:inline-block;width:26px;height:2px;background:var(--red)}h1{font-size:clamp(58px,6.1vw,98px);line-height:1.04;font-weight:500;letter-spacing:-5px;margin:28px 0}h1 span{color:#ff3038}.hero p{color:#d4d9dc;font-size:16px;line-height:1.85;margin:24px 0 29px}.hero-actions{display:flex;align-items:center;gap:32px}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:24px;font-weight:600}.text-link span{font-size:21px;transition:transform .3s}.text-link:hover span{transform:translateY(4px)}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;align-items:center;gap:36px;font-size:13px}.mini-icon{border:1px solid #ffffff66;border-radius:50%;padding:2px 5px;font-size:11px;margin-right:9px}.scroll-cue{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:10px;letter-spacing:1.5px}.scroll-cue span{font-size:22px}.image-caption{position:absolute;right:5%;bottom:137px;font-size:9px;letter-spacing:1.5px;writing-mode:vertical-rl;color:#ffffffa0}.section{padding:110px 7%}.dark{color:#72787c}.intro{position:relative;padding-bottom:60px}h2{font-size:clamp(38px,4.4vw,68px);font-weight:500;line-height:1.13;letter-spacing:-2.8px;margin:28px 0}h2 span{color:#858a8d}.lead{font-size:17px;line-height:1.8;color:#707578}.intro .lead{position:absolute;right:7%;bottom:77px}
@media(min-width:1600px){.hero-content{padding-top:190px}.hero{height:900px}}@media(max-width:1100px){.header{gap:24px}.header nav{gap:18px;font-size:12px}.header .button-small{font-size:12px}.logo{width:155px}.intro .lead{position:static}.hero{min-height:760px}h1{letter-spacing:-3px}}@media(max-width:760px){.header{height:80px;padding:0 6%;gap:16px}.logo{width:136px}.header>.button{margin-left:auto;font-size:11px;padding:11px 12px;gap:12px}.menu-button{display:grid;gap:6px;border:0;background:none;color:inherit;padding:10px 0}.menu-button span{width:23px;height:2px;background:currentColor}.header nav{display:none;position:absolute;top:80px;left:0;width:100%;padding:25px 6%;background:#151b1f;font-size:18px;flex-direction:column}.header nav.open{display:flex}.hero{height:850px;min-height:740px;max-height:none}.hero-image{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#101b25e8,#101b2585),linear-gradient(0deg,#101b25aa,transparent)}.hero-content{padding:160px 6% 100px}h1{font-size:64px;letter-spacing:-3.5px}.hero p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-bottom{left:6%;right:6%;bottom:28px;gap:14px;flex-wrap:wrap;font-size:11px}.scroll-cue{display:none}.image-caption{display:none}.section{padding:75px 6%}.intro{padding-bottom:30px}h2{letter-spacing:-1.8px}.eyebrow{font-size:10px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-image{will-change:auto}}
.header.scrolled{position:fixed;height:78px;background:#151b1ff5;backdrop-filter:blur(18px);box-shadow:0 5px 25px #00000018;animation:header-in .35s ease-out}@keyframes header-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}.solutions{padding-top:0;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;padding-bottom:65px}.solution-card{min-height:570px;border-radius:6px;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:transform .4s,box-shadow .4s}.solution-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px #101b2510}.card-number{position:relative;z-index:2;font-size:11px;letter-spacing:1.3px;font-weight:700;margin:29px}.solar-card{color:white;background:#122734}.solar-card>img{width:100%;height:100%;object-fit:cover;position:absolute;transition:transform .9s}.solar-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071d29fa 2%,#0c233789 45%,#0c23370a 80%)}.solution-card:hover>img{transform:scale(1.04)}.card-copy{position:relative;z-index:1;margin-top:auto;padding:28px}.card-copy h3{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-1.1px;margin:0 0 17px}.card-copy p{font-size:14px;line-height:1.8;opacity:.7}.card-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin-top:30px;padding-top:22px;border-top:1px solid #ffffff40}.card-link span{font-size:25px;font-weight:400}.product-card{background:#e5e8e9}.product-card>img{height:235px;width:82%;object-fit:contain;align-self:center;mix-blend-mode:multiply;margin-top:0;transition:transform .7s}.product-card .card-link{border-color:#17191b25}.storage-card{background:#eaeceb}.storage-card>img{height:235px;width:80%;object-fit:contain}.partners{padding:15px 7% 70px;display:flex;gap:45px;align-items:center;justify-content:space-between}.partners>span{font-size:10px;font-weight:700;color:#7c8185;line-height:1.7;letter-spacing:1px;flex-shrink:0}.partners img{width:120px;height:42px;object-fit:contain;filter:grayscale(1);opacity:.65;mix-blend-mode:multiply}.partners img:last-child{width:80px}.energy{background:#161c20;color:white;display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center;overflow:hidden}.energy-copy h2{font-size:clamp(38px,4vw,62px)}.energy-copy>p{font-size:16px;line-height:1.9;color:#a8b0b5;max-width:400px}.energy-copy h2 span{color:#a8b0b5}.mode-switch{display:inline-flex;padding:5px;border:1px solid #ffffff20;border-radius:40px;margin:24px 0 5px}.mode-switch button{border:0;border-radius:30px;background:transparent;color:#aeb5ba;font-size:13px;padding:12px 22px;cursor:pointer;transition:background .3s,color .3s}.mode-switch .active{background:white;color:#161c20}.mode-description{min-height:138px}.mode-description h3{font-size:15px;margin:23px 0 9px}.mode-description p{font-size:14px;line-height:1.8;color:#a8b0b5;max-width:400px}.energy-copy>.text-link{margin-top:12px}.energy-visual{border:1px solid #ffffff15;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#303b4144,transparent 70%),#1b2227;padding:26px 25px;position:relative}.diagram-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#939da5}.diagram-mode{color:#f77f83}.flow-layout{height:390px;position:relative;margin:15px auto;max-width:470px}.flow-node{position:absolute;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2;width:145px}.node-icon{display:grid;place-items:center;width:67px;height:67px;font-size:34px;background:#252e34;border:1px solid #ffffff20;border-radius:18px;margin-bottom:6px;color:#f75158;box-shadow:0 10px 25px #0002}.flow-node strong{font-size:13px}.flow-node small{font-size:10px;color:#8c979e}.pv-node{left:calc(50% - 72px);top:0}.home-node{left:calc(50% - 72px);top:151px}.home-node .node-icon{background:var(--red);color:white;border-color:#fa4b53;box-shadow:0 0 55px #ff131b26}.battery-node{left:-15px;top:268px}.heat-node{right:-15px;top:268px}.battery-icon:before{content:'';width:22px;height:34px;border:2px solid currentColor;border-radius:4px;background:linear-gradient(to top,currentColor 0 62%,transparent 62%);background-clip:content-box;padding:3px}.flow-line{position:absolute;height:1px;background:#a5acb52b;transform-origin:left center;z-index:1;overflow:hidden}.flow-line:after{content:'';position:absolute;width:35px;height:1px;left:-35px;background:#ff454d;box-shadow:0 0 8px #ff454d;animation:energy-flow 3s linear infinite}.line-one{width:91px;top:70px;left:50%;transform:rotate(90deg)}.line-two{width:39%;top:199px;left:50%;transform:rotate(145deg)}.line-three{width:39%;top:199px;left:50%;transform:rotate(35deg)}.line-two:after{animation-delay:1s}.line-three:after{animation-delay:1.5s}@keyframes energy-flow{to{left:100%}}.diagram-note{color:#89949c;font-size:10px;text-align:center;margin:26px 0 0;line-height:1.7}.energy-visual[data-state=night] .pv-node{opacity:.3}.energy-visual[data-state=night] .line-one:after{display:none}.energy-visual[data-state=night] .line-two:after{animation-direction:reverse}.energy-visual[data-state=night] .battery-node .node-icon{border-color:#f75158}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.section-top h2{margin-bottom:0}.section-top>.lead{margin:0 0 8px}.project-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px}.project{margin:0;min-width:0}.project-image{height:320px;border-radius:5px;overflow:hidden;position:relative;background:#e1e5e8}.project img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.project:hover img{transform:scale(1.045)}.project-tag{position:absolute;bottom:16px;left:16px;font-size:9px;font-weight:700;letter-spacing:1px;color:white;background:#131b22b8;backdrop-filter:blur(8px);border:1px solid #ffffff20;border-radius:3px;padding:8px 12px}.project figcaption h3{font-size:16px;font-weight:600;letter-spacing:-.3px;margin:20px 0 8px}.project figcaption>span{font-size:12px;color:#757b80}.project-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.project-bottom p{font-size:13px;color:#737a7f}.about{display:grid;grid-template-columns:1fr 1fr;background:#e7e9e9}.about-photo{position:relative;min-height:700px;overflow:hidden}.about-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#13222bbb,transparent 55%)}.about-photo>img{height:100%;width:100%;object-fit:cover;position:absolute;object-position:50%}.photo-label{position:absolute;bottom:55px;left:14%;z-index:1;color:white}.photo-label>span{font-size:10px;letter-spacing:2px}.photo-label strong{display:block;font-size:48px;font-weight:500;letter-spacing:-2px;margin-top:8px}.about-copy{padding:85px 14%}.about-copy h2{font-size:clamp(40px,4vw,64px)}.about-copy p{font-size:15px;line-height:1.9;color:#677075}.values{margin:27px 0 30px}.values>div{display:flex;gap:20px;border-top:1px solid #cbd0d2;padding:15px 0}.values span{font-size:10px;color:var(--red);padding-top:4px}.values strong{font-size:13px;font-weight:600}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:70px}.step{border-top:1px solid #cdd2d4;padding-top:28px}.step-no{font-size:55px;font-weight:400;letter-spacing:-3px;color:var(--red)}.step h3{font-size:17px;font-weight:600;letter-spacing:-.5px;margin:25px 0 12px}.step p{font-size:14px;line-height:1.9;color:#737a7e;margin:0}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding-top:35px;padding-bottom:120px}.faq h2{font-size:48px}.faq .text-link{margin-top:16px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:25px;cursor:pointer;padding:25px 0;list-style:none;font-size:15px;font-weight:600;line-height:1.6}summary::-webkit-details-marker{display:none}summary>span{font-size:25px;color:#8d9296;line-height:1;transition:transform .3s}details[open] summary>span{transform:rotate(45deg);color:var(--red)}details p{font-size:14px;color:#717a80;line-height:1.85;margin:0 40px 25px 0}details p a{text-decoration:underline;text-underline-offset:3px}.contact{background:var(--red);color:white;padding-top:90px;padding-bottom:35px;position:relative;overflow:hidden}.contact-top{position:relative}.contact h2{font-size:clamp(55px,7vw,108px);letter-spacing:-5px;line-height:1.03;margin:35px 0 25px}.contact h2 span{color:#ffb6b9}.contact-top>p{position:absolute;right:0;bottom:93px;font-size:16px;line-height:1.8;color:#ffd7d9}.button-white{background:white;border-color:white;color:var(--ink);margin-top:20px}.button-white:hover{background:#fff1f2;color:var(--red)}.contact-bottom{margin-top:70px;border-top:1px solid #ffffff4d;padding-top:28px;display:flex;gap:48px;align-items:center;font-size:15px}.contact-bottom>span{margin-right:auto;font-size:12px;color:#ffc5c8}.contact-bottom>a{font-weight:600}.footer{padding:55px 7% 25px;background:#12191d;color:white}.footer-top{display:grid;grid-template-columns:1.3fr 1.4fr 1fr 1fr;gap:40px;align-items:start;padding-bottom:50px}.footer-top p{margin:0;font-size:27px;font-weight:500;line-height:1.3;letter-spacing:-1px}.footer-top address{font-size:12px;color:#a2aaae;font-style:normal;line-height:1.9}.footer-top>div{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#b9c0c4}.footer a:hover{color:#ff6269}.footer-bottom{border-top:1px solid #ffffff20;padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#8f9aa0}.footer-bottom>div{display:flex;gap:28px}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.25,1)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.solutions .reveal:nth-child(2),.project-grid .reveal:nth-child(2),.steps .reveal:nth-child(2){transition-delay:.09s}.solutions .reveal:nth-child(3),.project-grid .reveal:nth-child(3),.steps .reveal:nth-child(3){transition-delay:.18s}.steps .reveal:nth-child(4){transition-delay:.27s}
@media(min-width:1700px){.section,.footer{padding-left:max(7%,calc((100vw - 1460px)/2));padding-right:max(7%,calc((100vw - 1460px)/2))}}@media(max-width:1150px){.solutions{gap:14px}.card-copy{padding:23px}.card-copy h3{font-size:23px}.card-copy p{font-size:13px}.card-number{margin:24px}.partners{gap:25px}.partners img{width:95px}.energy{gap:5%}.energy-visual{padding:23px 14px}.flow-node{width:123px}.pv-node,.home-node{left:calc(50% - 61px)}.battery-node{left:-10px}.heat-node{right:-10px}.project-grid{gap:18px}.project-image{height:280px}.project figcaption h3{font-size:14px}.about-copy{padding:70px 12%}.steps{gap:22px}.section-top .button{flex-shrink:0;font-size:12px}.contact-top>p{font-size:14px}.footer-top{gap:25px}.footer-top p{font-size:22px}}@media(max-width:900px){.solutions{grid-template-columns:1fr 1fr}.solar-card{grid-column:1 / -1;min-height:450px}.solar-card>img{object-position:50% 40%}.solar-card .card-copy h3{font-size:33px}.solution-card{min-height:550px}.partners{gap:24px;flex-wrap:wrap;justify-content:center}.partners>span{width:100%;text-align:center}.energy{grid-template-columns:1fr;gap:45px}.energy-copy>p{max-width:620px}.mode-description{min-height:110px}.energy-visual{max-width:600px;width:100%;margin:auto}.project-grid{grid-template-columns:1fr 1fr}.project:last-child{grid-column:1 / -1}.project:last-child .project-image{height:330px}.about{grid-template-columns:1fr}.about-photo{min-height:520px}.about-copy{padding:70px 7%}.about-copy h2 br:nth-child(2){display:none}.steps{grid-template-columns:1fr 1fr;gap:40px}.section-top{align-items:flex-start;flex-direction:column;gap:25px}.faq{gap:35px;grid-template-columns:1fr}.faq h2{font-size:44px}.contact-top>p{position:static}.contact h2{letter-spacing:-3px}.contact-bottom{gap:24px;flex-wrap:wrap}.contact-bottom>span{width:100%}.footer-top{grid-template-columns:1fr 1fr;gap:35px}}@media(max-width:600px){.header.scrolled nav{top:78px}.solutions{display:flex;flex-direction:column;padding-bottom:40px;gap:18px}.solution-card{min-height:520px}.solar-card{min-height:500px}.card-copy h3{font-size:29px}.product-card>img{height:245px;width:70%}.product-card .card-copy{padding:28px}.card-copy p{font-size:14px}.card-number{font-size:11px}.partners{padding:10px 6% 55px;gap:22px 30px}.partners img{width:85px;height:34px}.partners img:last-child{width:70px}.energy{padding-top:65px;padding-bottom:65px}.energy .eyebrow{font-size:9px}.energy-visual{padding:24px 13px 18px}.flow-layout{height:375px}.diagram-note{font-size:9px}.flow-node{width:105px}.pv-node,.home-node{left:calc(50% - 52px)}.flow-node strong{font-size:12px}.flow-node small{font-size:9px}.battery-node{left:0}.heat-node{right:0}.node-icon{width:60px;height:60px}.line-two,.line-three{width:36%;top:195px}.diagram-heading{font-size:8px}.project-grid{grid-template-columns:1fr;gap:32px}.project:last-child{grid-column:auto}.project-image,.project:last-child .project-image{height:310px}.project figcaption h3{font-size:17px}.project-bottom{align-items:flex-start;flex-direction:column;gap:10px;margin-top:35px}.project-bottom p{line-height:1.7}.about-photo{min-height:430px}.photo-label{left:6%;bottom:30px}.photo-label strong{font-size:42px}.about-copy{padding:65px 6%}.about-copy h2{font-size:52px}.steps{grid-template-columns:1fr;gap:28px;margin-top:40px}.step{position:relative;padding:23px 0 0 70px;min-height:145px}.step-no{position:absolute;left:0;top:18px;font-size:42px}.step h3{margin:0 0 12px;font-size:18px}.step p{font-size:14px}.process{padding-bottom:60px}.faq{padding-top:20px;padding-bottom:65px}.faq h2{font-size:40px}.faq-list summary{font-size:14px;padding:22px 0}.contact{padding-top:65px;padding-bottom:30px}.contact h2{font-size:54px;letter-spacing:-3px}.contact .eyebrow{font-size:9px}.contact-top>p{font-size:15px}.contact .button{font-size:12px;padding:18px;gap:18px}.contact-bottom{margin-top:45px;gap:20px}.contact-bottom>a{font-size:14px}.footer{padding:45px 6% 25px}.footer-top{column-gap:20px;row-gap:35px}.footer-top img{width:150px}.footer-top p{font-size:24px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:20px}.footer-bottom>div{gap:16px}.footer-bottom>a{width:100%}}@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none}.flow-line:after{left:45%}}
@media(max-width:760px){.header>.button{white-space:nowrap}.header .logo{width:128px}h1{font-size:clamp(48px,16vw,64px)}}@media(max-width:360px){.header{gap:11px}.header .logo{width:106px}.header>.button{padding:10px;font-size:10px}}@media(max-width:900px){.about-copy h2 br:nth-child(2){display:block}}