:root{--ink:#18202b;--gold:#e9b21b;--cream:#f7f4eb;--green:#1f5d4b;--muted:#6f756f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:var(--cream);overflow-x:hidden}a{color:inherit}.nav{height:86px;position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,25px);border-bottom:1px solid #18202b20}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font:800 21px Montserrat;letter-spacing:-.5px}.brand b{color:#c48c00}.brand small{display:block;font:600 7px 'DM Sans';letter-spacing:2px;margin-top:3px}.sun{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-size:28px}.nav nav{display:flex;align-items:center;gap:30px}.nav nav a{font-size:11px;text-decoration:none;font-weight:700}.card-link{border:1px solid var(--ink);padding:11px 15px}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:830px;display:grid;grid-template-columns:1.05fr .95fr;position:relative;background:#f3efe3}.hero-copy{padding:170px 5vw 100px 7vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:800;color:#9a7612}.hero h1,h2{font:800 clamp(52px,6.2vw,96px)/.95 Montserrat;margin:20px 0;text-transform:uppercase;letter-spacing:-4px}.hero h1 em,h2 em{font-style:normal;color:#c99405}.hero-copy>p:not(.eyebrow){max-width:600px;color:#606961;line-height:1.8;font-size:15px}.actions{display:flex;gap:12px;margin:32px 0}.btn{padding:16px 21px;text-decoration:none;text-transform:uppercase;font:800 10px 'DM Sans';letter-spacing:.7px;border:0;cursor:pointer}.dark{background:var(--ink);color:white}.light{border:1px solid #29312c44}.metrics{margin-top:55px;display:flex}.metrics div{padding:0 25px;border-left:1px solid #18202b24}.metrics div:first-child{padding-left:0;border-left:0}.metrics b{display:block;font:800 24px Montserrat}.metrics span{font-size:9px;color:#777d77}.hero-photo{position:relative;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#15211e77,transparent 50%)}.orbit{position:absolute;z-index:2;width:450px;height:450px;border:1px solid #fff8;border-radius:50%;right:-170px;top:180px;box-shadow:0 0 0 80px #ffffff12,0 0 0 160px #ffffff0c}.label{position:absolute;z-index:3;bottom:55px;left:45px;color:#fff}.label b{font:800 28px Montserrat;display:block}.label span{font-size:11px;letter-spacing:1px}.scroll{position:absolute;bottom:30px;left:7vw;font-size:8px;letter-spacing:2px}.promise{height:100px;background:var(--ink);color:#dfe4dc;display:flex;align-items:center;justify-content:center;gap:40px;font-size:10px;letter-spacing:2px;font-weight:700}.promise i{width:5px;height:5px;border-radius:50%;background:var(--gold)}.section{padding:115px max(7vw,30px)}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end}.intro h2,.benefits h2,.contact h2,.faq h2,.process h2{font-size:clamp(42px,5vw,72px);margin:15px 0}.intro-copy p{color:var(--muted);line-height:1.8}.intro-copy a,.product a{font-size:10px;font-weight:800;text-transform:uppercase;text-decoration:none;border-bottom:1px solid;padding-bottom:4px}.products{display:grid;grid-template-columns:1fr 1fr;background:#f0ebdd}.product{padding:55px max(4vw,25px);min-height:530px;position:relative;border:1px solid #18202b16}.product.main{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:#173b31;color:#f8f4e8;overflow:hidden}.num{position:absolute;top:28px;right:30px;font:800 13px Montserrat;color:#aa8c3a}.product-copy{align-self:center;position:relative;z-index:2}.product>span,.product-copy>span{font-size:9px;letter-spacing:2px;color:#c79a22;font-weight:700}.product h3{font:800 clamp(34px,4vw,59px)/1 Montserrat;text-transform:uppercase;letter-spacing:-2px;margin:16px 0 20px}.product p,.product li{color:#737a72;font-size:13px;line-height:1.8}.product.main p,.product.main li{color:#b9c7be}.product ul{list-style:none;padding:0;margin:25px 0}.product li:before{content:'✓';color:var(--gold);margin-right:10px}.product.main a{color:var(--gold)}.solar-art{position:relative;min-height:450px}.tank{position:absolute;width:180px;height:300px;border-radius:90px 90px 30px 30px;background:linear-gradient(90deg,#bdc8c2,#f2f2e9,#8d9993);right:15%;top:40px;box-shadow:25px 30px 50px #0005}.panel{position:absolute;width:360px;height:190px;right:30%;bottom:20px;background:repeating-linear-gradient(90deg,transparent,transparent 55px,#90a9a2 56px),repeating-linear-gradient(0deg,#18354a,#18354a 42px,#90a9a2 43px);transform:skewY(-11deg);border:8px solid #aebbb5;box-shadow:30px 35px 45px #0007}.rays{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#e9b21b55,transparent 65%);right:0;top:-20px}.mini-art{height:190px;margin:20px 0 45px;background:#d9d3c3;position:relative;overflow:hidden}.panels:after{content:"";position:absolute;width:75%;height:75%;left:12%;top:20%;background:repeating-linear-gradient(90deg,transparent,transparent 60px,#a7b6ae 61px),repeating-linear-gradient(0deg,#1f4056,#1f4056 42px,#a7b6ae 43px);transform:perspective(600px) rotateX(52deg)}.lamp:before{content:"";position:absolute;width:12px;height:160px;background:#28332e;left:50%;bottom:0}.lamp:after{content:"☀";position:absolute;left:calc(50% - 45px);top:16px;width:90px;height:55px;background:#263a45;color:var(--gold);display:grid;place-items:center;font-size:26px;transform:skew(-8deg)}.benefits{background:#ede7d8;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.benefit-visual{height:620px;background:linear-gradient(180deg,#ddbc64,#7c9868);position:relative;overflow:hidden}.big-sun{position:absolute;width:440px;height:440px;border-radius:50%;background:#f6d979;left:-130px;top:-100px;display:flex;align-items:end;justify-content:center;padding-bottom:70px;font:900 72px Montserrat;color:#ffffff66}.energy-card{position:absolute;right:25px;bottom:25px;background:#f8f4e9;padding:20px;width:210px}.energy-card b,.energy-card span{display:block}.energy-card b{font-size:8px;letter-spacing:1.5px}.energy-card span{font:700 20px Montserrat;margin:8px 0}.energy-card div{height:4px;background:linear-gradient(90deg,var(--gold) 75%,#ddd 75%)}.benefit-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8}.benefit-list>div{display:flex;gap:18px;border-top:1px solid #18202b20;padding:20px 0}.benefit-list b{color:#b18921;font:700 12px Montserrat}.benefit-list strong,.benefit-list span{display:block}.benefit-list strong{font:700 15px Montserrat;text-transform:uppercase;margin-bottom:5px}.benefit-list span{color:#697069;font-size:12px}.center{text-align:center}.center>p:last-child{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px}.steps article{text-align:center;border:1px solid #18202b18;padding:30px;min-height:250px;position:relative}.steps article>b{position:absolute;right:18px;top:15px;font-size:10px;color:#b28d25}.steps i{display:block;font-style:normal;color:#be930f;font-size:35px;margin:25px}.steps h3{font:700 16px Montserrat;text-transform:uppercase}.steps p{font-size:12px;line-height:1.7;color:var(--muted)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:#f1ecdf}.faqs details{border-top:1px solid #18202b25;padding:22px 0}.faqs summary{list-style:none;display:flex;justify-content:space-between;font:700 14px Montserrat;text-transform:uppercase;cursor:pointer}.faqs summary b{color:#b78d16}.faqs p{color:var(--muted);font-size:13px;line-height:1.7}.contact{padding:110px max(8vw,30px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#dbaa22}.contact .eyebrow{color:#59440c}.contact-copy>p:not(.eyebrow){max-width:480px;line-height:1.7}.contact-copy>a{display:block;text-decoration:none;margin:12px 0;font-weight:600}.contact form{background:#faf7ef;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.contact label:nth-child(3),.contact label:nth-child(4),.contact button{grid-column:1/-1}.contact input,.contact select,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #9ca19b;background:transparent;padding:11px 2px;margin-top:6px;font:12px 'DM Sans'}footer{background:var(--ink);color:#eef2ec;padding:50px max(6vw,30px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}footer p,footer>small{color:#89938d;font-size:11px}footer>div{display:flex;justify-content:flex-end;gap:20px}footer>div a{font-size:10px;text-decoration:none;text-transform:uppercase}footer>small{grid-column:1/-1;border-top:1px solid #ffffff19;padding-top:20px}.float-wa{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#07351b;text-decoration:none;font-weight:900;z-index:10;box-shadow:0 10px 35px #0005}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav nav{display:none;position:absolute;top:86px;inset-inline:0;background:#f3efe3;padding:28px;flex-direction:column}.nav nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr}.hero-photo{height:520px}.intro,.benefits,.faq,.contact{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.product.main{grid-template-columns:1fr}.solar-art{min-height:370px}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero-copy{padding:135px 25px 70px}.metrics div{padding:0 12px}.hero-photo{height:410px}.promise{height:auto;padding:25px;flex-wrap:wrap;gap:15px}.products{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}.contact label{grid-column:1/-1}.benefit-visual{height:430px}.product.main{padding-bottom:15px}.panel{width:300px;right:15%}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start}}