:root{color-scheme:dark;--bg:#0b0d10;--card:#15181d;--raised:#1f242b;--border:#2a3038;--text:#f2f4f7;--muted:#a3acb9;--blue:#7ab5ff;--action:#236bcd;--solar:#f5b82e;--green:#3dd68c;--battery:#b69aff;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}img,svg{max-width:100%}a,button,select,summary{outline-offset:5px}:focus-visible{outline:2px solid var(--solar)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5.4vw,4.65rem);font-weight:750}h2{font-size:clamp(2rem,3.3vw,2.85rem)}h3{font-size:1.3rem}p{color:var(--muted)}ul{padding-left:1.2rem;color:var(--muted)}li+li{margin-top:.4rem}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;left:1rem;top:-100px;z-index:99;background:var(--text);color:var(--bg);padding:12px}.skip:focus{top:1rem}.header{position:sticky;top:0;z-index:20;background:rgba(11,13,16,.97);border-bottom:1px solid var(--border)}.header-inner{min-height:76px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--text);font-size:1.23rem;font-weight:800;letter-spacing:-.04em}.brand img{width:32px;height:32px;border-radius:8px}.brand .dot{color:var(--solar)}.nav{display:flex;align-items:center;gap:20px;margin-left:auto}.nav a{font-size:.8rem;color:#bbc3cf;white-space:nowrap}.nav a:hover,.nav a[aria-current]{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;min-height:46px;border:1px solid var(--border);border-radius:9px;background:var(--raised);color:var(--text);font-size:.88rem;font-weight:650;text-decoration:none}.button:hover{background:#2a323c;text-decoration:none}.button.primary{background:var(--action);border-color:var(--action)}.button.primary:hover{background:#1c58ad}.header .button{font-size:.78rem;padding:9px 14px}.menu-button{display:none;background:none;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 14px}.eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:9px}.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--solar)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:76px 54px}.hero h1{margin:22px 0}.hero h1 span{color:var(--solar)}.hero .lead{font-size:1.08rem;max-width:490px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:.75rem}.hero-meta span::before{content:"✓";color:var(--green);margin-right:6px}.product-visual{margin:0;text-align:center;position:relative}.product-visual figcaption{font-size:.72rem;color:var(--muted);max-width:430px;margin:20px auto 0}.device{background:#050608;border:1px solid #353b43;border-radius:27px;padding:15px;box-shadow:0 20px 44px #0006;position:relative}.device::after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#59616b;margin:9px auto -5px}.hero-device{width:min(430px,100%);margin:0 auto;transform:rotate(-2deg)}.energy-screen{width:100%;aspect-ratio:1;display:block;border-radius:13px;background:#0f1217}.device-tag{position:absolute;right:-12px;bottom:45px;background:var(--raised);border:1px solid #414954;border-radius:10px;padding:10px 16px;font-size:.75rem;text-align:left;transform:rotate(2deg)}.device-tag b{display:block;color:var(--text)}.device-tag span{color:var(--muted)}.topics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--border);padding-block:24px;gap:20px}.topic{display:flex;gap:13px;align-items:center}.icon{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.topic b{display:block;font-size:.86rem}.topic p{font-size:.72rem}.solar{color:var(--solar)}.grid{color:var(--blue)}.battery{color:var(--battery)}.green{color:var(--green)}section.section{padding-block:76px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head h2{margin-top:14px}.section-head>p{max-width:350px;font-size:.92rem}.section-intro{max-width:640px;margin:16px 0 30px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.card p{font-size:.9rem;margin-top:12px}.card .number{display:inline-flex;background:var(--raised);border:1px solid var(--border);border-radius:9px;align-items:center;justify-content:center;width:38px;height:38px;font-size:.8rem;color:var(--blue);margin-bottom:20px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.badge{font-size:.68rem;line-height:1.4;padding:5px 9px;border-radius:5px;background:#222a34;color:#c2d3eb;border:1px solid #394758;display:inline-flex;align-items:center;gap:6px;white-space:normal;font-weight:650}.badge.available{background:#142a22;color:#67e3a9;border-color:#28503f}.badge.experimental{background:#322a18;color:#ffd16c;border-color:#5e4c25}.badge.planned{background:#21252d;color:#b7c0cc}.diagram{display:flex;justify-content:space-between;align-items:center;gap:6px;background:#0d1014;border:1px solid var(--border);border-radius:9px;padding:18px 12px;margin:24px 0;font-size:.73rem;text-align:center}.diagram span{flex:1}.diagram i{color:var(--blue);font-style:normal}.card-note{border-top:1px solid var(--border);padding-top:16px!important;font-size:.8rem!important}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto;margin-top:24px}table{width:100%;border-collapse:collapse;font-size:.84rem;text-align:left}caption{text-align:left;padding:16px;color:var(--muted);font-size:.8rem}th,td{padding:16px 20px;border-top:1px solid var(--border);vertical-align:top}thead th{border-top:0;background:var(--raised);color:#c9d1dd;font-size:.73rem;font-weight:650}tbody th{font-weight:600;min-width:160px}td{color:var(--muted)}td small{display:block;max-width:260px;font-size:.72rem;margin-top:7px}.positive{color:var(--green)}.features{padding-top:0!important}.feature-icon{background:#202630;border:1px solid var(--border);border-radius:10px;padding:12px;display:inline-flex;margin-bottom:22px}.feature .badge{margin-top:20px}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.mini-chart{height:130px;border-bottom:1px solid var(--border);display:flex;gap:8px;align-items:end;position:relative;padding:0 10px 5px}.mini-chart span{flex:1;height:var(--height);background:#334969;border-radius:3px 3px 0 0}.mini-chart span:nth-child(n+7){background:transparent;border:1px dashed var(--blue)}.chart-caption{font-size:.68rem;text-align:center;margin-top:10px}.band{background:#0f1216;border-block:1px solid var(--border)}.manufacturer-name{font-size:1.9rem;letter-spacing:-.05em}.text-link{font-size:.85rem;font-weight:650;display:inline-block;margin-top:24px}.future{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:24px;font-size:.8rem;color:var(--muted)}.future b{color:#c1c8d1}.notice{border-left:3px solid var(--solar);padding:15px 18px;background:#211e17;border-radius:0 7px 7px 0;font-size:.8rem;margin-top:24px;color:#d9c9a6}.notice strong{color:#ffe0a0}.filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end}.filter{display:grid;gap:8px;font-size:.74rem;color:var(--muted);flex:1;min-width:150px}select{width:100%;padding:11px 34px 11px 12px;border:1px solid #424b58;border-radius:8px;background:var(--card);color:var(--text);min-height:46px}.filter-count{color:var(--muted);font-size:.75rem;margin-top:16px}.panel-visual{min-height:230px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0d1014;margin-bottom:25px}.panel-mock{border:8px solid #060709;outline:1px solid #3c434d;border-radius:13px;background:#141b24;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#b3c1d3;font-size:.73rem}.panel-mock.square{width:170px;aspect-ratio:1}.panel-mock.landscape{width:260px;aspect-ratio:5/3}.panel-mock .icon{width:40px;height:40px;color:var(--solar)}.panel-mock strong{font-size:1.4rem;color:var(--text)}.panel-specs{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.panel-specs span{background:var(--raised);padding:4px 9px;border-radius:5px;color:#bbc4d0;font-size:.74rem}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:step;margin-block:30px}.step{border-top:1px solid var(--border);padding-top:24px}.step::before{counter-increment:step;content:"0" counter(step);display:block;color:var(--blue);font-size:.76rem;font-weight:650;margin-bottom:20px}.step h3{font-size:1.05rem}.step p{font-size:.83rem;margin-top:10px}.guide{scroll-margin-top:100px}.guide h3{margin-top:16px}.guide details{border-top:1px solid var(--border);margin-top:24px;padding-top:15px}summary{cursor:pointer;font-size:.85rem;padding-block:7px}.guide ol{color:var(--muted);font-size:.86rem;padding-left:20px}.guide .text-link{margin-top:15px}.metadata{display:grid;grid-template-columns:90px 1fr;gap:8px;font-size:.78rem;margin:22px 0}.metadata dt{color:var(--muted)}.metadata dd{margin:0;color:#d5dce7}.empty-download{border-top:1px solid var(--border);padding-top:18px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.8rem;color:var(--muted)}.finder{background:#141c28;border:1px solid #334760;border-radius:20px;padding:36px}.finder h2{font-size:2rem}.finder>p{margin:14px 0 25px}.finder-result{margin-top:20px;padding:22px;background:#0e141e;border:1px solid #36475f;border-radius:10px}.finder-result h3{font-size:1.1rem}.finder-result p{font-size:.88rem;margin-top:10px}.finder-result .text-link{margin-top:14px}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--border);padding:15px 0}.faq summary{font-size:1rem;font-weight:550}.faq p{font-size:.9rem;margin:12px 0 15px}.footer{border-top:1px solid var(--border);padding:36px 0}.footer-top{display:flex;justify-content:space-between;gap:24px}.footer p{font-size:.75rem;margin-top:12px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;align-items:start;font-size:.8rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border);font-size:.72rem;color:var(--muted)}.privacy{margin-top:18px;font-size:.8rem;max-width:720px}.privacy summary{font-size:.8rem}.privacy p{font-size:.8rem}noscript p{padding:12px;border:1px solid var(--border)}
@media(min-width:1100px){.compatibility-table{table-layout:fixed}.compatibility-table th:nth-child(1){width:26%}.compatibility-table th:nth-child(2){width:17%}.compatibility-table th:nth-child(3){width:17%}.compatibility-table th:nth-child(4){width:28%}.compatibility-table th:nth-child(5){width:12%}}
@media(max-width:1100px){.nav{gap:14px}.nav a{font-size:.72rem}.header-inner{gap:18px}.header .button{display:none}.hero{gap:25px}.device-tag{right:0}.grid-3{gap:15px}.card{padding:23px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{min-height:66px;justify-content:space-between}.menu-button{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--bg);padding:20px;border-bottom:1px solid var(--border);margin:0;flex-wrap:wrap;gap:5px}.nav.open{display:flex}.nav a{padding:12px;font-size:.9rem}.hero{grid-template-columns:1fr;padding-top:45px;gap:40px}.hero .lead{max-width:600px}.product-visual{max-width:440px;width:100%;margin:auto}.hero-device{width:340px}.hero h1{max-width:630px}.topics{grid-template-columns:1fr 1fr;gap:20px}.section-head{display:block}.section-head>p{margin-top:18px;max-width:570px}.grid-3{grid-template-columns:1fr 1fr}.feature-wide{grid-column:span 2}.steps{grid-template-columns:1fr 1fr}.section{padding-block:55px!important}.features{padding-top:0!important}.footer-top{flex-direction:column}.compatibility-table{min-width:800px}.finder{padding:25px}.header .button{display:none}.table-wrap{position:relative}.hero h1{font-size:clamp(2.7rem,9vw,4rem)}}
@media(max-width:540px){.container{width:calc(100% - 32px)}.grid-2,.grid-3{grid-template-columns:1fr}.feature-wide{grid-column:auto;grid-template-columns:1fr}.hero-meta{gap:12px}.topic{gap:9px}.topic b{font-size:.8rem}.topic p{font-size:.68rem}.hero-device{width:300px}.hero{padding-bottom:35px}.device-tag{bottom:30px}.card{padding:22px}.section-head h2{font-size:2rem}.finder{padding:22px}.filters{gap:12px}.filter{min-width:100%;width:100%}.steps{gap:18px}.step h3{font-size:.94rem}.footer-bottom{flex-direction:column;gap:10px}.diagram{font-size:.68rem}.hero .lead{font-size:1rem}.actions .button{flex:1}.panel-visual{min-height:215px}.comparison-table{min-width:560px}.empty-download{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
