:root{--bg:#0a0a0b;--card:#111113;--card2:#18181b;--text:#fafafa;--muted:rgba(250,250,250,.72);--border:rgba(255,255,255,.08);--accent1:#ff7a45;--accent2:#ff4d88;--grad:linear-gradient(135deg,var(--accent1),var(--accent2));--radius:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 18px}
.section{padding:56px 0}
.hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden}
.hero__bg{position:absolute;inset:0;background:#000}
.hero__bg::before{content:"";position:absolute;inset:0;background-image:url('/assets/images/hero-luxury-suv-los-angeles.jpg');background-size:cover;background-position:center;filter:brightness(.52)}
.hero__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(800px 500px at 20% 20%, rgba(255,122,69,.18), transparent 60%), radial-gradient(700px 460px at 80% 30%, rgba(255,77,136,.14), transparent 60%)}
.hero__content{position:relative;z-index:2;max-width:820px;padding:28px 0}
.badge{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.18em}
.badge .dot{width:8px;height:8px;border-radius:999px;background:var(--accent2)}
h1{margin:18px 0 10px;font-size:54px;line-height:1.05}
.sub{color:var(--muted);font-size:18px;max-width:720px}
.btnRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 18px;border-radius:14px;font-weight:900;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25)}
.btn--primary{border:none;background:var(--grad);color:#fff;box-shadow:0 14px 40px rgba(255,77,136,.16)}
.btn--ghost:hover{background:rgba(255,255,255,.06)}
.grid{display:grid;gap:14px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--radius);padding:18px}
.card:hover{background:rgba(255,255,255,.06)}
.card h3{margin:0 0 8px;font-size:18px}
.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.kicker{color:rgba(255,255,255,.82);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.list li{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}
.list li::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--accent1);margin-top:7px;flex:0 0 8px}
.faq details{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:14px;padding:14px}
.faq summary{cursor:pointer;font-weight:900}
.faq p{margin:10px 0 0;color:var(--muted)}
@media(max-width:980px){h1{font-size:42px}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.hero{min-height:540px}}
@media(max-width:420px){h1{font-size:36px}.btn{width:100%}}