:root{--bg: oklch(.975 .008 240);--surface: oklch(1 0 0);--surface-alt: oklch(.965 .01 240);--border: oklch(.9 .012 240);--text: oklch(.22 .02 250);--text-muted: oklch(.48 .02 245);--text-faint: oklch(.62 .015 245);--blue: oklch(.55 .2 260);--blue-dark: oklch(.42 .19 262);--blue-soft: oklch(.95 .035 260);--lime: oklch(.82 .19 128);--lime-ink: oklch(.28 .09 128);--lime-soft: oklch(.95 .06 125);--good: oklch(.58 .14 155);--bad: oklch(.55 .18 25);--shadow: 0 1px 3px oklch(.3 .02 250 / .07), 0 10px 28px oklch(.3 .02 250 / .07);--radius: 14px;--disp: "Manrope", system-ui, sans-serif;--body: "Work Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-dark)}.wrap{max-width:1180px;margin:0 auto;padding:0 32px}@media (max-width: 720px){.wrap{padding:0 18px}}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}.brand{display:flex;align-items:center;gap:11px;color:var(--text)}.brand-name{font-family:var(--disp);font-weight:800;font-size:19px;letter-spacing:-.01em}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav a{font-weight:600;font-size:15px;color:var(--text-muted)}.site-header nav a.active,.site-header nav a:hover{color:var(--blue-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--disp);font-weight:700;font-size:16px;padding:15px 26px;border-radius:12px;border:none;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark);color:#fff}.btn-outline{background:var(--surface);color:var(--text);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--blue);color:var(--blue-dark)}.btn-sm{padding:12px 22px;font-size:14.5px}.btn:disabled{opacity:.4;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}.pill-lime{background:var(--lime);color:var(--lime-ink)}.pill-blue{background:var(--blue-soft);color:var(--blue-dark)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.tag{display:inline-flex;align-items:center;font-size:13.5px;font-weight:600;padding:8px 15px;border-radius:999px;background:var(--blue-soft);color:var(--blue-dark)}.page{max-width:1180px;margin:0 auto;padding:28px 32px 80px}@media (max-width: 720px){.page{padding:20px 18px 60px}}h1{font-family:var(--disp);font-size:32px;font-weight:800;letter-spacing:-.01em;margin:0 0 8px}h2{font-family:var(--disp);font-size:20px;font-weight:800;margin:0}.lead{color:var(--text-muted);max-width:60ch;font-size:16px}.breadcrumb{font-size:14px;font-weight:700;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.breadcrumb:hover{color:var(--blue-dark)}.cta{display:inline-block;margin-top:24px;padding:15px 26px;background:var(--blue);color:#fff;border-radius:var(--radius);font-family:var(--disp);font-weight:700;font-size:16px}.cta:hover{background:var(--blue-dark);color:#fff;text-decoration:none}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:64px;align-items:center}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}@media (max-width: 800px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 800px){.steps-grid{grid-template-columns:1fr}}.list-layout{display:grid;grid-template-columns:250px 1fr;gap:36px}@media (max-width: 860px){.list-layout{grid-template-columns:1fr}}.filters{align-self:start;padding:24px}.filter-group{margin-bottom:22px}.filter-group:last-of-type{margin-bottom:0}.fld-label{font-size:12.5px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px;display:block}.checkbox-row{display:flex;align-items:center;gap:11px;font-size:15px;margin-bottom:13px;color:var(--text);cursor:pointer}.checkbox-row input{width:19px;height:19px;accent-color:var(--blue);border-radius:5px}.filter-group input[type=number]{width:100%;padding:11px 13px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:var(--body);font-size:15px}.filter-divider{height:1px;background:var(--border);margin:22px 0}.clear-filters{display:block;margin-top:22px;font-size:13px;color:var(--text-faint);font-weight:700}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.result-count{font-size:15px;color:var(--text-muted)}.result-count strong{color:var(--text)}.sort-select{display:flex;align-items:center;gap:10px;font-size:14.5px}.sort-select span{color:var(--text-faint);font-weight:600}.sort-select select{padding:10px 14px;border-radius:10px;border:1.5px solid var(--border);font-size:14.5px;font-family:var(--body);background:var(--surface);color:var(--text);font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.product-card{padding:22px;position:relative;color:inherit;display:block}.product-card:hover{text-decoration:none;border-color:var(--blue)}.product-card.win{border:2px solid var(--blue)}.compare-toggle{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-faint);z-index:1}.compare-toggle input{width:16px;height:16px;accent-color:var(--blue)}.card-brand{font-size:12.5px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em}.product-card h3{font-family:var(--disp);font-weight:700;font-size:18px;margin:3px 0 16px;padding-right:30px}.spec-list{display:flex;flex-direction:column;gap:9px;padding-bottom:18px;border-bottom:1px solid var(--border);margin:0}.spec-list .item{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-muted)}.spec-list .item.good{color:var(--good);font-weight:600}.spec-list svg{flex-shrink:0;color:var(--blue-dark)}.spec-list .item.good svg{color:var(--good)}.price-row{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px}.price-row .price{font-family:var(--disp);font-size:24px;font-weight:800;color:var(--text)}.price-row .price-note{font-size:11.5px;color:var(--text-faint);margin-top:1px}.price-row .per-kwh{font-size:13px;color:var(--text-muted);font-weight:700}.compare-bar{margin-top:26px;padding:16px 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.compare-bar .count{font-size:14.5px;font-weight:600;color:var(--text-muted)}.compare-bar .count strong{color:var(--blue-dark)}.compare-bar .wipe{font-size:13.5px;color:var(--text-faint);font-weight:600}.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:44px;align-items:start;margin-top:40px}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}}.detail-eyebrow{display:flex;align-items:center;gap:10px;margin-top:24px}.detail-eyebrow .brand-label{font-size:13px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em}.sec-title{font-size:20px;font-weight:800;margin:0 0 18px}section.block{margin-bottom:24px}table.offers{width:100%;border-collapse:collapse}table.offers th{text-align:left;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint);font-weight:700;padding:0 6px 12px}table.offers td{padding:16px 6px;border-top:1px solid var(--border);font-size:15px;vertical-align:middle}.offer-price{font-family:var(--disp);font-weight:800;font-size:17px}.offer-stock{color:var(--good);font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:5px}.offer-stock.out{color:var(--bad)}.offer-link{font-weight:700}.price-per-kwh-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);font-size:13.5px;color:var(--text-faint)}.price-per-kwh-note strong{color:var(--text)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 700px){.pros-cons{grid-template-columns:1fr}}.pros-cons>div{padding:24px}.pros-cons .head{display:flex;align-items:center;gap:9px;margin-bottom:16px}.pros-cons .icon{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.pros-cons .icon.pros{background:var(--lime-soft);color:var(--lime-ink)}.pros-cons .icon.cons{background:#ffe4e1;color:var(--bad)}.pros-cons h3{font-family:var(--disp);font-weight:800;font-size:16px;margin:0}.pros-cons ul{margin:0;padding-left:18px;font-size:14.5px;line-height:1.9;color:var(--text-muted)}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}table.spec-table{width:100%;border-collapse:collapse}table.spec-table td{padding:13px 4px;border-top:1px solid var(--border);font-size:14.5px}table.spec-table td:first-child{color:var(--text-muted);width:46%}table.spec-table td:last-child{font-weight:700;text-align:right}.detail-aside{position:sticky;top:24px}.buy-box{padding:26px}.buy-box .from-label{font-size:13px;color:var(--text-faint);font-weight:700;margin-bottom:4px}.buy-box .price{font-family:var(--disp);font-size:32px;font-weight:800;margin-bottom:4px}.buy-box .per-kwh{font-size:13.5px;color:var(--text-muted);font-weight:700;margin-bottom:22px}.buy-box .quick-facts{display:flex;flex-direction:column;gap:15px;margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}.buy-box .quick-facts .row{display:flex;align-items:center;gap:11px;font-size:14px}.buy-box .quick-facts .row span{color:var(--text-muted)}.buy-box .quick-facts .row strong{margin-left:auto}.buy-box .quick-facts .row strong.good{color:var(--good)}.buy-box .quick-facts svg{flex-shrink:0;color:var(--blue-dark)}.buy-box .compare-add{width:100%;margin-top:20px;font-size:13.5px;padding:13px}.disclaimer{margin-top:40px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-faint);line-height:1.6}.compare-table-wrap{overflow-x:auto}.compare-table{width:100%;border-collapse:separate;border-spacing:0}.compare-table td,.compare-table th{padding:17px 22px;font-size:15px;border-bottom:1px solid var(--border)}.compare-table tr:last-child td{border-bottom:none}.compare-table th{vertical-align:top}.compare-remove{color:var(--text-faint);font-size:20px;line-height:1}.compare-remove:hover{color:var(--bad)}.compare-brand{font-size:12px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em}.compare-name{font-family:var(--disp);font-weight:800;font-size:17px;margin-top:3px}.row-label{color:var(--text-muted);font-weight:600;width:230px}.win{background:var(--lime-soft);font-weight:800;color:var(--lime-ink)}.error{color:var(--bad)}.site-footer{padding:40px 0}.site-footer .wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.site-footer .disclaimer-foot{max-width:52ch;font-size:13px;color:var(--text-faint);line-height:1.6}.site-footer .foot-links{display:flex;gap:28px;font-size:14px;white-space:nowrap;font-weight:600}.site-footer .foot-links a{color:var(--text-muted)}.card-image{width:100%;height:170px;border-radius:10px;background:var(--surface-alt);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:16px}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.card-image.placeholder svg{color:var(--border)}.detail-image{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:24px}.detail-image img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}.detail-image.placeholder svg{color:var(--border)}.price-chart{position:relative}.price-chart-empty{font-size:14px;color:var(--text-muted);background:var(--surface-alt);border-radius:10px;padding:20px;line-height:1.6}.price-chart-empty strong{color:var(--text)}.price-chart-note{font-size:12.5px;color:var(--text-faint);margin:10px 0 0;text-align:center}.price-chart-tooltip{position:absolute;transform:translate(-50%,-120%);background:var(--text);color:#fff;padding:8px 12px;border-radius:8px;font-size:12.5px;white-space:nowrap;pointer-events:none;display:flex;flex-direction:column;gap:1px;align-items:center;box-shadow:var(--shadow)}.price-chart-tooltip strong{font-family:var(--disp);font-size:14px}.price-chart-tooltip span{opacity:.75;font-size:11px}
