:root{
  --bg:#0a0a0a;
  --panel:#111;
  --text:#e5e5e5;
  --muted:#a3a3a3;
  --line:#262626;
  --champagne:#d9c7a0;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 24px}

.site-header{position:sticky;top:0;backdrop-filter:saturate(1.2) blur(8px);background:rgba(10,10,10,.6);border-bottom:1px solid var(--line);z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand-logo{height:34px;display:block}
.main-nav a{margin-left:18px;padding:8px 6px;color:#cfcfcf}
.main-nav a:hover{color:#fff}

.hero{position:relative;min-height:72vh;background-size:cover;background-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.35),rgba(10,10,10,.7))}
.hero-inner{position:relative;z-index:1;text-align:center;padding:84px 24px 80px}
.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.06;margin:0}
.tagline{margin-top:14px;font-size:clamp(16px,2.6vw,22px);color:#d4d4d4}
.sub{margin-top:6px;color:#muted}

.btn{display:inline-block;border:1px solid var(--line);padding:12px 16px;border-radius:16px;background:#151515;color:#fff;transition:all .2s ease}
.btn:hover{background:#1b1b1b}
.btn-champagne{background:var(--champagne);color:#0a0a0a;border:0}
.btn-champagne:hover{opacity:.92;transform:translateY(-1px)}

.accent{color:var(--champagne)}

.blocks{display:grid;grid-template-columns:1fr;gap:18px;margin:40px auto 64px}
.block{border:1px solid var(--line);border-radius:20px;padding:20px;background:#0f0f0f}
.block h3{margin:0 0 6px 0}
.block p{margin:0;color:#b5b5b5}
@media(min-width:900px){.blocks{grid-template-columns:repeat(3,1fr)}}

.section-head{padding:28px 0 10px}
.section-head h2{font-size:28px;margin:0}
.section-head p{color:#bdbdbd;margin:6px 0 0}

.grid-cars{display:grid;grid-template-columns:1fr;gap:18px;margin:16px 0 64px}
@media(min-width:760px){.grid-cars{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.grid-cars{grid-template-columns:repeat(3,1fr)}}

.car-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#0f0f0f;transition:border-color .2s ease,transform .2s ease}
.car-card:hover{border-color:#3a3a3a;transform:translateY(-1px)}
.car-media{aspect-ratio:16/10;background-size:cover;background-position:center}
.car-body{padding:16px}
.car-body h3{margin:0 0 6px 0;font-size:18px}
.car-specs{margin:0;color:#bdbdbd;font-size:14px}
.price{font-weight:600;font-size:18px}
.car-actions{margin-top:12px;display:flex;align-items:center;justify-content:space-between}
.badge{display:inline-block;margin-top:10px;font-size:12px;border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:#101010;color:#cfcfcf}

.contact-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:72px}
.card{border:1px solid var(--line);border-radius:20px;padding:18px;background:#0f0f0f}
.list{margin:10px 0 0 0;padding:0;list-style:none;color:#cfcfcf}
.list li{margin:8px 0}
.form .row{display:grid;grid-template-columns:1fr;gap:12px}
.form input,.form textarea{width:100%;background:#0b0b0b;border:1px solid #222;border-radius:12px;padding:10px 12px;color:#e9e9e9;outline:none}
.form input:focus,.form textarea:focus{box-shadow:0 0 0 4px rgba(217,199,160,.08)}
.consent{display:block;margin:8px 0 10px;color:#bdbdbd;font-size:12px}
.hint{color:#9f9f9f;font-size:12px;margin-top:6px}
@media(min-width:760px){.form .row{grid-template-columns:repeat(2,1fr)}}

.site-footer{border-top:1px solid var(--line);padding:24px 0;margin-top:16px;text-align:center;color:#9f9f9f}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.fade-up{animation:fadeUp .6s ease forwards}
.fade-up-delayed{opacity:0;animation:fadeUp .7s .1s ease forwards}
.fade-up-delayed-2{opacity:0;animation:fadeUp .8s .2s ease forwards}

/* WhatsApp floating button */
.wa-float{position:fixed;right:18px;bottom:18px;height:54px;width:54px;border-radius:50%;background:var(--champagne);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35);z-index:50;transition:transform .2s ease,opacity .2s ease}
.wa-float:hover{transform:translateY(-2px);opacity:.95}
.wa-float svg{height:26px;width:26px;fill:#0a0a0a}