:root{--brand-red:#e30613;--petrol-dark:#004b5a;--petrol-light:#f1f6f8;--ink:#1f2223;--bg:#f7f8f9;--surface:#fff;--line:#d1d5d8}*{box-sizing:border-box}body{background:var(--petrol-light);color:var(--ink);display:flex;font-family:Avenir Next,Nunito Sans,Trebuchet MS,sans-serif;justify-content:center;margin:0;min-height:100dvh;padding:2rem 1rem}.container{background:var(--surface);border:1px solid #fff;border-radius:1.4rem;box-shadow:0 24px 60px #1f22231f;margin-left:auto;margin-right:auto;padding:2rem;width:min(96vw,1120px)}.hero{margin-bottom:1.5rem}.kicker{color:var(--brand-red);font-weight:800;letter-spacing:.08em;margin:0;text-transform:uppercase}h1{color:var(--petrol-dark);font-size:max(1.6rem,min(3.4vw,2.6rem));line-height:1.15;margin:.35rem 0}.hero p{max-width:70ch}.control-panel{display:grid;grid-template-columns:minmax(150px,240px) minmax(220px,1fr);grid-gap:.75rem 1rem;align-items:center;background:linear-gradient(180deg,#fff,#f4f5f6);border:1px solid var(--line);border-radius:1rem;gap:.75rem 1rem;padding:1rem}.control-panel label,.control-panel legend{font-size:.92rem;font-weight:700}.control-panel select{background:#fff;border:1px solid var(--line);border-radius:.5rem;font:inherit;padding:.58rem;width:100%}.control-panel select:hover{border-color:var(--petrol-light)}.control-panel :focus-visible{outline:3px solid var(--petrol-light);outline-offset:2px}.result-count{color:var(--petrol-dark);font-weight:700;margin:1rem 0}.meta{color:#3e4a55;font-size:.9rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;margin:0;padding:0;grid-gap:1rem;gap:1rem}.result-card{background:#fff;border:1px solid var(--line);border-radius:.95rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.result-card:focus-within,.result-card:hover{box-shadow:0 12px 24px #004b5a26;transform:translateY(-3px)}.card-link{color:inherit;display:block;-webkit-text-decoration:none;text-decoration:none}.result-card img{aspect-ratio:3/2;background:#ede8de;object-fit:cover;width:100%}.card-content{padding:.85rem}.eyebrow{color:var(--petrol-dark);font-size:.74rem;font-weight:800;letter-spacing:.04em;margin:0;text-transform:uppercase}.card-content h3{font-size:1.08rem;margin:.35rem 0}.price{color:var(--petrol-dark);font-weight:700;margin-bottom:.72rem;margin-top:0}.metric{margin-top:.55rem}.metric-row{display:flex;font-size:.88rem;justify-content:space-between}.grade-track{background:#e2e5e8;border-radius:999px;height:.56rem;margin-top:.25rem;overflow:hidden}.grade-fill{background:linear-gradient(90deg,var(--petrol-light),var(--petrol-dark));display:block;height:100%}.card-link:focus-visible{outline:3px solid var(--petrol-dark);outline-offset:2px}.empty-state{background:#f4f5f6;border:1px solid var(--line);border-radius:.75rem;color:var(--petrol-dark);margin:0;padding:1rem}@media (max-width:860px){body{padding:1rem}.container{padding:1.2rem}.control-panel{grid-template-columns:minmax(130px,190px) minmax(160px,1fr)}}