@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:#142a25;--green:#81b0df;--paper:#f0f2f4;--line:#d9ded3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,a,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #589528;outline-offset:5px}header{height:92px;display:flex;align-items:center;padding:0 5%;gap:32px;background:#f0f2f4f5;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-weight:800;font-size:20px;line-height:1.15;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:3.4px;margin-top:7px}.mark{display:grid;place-content:center;background:var(--ink);color:var(--green);font-size:28px;width:43px;height:43px;border-radius:8px;position:relative}.mark span{position:absolute;font-size:22px;right:0;top:-4px}.pv{color:#658a31}nav{display:flex;gap:26px;margin-inline-start:auto;font-size:13px;font-weight:600}select{padding:8px;border:1px solid var(--line);background:transparent;border-radius:4px;max-width:115px}main{overflow:hidden}.cover{background:var(--ink);color:white;position:relative;padding:80px 6% 38px;min-height:680px}.eyebrow{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:26px;height:2px;background:#7e9d55}.cover .eyebrow{color:var(--green)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.13;letter-spacing:-1.8px;margin:22px 0}h1{font-size:clamp(48px,6vw,88px);max-width:700px}h1 em{color:var(--green);font-style:normal}.hero-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:6%;align-items:center}.cover p{color:#becdc4;max-width:520px;font-size:17px}.buttons{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--green);color:var(--ink);padding:14px 23px;border-radius:3px;font-weight:700;font-size:13px;border:1px solid transparent;cursor:pointer}.button.outline{background:transparent;color:inherit;border-color:#73857a}.scene{height:350px;position:relative;background:radial-gradient(ellipse at 50% 75%,#476a48,transparent 65%);display:flex;align-items:center;justify-content:center;perspective:800px}.scene:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:35px 35px;transform:rotateX(20deg)}.battery{width:165px;height:260px;background:linear-gradient(100deg,#d7ded4,#f8f9f9 55%,#a5b9aa);transform:rotateY(-18deg);border-radius:9px 9px 5px 5px;box-shadow:25px 20px 0 #0a1b17,0 35px 60px #071a16;position:relative;z-index:1;padding:20px;color:var(--ink)}.battery:before{content:'P↗';font-size:18px;font-weight:800}.battery:after{content:'';display:block;background:repeating-linear-gradient(0deg,#687c6e 0 2px,transparent 2px 7px);height:80px;margin-top:75px}.battery i{position:absolute;width:26px;height:5px;background:#89b64c;top:60px;left:20px;border-radius:3px}.solar{width:205px;height:155px;background:repeating-linear-gradient(90deg,transparent 0 32px,#92b8bc 33px 34px),repeating-linear-gradient(0deg,#203e49 0 24px,#7ca1ab 25px 26px);border:5px solid #b4c4bc;transform:rotateY(-15deg) rotateZ(-8deg);position:absolute;left:0;top:145px;z-index:2;box-shadow:0 22px 40px #081d1b}.illustration-note{position:absolute;bottom:0;font-size:10px;color:#bacbbd;letter-spacing:1px}.cover-bottom{border-top:1px solid #ffffff25;margin-top:50px;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;color:#c2cfc5}.section{padding:80px 6%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}h2{font-size:clamp(33px,4vw,54px);max-width:700px}h3{font-size:25px;letter-spacing:-.6px}.intro{max-width:620px;color:#52655b}.number{font-size:12px;color:#6a7d6f}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:white;border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;min-height:310px;transition:transform .2s}.product:hover{transform:translateY(-4px)}.product .icon{font-size:32px;color:#547d37}.product p{color:#637368;font-size:14px}.product a{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;font-size:13px;font-weight:700;display:flex;justify-content:space-between}.product .tag{font-size:10px;letter-spacing:1.7px;color:#617259}.details-section{background:#e8ede2}.detail{padding:30px 0;border-top:1px solid #c5cfbe;display:grid;grid-template-columns:1fr 1.4fr;gap:50px;scroll-margin-top:110px}.detail p{color:#52655b;font-size:14px}.detail .button{margin-top:8px}.detail table{width:100%;border-collapse:collapse;font-size:13px}.detail td{padding:10px 0;border-bottom:1px solid #cbd4c5;vertical-align:top}.detail td:first-child{width:35%;font-weight:600;padding-inline-end:15px}.note{font-size:12px;color:#596b5e;border-inline-start:3px solid #94ab6d;padding:12px 16px;background:#ffffff80}.quality{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.photo{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top;display:block;clip-path:inset(0 0 0 0)}figure{margin:0}figcaption{font-size:11px;color:#647467;margin-top:10px}.checks{padding:0;list-style:none}.checks li{border-top:1px solid var(--line);padding:17px 0;font-size:14px}.checks li:before{content:'↗';margin-inline-end:15px;color:#688c39}.faq{max-width:950px;margin:auto}.faq details{border-top:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{font-size:14px;color:#58695e}.sources{font-size:12px;padding-top:30px;color:#637666}.sources a{text-decoration:underline;margin-inline-end:20px}.contact{background:var(--green);display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact h2{margin-top:12px}.contact .button{background:var(--ink);color:white}.fields{display:grid;gap:12px}.fields label{font-size:12px;font-weight:700}.fields input,.fields select{display:block;width:100%;max-width:none;background:#ffffff70;border:1px solid #8ba64f;padding:12px;margin-top:4px;border-radius:3px}.floating{position:fixed;right:24px;bottom:22px;background:var(--ink);color:var(--green);border:1px solid #8fa873;padding:12px 20px;border-radius:30px;font-size:13px;z-index:12;box-shadow:0 5px 20px #0002}footer{padding:26px 6% 80px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.unsupported{background:#e3e6ea;padding:15px 6%;font-size:13px}[dir=rtl] .floating{right:auto;left:24px}[dir=rtl]h1,[dir=rtl]h2{letter-spacing:0}@media(max-width:950px){nav{gap:13px}.brand{font-size:16px}.hero-grid{grid-template-columns:1fr 1fr}.solar{width:145px;left:-10px}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){header{height:auto;min-height:80px;padding:15px 5%;gap:12px;flex-wrap:wrap;justify-content:space-between}nav{order:3;width:100%;justify-content:space-between;margin:0;font-size:11px}header select{font-size:12px}.hero-grid{grid-template-columns:1fr}.cover{padding:45px 6% 28px}.scene{height:300px;margin-top:10px}.solar{left:8%;width:180px}.battery{height:220px}.battery:after{margin-top:45px}.cover-bottom{font-size:9px;flex-wrap:wrap}.section{padding:52px 6%}.products{grid-template-columns:1fr}.detail,.quality,.contact{grid-template-columns:1fr;gap:24px}.section-top{display:block}.detail{padding:24px 0}.floating{font-size:12px;padding:11px 15px;right:12px;bottom:12px}footer{flex-direction:column}.photo{aspect-ratio:1.7}}@media print{header,.floating,.buttons,.button,.fields{display:none}.cover{min-height:auto;print-color-adjust:exact}.section{padding:30px 0}.detail,.product{break-inside:avoid}.faq details p{display:block}body{font-size:12px}.scene{display:none}.hero-grid{display:block}}

/* Product imagery */
.product-figure{margin:18px 0 6px}.product-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#eef1e8;border-radius:3px}.product .product-image-link{display:block;margin:0;padding:0;border:0;overflow:hidden}.product-image-link img{transition:transform .25s}.product-image-link:hover img{transform:scale(1.035)}.product-figure figcaption,.detail-figure figcaption{font-size:10px;line-height:1.5;color:#62705f;margin-top:8px}.detail-figure{margin:18px 0}.detail-figure a{display:block}.product{min-height:440px}.detail{align-items:center}@media(max-width:680px){.product{min-height:0}.detail-figure{max-width:460px}}
