@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18251f;--muted:#667166;--green:#b7f359;--line:#dde3d9;--bg:#f8faf5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}button,a,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #68951c;outline-offset:5px}[hidden]{display:none!important}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand span{color:#6c9f20;margin-left:5px}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:#66871d}.header-actions{display:flex;gap:20px;align-items:center}.plain{border:0;background:none;font-size:14px}.cart-button{border:1px solid var(--line);padding:10px 16px;border-radius:30px;background:none;font-size:14px}.cart-button span{background:var(--ink);color:white;border-radius:50%;padding:2px 6px;margin-left:8px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.hero-copy{padding:70px 10% 30px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 24px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(48px,5.5vw,84px);line-height:1.08;letter-spacing:-4px;margin:0 0 28px;font-weight:500}.hero h1 span{color:#659022}.lead{font-size:18px;line-height:1.6;max-width:390px;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:15px 21px;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:var(--ink)}.outline{background:transparent;border-color:#b6c0b1}.dark{background:var(--ink);color:white}.hero-foot{display:flex;gap:22px;border-top:1px solid var(--line);margin-top:58px;padding-top:24px;font-size:10px;letter-spacing:1px;color:var(--muted)}.hero-image{position:relative;min-height:620px;background:#d8d8ce;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover}.image-tag{position:absolute;top:28px;left:28px;background:#ffffffdf;border-radius:30px;font-size:12px;padding:12px 17px;display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;background:#66952d;border-radius:50%}.image-caption{position:absolute;bottom:25px;left:30px;right:30px;font-size:12px;letter-spacing:2px;color:white;text-shadow:0 1px 6px #000;display:flex;justify-content:space-between}.image-caption span{font-size:9px}.benefit-strip{padding:26px 5%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.section{padding:90px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font-family:Manrope,sans-serif;font-size:42px;line-height:1.15;font-weight:500;letter-spacing:-1.6px;margin:0}p{line-height:1.6}.section-heading>p{font-size:14px;color:var(--muted)}.filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;padding:10px 20px;background:transparent;font-size:14px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.product-image{height:240px;background:#eef1e9;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.product:nth-child(2) .product-image img{object-position:65% 50%;transform:scale(1.15)}.product:nth-child(3) .product-image img{object-position:40% 60%;transform:scale(1.28)}.badge{position:absolute;top:15px;left:15px;background:#ffffffeb;border-radius:4px;padding:6px 10px;font-size:12px;z-index:1}.product-copy{padding:24px}.product-copy h3{font-size:24px;font-weight:500;margin:0 0 7px}.product-copy>p{font-size:14px;color:var(--muted);margin:0}.specs{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.specs strong{display:block;font-size:18px}.specs span{font-size:12px;color:var(--muted)}.price{font-size:24px;display:block;margin:5px 0 18px}.price-label{color:var(--muted);font-size:12px}.wide{width:100%}.energy-story{background:var(--ink);color:white;padding:85px 7%;display:grid;grid-template-columns:1fr 1fr;gap:100px}.energy-story .eyebrow{color:var(--green)}.energy-story p{max-width:450px;color:#b9c5b7}.energy-story .button{margin-top:20px}.steps article{display:flex;gap:25px;border-bottom:1px solid #415046;padding:22px 0}.steps article>span{font-size:14px;color:var(--green);padding-top:5px}.steps h3{font-weight:500;font-size:22px;margin:0}.steps p{font-size:14px;margin:8px 0}.demo-banner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.demo-banner>div>p{max-width:440px;color:var(--muted)}.mini-monitor{background:#e9efdf;border:1px solid #d9e1cc;border-radius:12px;padding:32px;max-width:440px;transform:rotate(-2deg)}.mini-top{display:flex;justify-content:space-between;font-size:14px}.mini-top span{font-size:10px;letter-spacing:1px;color:var(--muted)}.mini-monitor>strong{font-size:82px;font-family:Manrope,sans-serif;font-weight:500;display:block;margin-top:24px}.mini-monitor strong span{font-size:32px}.mini-monitor>p{margin-top:0;font-size:14px}.charge-track{height:8px;background:#d3dbc7;border-radius:5px;margin-bottom:25px}.charge-track i{display:block;background:#749d3d;height:100%;width:78%;border-radius:5px}.faq{border-top:1px solid var(--line);max-width:1000px;margin:auto}.faq h2{margin-bottom:35px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:18px;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';font-size:24px}details[open] summary:after{content:'−'}details p{color:var(--muted);max-width:720px}footer{padding:40px 5%;background:#edf1e7;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:14px}footer>span{font-size:12px;color:var(--muted);max-width:300px}.panel-section{padding:60px 5% 85px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-title h1{font-family:Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.2;letter-spacing:-1.7px;margin:0}.demo-note{margin:30px 0 20px;padding:12px 16px;border:1px solid #d8e6c2;background:#edf5e1;font-size:14px;border-radius:6px}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.panel-toolbar label{font-size:14px;margin-right:10px}select{padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metrics article{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.metrics p{margin:0 0 20px;font-size:14px;color:var(--muted)}.metrics strong{display:block;font-size:40px;font-weight:500}.metrics small{font-size:20px}.metrics span{display:block;font-size:12px;color:var(--muted);margin-top:15px}.panel-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-top:25px}.chart-card,.reserve-card,.flow-card{background:white;border:1px solid var(--line);border-radius:10px;padding:28px}.chart-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.chart-title h2,.flow-card h2{font-size:22px;letter-spacing:-.5px}.chart-title>span{font-size:10px;color:var(--muted)}.legend{display:flex;gap:20px;font-size:12px;margin:25px 0 12px}.legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:#79b92a}.legend .home-key:before{background:#243a35}.chart-card svg{width:100%}.chart-card>p{font-size:12px;color:var(--muted)}.reserve-card{background:#eaf2de}.reserve-card h2{font-size:30px;margin-bottom:30px}.reserve-card label{display:flex;justify-content:space-between;font-size:14px}.reserve-card input{width:100%;margin:22px 0;accent-color:#456822}.reserve-card p{font-size:14px;color:var(--muted)}.flow-card{margin-top:25px}.flow{display:flex;align-items:center;justify-content:space-around;gap:20px;text-align:center;padding-top:30px}.flow>div>span{font-size:30px}.flow h3{font-size:14px;font-weight:400;color:var(--muted)}.flow strong{font-size:22px;font-weight:500}.flow>b{font-size:30px;color:#77a637}dialog{border:0;border-radius:14px;padding:30px;max-width:560px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 25px 100px #0003}dialog::backdrop{background:#14251f88;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dialog-head h2{font-size:28px}.close{border:0;background:#eef1e9;border-radius:50%;width:34px;height:34px;font-size:25px}.cart-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.cart-row h3{font-size:16px;margin:0}.cart-row p{font-size:14px;margin:5px 0}.remove{border:0;background:none;color:#7c4237;font-size:12px}.quantity{display:flex;align-items:center;gap:10px}.quantity button{border:1px solid var(--line);width:28px;height:28px;background:white;border-radius:4px}.cart-total{display:flex;justify-content:space-between;margin-top:25px}.muted{font-size:13px;color:var(--muted)}#checkout-info{padding-top:18px}#checkout-info p{font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;border-radius:8px;font-size:14px;display:none;z-index:20}
@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:15px}.brand{font-size:19px}.header-actions{gap:10px}.hero-copy{padding:55px 8% 30px}.hero h1{letter-spacing:-2px}.hero-foot{gap:10px;flex-wrap:wrap}.energy-story,.demo-banner{gap:45px}.metrics{grid-template-columns:repeat(2,1fr)}.product-image{height:200px}footer{flex-wrap:wrap}}@media(max-width:720px){header{height:auto;min-height:78px;padding:20px 5%;flex-wrap:wrap;gap:18px}nav{order:3;width:100%;justify-content:center;font-size:13px}.plain{font-size:13px}.cart-button{font-size:12px;padding:8px}.brand{font-size:18px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 30px}.hero h1{font-size:58px;letter-spacing:-2.5px}.hero-foot{margin-top:30px}.hero-image{min-height:420px}.image-caption span{display:none}.benefit-strip{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:18px}.section{padding:55px 6%}.section-heading{display:block}.section-heading>p{margin-top:20px}h2{font-size:34px}.products{grid-template-columns:1fr}.product-image{height:270px}.energy-story,.demo-banner{grid-template-columns:1fr;padding:55px 6%;gap:35px}.mini-monitor{width:100%;transform:none}.panel-section{padding:35px 5%}.panel-title{display:block}.panel-title h1{font-size:32px}.panel-title .button{margin-top:20px}.panel-toolbar{align-items:start;gap:20px}.panel-toolbar>div{display:flex;flex-direction:column;gap:5px}.metrics{gap:10px}.metrics article{padding:16px}.metrics strong{font-size:32px}.metrics span{font-size:12px}.panel-grid{grid-template-columns:1fr}.chart-card,.reserve-card,.flow-card{padding:20px}.chart-title h2{font-size:18px}.flow{gap:10px}.flow h3{font-size:12px}.flow strong{font-size:17px}.flow>b{font-size:20px}footer{display:block}footer>span{display:block}.hero-actions .button{font-size:13px;padding:14px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}