@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --bg: #0b0d0f;
  --panel: #12161a;
  --text: #f4f5f6;
  --muted: #a5abb1;
  --line: #252a2f;
  --accent: #e63232;
  --accent-dark: #b91f1f;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family:Inter,sans-serif; color:var(--text); background:var(--bg); line-height:1.6; }
a { color:inherit; text-decoration:none; }
.nav {
  height:76px; padding:0 6vw; display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10;
  background:rgba(11,13,15,.92); backdrop-filter:blur(12px);
}
.logo, footer strong { font-size:1.25rem; font-weight:900; letter-spacing:.08em; }
.logo span, footer span { color:var(--accent); }
.nav nav { display:flex; gap:32px; color:var(--muted); font-size:.9rem; }
.nav nav a:hover { color:var(--text); }
.nav-phone { font-size:.9rem; font-weight:700; }
.hero {
  min-height:650px; padding:90px 8vw; display:grid; grid-template-columns:1.25fr .75fr;
  align-items:center; gap:8vw;
  background:radial-gradient(circle at 80% 45%,rgba(230,50,50,.18),transparent 32%),linear-gradient(135deg,#0b0d0f 0%,#12161a 100%);
}
.hero-content { max-width:850px; }
.eyebrow { color:#ef5353; font-size:.72rem; font-weight:800; letter-spacing:.18em; margin:0 0 18px; }
h1 { font-size:clamp(3rem,7vw,6.4rem); line-height:.98; letter-spacing:-.065em; margin:0; }
h1 span { color:var(--accent); }
.lead { max-width:620px; color:var(--muted); font-size:1.08rem; margin:28px 0 34px; }
.actions { display:flex; gap:12px; flex-wrap:wrap; }
.btn { display:inline-flex; justify-content:center; align-items:center; border:0; border-radius:7px; padding:14px 23px; font:inherit; font-weight:800; cursor:pointer; transition:.2s; }
.primary { background:var(--accent); color:white; }
.primary:hover { background:var(--accent-dark); transform:translateY(-1px); }
.secondary { border:1px solid #3a4148; background:transparent; }
.secondary:hover { border-color:#777; }
.hero-card {
  min-height:330px; padding:42px; border:1px solid var(--line); border-radius:18px;
  background:linear-gradient(145deg,#171c21,#0e1114); display:flex; flex-direction:column;
  justify-content:flex-end; box-shadow:0 25px 70px rgba(0,0,0,.3);
}
.car-icon { margin-bottom:auto; font-size:6rem; opacity:.9; }
.hero-card p { color:var(--muted); margin:0 0 5px; }
.hero-card strong { font-size:1.55rem; }
.hero-card small { color:#737a81; margin-top:10px; }
.services,.contact { padding:110px 8vw; }
.section-head { max-width:700px; margin-bottom:55px; }
h2 { font-size:clamp(2.2rem,4vw,4rem); line-height:1.05; letter-spacing:-.045em; margin:0; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.service-grid article { padding:34px 30px 35px 0; border-bottom:1px solid var(--line); min-height:190px; }
.service-grid article:not(:nth-child(3n+1)) { padding-left:30px; border-left:1px solid var(--line); }
.service-grid span { color:var(--accent); font-size:.75rem; font-weight:800; }
h3 { margin:12px 0 8px; font-size:1.2rem; }
.service-grid p { color:var(--muted); margin:0; font-size:.92rem; }
.contact { background:#111519; display:grid; grid-template-columns:1fr 1fr; gap:8vw; }
.contact-intro { color:var(--muted); max-width:500px; margin:22px 0 35px; }
.contact-list { display:grid; gap:0; max-width:550px; }
.contact-list > * { display:grid; grid-template-columns:100px 1fr; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); }
.contact-list b { font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; color:#858c93; }
.contact-list span { color:var(--text); }
.contact-form { padding:34px; background:var(--bg); border:1px solid var(--line); border-radius:14px; }
.contact-form h3 { font-size:1.5rem; margin:0 0 25px; }
label { display:block; color:#b6bcc2; font-size:.82rem; margin-bottom:17px; }
input,textarea { width:100%; margin-top:7px; padding:14px; background:#15191d; color:white; border:1px solid #2b3137; border-radius:6px; font:inherit; outline:none; }
input:focus,textarea:focus { border-color:var(--accent); }
.contact-form .btn { width:100%; }
.form-message { color:#73d391; font-size:.85rem; min-height:20px; }
footer { padding:28px 8vw; display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); color:#747b82; font-size:.78rem; }
footer strong { color:var(--text); }
footer a:hover { color:white; }
@media (max-width:800px) {
  .nav { padding:0 5vw; }
  .nav nav,.nav-phone { display:none; }
  .hero,.contact { grid-template-columns:1fr; }
  .hero { padding:70px 6vw; min-height:auto; }
  .hero-card { min-height:270px; }
  .services,.contact { padding:75px 6vw; }
  .service-grid { grid-template-columns:1fr; }
  .service-grid article,.service-grid article:not(:nth-child(3n+1)) { padding:28px 0; border-left:0; }
  footer { padding:25px 6vw; flex-wrap:wrap; gap:12px; }
}