.search-bar{top:var(--site-header-height);z-index:10;background:var(--panel);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 16px 12px;display:flex;position:sticky}.search-bar__inner{width:100%;max-width:600px;margin:0 auto}.search-bar__row{align-items:center;gap:8px;display:flex}.search-bar__input{min-width:0;font-size:15px;font-family:var(--mono);background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:8px;flex:1;padding:10px 12px;transition:border-color .15s}.search-bar__input:focus{border-color:var(--a);outline:none}.search-bar__input--error{border-color:var(--b)}.search-bar__input--compare{width:100%;font-size:14px}.search-bar__vehicle{border:1px solid var(--line);color:var(--muted);cursor:pointer;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;padding:7px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:border-color .15s,color .15s}.search-bar__vehicle:hover{border-color:var(--a);color:var(--a)}.search-bar__error{color:var(--b);margin:0;font-size:12px}.finder-results{max-width:600px;margin:0 auto;padding:20px 16px 80px}.finder-results__hint{color:var(--muted);text-align:center;margin:0;padding:32px 0 0;font-size:14px}.finder-results__hint a{color:var(--a);text-decoration:none}.finder-intro{text-align:center;padding:24px 0 0}.finder-intro__heading{margin:0 0 8px;font-size:22px;font-weight:800}.finder-intro__lead{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.finder-popular{padding:28px 0 0}.finder-popular__label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);text-align:center;margin:0 0 10px;font-size:11px;font-weight:700}.finder-popular__list{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.finder-popular__list a{background:var(--panel);border:1px solid var(--line);color:var(--text);font-family:var(--mono);border-radius:6px;padding:6px 10px;font-size:13px;text-decoration:none;display:inline-block}.finder-popular__list a:hover{border-color:var(--a);color:var(--a)}.size-result__heading{margin:0 0 8px;font-size:22px;font-weight:800}.size-result__intro{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.55}.rating-result{padding:4px 0}.rating-result__label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:10px;font-weight:700}.rating-result__primary{background:var(--panel);border-radius:8px;align-items:center;gap:20px;padding:16px 20px;display:flex}.rating-result__value{color:var(--a);min-width:48px;font-size:40px;font-weight:900;line-height:1}.rating-result__details strong{color:var(--text);font-size:18px;display:block}.rating-result__sub{color:var(--muted);font-size:14px}.rating-result__note{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}.verdict{text-align:center;border-radius:8px;margin:0 0 16px;padding:12px}.verdict strong{font-size:16px;display:block}.verdict span{opacity:.85;font-size:13px}.verdict--green{background:color-mix(in srgb, var(--green) 18%, transparent);border:1px solid var(--green)}.verdict--amber{background:color-mix(in srgb, var(--amber) 18%, transparent);border:1px solid var(--amber)}.verdict--red{background:color-mix(in srgb, var(--red) 18%, transparent);border:1px solid var(--red)}.spec-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}.spec-table th,.spec-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px}.spec-table th.col-a{color:var(--a)}.spec-table th.col-b{color:var(--b)}.spec-table td.col-diff{font-weight:600}.spec-table th.col-diff,.spec-table td:first-child,.spec-table th:first-child{color:var(--muted)}.spec-table__delta td{font-weight:600}.conversions{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.related{margin-top:24px}.related h2{margin:0 0 8px;font-size:16px}.related ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.related a{background:var(--panel);border:1px solid var(--line);color:var(--a);border-radius:8px;padding:6px 10px;font-size:13px;text-decoration:none;display:inline-block}.faq{margin-top:36px}.faq h2{margin:0 0 8px;font-size:18px}.faq__item{border-bottom:1px solid var(--line);padding:12px 0}.faq__item summary{cursor:pointer;gap:8px;font-size:15px;font-weight:600;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:before{content:"+";color:var(--a);font-weight:700}.faq__item[open] summary:before{content:"−"}.faq__item p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.55}.unit-toggle{background:var(--panel);border-top:1px solid var(--line);align-items:center;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.unit-toggle__options{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex:1;grid-template-columns:1fr 1fr;gap:4px;max-width:200px;margin:0 auto;padding:3px;display:grid}.unit-toggle__option{color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:6px 14px;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s;display:flex}.unit-toggle__option:has(input:checked){background:var(--panel-2);color:var(--text);box-shadow:0 1px 2px #00000059}.unit-toggle__option{position:relative}.unit-toggle__option input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.unit-toggle__brand{color:var(--muted);white-space:nowrap;font-size:12px}.unit-toggle__brand a{color:var(--a);text-decoration:none}.nearby{margin-top:24px}.nearby__label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.nearby__scroll{align-items:center;gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.nearby-item{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:8px 10px;font-family:inherit;display:flex}.nearby-item--current{border-color:var(--a);background:color-mix(in srgb, var(--a) 12%, transparent)}.nearby-item__idx{color:var(--text);font-size:15px;font-weight:700}.nearby-item__kg{color:var(--muted);font-size:10px}.nearby-arrow{color:var(--muted);font-size:12px}.vehicle-picker{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:calc(100% - 32px);max-width:568px;margin:0 auto 16px;padding:16px}.vehicle-picker__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vehicle-picker__breadcrumb{flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.vehicle-picker__crumb{color:var(--a);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px}.vehicle-picker__crumb:hover{text-decoration:underline}.vehicle-picker__sep{color:var(--muted)}.vehicle-picker__step{color:var(--text);font-weight:700}.vehicle-picker__close{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:14px;line-height:1}.vehicle-picker__close:hover{color:var(--text)}.vehicle-picker__list{max-height:260px;margin:4px 0 0;padding:0;list-style:none;overflow-y:auto}.vehicle-picker__option{border:none;border-bottom:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;background:0 0;width:100%;min-height:44px;padding:10px 4px;font-family:inherit;font-size:14px}.vehicle-picker__option:hover{color:var(--a)}.vehicle-picker__list li:last-child .vehicle-picker__option{border-bottom:none}.vehicle-picker__staggered{padding:4px 0}.vehicle-picker__staggered-note{color:var(--muted);margin-bottom:12px;font-size:13px;line-height:1.5}.vehicle-picker__staggered-sizes{flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:0;list-style:none;display:flex}.vehicle-picker__staggered-sizes li{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:8px 14px;font-size:14px;font-weight:700}.vehicle-picker__staggered-confirm{background:var(--a);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:700}.vehicle-picker__staggered-confirm:hover{opacity:.9}.vehicle-picker__error{color:var(--b);margin:8px 0 0;font-size:12px}.vehicle-picker__loading{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin:8px 0 0;font-size:12px}:root{--bg:#2a2a2a;--bg-2:#242424;--panel:#3a3a3a;--panel-2:#444;--line:#4a4a4a;--line-2:#555;--text:#fff;--muted:#888;--muted-2:#666;--a:#4a8cff;--b:#ff4d74;--green:#1a6640;--amber:#b8860b;--red:#b3261e;--mono:"Spline Sans Mono", ui-monospace, "SF Mono", "Roboto Mono", monospace;--radius:12px;--shadow:0 14px 40px -20px #000000b3;--site-header-height:44px;--bg-gradient:radial-gradient(1200px 600px at 80% -10%, #4a8cff14, transparent 60%), radial-gradient(900px 500px at -10% 0%, #ff6b6b0d, transparent 55%), var(--bg)}@media (prefers-color-scheme:light){:root{--bg:#f5f5f7;--bg-2:#ebebed;--panel:#fff;--panel-2:#f0f0f2;--line:#e2e2e6;--line-2:#cbcbd0;--text:#111;--muted:#636369;--muted-2:#9898a0;--a:#2563eb;--b:#e11d48;--green:#15803d;--amber:#b45309;--red:#b91c1c;--shadow:0 14px 40px -20px #0000001f;--bg-gradient:radial-gradient(1200px 600px at 80% -10%, #2563eb0d, transparent 60%), radial-gradient(900px 500px at -10% 0%, #e11d480a, transparent 55%), var(--bg)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-gradient);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.45}a{color:var(--a)}.wrap{flex-direction:column;max-width:760px;min-height:100dvh;margin:0 auto;padding:24px 20px 48px;display:flex}.site-header{z-index:20;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;padding:10px 20px;display:flex;position:sticky;top:0}.site-header__inner{align-items:center;width:100%;max-width:600px;margin:0 auto;display:flex}.site-header__brand{align-items:center;gap:8px;text-decoration:none;display:flex}.site-header__mark{flex-shrink:0;width:22px;height:22px}.site-header__name{letter-spacing:-.02em;color:var(--text);font-size:15px;font-weight:800}.hero{margin-bottom:40px}.hero__title{letter-spacing:-.03em;background:linear-gradient(180deg, var(--text), color-mix(in srgb, var(--text) 62%, var(--bg)));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(30px,6vw,46px);font-weight:800;line-height:1.05}.hero__lead{color:var(--muted);max-width:56ch;margin:18px 0 0;font-size:16px;line-height:1.6}.products{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.card{color:inherit;background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:20px;text-decoration:none;transition:border-color .2s,transform .15s;display:flex}.card:hover{border-color:var(--line-2);transform:translateY(-2px)}.card:hover .card__cta{color:var(--text)}.card:hover .card__arrow{transform:translate(3px)}.card__head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.card__name{letter-spacing:-.01em;align-items:center;gap:9px;margin:0;font-size:18px;font-weight:700;display:flex}.card__badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--b);border:1px solid color-mix(in srgb, var(--b) 45%, transparent);background:color-mix(in srgb, var(--b) 14%, transparent);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.4}.card__tagline{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);text-align:right;font-size:10.5px;font-weight:600}.card__desc{color:var(--muted);flex:auto;margin:0 0 18px;font-size:14px;line-height:1.55}.card__cta{font-family:var(--mono);color:var(--a);align-items:center;gap:6px;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex}.card__arrow{width:14px;height:14px;transition:transform .2s}.card--contact{border-style:dashed;border-color:var(--line);box-shadow:none;background:0 0}.card--contact:hover{border-color:var(--a)}.card--contact .card__name{color:var(--muted);font-size:16px}.card--contact .card__desc{color:var(--muted-2)}.foot{margin-top:auto;padding-top:48px}.foot p{color:var(--muted-2);margin:0;font-size:13px}.foot__copy{font-family:var(--mono);font-size:11.5px;margin-top:6px!important}@media (prefers-reduced-motion:reduce){*{transition:none!important}}