:root{--navy:#07182c;--navy2:#0d2744;--blue:#1677ff;--orange:#ff9d2e;--ink:#172238;--muted:#6e7b8e;--line:#dfe5ec;--bg:#f2f5f8;--red:#d9304f;--green:#0e9a65;--white:#fff;--shadow:0 18px 55px rgba(6,24,44,.12)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,select,input{font:inherit}.topbar{height:82px;padding:0 max(24px,calc((100vw - 1180px)/2));background:var(--navy);display:flex;align-items:center;justify-content:space-between;color:white}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;letter-spacing:.02em}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#49a2ff);display:grid;place-items:center}.brand-mark svg{width:30px;fill:none;stroke:white;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.brand strong{display:block;font-size:21px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:.17em;color:#a9c7eb;margin-top:5px}.reference{font-size:13px;color:#a9bad0;border:1px solid #29445f;border-radius:99px;padding:8px 12px}main{max-width:1180px;margin:auto;padding:0 24px 44px}.hero{text-align:center;padding:54px 16px 120px;background:radial-gradient(circle at 50% 15%,rgba(22,119,255,.12),transparent 40%)}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.045em;margin:13px 0;color:var(--navy)}.hero p{color:var(--muted);font-size:18px;margin:0}.filter-card{position:relative;margin-top:-80px;background:white;border:1px solid #e4e8ed;border-radius:22px;box-shadow:var(--shadow);padding:24px;display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:18px;align-items:end}.field,.mode-field{min-width:0;position:relative}.field-label{display:block;font-size:12px;font-weight:750;color:#536176;margin:0 0 8px}.field select,.select-like{width:100%;height:46px;border:1px solid var(--line);border-radius:11px;background:white;padding:0 13px;color:var(--ink);outline:none}.field select:focus,.select-like:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.1)}.segmented{display:flex;background:#f0f3f7;border-radius:11px;padding:4px;height:46px}.segment{flex:1;border:0;background:transparent;border-radius:8px;color:#6c7889;font-size:13px;font-weight:750;cursor:pointer}.segment.active.negative{background:#fff;color:var(--red);box-shadow:0 2px 9px rgba(16,34,55,.1)}.segment.active.positive{background:#fff;color:var(--green);box-shadow:0 2px 9px rgba(16,34,55,.1)}.select-like{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.brands-popover{position:absolute;z-index:5;top:76px;left:0;width:300px;max-width:calc(100vw - 48px);background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(12,27,45,.18);padding:12px}.brands-actions{display:flex;justify-content:space-between;margin:0 2px 10px}.brands-actions button{border:0;background:none;color:var(--blue);font-size:12px;font-weight:700;cursor:pointer}.brand-search{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:0 10px}.brand-search input{border:0;outline:none;width:100%;height:36px}.brands-list{max-height:230px;overflow:auto;margin-top:7px}.brand-option{display:flex;align-items:center;gap:9px;padding:7px 5px;font-size:13px;cursor:pointer}.brand-option:hover{background:#f5f8fb;border-radius:7px}.primary{grid-column:5;height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),#075ed4);color:white;font-weight:800;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px;box-shadow:0 8px 22px rgba(22,119,255,.25)}.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.results{margin-top:34px;background:white;border:1px solid #e2e7ed;border-radius:20px;overflow:hidden}.results-head{padding:24px 28px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #e8ecf0}.results-head h2{margin:6px 0 4px;font-size:25px;color:var(--navy)}.results-head p{margin:0;color:var(--muted);font-size:13px}.result-count{text-align:right}.result-count strong{display:block;font-size:26px;color:var(--navy)}.result-count span{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th{text-align:left;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#7a8798;background:#f8fafc;padding:12px 18px}td{padding:15px 18px;border-top:1px solid #edf0f3;font-size:13px}td:first-child{font-weight:850;color:#8a96a5;width:44px}.car-name strong{display:block;color:var(--navy);font-size:14px}.car-name span{display:block;color:#8290a1;font-size:11px;margin-top:3px}.change{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:7px 9px;border-radius:9px;font-weight:850}.change.down{color:var(--red);background:#fff0f3}.change.up{color:var(--green);background:#eaf9f3}.money-loss{display:block;color:#8b96a4;font-size:10px;margin-top:4px}.loading,.empty{text-align:center;padding:52px;color:var(--muted)}.disclaimer{text-align:center;color:#7e8998;font-size:11px;max-width:760px;margin:22px auto 0;line-height:1.5}
@media(max-width:980px){.filter-card{grid-template-columns:repeat(2,1fr)}.field-wide{grid-column:span 2}.primary{grid-column:span 2}.hero{padding-bottom:110px}.results-head{align-items:flex-start}.result-count{display:none}}
@media(max-width:620px){.topbar{height:72px;padding:0 18px}.reference{display:none}main{padding:0 14px 32px}.hero{padding:38px 0 104px}.hero h1{font-size:34px}.hero h1 br{display:none}.hero p{font-size:15px}.filter-card{padding:17px;gap:14px;border-radius:18px;grid-template-columns:1fr}.field-wide,.primary{grid-column:1}.results{margin-top:22px}.results-head{padding:20px}.results-head h2{font-size:20px}.brands-popover{position:fixed;left:14px;right:14px;top:110px;width:auto}.table-wrap{overflow:visible}table{min-width:0}thead{display:none}tbody{display:grid;gap:0}tr{display:grid;grid-template-columns:34px 1fr auto;padding:15px;border-top:1px solid #edf0f3}td{border:0;padding:3px 4px}td:nth-child(1){grid-row:1/3}td:nth-child(2){grid-column:2}td:nth-child(3){grid-column:2;color:#758194}td:nth-child(4),td:nth-child(5){display:none}td:nth-child(6){grid-column:3;grid-row:1/3;align-self:center}.money-loss{display:none}}