:root{
  --bg:#0a0c0f; --panel:#12161b; --panel2:#171c22; --text:#f3f4f6;
  --muted:#9ca3af; --line:#2a3038; --accent:#d71920; --accent2:#ff3b42;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(135deg,#090b0e,#11151a 55%,#090b0e);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(8,10,13,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font-weight:800;letter-spacing:2px}.logo span{color:var(--accent)}
nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:14px;color:#c8cdd4}nav a:hover,nav a.active{color:#fff}
.hero{min-height:620px;display:grid;place-items:center;position:relative;overflow:hidden}
.hero:before{content:"A5";position:absolute;font-size:clamp(180px,30vw,420px);font-weight:900;color:rgba(255,255,255,.025);right:-20px;bottom:-80px}
.hero-inner{position:relative;z-index:1;padding:80px 0}
.kicker{color:var(--accent2);font-size:13px;text-transform:uppercase;letter-spacing:3px;font-weight:700}
h1{font-size:clamp(48px,8vw,92px);line-height:.95;margin:15px 0 25px;letter-spacing:-4px}
h2{font-size:36px;line-height:1.1;margin:0 0 18px}h3{margin-top:0}
.lead{font-size:20px;color:#c5cad1;max-width:700px}
.btn{display:inline-block;margin-top:22px;padding:13px 22px;border:1px solid #444b54;border-radius:4px;background:#181d23}.btn:hover{border-color:var(--accent);background:#211315}
.btn.red{background:var(--accent);border-color:var(--accent);font-weight:700}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 80px}
.stat{background:var(--panel);padding:25px}.stat b{display:block;font-size:27px}.stat span{color:var(--muted);font-size:13px}
.section{padding:80px 0}.section.alt{background:rgba(255,255,255,.018);border-block:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:7px}.card p{color:var(--muted);margin-bottom:0}
.card .num{color:var(--accent2);font-size:12px;font-weight:800;letter-spacing:2px}
.specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.spec{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);gap:20px}.spec span{color:var(--muted)}
.timeline{border-left:2px solid var(--accent);padding-left:28px;display:grid;gap:28px}.timeline article{position:relative}.timeline article:before{content:"";width:9px;height:9px;background:var(--accent);position:absolute;left:-34px;top:8px;border-radius:50%}.timeline small{color:var(--accent2);font-weight:700}
.quote{font-size:27px;line-height:1.35;border-left:3px solid var(--accent);padding-left:24px;color:#ddd}
footer{padding:35px 0;color:#777;border-top:1px solid var(--line);font-size:13px}
.page-hero{padding:100px 0 55px;border-bottom:1px solid var(--line)}
.tag{display:inline-block;border:1px solid #39404a;padding:5px 10px;border-radius:20px;color:#bfc5cc;font-size:12px;margin:4px}
@media(max-width:760px){
  nav{gap:10px}.nav{height:auto;padding:15px 0;align-items:flex-start}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.specs{grid-template-columns:1fr}
  h1{letter-spacing:-2px}.hero{min-height:560px}.lead{font-size:17px}
}
.hero.photo{background:
linear-gradient(90deg,rgba(7,9,12,.96) 0%,rgba(7,9,12,.72) 42%,rgba(7,9,12,.15) 100%),
url("https://commons.wikimedia.org/wiki/Special:Redirect/file/2007_Audi_A5.JPG") center/cover no-repeat}
.photo-strip{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:35px}
.photo-card{min-height:320px;border:1px solid var(--line);background-size:cover;background-position:center;position:relative;overflow:hidden}
.photo-card.small{min-height:220px}
.photo-card .caption{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.9))}
@media(max-width:760px){.photo-strip{grid-template-columns:1fr}.photo-card{min-height:260px}}