:root{--ink:#0a0e17;--navy:#0a1330;--navy2:#0f1d4a;--accent:#0a2fa8;--accent-d:#002085;--bg:#f4f5f7;--line:#e2e5ea;--muted:#5b6474;--white:#fff;--red:#c81e1e;--amber:#b45309;
--fd:'Archivo',system-ui,sans-serif;--fb:'Inter',system-ui,sans-serif;--r:4px}
*{box-sizing:border-box;margin:0}
body{font-family:var(--fb);color:var(--ink);background:var(--white);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
h1,h2,h3,.brand{font-family:var(--fd);font-stretch:112%;letter-spacing:-.01em;line-height:1.05}
.eyebrow{font-family:var(--fd);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:#8fa8ff;margin-bottom:12px}
.eyebrow.dark{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;border:2px solid var(--accent);padding:14px 26px;font:700 13px/1 var(--fd);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:var(--r);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.btn:hover{background:var(--accent-d);border-color:var(--accent-d)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-ghost.light{color:#fff;border-color:#fff}.btn-ghost.light:hover{background:#fff;color:var(--ink)}
.btn.full{width:100%;margin-top:10px}
.topbar{background:var(--ink);color:#aab3c2;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}
.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:88px}
.brand{font-size:24px;font-weight:900;text-transform:uppercase;text-decoration:none;letter-spacing:.02em}
.links{display:flex;align-items:center;gap:28px}
.links a{font:600 13px var(--fd);text-transform:uppercase;letter-spacing:.1em;text-decoration:none;padding:34px 0;border-bottom:3px solid transparent}
.links a:hover,.links a.on{border-color:var(--accent)}
.links .nav-phone,.links .nav-fin{background:var(--ink);color:#fff;padding:12px 18px;border:0;border-radius:var(--r)}.links .nav-fin{background:var(--accent);margin-left:-8px}.links .nav-fin:hover{background:var(--accent-d)}
.menu-btn{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
.menu-btn span{display:block;height:2px;background:var(--ink);width:24px;margin:0 auto}
.hero{position:relative;min-height:640px;display:flex;align-items:center;color:#fff;background:var(--navy);overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,24,.92) 0%,rgba(6,12,24,.65) 45%,rgba(6,12,24,.1) 100%)}
.hero-in{position:relative;z-index:1;width:100%;padding-top:80px;padding-bottom:80px}
.hero h1{font-size:clamp(42px,6.5vw,88px);font-weight:900;text-transform:uppercase;max-width:12ch}
.lead{font-size:18px;max-width:52ch;color:#d5dceb;margin:20px 0 36px}
.quick{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:2px;background:rgba(255,255,255,.12);padding:2px;max-width:940px;border-radius:var(--r)}
.quick select{margin:0;border:0;padding:0 16px;height:56px;font:500 15px var(--fb);background:#fff;color:var(--ink)}
.quick .btn{height:56px;border-radius:0;margin:0}
.shop-by{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-48px;position:relative;z-index:2}
.shop-by a{background:#fff;padding:26px 24px;text-decoration:none;box-shadow:0 10px 30px rgba(10,14,23,.12);border-bottom:3px solid transparent;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;gap:4px}
.shop-by a:hover{border-color:var(--accent);transform:translateY(-2px)}
.shop-by span{font:800 22px var(--fd);text-transform:uppercase}.shop-by small{color:var(--accent);font-weight:600}
.section{padding:96px 24px}
.sec-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:20px}
h2{font-size:clamp(30px,3.5vw,44px);font-weight:900;text-transform:uppercase}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px}
.card{background:#fff;border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;border-radius:var(--r);overflow:hidden}
.card:hover{box-shadow:0 14px 36px rgba(10,14,23,.12);transform:translateY(-3px)}
.card-img{position:relative;aspect-ratio:4/3;background:#e8ebf0}.card-img img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;font:700 11px var(--fd);text-transform:uppercase;letter-spacing:.12em;padding:6px 10px;border-radius:2px}
.badge-warn{background:var(--amber)}.badge-sold{background:var(--red)}.badge.static{position:static;display:inline-block;margin:6px 0 10px}
.card-body{padding:20px;display:flex;flex-direction:column;flex:1}
.card-year{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600}
.card h3{font-size:24px;font-weight:800;text-transform:uppercase;margin:4px 0 2px}
.card-trim{color:var(--muted);font-size:14px}
.card-meta{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);margin-top:18px}
.price{font:800 26px var(--fd);display:block}.card-meta small{color:var(--muted);font-size:13px}.miles{font-size:14px;color:var(--muted);font-weight:500}
.why{background:var(--navy);color:#fff;padding:80px 0}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.why h3{font-size:24px;text-transform:uppercase;margin-bottom:12px;padding-top:20px;border-top:3px solid var(--accent);display:inline-block}.why p{color:#c0cadb}
.cta{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:80px;padding-bottom:80px;flex-wrap:wrap}
.cta p{color:var(--muted);margin-top:8px}.cta-btns{display:flex;gap:12px;flex-wrap:wrap}.cta .btn-ghost.light{color:var(--ink);border-color:var(--ink)}
.page-head{background:var(--navy);color:#fff;padding:56px 0}.page-head h1{font-size:clamp(32px,4.5vw,56px);font-weight:900;text-transform:uppercase}
.inv{display:grid;grid-template-columns:270px 1fr;gap:36px;padding-top:40px;padding-bottom:96px;align-items:start}
.filters{background:var(--bg);padding:24px;position:sticky;top:96px;border-radius:var(--r)}
label{display:block;font-size:13px;font-weight:600;margin-bottom:16px;color:var(--ink)}
input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid #cdd2da;border-radius:var(--r);font:400 15px var(--fb);background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}
.reset{display:block;text-align:center;margin-top:14px;font-size:14px;color:var(--muted)}
.inv-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.inv-bar select{width:auto;margin:0}
.grid-3{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.empty{text-align:center;padding:64px 24px;background:var(--bg);border-radius:var(--r)}.empty p{color:var(--muted);margin:10px 0 24px}
.crumbs{padding-top:24px;padding-bottom:16px;font-size:14px}.crumbs a{text-decoration:none;color:var(--muted);font-weight:600}
.vdp{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start}
.g-main{position:relative;aspect-ratio:4/3;background:#e8ebf0;border-radius:var(--r);overflow:hidden}.g-main img{width:100%;height:100%;object-fit:cover}
.g-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;background:rgba(255,255,255,.9);font-size:30px;cursor:pointer;border-radius:50%}.prev{left:14px}.next{right:14px}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:8px}
.thumbs img{aspect-ratio:4/3;object-fit:cover;cursor:pointer;opacity:.6;border:2px solid transparent;border-radius:2px}.thumbs img.on,.thumbs img:hover{opacity:1;border-color:var(--accent)}
.vbox{border:1px solid var(--line);padding:32px;position:sticky;top:96px;border-radius:var(--r)}
.vbox h1{font-size:40px;font-weight:900;text-transform:uppercase;margin-top:6px}.vtrim{color:var(--muted);font-size:17px}
.vprice{padding:20px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vprice span{font:900 44px var(--fd);display:block}.vprice small{color:var(--muted)}
.quickspecs{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.quickspecs li{background:var(--bg);padding:12px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.quickspecs b{display:block;color:var(--ink);font-size:14px;text-transform:none;letter-spacing:0}
.call{text-align:center;margin-top:16px;font-size:14px;color:var(--muted)}.call a{color:var(--ink);font-weight:700}
.vdetails{padding-top:64px;padding-bottom:96px;display:grid;gap:56px}.vdetails h2{font-size:28px;margin-bottom:20px}
.specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));border-top:1px solid var(--line)}
.specs div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);margin-right:32px}.specs dt{color:var(--muted)}.specs dd{font-weight:600;text-align:right}
.desc{max-width:72ch;font-size:17px}
.features{columns:3 220px;padding:0;list-style:none}.features li{padding:8px 0 8px 24px;position:relative;break-inside:avoid}.features li:before{content:"";position:absolute;left:0;top:15px;width:10px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.contact{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-top:48px;padding-bottom:96px;align-items:start}
.form-card{border:1px solid var(--line);padding:32px;border-radius:var(--r)}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.tabs a{font:600 12px var(--fd);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;padding:10px 14px;background:var(--bg);border-radius:var(--r)}.tabs a.on{background:var(--ink);color:#fff}
.lead-veh{display:flex;gap:14px;align-items:center;background:var(--bg);padding:12px;margin-bottom:20px;border-radius:var(--r)}.lead-veh img{width:96px;aspect-ratio:4/3;object-fit:cover}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hp{position:absolute;left:-9999px}
.fine{font-size:12px;color:var(--muted);margin-top:12px}.error{background:#fdecec;color:var(--red);padding:12px;margin-bottom:16px;border-radius:var(--r)}
.ok h2{font-size:30px;margin-bottom:10px}.ok p{margin-bottom:20px}
.visit h3{font-size:24px;text-transform:uppercase;margin-bottom:12px}.visit p{margin-bottom:6px;color:var(--muted)}.visit iframe{width:100%;height:280px;border:0;margin-top:16px;border-radius:var(--r)}
.footer{background:var(--ink);color:#aab3c2;padding:64px 0 0;font-size:14px}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;padding-bottom:48px}.footer .brand{color:#fff;margin-bottom:10px}
.footer h4{color:#fff;font:700 12px var(--fd);text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px}.footer p{margin-bottom:6px}.footer a{text-decoration:none}.footer a:hover{color:#fff}
.legal{border-top:1px solid #222a38;padding-top:20px;padding-bottom:28px;font-size:12px}.legal a{margin-left:8px;text-decoration:underline}
@media(max-width:960px){
 .links{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 20px;border-bottom:1px solid var(--line)}
 .menu-open .links{display:flex}.links a{padding:16px 0;border-bottom:1px solid var(--line)}.links .nav-phone,.links .nav-fin{margin-top:12px;margin-left:0;text-align:center}
 .menu-btn{display:flex}.hide-sm{display:none}
 .quick{grid-template-columns:1fr 1fr}.quick .btn{grid-column:1/-1}
 .shop-by{grid-template-columns:1fr 1fr;margin-top:24px}.hero-in{padding-bottom:56px}.why-grid{grid-template-columns:1fr;gap:28px}
 .inv,.vdp,.contact{grid-template-columns:1fr}.filters,.vbox{position:static}.foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.quickspecs li{padding:10px 8px;font-size:11px}.quickspecs b{font-size:13px}.wrap{padding:0 18px}.hero{min-height:560px}.quick{grid-template-columns:1fr}.row2{grid-template-columns:1fr}.section{padding:72px 18px}.sec-head{flex-direction:column;align-items:start}.vbox{padding:22px}.vprice span{font-size:36px}.foot-grid{grid-template-columns:1fr}.form-card{padding:22px}.topbar{font-size:12px}}
.brand.logo{display:block;height:70px}.brand.logo img{height:100%;width:auto}.foot-logo{width:150px;height:auto;margin-bottom:14px}
.why h3{border-top-color:#3d63e6}
@media(max-width:560px){.brand.logo{height:54px}.nav-in{height:72px}.links{top:72px}.hero-in{padding-top:48px}}
.why-link{color:#fff;font-weight:600;white-space:nowrap}