*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#f7f8fa;--card:#fff;--navy:#101827;--soft:#334155;--mut:#64748b;--bd:#e7eaf0;--amber:#f59e0b;--amberd:#b45309;--sky:#38bdf8;--skyd:#0369a1;--r:22px;--w:1140px}
@media(prefers-color-scheme:dark){:root{--bg:#0b0f19;--card:#131c31;--navy:#f1f5f9;--soft:#cbd5e1;--mut:#94a3b8;--bd:#24304d;--amberd:#fbbf24;--skyd:#7dd3fc}}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--navy);-webkit-font-smoothing:antialiased;overflow-x:hidden;
background:radial-gradient(circle at 5% 0,rgba(245,158,11,.09),transparent 30%),radial-gradient(circle at 95% 40%,rgba(56,189,248,.09),transparent 30%),var(--bg)}
img{max-width:100%;height:auto}a{color:inherit}
.wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 clamp(1rem,4vw,1.75rem)}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:var(--bg);padding:.6rem 1rem;z-index:99}.skip:focus{left:0}
/* header */
.hd{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--bd);padding-top:env(safe-area-inset-top)}
.hd-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:900;font-size:1.35rem;letter-spacing:-.05em}.brand img{width:36px;height:36px}.brand i{font-style:normal;font-weight:300;color:#94a3b8}
.nav{display:flex;align-items:center;gap:.25rem}.nav a{text-decoration:none;color:var(--soft);font-weight:600;font-size:.95rem;padding:.55rem .9rem;border-radius:99px;min-height:44px;display:inline-flex;align-items:center}
.nav a:hover{background:rgba(127,127,127,.12)}.nav a.cta{background:var(--navy);color:var(--bg)}
.mn{position:absolute;opacity:0;pointer-events:none}.burger{display:none;width:44px;height:44px;border:1px solid var(--bd);border-radius:12px;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;background:var(--card)}
@media(max-width:820px){.burger{display:inline-flex}.nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--bd);padding:.5rem clamp(1rem,4vw,1.75rem) 1rem}.mn:checked~.nav{display:flex}.mn:focus-visible+.burger{outline:2px solid var(--sky)}}
/* hero */
.hero{text-align:center;padding:clamp(2.5rem,8vw,5.5rem) 0 clamp(1.5rem,4vw,2.5rem)}
.eyebrow{display:inline-block;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--mut);border:1px solid var(--bd);background:var(--card);padding:.35rem .9rem;border-radius:99px}
h1{font-size:clamp(2rem,5.5vw,3.5rem);line-height:1.12;letter-spacing:-.045em;font-weight:800;margin:1.1rem auto .9rem;max-width:18ch}
h1 em{font-style:normal;background:linear-gradient(110deg,var(--amber),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--mut);font-size:clamp(1rem,2.2vw,1.2rem);max-width:62ch;margin:0 auto .5rem}.ar{direction:rtl;color:var(--mut);font-size:1rem;margin-bottom:1.6rem}
.btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.5rem;border-radius:14px;font-weight:700;text-decoration:none;border:1px solid var(--bd);background:var(--card);transition:.2s}
.btn.p{background:linear-gradient(110deg,var(--amber),var(--sky));color:#0b0f19;border-color:transparent}.btn:hover{transform:translateY(-2px)}
.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:clamp(1.5rem,4vw,2.5rem) 0}
.strip div{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:1rem;text-align:center}.strip b{display:block;font-size:1.35rem}.strip span{color:var(--mut);font-size:.85rem}
/* sections */
section{padding:clamp(1.75rem,5vw,3.25rem) 0}h2{font-size:clamp(1.5rem,3.5vw,2.1rem);line-height:1.2;letter-spacing:-.035em;margin-bottom:.6rem}
.sub{color:var(--mut);max-width:65ch;margin-bottom:1.6rem}.grp{font-size:.8rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);margin:1.6rem 0 .8rem}
.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.card{position:relative;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:clamp(1.4rem,3.5vw,2rem);box-shadow:0 10px 35px rgba(15,23,42,.045);transition:transform .3s,box-shadow .3s,border-color .3s}
.card::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-110px;top:-120px;background:radial-gradient(circle,color-mix(in srgb,var(--c) 22%,transparent),transparent 68%);pointer-events:none}
.card::after{content:"";position:absolute;top:0;left:1.75rem;width:56px;height:4px;border-radius:0 0 5px 5px;background:var(--c)}
.card .ic{font-size:2.6rem;line-height:1;margin-bottom:1rem}.card h3{font-size:1.35rem;letter-spacing:-.03em;line-height:1.2}.card .a{color:var(--c);font-weight:600;font-size:.95rem;margin:.15rem 0 .7rem}
.card p{color:var(--mut);font-size:.95rem;line-height:1.7;margin-bottom:1.2rem}.card .go{margin-top:auto;font-weight:700;color:var(--navy)}.card .go b{display:inline-block;transition:transform .3s}
.solar{--c:#f59e0b}.shop{--c:#0ea5e9}.pdf{--c:#ef4444}.qr{--c:#8b5cf6}.img{--c:#10b981}
@media(hover:hover){.card:hover{transform:translateY(-6px);border-color:var(--c);box-shadow:0 22px 50px rgba(15,23,42,.12)}.card:hover .go b{transform:translateX(5px)}}
.chips{display:flex;flex-wrap:wrap;gap:.6rem}.chips a{text-decoration:none;font-weight:600;font-size:.92rem;padding:.6rem 1rem;min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--bd);background:var(--card);border-radius:99px;transition:.2s}.chips a:hover{border-color:var(--sky)}
.why{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.why div{background:var(--card);border:1px solid var(--bd);border-radius:18px;padding:1.4rem}.why i{font-style:normal;font-size:1.6rem}.why h3{font-size:1.05rem;margin:.5rem 0 .25rem}.why p{color:var(--mut);font-size:.93rem}
.two{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start}.prose p{color:var(--soft);margin-bottom:1rem}.prose a{color:var(--skyd);font-weight:600}
details{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:1rem 1.2rem;margin-bottom:.7rem}summary{font-weight:700;cursor:pointer;min-height:24px}details p{color:var(--mut);margin-top:.6rem}
.band{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:clamp(1.5rem,5vw,2.5rem);text-align:center}.band p{color:var(--mut);margin:.4rem auto 1.2rem;max-width:55ch}
.ad{display:none;margin:1.5rem auto;max-width:728px;min-height:90px;text-align:center}.ad.on{display:block}.ad.on::before{content:"Advertisement";display:block;font-size:10px;color:var(--mut);letter-spacing:1px;text-transform:uppercase}
/* inner pages */
.doc{max-width:780px;padding:clamp(2rem,6vw,4rem) 0}.doc h1{text-align:left;max-width:none;font-size:clamp(1.9rem,4.5vw,2.8rem);margin:0 0 .6rem}.doc h2{font-size:1.4rem;margin:2rem 0 .5rem}.doc p,.doc li{color:var(--soft);margin-bottom:.9rem}.doc ul{padding-left:1.3rem}.doc .meta{color:var(--mut);font-size:.9rem}.doc a{color:var(--skyd);font-weight:600}
/* footer */
footer{border-top:1px solid var(--bd);background:color-mix(in srgb,var(--card) 60%,transparent);margin-top:2rem;padding:clamp(2rem,5vw,3rem) 0 calc(2rem + env(safe-area-inset-bottom))}
.fg{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.fg h4{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);margin-bottom:.7rem}
.fg a{display:block;text-decoration:none;color:var(--soft);padding:.3rem 0;min-height:32px;font-size:.95rem}.fg a:hover{color:var(--navy);text-decoration:underline}.fg p{color:var(--mut);font-size:.92rem}
.copy{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--bd);color:var(--mut);font-size:.85rem;display:flex;gap:.5rem 1.5rem;flex-wrap:wrap;justify-content:space-between}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.card .a{text-align:left}