:root{--ink:#17221f;--muted:#64736c;--line:#dce7e1;--paper:#f6f8f7;--green:#16664e;--green-dark:#103f31;--lime:#d9f272;--card:#fff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.catalog-shell{max-width:1240px;margin:auto;padding:0 28px 56px}.catalog-nav{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 max(28px,50vw - 592px);display:flex;box-shadow:0 3px 18px #103f3108}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-mark{background:var(--green);width:30px;height:30px;color:var(--lime);border-radius:9px;place-items:center;font-size:17px;display:grid}.nav-note{color:var(--muted);font-size:13px}.hero{color:#fff;background:linear-gradient(116deg,#133e31,#21634f);border-radius:22px;margin-top:30px;padding:34px 38px;position:relative;overflow:hidden}.hero:after{content:"";border:64px solid #d9f2721e;border-radius:50%;width:360px;height:360px;position:absolute;top:-170px;right:-105px}.eyebrow{letter-spacing:.15em;color:#b8d7c9;margin:0 0 10px;font-size:11px;font-weight:800}.hero h1{z-index:1;letter-spacing:-.055em;max-width:660px;margin:0;font-size:clamp(34px,5vw,56px);line-height:1.04;position:relative}.hero p:not(.eyebrow){z-index:1;color:#d6e7de;max-width:570px;margin:15px 0 0;font-size:16px;position:relative}.search-row{z-index:1;gap:10px;max-width:700px;margin-top:25px;display:flex;position:relative}.search-row input{font:inherit;border:0;border-radius:11px;outline:2px solid #0000;flex:1;padding:15px 17px}.search-row input:focus{outline-color:var(--lime)}.search-row button{background:var(--lime);color:var(--green-dark);cursor:pointer;border:0;border-radius:11px;padding:0 19px;font-weight:800}.workspace{grid-template-columns:230px 1fr;gap:26px;margin-top:27px;display:grid}.filter-panel,.vehicle-card{background:var(--card);border:1px solid var(--line);border-radius:16px}.filter-panel{height:max-content;padding:20px}.filter-panel h2{margin:0 0 16px;font-size:16px}.filter-label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-top:15px;font-size:11px;font-weight:800;display:block}.filter-label select{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:9px;margin-top:6px;padding:10px}.filter-help{border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding-top:16px;font-size:12px;line-height:1.55}.results-header{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.results-header h2{letter-spacing:-.03em;margin:0;font-size:20px}.results-header span{color:var(--muted);font-size:13px}.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}.vehicle-card{transition:transform .16s,box-shadow .16s;overflow:hidden}.vehicle-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #173e3020}.vehicle-visual{place-items:center;height:152px;display:grid;position:relative;overflow:hidden}.vehicle-visual:before{content:"";background:#ffffffbd;border-radius:38px 50px 16px 20px;width:180px;height:55px;position:absolute;bottom:30px;box-shadow:0 26px 0 -17px #1930263a}.vehicle-visual:after{content:"";background:#1c3026;border-radius:9px;width:45px;height:12px;position:absolute;bottom:25px;box-shadow:88px 0 #1c3026}.visual-label{color:#375448;text-transform:uppercase;letter-spacing:.06em;background:#ffffffc9;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;top:13px;left:14px}.vehicle-body{padding:17px}.vehicle-name{letter-spacing:-.03em;margin:0;font-size:18px;line-height:1.25}.vehicle-spec{color:var(--muted);margin:6px 0 13px;font-size:13px}.chips{flex-wrap:wrap;gap:6px;min-height:26px;display:flex}.chip{color:#436658;background:#eaf3ee;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:700}.color-row{border-top:1px solid #edf1ef;align-items:center;gap:8px;margin-top:17px;padding-top:13px;display:flex}.swatches{gap:7px;display:flex}.swatch{cursor:pointer;border:2px solid #fff;border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 1px #b9c8c0}.swatch.active{box-shadow:0 0 0 2px var(--green),0 0 0 4px #fff}.color-name{color:var(--muted);text-align:right;max-width:115px;margin-left:auto;font-size:11px}.empty{text-align:center;color:var(--muted);background:#fff;border:1px dashed #b8c9c0;border-radius:16px;padding:48px}@media (max-width:760px){.catalog-nav{padding:0 20px}.catalog-shell{padding:0 20px 40px}.workspace{grid-template-columns:1fr}.filter-panel{display:none}.hero{padding:29px 24px}.search-row{display:block}.search-row button{width:100%;height:45px;margin-top:8px}.nav-note{display:none}}