/* ===== THEME ===== */
:root{
  --bg:#0a0a0a;            /* dark */
  --panel:#101215;         /* card */
  --ink:#e9eef2;           /* text */
  --muted:#a3b1bf;         /* subtitling */
  --line:#232a33;          /* borders */
  --primary:#e30613;       /* automotive red */
  --primary-d:#b0000f;     /* darker red */
  --acc:#c0c0c0;           /* neutral grey */
  --shadow:0 18px 46px rgba(0,0,0,.35);
  --radius:16px;
  --font: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.55}
img{display:block;max-width:100%;height:auto}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.section{padding:84px 0}
.section-title{font-size:clamp(26px,4vw,40px);font-weight:900;text-align:center;margin-bottom:10px;color:var(--primary);text-transform:uppercase}
.section-subtitle{text-align:center;margin:0 auto 42px;color:var(--muted)}

/* ===== HEADER ===== */
.site-header{position:fixed;inset:0 0 auto 0;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 20px;background:rgba(10,10,10,.75);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06);z-index:50;transition:all .25s ease}
.site-header .brand{font-weight:900;letter-spacing:.3px}
.site-header .brand .mark{color:var(--primary)}
.site-header .nav{display:flex;gap:18px}
.site-header .nav a{color:var(--ink);text-decoration:none;opacity:.9}
.site-header .nav a:hover{color:#fff}
.site-header .cta-call{padding:10px 14px;border-radius:10px;background:linear-gradient(180deg,var(--primary),var(--primary-d));color:#fff;text-decoration:none;font-weight:800;box-shadow:var(--shadow)}
.site-header.scrolled{padding:10px 20px;background:rgba(10,10,10,.92)}

/* ===== HERO ===== */
.hero{position:relative;display:grid;place-items:center;min-height:92vh;padding-top:60px;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.75)),url('https://i.imgur.com/WdUcN74.jpeg') center/cover no-repeat}
.hero-inner{max-width:860px;text-align:center;padding:0 20px;animation:fadeIn 1s ease both}
.hero h1{font-size:clamp(34px,5.6vw,64px);font-weight:900;color:#fff;margin:0 0 10px;text-transform:uppercase}
.hero p{font-size:clamp(16px,2.2vw,20px);color:#edf3f8;opacity:.92;margin-bottom:18px}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:10px}

.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:900;text-decoration:none;transition:transform .06s ease, filter .2s ease, box-shadow .25s ease}
.btn.primary{background:linear-gradient(180deg,var(--primary),var(--primary-d));color:#fff;box-shadow:0 12px 26px rgba(227,6,19,.25)}
.btn.primary:hover{filter:brightness(1.03)}
.btn.ghost{border:2px solid #fff;color:#fff}
.btn.ghost:hover{background:#fff;color:#0a0a0a}
.btn.full{display:block;text-align:center}

.badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.badges li{list-style:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#e8f0f6;padding:8px 10px;border-radius:999px;font-size:14px}

/* ===== CARS ===== */
.cars{background:linear-gradient(180deg,#111,#000)}
.car-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.car-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.car-card:hover{transform:translateY(-6px);border-color:rgba(227,6,19,.45);box-shadow:0 18px 40px rgba(227,6,19,.25)}
.car-media{position:relative;aspect-ratio:16/10;overflow:hidden}
.car-media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05)}
.tag{position:absolute;left:10px;top:10px;background:linear-gradient(180deg,var(--primary),var(--primary-d));color:#fff;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px}
.car-body{padding:14px}
.car-body h3{margin:0 0 6px}
.car-body p{margin:0;color:var(--muted)}
/* ===== CONTACT ===== */
.contact{background:linear-gradient(180deg,#0b0b0c,#0f1216)}
.map-wrap{max-width:950px;margin:0 auto 20px;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.55);border:1px solid #1b2230}
.contact-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ===== FOOTER ===== */
.site-footer{border-top:1px solid #141a22;background:#0a0b0d;padding:22px 0;color:#aeb9c7}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px}
.f-brand{font-weight:900}.f-brand .mark{color:var(--primary)}
.f-info{display:flex;gap:12px;justify-content:center}
.f-info a{color:#cfe2f0;text-decoration:none}
.f-copy{text-align:right}

/* ===== RESPONSIVE ===== */
@media (max-width:900px){
  .site-header .nav{display:none}
  .footer-grid{grid-template-columns:1fr;gap:6px}
  .f-copy{text-align:center}
}

/* ===== MOTION ===== */
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}