:root{color-scheme:dark;--bg:#111518;--ink:#f4f5f6;--muted:#aab2bd;--lime:#b7ee55;--line:#384047;--surface:#1a2024}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 'Segoe UI',Arial,sans-serif;min-width:320px;background-image:radial-gradient(ellipse at 50% 42%,#1b20242e,transparent 65%)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-100px;z-index:99;background:var(--lime);color:#111;padding:12px}.skip:focus{top:10px}.topbar{height:84px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:650;text-decoration:none}.brand svg{width:23px;height:33px;fill:var(--lime)}nav{display:flex;gap:32px}nav button{font-size:15px;color:#c6ccd3;min-height:44px}nav button:hover,footer button:hover{color:var(--lime)}.menu-button,.mobile-menu{display:none}.stage{max-width:1536px;margin:auto;min-height:730px;position:relative;padding:0 25px}.core{position:relative;z-index:1;width:min(720px,calc(100% - 540px));margin:auto;padding-top:103px;text-align:center;pointer-events:auto}h1{font-size:clamp(44px,4.8vw,70px);line-height:1.15;letter-spacing:-2.8px;margin:0;font-weight:650;white-space:nowrap}h1 span{color:var(--lime)}.tagline{font-size:26px;color:var(--muted);margin:11px 0 34px}.search-box{height:64px;border:1px solid #555e66;border-radius:40px;padding:8px 9px 8px 23px;display:flex;gap:15px;align-items:center;background:#1a2024aa;transition:border-color .15s,background .15s}.search-box:focus-within{border-color:#aab3bc;background:#20262b}.search-box>svg{width:25px;height:25px;fill:none;stroke:#b7bec7;stroke-width:2;flex-shrink:0}.search-box input{border:0;outline:0;box-shadow:none;background:transparent;color:var(--ink);min-width:0;width:100%;font-size:18px;padding:8px 0}.search-box input:focus-visible{outline:0}.search-box input::placeholder{color:#adb6c1}.search-submit{border-radius:50%;background:var(--lime);color:#142009;min-width:45px;height:45px;font-size:28px;display:grid;place-items:center;transition:transform .15s}.search-submit:hover{transform:scale(1.05)}.search-status{min-height:18px;margin:4px 8px 0;font-size:12px;color:var(--muted)}.modes{display:flex;gap:14px;justify-content:center;margin:12px 0 32px}.modes button,.toolbar>button{border:1px solid #48525a;border-radius:28px;padding:10px 25px;min-height:44px;background:#1b2125}.modes button:hover{border-color:var(--lime)}.modes button[aria-pressed=true]{border-color:#6d7f52;background:#222b21}.price-card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(120deg,#192024,#1a2024);padding:20px 24px 17px;text-align:left}.price-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.price-header h2{font-size:18px;font-weight:600;margin:0}.price-header small{font-size:10px;color:var(--muted);margin-left:3px}.price-header select{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:6px 9px;color:#dce0e5;min-height:38px;font-size:13px;max-width:130px}.price-body{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;margin-top:14px;min-height:100px}.price-amount{padding-right:12px}.price{margin:0 0 10px;line-height:1.1;white-space:nowrap}.price strong{font-size:clamp(27px,2.6vw,41px);font-weight:650;letter-spacing:-1.4px}.price>span{font-size:18px;color:var(--muted)}#price-period{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.chart-button{border-left:1px solid #333c43;padding:0 0 0 20px;min-width:0;text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:5px}.chart-button svg{width:100%;height:67px;overflow:visible}.chart-button span{font-size:11px;color:var(--muted)}.price-note{color:#98a4ad;font-size:12px;margin:11px 0 2px;min-height:18px}.source-note{font-size:11px;color:#87939e;padding:4px;min-height:28px;text-decoration:underline;text-underline-offset:3px}.categories{position:absolute;inset:0 18px 0;display:grid;grid-template-columns:1fr minmax(560px,760px) 1fr;grid-template-rows:235px 245px 240px;column-gap:6px;pointer-events:none}.category{display:block;width:100%;align-self:center;justify-self:center;min-width:0;max-width:350px;padding:0;pointer-events:auto;transition:transform .18s;isolation:isolate}.category:hover{transform:rotate(-2deg) scale(1.035)}.category svg{display:block;width:100%;height:auto;max-height:238px;mix-blend-mode:lighten;pointer-events:none}.solar{grid-area:1/1;max-width:380px}.storage{grid-area:1/3;max-width:350px}.electric{grid-area:2/1;max-width:290px}.chargers{grid-area:2/3;max-width:285px}.cars{grid-area:3/1;max-width:350px}.micro{grid-area:3/3;max-width:310px}footer{margin:24px auto 0;width:92%;max-width:1440px;border-top:1px solid #2b353c;display:flex;justify-content:center;align-items:center;gap:22px;padding:20px 0 25px;color:#aab3bf;font-size:14px}footer button{min-height:44px}footer>span{color:#5d6771}dialog{width:min(780px,calc(100% - 32px));max-height:90dvh;border:1px solid #414d57;border-radius:20px;background:#181f24;color:var(--ink);padding:28px;box-shadow:0 30px 100px #0008;overscroll-behavior:contain}dialog::backdrop{background:#06090dd9;backdrop-filter:blur(6px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dialog-top h2{font-size:27px;line-height:1.25;letter-spacing:-.7px;margin:2px 0 12px;overflow-wrap:anywhere}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--lime);margin:0}.close{font-size:31px;line-height:1;min-width:44px;min-height:44px;border-radius:50%;background:#252e35;flex-shrink:0}.close:hover{background:#36414a}.muted{color:var(--muted);font-size:14px}.fine{color:#a8b3be;font-size:12px;line-height:1.65}.fine a{color:var(--lime)}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.toolbar>label{flex:1;min-width:180px}.toolbar>button{white-space:nowrap;padding:10px 18px}.primary{background:var(--lime)!important;color:#152009!important;font-weight:650;border-color:var(--lime)!important;border-radius:11px;padding:12px 22px;min-height:44px}.primary:hover{background:#c8ff67!important}label{font-size:13px;color:#ccd3db;display:flex;flex-direction:column;gap:7px}input,textarea,select{border:1px solid #43505a;border-radius:9px;background:#10171c;color:#f1f3f5;padding:11px 12px;min-height:44px;max-width:100%}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#82919e}.stack{display:flex;flex-direction:column;gap:17px}.stack .primary{align-self:flex-start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.estimate{font-size:19px;color:var(--lime);margin:0;min-height:29px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stats>div{border:1px solid var(--line);border-radius:12px;padding:12px}.stats span{display:block;font-size:12px;color:var(--muted)}.stats strong{font-size:18px;font-weight:600}.big-chart-wrap{border:1px solid var(--line);border-radius:12px;padding:10px;margin:15px 0}.big-chart-wrap svg{display:block;width:100%;height:auto}.table-wrap{max-height:300px;overflow:auto;margin-top:12px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:9px;border-bottom:1px solid var(--line)}td:not(:first-child),th:not(:first-child){text-align:right}summary{cursor:pointer;min-height:44px;padding:10px 0;color:#d5dce3}.offer{border:1px solid var(--line);padding:18px;border-radius:13px;margin:13px 0;overflow-wrap:anywhere}.offer h3{margin:0 0 5px;font-size:19px}.offer p{white-space:pre-line}.offer-meta{font-size:13px;color:var(--muted)}.offer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.offer a{color:var(--lime);min-height:44px;display:inline-flex;align-items:center}.remove-offer{color:#e79890;min-height:44px;padding:8px}.empty{padding:28px 15px;text-align:center;border:1px dashed #3d4c57;border-radius:13px;color:#aeb9c4}.empty strong{display:block;color:#e1e7ed;font-size:19px;margin-bottom:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border:1px solid #607449;background:#263123;color:#d5f2b1;padding:12px 22px;border-radius:12px;z-index:9;width:max-content;max-width:90%;box-shadow:0 6px 25px #0005}.no-js{padding:20px;color:#fff;background:#5c2424;text-align:center}
@media(min-width:1600px){.core{padding-top:120px}.stage{min-height:780px}.categories{grid-template-rows:250px 260px 250px}}
@media(max-width:1150px){.stage{display:flex;flex-direction:column;min-height:0;padding:0 30px;max-width:850px}.core{width:100%;max-width:670px;padding-top:55px}.categories{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,205px);gap:10px 35px;max-width:650px;margin:32px auto 0;width:100%}.category{grid-area:auto!important;max-width:280px}.category svg{height:195px;object-fit:contain;max-height:195px}.solar{order:1}.storage{order:2}.electric{order:3}.chargers{order:4}.cars{order:5}.micro{order:6}h1{font-size:61px}.price strong{font-size:38px}.topbar{padding:0 5%}.tagline{margin-bottom:30px}}
@media(max-width:600px){.topbar{height:74px;padding:0 22px}.brand{font-size:17px;gap:9px}.brand svg{height:31px;width:23px}.topbar>nav:not(.mobile-menu){display:none}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:7px}.menu-button span{display:block;width:28px;height:2px;background:#e7ebef;border-radius:2px}.mobile-menu{position:absolute;display:flex;top:66px;right:20px;flex-direction:column;gap:0;min-width:195px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#1c242a;box-shadow:0 14px 45px #0008}.mobile-menu button{text-align:left;padding:7px 14px}.stage{padding:0 18px}.core{padding-top:26px}h1{font-size:clamp(34px,10.4vw,49px);letter-spacing:-1.5px}.tagline{font-size:21px;margin:9px 0 24px}.search-box{height:56px;padding:7px 7px 7px 15px;gap:9px}.search-box>svg{width:21px;height:21px}.search-box input{font-size:15px}.search-submit{height:40px;min-width:40px;font-size:25px}.modes{gap:11px;margin:8px 0 23px}.modes button{padding:9px 20px;font-size:13px;min-height:42px}.price-card{padding:16px 16px 14px;border-radius:12px}.price-header h2{font-size:16px}.price-header select{font-size:11px;padding:5px 7px;min-height:34px;max-width:117px}.price-body{grid-template-columns:1.1fr 1fr;min-height:90px;margin-top:12px}.price strong{font-size:29px;letter-spacing:-1.1px}.price>span{font-size:13px}#price-period{font-size:10px}.chart-button{padding-left:10px}.chart-button svg{height:47px}.chart-button span{font-size:9px}.price-note{font-size:10px;margin-top:9px}.source-note{font-size:10px;line-height:1.5}.categories{margin-top:14px;grid-template-rows:repeat(3,150px);gap:10px 13px}.category svg{height:145px;max-height:145px}.category{max-width:190px}footer{font-size:11px;gap:11px;margin-top:22px;padding:12px 0 16px;width:90%}dialog{padding:21px 18px;max-height:92dvh;width:calc(100% - 24px);border-radius:16px}.dialog-top h2{font-size:23px}.form-grid{grid-template-columns:1fr}.stats{gap:7px}.stats>div{padding:9px}.stats strong{font-size:15px}.stats span{font-size:10px}.toolbar{gap:9px}.toolbar>button{font-size:13px;padding:10px 12px}.toolbar>label{min-width:100%;width:100%}.big-chart-wrap{padding:6px}.offer-bottom{align-items:flex-start;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 5px;white-space:normal}.price strong{white-space:nowrap} @media(max-width:600px){.search-submit{min-width:44px;height:44px}.search-box{padding-top:5px;padding-bottom:5px}.modes button{min-height:44px}#price-period{font-size:11px}.price-header select{min-height:40px}.source-note{font-size:11px;min-height:40px}.price-note{font-size:11px}}