:root{--ink:#102c24;--deep:#0c231e;--green:#235b49;--mint:#a6dfb5;--lime:#d5f08f;--sun:#f4bf58;--cream:#f5f2e8;--paper:#fbfaf5;--line:#d9dfd4;--muted:#65756d;--white:#fff;--radius:22px;--shadow:0 24px 80px rgba(16,44,36,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.nav-wrap{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(12,35,30,.88);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;color:white}.brand{display:flex;align-items:center;gap:10px;font-family:Unbounded,sans-serif;font-weight:600;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sun);color:var(--deep);font-family:serif;font-size:20px}.nav-links{display:flex;gap:32px;font-size:14px;color:#dfe8e1}.nav-links a:hover{color:var(--sun)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--sun);color:var(--deep);padding:16px 24px;font-weight:800;cursor:pointer;transition:.25s transform,.25s box-shadow,.25s background}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(244,191,88,.28);background:#ffd16f}.btn-small{padding:10px 18px;font-size:13px}.hero{position:relative;overflow:hidden;background:var(--deep);color:white;padding:154px 0 90px;min-height:760px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.16}.orb-one{width:520px;height:520px;right:-160px;top:-110px;background:radial-gradient(circle,var(--lime),transparent 65%)}.orb-two{width:400px;height:400px;left:-260px;bottom:-160px;background:radial-gradient(circle,var(--sun),transparent 65%)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;color:#b8d8c6}.eyebrow span{width:30px;height:2px;background:var(--sun)}.eyebrow.dark{color:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Unbounded,sans-serif;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(44px,5.6vw,76px);margin-bottom:26px}h1 em,h2 em{font-style:normal;color:var(--sun)}.lead{max-width:680px;font-size:18px;color:#cbd8d1}.hero-actions{display:flex;align-items:center;gap:28px;margin:38px 0}.text-link{font-weight:700;color:#ecf2ee}.text-link span{color:var(--sun);margin-left:6px}.hero-notes{display:flex;flex-wrap:wrap;gap:10px}.hero-notes span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 11px;font-size:11px;color:#cfddd5}.hero-visual{position:relative;min-height:530px;display:grid;place-items:center}.house{position:relative;z-index:2;width:100%;filter:drop-shadow(0 35px 38px rgba(0,0,0,.25))}.sun-core{position:absolute;right:30px;top:18px;width:134px;height:134px;border-radius:50%;background:var(--sun);box-shadow:0 0 90px rgba(244,191,88,.28)}.floating-card{position:absolute;z-index:4;background:rgba(255,255,255,.94);color:var(--ink);border-radius:15px;padding:14px 17px;box-shadow:var(--shadow);display:flex;flex-direction:column;line-height:1.25}.floating-card b{font-family:Unbounded;font-size:16px}.floating-card span{font-size:10px;color:var(--muted);margin-top:5px}.card-power{left:-15px;top:92px}.card-storage{right:-22px;bottom:54px}.proof-strip{background:var(--cream);border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid div{padding:25px 22px;border-left:1px solid var(--line);display:flex;align-items:center;gap:14px}.proof-grid div:last-child{border-right:1px solid var(--line)}.proof-grid b{font-family:Unbounded;color:#9eae9f;font-size:12px}.proof-grid span{font-size:13px;font-weight:700}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end;margin-bottom:58px}.section-head .eyebrow{grid-column:1/-1;margin-bottom:-10px}.section-head h2{font-size:clamp(34px,4vw,55px);margin:0}.section-head p:last-child{color:var(--muted);margin:0}.section-head.centered{display:block;text-align:center;max-width:760px;margin:0 auto 58px}.section-head.centered .eyebrow{justify-content:center}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.system-card{position:relative;overflow:hidden;min-height:330px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;transition:.3s transform,.3s box-shadow}.system-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.system-card.featured{background:var(--green);color:white}.system-card.wide{grid-column:span 2;min-height:220px;display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.card-index{font-family:Unbounded;font-size:11px;color:#99a99f}.featured .card-index{color:#add6bd}.system-card h3{font-family:Unbounded;font-size:18px;line-height:1.3;margin:20px 0 10px}.system-card p{color:var(--muted);font-size:14px;margin:auto 0 0}.featured p{color:#cee1d5}.icon{width:70px;height:70px;margin-top:26px}.panel-icon{display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:skewY(-8deg)}.panel-icon i{background:var(--mint);border:2px solid var(--deep)}.featured .panel-icon i{background:var(--sun)}.inverter-icon{display:grid;place-items:center;border:3px solid var(--green);border-radius:12px}.inverter-icon span{font-size:38px}.battery-icon{position:relative;border:3px solid var(--green);border-radius:8px}.battery-icon:before{content:"";position:absolute;right:-8px;top:24px;width:6px;height:22px;background:var(--green);border-radius:0 4px 4px 0}.battery-icon span{position:absolute;inset:9px;background:linear-gradient(90deg,var(--sun) 66%,transparent 66%);border-radius:3px}.shield-icon{display:grid;place-items:center;background:var(--green);color:white;clip-path:polygon(50% 0,94% 18%,85% 74%,50% 100%,15% 74%,6% 18%);font-size:29px}.mount-lines{display:flex;gap:12px;align-items:center;justify-content:center;transform:skewY(-7deg)}.mount-lines span{display:block;width:58px;height:115px;border-radius:5px;background:repeating-linear-gradient(0deg,#1d5247 0 25px,#77aa8f 26px 28px)}.use-cases{background:var(--green);color:white}.use-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.use-copy h2{font-size:clamp(34px,4vw,54px)}.use-copy>p:not(.eyebrow){color:#cfe0d5}.btn-light{background:var(--cream);margin-top:18px}.use-list{border-top:1px solid rgba(255,255,255,.2)}.use-item{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:28px 4px;border-bottom:1px solid rgba(255,255,255,.2)}.use-item>span{font-family:Unbounded;color:var(--sun);font-size:12px}.use-item h3{font-family:Unbounded;margin-bottom:8px}.use-item p{color:#cfe0d5;margin:0;font-size:14px}.process{background:var(--cream)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--green)}.step{position:relative;padding:38px 25px 0;border-right:1px solid #cbd4ca}.step:last-child{border-right:0}.step>span{position:absolute;top:-18px;left:24px;width:34px;height:34px;display:grid;place-items:center;background:var(--sun);border-radius:50%;font-family:Unbounded;font-size:11px}.step h3{font-family:Unbounded;font-size:17px}.step p{font-size:14px;color:var(--muted)}.calc-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.calc-copy h2{font-size:clamp(34px,4vw,52px)}.calc-copy>p:not(.eyebrow){color:var(--muted)}.data-list{border-top:1px solid var(--line)}.data-list div{display:grid;grid-template-columns:60px 1fr;padding:21px 0;border-bottom:1px solid var(--line);align-items:center}.data-list span{font-family:Unbounded;color:#91a096;font-size:12px}.data-list p{margin:0;font-weight:700}.faq{background:white}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-grid .section-head{display:block}.faq-grid .section-head h2{font-size:46px}.accordion details{border-bottom:1px solid var(--line);padding:21px 0}.accordion summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-weight:800}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--green);font-size:24px;transition:.2s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{color:var(--muted);font-size:14px;padding-right:50px;margin:16px 0 4px}.contact{position:relative;overflow:hidden;background:var(--deep);color:white;padding:110px 0}.contact:before{content:"";position:absolute;right:-180px;top:-180px;width:500px;height:500px;border-radius:50%;border:100px solid rgba(244,191,88,.07)}.contact-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-copy h2{font-size:clamp(38px,4vw,56px)}.contact-copy>p:not(.eyebrow){color:#cddbd4}.contact-direct{margin-top:45px;display:flex;flex-direction:column;gap:5px}.contact-direct span{font-size:12px;color:#9eb2a7}.contact-direct b{font-family:Unbounded;font-size:18px;color:var(--sun)}.request-form{background:white;color:var(--ink);padding:34px;border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;gap:20px}.request-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800}.request-form label:nth-child(4){grid-column:1/-1}.request-form input,.request-form select,.request-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fafaf6;padding:13px 14px;outline:none;color:var(--ink)}.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(35,91,73,.1)}.btn-wide{grid-column:1/-1}.form-note{grid-column:1/-1;color:var(--muted);font-size:11px;text-align:center;margin:0}.form-result{grid-column:1/-1;display:none;background:#edf6ec;border:1px solid #b8d7bc;border-radius:12px;padding:16px;white-space:pre-wrap;font-size:13px}.form-result.show{display:block}footer{background:#071713;color:#a9bbb1;padding:32px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center}.footer-grid p{margin:0;font-size:12px}.footer-grid a{font-size:12px;color:var(--sun)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:950px){.nav-links{display:none}.hero-grid,.use-grid,.calc-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-visual{min-height:440px}.section-head{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr;gap:36px 0}.use-grid,.calc-grid,.faq-grid,.contact-grid{gap:48px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid div:nth-child(3){border-top:1px solid var(--line)}.proof-grid div:nth-child(4){border-top:1px solid var(--line)}}@media(max-width:600px){.container{width:min(100% - 28px,1160px)}.nav{height:66px}.nav .btn{display:none}.hero{padding:112px 0 58px;min-height:auto}.hero-grid{gap:18px}.hero-copy h1{font-size:41px}.lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-visual{min-height:340px}.floating-card{display:none}.section{padding:76px 0}.section-head{margin-bottom:36px}.section-head h2,.faq-grid .section-head h2{font-size:34px}.system-grid{grid-template-columns:1fr}.system-card.wide{grid-column:auto;grid-template-columns:1fr;min-height:300px}.proof-grid{grid-template-columns:1fr}.proof-grid div{border-top:1px solid var(--line)!important}.timeline{grid-template-columns:1fr;border-top:0;border-left:2px solid var(--green);margin-left:15px}.step{padding:0 0 34px 36px;border-right:0}.step>span{left:-18px;top:-4px}.request-form{grid-template-columns:1fr;padding:23px}.request-form label,.request-form label:nth-child(4),.btn-wide,.form-note,.form-result{grid-column:1}.footer-grid{flex-direction:column;gap:16px;text-align:center}}
