:root{--bg:#090d16;--panel:#101725;--line:#263246;--text:#f3f5f8;--muted:#9aa6b8;--gold:#d9b56d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}header{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;position:sticky;top:0;background:#090d16ed;backdrop-filter:blur(12px);z-index:5}.brand{font:800 22px Manrope}.brand b{display:inline-grid;place-items:center;border:1px solid var(--gold);color:var(--gold);width:34px;height:34px;margin-right:8px}.brand span{color:var(--gold)}nav{display:flex;gap:28px}nav a,.link{font-size:12px;color:#c4ccda}nav a:hover,.link:hover{color:var(--gold)}button,.cta{cursor:pointer}.cta{border:1px solid #d9b56d88;color:var(--gold);padding:12px 16px;font-size:12px}#menu{display:none;background:none;border:0;color:white;font-size:23px}.hero{padding:75px 6%;display:grid;grid-template-columns:1fr 1.05fr;gap:5%;align-items:center;min-height:570px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700}.hero h1,.heading h2,.closing h2{font:800 clamp(42px,5vw,68px)/1.08 Manrope;letter-spacing:-2.5px;margin:22px 0}.hero em,.heading em,.closing em{font-style:normal;color:var(--gold)}.hero p,.heading p,.closing p{color:var(--muted);font-size:14px;line-height:1.8;max-width:520px}.button{display:inline-block;background:var(--gold);color:#121722;padding:15px 20px;font-size:12px;font-weight:700;margin:22px 18px 45px 0}.outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}.stats{display:flex;gap:25px}.stats span{border-left:1px solid var(--line);padding-left:12px}.stats b,.stats small{display:block}.stats b{font-size:11px}.stats small{font-size:9px;color:var(--muted);margin-top:5px}.heroimg{height:410px;position:relative}.heroimg img{width:100%;height:100%;object-fit:cover;filter:brightness(.78);clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 12%)}.float{position:absolute;bottom:25px;left:-25px;background:#111a28ed;border:1px solid #ffffff30;padding:18px 22px;font-size:9px;letter-spacing:1px;color:var(--muted)}.float h2{font:700 24px Manrope;color:white;margin:8px 0}.markets{padding:22px 6%;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;letter-spacing:1.5px;color:#8390a4}.markets b{color:#dce2eb}.section{padding:90px 6%}.alt{background:#0c121e;border-block:1px solid #ffffff0c}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.heading h2{font-size:42px;margin:12px 0}.heading p{margin:0;font-size:12px}.heading>small{font-size:9px;letter-spacing:2px;color:#718096}.filters{display:flex;gap:10px;margin:25px 0 15px}.filters input,.filters select,.panel input{background:var(--panel);border:1px solid var(--line);padding:13px;color:var(--text);font:11px "DM Sans";min-width:130px}.filters input{flex:1}.results{display:flex;justify-content:space-between;color:#8190a4;font-size:10px;margin-bottom:14px}.cars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.car{background:var(--panel);border:1px solid var(--line);min-width:0}.car img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;object-position:center;filter:brightness(.92);background:#172235}.carbody{padding:17px}.meta{display:flex;justify-content:space-between;gap:8px;color:#8290a4;font-size:9px;text-transform:uppercase}.car h3{font:700 20px Manrope;margin:10px 0 5px}.price{color:var(--gold);font:700 14px Manrope}.car p{font-size:11px;color:var(--muted);line-height:1.6;min-height:35px}.specs{display:flex;justify-content:space-between;gap:6px;border-block:1px solid var(--line);padding:12px 0;margin:14px 0;font-size:10px;color:#aeb9c8}.actions{display:flex;gap:8px}.actions button{flex:1;padding:10px 6px;font-size:10px;font-weight:700;border:1px solid var(--gold)}.details{background:transparent;color:white;border-color:var(--line)!important}.add{background:var(--gold);color:#111}.add.selected{background:#244536;color:#d2f0df;border-color:#456b5b}.panel{background:var(--panel);border:1px solid var(--line);padding:24px}.panelhead{display:flex;justify-content:space-between;align-items:center}.panelhead button{background:none;border:0;color:var(--gold)}#hint{font-size:10px;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:30px 10px;font-size:12px}.tablewrap{overflow:auto}.comparetable{width:100%;border-collapse:collapse;min-width:620px}.comparetable td,.comparetable th{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:11px;vertical-align:top}.comparetable th{color:var(--gold)}.comparetable td:first-child{color:#8794a7;white-space:nowrap}.tools{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel h3{font:700 22px Manrope;margin:10px 0 20px}.panel label{display:block;font-size:10px;color:#aab5c5;margin:12px 0}.panel input{display:block;width:100%;margin-top:7px}.panel input[type=range]{accent-color:var(--gold)}.result{background:#0b111c;border:1px solid var(--line);padding:15px;margin-top:20px;font-size:9px;letter-spacing:1px;color:#8491a4}.result strong{display:block;font:800 28px Manrope;color:var(--gold);margin:8px 0}.result span{display:block;letter-spacing:0;line-height:1.6}.note{font-size:9px;color:#8794a7;line-height:1.7;margin-top:18px}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guides article{padding:25px;background:linear-gradient(145deg,#172235,#101725);border:1px solid var(--line)}.guides small,.guides a{color:var(--gold);font-size:9px;letter-spacing:1px}.guides h3{font:700 19px Manrope;margin:24px 0 8px}.guides p{font-size:11px;line-height:1.7;color:var(--muted);min-height:38px}.closing{margin:65px 6%;padding:42px 5%;background:#172235;border:1px solid #344157;display:flex;justify-content:space-between;align-items:center}.closing h2{font-size:36px;max-width:600px;margin:12px 0}.closing .button{margin:0;white-space:nowrap}footer{padding:32px 6%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}footer p,footer small{font-size:9px;color:#7d899a}footer small{width:100%}.footlinks{display:flex;gap:18px;flex-wrap:wrap}.footlinks a{font-size:10px;color:#aab5c5}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--gold);color:#111;padding:12px 18px;font-size:11px;display:none;z-index:9}.modalbg{position:fixed;inset:0;background:#000c;display:grid;place-items:center;padding:20px;z-index:8}.modal{max-width:560px;width:100%;max-height:90vh;overflow:auto;background:#111a28;border:1px solid #526078;padding:25px}.modal button{float:right;background:none;border:0;color:white;font-size:23px}.modal p,.modal li{font-size:12px;color:#b4bfce;line-height:1.7}.modalprice{color:var(--gold)}.attribution{font-size:10px!important;color:#94a2b5!important}.attribution a{text-decoration:underline;color:var(--gold)}@media(max-width:850px){.cars{grid-template-columns:repeat(2,1fr)}nav{gap:14px}.hero{gap:3%}}@media(max-width:620px){header{height:68px;padding:0 5%}#menu{display:block}nav{display:none;position:absolute;top:67px;left:0;right:0;background:#101725;padding:20px 6%;flex-direction:column}nav.open{display:flex}.cta{display:none}.hero{display:flex;flex-direction:column;padding:48px 6% 35px;gap:25px}.hero h1{font-size:47px}.heroimg{height:260px;width:100%}.float{left:10px}.stats{gap:8px;justify-content:space-between}.stats b{font-size:9px}.stats small{font-size:8px}.section{padding:60px 6%}.heading{align-items:start}.heading h2{font-size:34px}.heading>small{display:none}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1;min-width:0}.cars,.tools,.guides{grid-template-columns:1fr}.closing{margin:30px 6%;padding:28px;display:block}.closing h2{font-size:30px}.closing .button{margin-top:15px}footer{display:block}footer p{margin:15px 0}.footlinks{margin-top:18px}.markets{justify-content:center}}
/* Variant selector */
.variant-picker{margin:20px 0;padding:16px;background:#0b111c;border:1px solid var(--line)}.variant-picker label{display:block;color:var(--gold);font-size:10px;letter-spacing:1.5px;margin-bottom:9px}.variant-picker select{width:100%;padding:12px;background:var(--panel);color:var(--text);border:1px solid var(--line);font:12px "DM Sans"}.variant-info{margin-top:13px;font-size:11px;color:#c1cad7}.variant-info>b{display:block;color:var(--gold);font:700 16px Manrope;margin-bottom:10px}.variant-info dl{display:grid;grid-template-columns:110px 1fr;gap:7px;margin:0}.variant-info dt{color:#8190a4}.variant-info dd{margin:0;color:#e1e7ef;line-height:1.5}

.compare-actions{display:flex;align-items:center;gap:12px}.compare-now{background:var(--gold);color:#111;border:1px solid var(--gold);padding:10px 16px;font-weight:700;cursor:pointer}.compare-now[hidden]{display:none}.compare-now:hover{filter:brightness(1.08)}@media(max-width:620px){.compare-actions{gap:8px}.compare-now{padding:9px 11px;font-size:10px}}


/* AutoMate premium light-blue refresh */
:root{color-scheme:light;--bg:#f5f8fc;--panel:#ffffff;--line:#dce5f0;--text:#17263b;--muted:#64748b;--gold:#1769aa}
html{background:var(--bg)}
body{background:var(--bg);color:var(--text)}
header{background:rgba(255,255,255,.94);border-bottom:1px solid #e3eaf2;box-shadow:0 4px 18px rgba(24,48,80,.05)}
.brand{color:#17263b}.brand b{border-color:#1769aa;color:#1769aa;border-radius:9px}.brand span{color:#1769aa}
nav a,.link{color:#52647b}nav a:hover,.link:hover{color:#1769aa}
.cta{border:1px solid #1769aa;color:#1769aa;border-radius:7px}
#menu{color:#17263b}
.eyebrow{color:#1769aa}
.hero h1 em,.heading em,.closing em{color:#1769aa}
.hero p,.heading p,.closing p{color:#64748b}
.button{background:#1769aa;color:#fff;border-radius:7px;box-shadow:0 8px 18px rgba(23,105,170,.16)}
.button:hover{background:#10588f}
.outline{background:#fff;color:#1769aa;border:1px solid #1769aa}
.heroimg img{filter:none;border-radius:18px;clip-path:none;box-shadow:0 18px 45px rgba(24,48,80,.16)}
.float{background:rgba(255,255,255,.96);border:1px solid #e1e8f0;border-radius:12px;box-shadow:0 12px 30px rgba(24,48,80,.12);color:#64748b}
.float h2{color:#17263b}
.markets{border-color:#e1e8f0;color:#64748b;background:#fff}
.markets b{color:#1769aa}
.section{background:#f5f8fc}
.alt{background:#edf3f9;border-block:1px solid #e0e8f1}
.heading>small{color:#8090a5}
.filters input,.filters select,.panel input{background:#fff;border:1px solid #d6e0eb;color:#17263b;border-radius:7px;outline-color:#1769aa}
.filters input:focus,.filters select:focus,.panel input:focus{border-color:#1769aa;box-shadow:0 0 0 3px rgba(23,105,170,.1)}
.results{color:#64748b}
.car{background:#fff;border:1px solid #e0e7ef;border-radius:13px;overflow:hidden;box-shadow:0 5px 18px rgba(24,48,80,.045);transition:transform .2s,box-shadow .2s}
.car:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(24,48,80,.1)}
.car img{filter:none;background:#edf2f7}
.meta{color:#718096}
.car h3{color:#17263b}
.price{color:#1769aa}
.car p{color:#64748b}
.specs{border-color:#e7edf4;color:#64748b}
.actions button{border-radius:6px}
.actions .details{background:#fff;color:#1769aa;border-color:#cbd8e6!important}
.actions .add{background:#1769aa;color:#fff;border-color:#1769aa}
.actions .add.selected{background:#e4f4eb;color:#17603a;border-color:#a8d8bc}
.panel{background:#fff;border:1px solid #e0e7ef;border-radius:13px;box-shadow:0 5px 18px rgba(24,48,80,.04)}
.panelhead button{color:#1769aa}
#hint{color:#64748b}
.empty{color:#64748b}
.comparetable td,.comparetable th{border-color:#e6edf4}
.comparetable th{color:#1769aa}
.comparetable td:first-child{color:#64748b}
.panel label{color:#52647b}
.panel input[type=range]{accent-color:#1769aa}
.result{background:#edf5fc;border:1px solid #d8e8f6;border-radius:9px;color:#52647b}
.result strong{color:#1769aa}
.note{color:#718096}
.guides article{background:#fff;border:1px solid #e0e7ef;border-radius:12px;box-shadow:0 5px 18px rgba(24,48,80,.04)}
.guides small,.guides a{color:#1769aa}
.guides h3{color:#17263b}
.guides p{color:#64748b}
.closing{background:linear-gradient(120deg,#e6f1fb,#f5f9fd);border:1px solid #d4e4f2;border-radius:16px}
footer{border-color:#e1e8f0;background:#fff}
footer p,footer small{color:#718096}
.footlinks a{color:#52647b}
#toast{background:#1769aa;color:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(23,105,170,.2)}
.modalbg{background:rgba(18,35,55,.48);backdrop-filter:blur(4px)}
.modal{background:#fff;border:1px solid #dce5f0;border-radius:15px;box-shadow:0 24px 70px rgba(16,35,58,.22)}
.modal button{color:#17263b}
.modal p,.modal li{color:#52647b}
.modalprice{color:#1769aa}
.attribution{color:#718096!important}
.attribution a{color:#1769aa}
.variant-picker{background:#f1f6fb;border:1px solid #dce7f1;border-radius:10px}
.variant-picker label{color:#1769aa}
.variant-picker select{background:#fff;color:#17263b;border:1px solid #d6e0eb;border-radius:7px}
.variant-info{color:#52647b}
.variant-info>b{color:#1769aa}
.variant-info dt{color:#718096}
.variant-info dd{color:#26384d}
.compare-now{background:#1769aa;color:#fff;border:1px solid #1769aa;border-radius:7px}
@media(max-width:620px){header{position:sticky}#nav{position:absolute;top:calc(100% + 8px);left:auto;right:5%;width:min(230px,90vw);padding:8px 12px;gap:0;background:#fff;border:1px solid #e0e7ef;border-radius:12px;box-shadow:0 12px 28px rgba(24,48,80,.14)}#nav a{display:block;padding:13px 10px;border-bottom:1px solid #edf1f5;font-size:13px}#nav a:last-child{border-bottom:0}.footlinks{position:static;width:100%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:18px}.footlinks a{display:inline-block;padding:0;border:0;font-size:10px}.hero{padding-top:42px}.section{background:#f5f8fc}}

/* Image-free AutoMate hero */
.hero-visual{height:410px;position:relative;overflow:hidden;border:1px solid #d7e5f2;border-radius:20px;background:radial-gradient(circle at 72% 28%,#dceefa 0,transparent 34%),linear-gradient(145deg,#ffffff,#e8f2fb);box-shadow:0 18px 45px rgba(24,48,80,.10);display:grid;place-items:center}
.visual-orbit{position:absolute;width:310px;height:310px;border:1px solid #a9c9e3;border-radius:50%;box-shadow:0 0 0 34px rgba(23,105,170,.035),0 0 0 70px rgba(23,105,170,.025)}
.visual-monogram{position:relative;font:800 112px/1 Manrope;letter-spacing:-12px;color:#1769aa;text-shadow:0 10px 25px rgba(23,105,170,.12)}
.visual-monogram span{color:#9bbbd6}
.visual-caption{position:absolute;left:25px;bottom:22px;background:rgba(255,255,255,.94);border:1px solid #dce7f1;border-radius:12px;padding:14px 18px;box-shadow:0 10px 25px rgba(24,48,80,.08)}
.visual-caption small,.visual-caption span{font-size:9px;letter-spacing:1px;color:#64748b}
.visual-caption h2{font:700 24px Manrope;color:#17263b;margin:5px 0}
.visual-tag{position:absolute;right:20px;top:20px;padding:9px 12px;border-radius:20px;background:#1769aa;color:#fff;font-size:9px;letter-spacing:1px}
@media(max-width:620px){.hero-visual{height:260px;width:100%}.visual-monogram{font-size:84px}.visual-orbit{width:210px;height:210px}.visual-caption{left:12px;bottom:12px;padding:10px 13px}.visual-caption h2{font-size:19px}.visual-tag{right:12px;top:12px}}