:root{
  --red:#b52f25;
  --red-dark:#8f2119;
  --black:#101315;
  --charcoal:#1c2023;
  --text:#1b1f22;
  --muted:#5e6266;
  --line:#d9dcde;
  --white:#fff;
  --off:#f5f5f3;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.45}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(1460px,calc(100% - 56px));margin:0 auto}
.topbar{position:absolute;z-index:5;top:0;left:0;right:0;padding:26px 0}
.topbar .inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.logo{width:290px;max-width:42vw}
.langs{display:flex;gap:15px;align-items:center;padding-top:5px;font-size:15px;font-weight:700;letter-spacing:.04em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.langs a{opacity:.92;border-bottom:2px solid transparent;padding-bottom:7px}
.langs a:hover,.langs a.active{color:#ffded9;border-color:var(--red)}
.langs span{opacity:.55}
.hero{min-height:540px;position:relative;overflow:hidden;background:linear-gradient(90deg,#f7f7f5 0%,#f7f7f5 49%,#c8cbd0 49%,#2b3035 100%)}
.hero-bg{position:absolute;inset:0 0 0 50%;background:url('assets/hero-car.png') center/cover no-repeat}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,247,245,.86),rgba(247,247,245,.12) 20%,rgba(0,0,0,.05))}
.hero-content{position:relative;z-index:2;padding-top:118px;padding-bottom:32px;width:47%;max-width:690px}
.eyebrow{display:inline-block;color:var(--red);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:14px;margin-bottom:9px}
h1{font-size:clamp(48px,5.8vw,84px);line-height:.98;letter-spacing:-.045em;margin:0 0 22px;font-weight:850}
h1 .red{color:var(--red);display:block}
.lead{font-size:20px;max-width:590px;margin:0 0 26px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:14px 21px;font-weight:800;border:1px solid transparent;transition:.2s ease}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 8px 22px rgba(181,47,37,.22)}
.btn-primary:hover{background:var(--red-dark);transform:translateY(-1px)}
.btn-secondary{background:#fff;border-color:#d2d5d7}
.btn-secondary:hover{border-color:#9da2a6}
.quote-float{position:absolute;z-index:3;right:8.5%;bottom:24px;width:310px;background:rgba(255,255,255,.95);border-radius:10px;padding:20px 22px;box-shadow:0 15px 45px rgba(0,0,0,.2)}
.quote-float strong{display:block;color:var(--red);font-size:20px;margin-bottom:6px}
.quote-float p{margin:0 0 12px;font-size:15px}
.products{background:linear-gradient(135deg,#111517,#22282c);padding:18px 0 16px;color:#fff}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{background:#171b1e;border:1px solid rgba(255,255,255,.12);border-radius:7px;overflow:hidden;min-width:0}
.card img{width:100%;aspect-ratio:2/1;object-fit:cover;filter:saturate(.85) contrast(1.02)}
.card-body{padding:14px 17px 17px}
.card h3{font-size:17px;margin:0 0 7px}
.card p{margin:0;color:#d5d8da;font-size:14px}
.features{background:#15191b;color:#fff;padding:20px 0;border-top:1px solid rgba(255,255,255,.08)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.feature{display:flex;align-items:center;gap:12px;padding:4px 24px;border-right:1px solid rgba(255,255,255,.16);font-size:14px}
.feature:first-child{padding-left:0}.feature:last-child{border-right:0;padding-right:0}
.icon{width:40px;height:40px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:19px;font-weight:900;flex:0 0 auto}
.contact{display:grid;grid-template-columns:1.25fr 1fr;background:#fff}
.quote-panel{background:linear-gradient(120deg,var(--red),#c43a2d);color:#fff;padding:34px max(28px,calc((100vw - 1460px)/2 + 28px)) 34px max(28px,calc((100vw - 1460px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}
.quote-copy h2,.contact-panel h2{margin:0 0 8px;font-size:26px}
.quote-copy p,.contact-panel p{margin:0}
.email-btn{white-space:nowrap;background:#15191b;color:#fff;padding:14px 20px;border-radius:7px;font-weight:800}
.email-btn:hover{background:#000}
.contact-panel{padding:34px max(28px,calc((100vw - 1460px)/2)) 34px 58px;background:#f4f4f2}
.contact-panel a{text-decoration:underline;text-underline-offset:3px}
.address{margin-top:10px!important;color:#333}
footer{background:#111517;color:#d7d9db;text-align:center;padding:25px 20px 20px}
.footer-logo{width:210px;margin:0 auto 10px;filter:brightness(0) invert(1);opacity:.95}
footer p{margin:5px 0;font-size:13px}
footer .small{color:#8f969b}
@media (max-width:1050px){
  .hero{background:#f7f7f5;min-height:auto;padding-bottom:320px}.hero-bg{inset:auto 0 0 0;height:340px}.hero-content{width:100%;max-width:760px}.quote-float{right:28px;bottom:24px}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr);gap:16px}.feature{border-right:0;padding:0}.contact{grid-template-columns:1fr}.contact-panel{padding:32px max(28px,calc((100vw - 1460px)/2))}
}
@media (max-width:680px){
  .wrap{width:min(100% - 30px,1460px)}.topbar{position:relative;background:#f7f7f5;padding:18px 0}.topbar .inner{align-items:center}.logo{width:210px}.langs{color:#1c2023;text-shadow:none;padding-top:0;gap:10px;font-size:13px}.hero-content{padding-top:40px}.hero{padding-bottom:270px}.hero-bg{height:270px}.quote-float{position:relative;right:auto;bottom:auto;width:auto;margin:20px 15px -245px}.product-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.quote-panel{flex-direction:column;align-items:flex-start;padding:28px 20px}.contact-panel{padding:28px 20px}.lead{font-size:18px}h1{font-size:49px}
}