:root{
  --bg:#050608;
  --panel:#0b0f14;
  --panel2:#101722;
  --text:#f7f9fc;
  --muted:#a6b0c0;
  --blue:#0088ff;
  --blue2:#00b7ff;
  --line:rgba(255,255,255,.12);
  --shadow:0 30px 80px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:86px;display:flex;align-items:center;gap:24px;padding:14px clamp(18px,4vw,56px);background:rgba(3,5,8,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;min-width:190px}.brand img{width:210px;height:58px;object-fit:contain;object-position:left center}.nav{display:flex;gap:28px;margin-left:auto}.nav a{font-weight:800;font-size:.88rem;text-transform:uppercase;letter-spacing:.04em}.nav a:hover{color:var(--blue2)}.header-actions{display:flex;align-items:center;gap:18px}.phone{font-weight:900}.outline-btn,.glass-btn{border:1px solid var(--blue);border-radius:7px;padding:14px 22px;text-transform:uppercase;font-weight:900}.menu-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:white;border-radius:8px;font-size:1.5rem;padding:6px 10px}
.hero{min-height:760px;position:relative;display:flex;align-items:center;padding:150px clamp(22px,5vw,70px) 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/bmw-m3-hero.png') center right/cover no-repeat;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,3,7,.98) 0%,rgba(1,3,7,.83) 33%,rgba(1,3,7,.35) 62%,rgba(1,3,7,.75) 100%),linear-gradient(0deg,rgba(5,6,8,1),rgba(5,6,8,0) 45%)}.hero-content{position:relative;z-index:1;max-width:740px}.eyebrow,.section-kicker{color:var(--blue2);text-transform:uppercase;letter-spacing:.2em;font-weight:900}.hero h1{font-size:clamp(3.3rem,8vw,7rem);line-height:.86;margin:12px 0;text-transform:uppercase;letter-spacing:-.06em}.hero h1 span{display:block;color:var(--blue)}.hero-copy{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.45}.hero-buttons{display:flex;gap:18px;flex-wrap:wrap;margin:30px 0}.primary-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue),#0057d9);color:white;border:0;border-radius:9px;padding:18px 28px;font-weight:900;text-transform:uppercase;box-shadow:0 20px 40px rgba(0,136,255,.25);cursor:pointer}.small{padding:14px 20px}.glass-btn{background:rgba(0,0,0,.35)}.glass-btn strong{color:var(--blue2)}.address{font-size:1.08rem;color:#e8edf5}.section{padding:82px clamp(22px,5vw,70px);border-top:1px solid var(--line)}.section h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;margin:8px 0 18px;text-transform:uppercase}.services-section{text-align:center;background:radial-gradient(circle at 50% 0,rgba(0,136,255,.14),transparent 38%)}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:32px;text-align:left}.card{background:linear-gradient(180deg,rgba(16,23,34,.9),rgba(5,7,10,.94));border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow);transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(0,183,255,.55)}.icon{font-size:2.2rem;text-align:center}.card h3{text-align:center;text-transform:uppercase;font-size:1rem}.card img,.placeholder-img{height:120px;width:100%;object-fit:cover;border-radius:6px;margin:14px 0;filter:saturate(.9) contrast(1.1)}.card ul{padding-left:18px;color:#e4e9f2;line-height:1.7}.card p{color:#e4e9f2;line-height:1.65}.placeholder-img{background:linear-gradient(135deg,#101722,#020305),radial-gradient(circle at 30% 30%,rgba(0,136,255,.4),transparent 34%)}.home-img{background:linear-gradient(135deg,#141b23,#050608 60%)}.commercial-img{background:linear-gradient(135deg,#18212b,#050608 55%)}.headlight-img{background:linear-gradient(135deg,#2a2f38,#06080c 60%)}.fog-img{background:linear-gradient(135deg,#1b2027,#06080c 60%)}.split-section{display:grid;grid-template-columns:1fr 1.3fr;gap:38px;align-items:center}.split-section p{color:var(--muted);font-size:1.05rem;line-height:1.7}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison div{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#090b0f}.comparison img{height:360px;width:100%;object-fit:cover}.comparison span{position:absolute;top:14px;left:14px;background:#050608;color:white;border:1px solid var(--line);border-radius:6px;padding:9px 13px;text-transform:uppercase;font-weight:900}.after span{background:var(--blue)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:1px clamp(22px,5vw,70px)}.stats div{background:#07090d;padding:34px;text-align:center}.stats strong{display:block;color:var(--blue);font-size:3rem}.stats span{color:var(--muted);text-transform:uppercase;font-weight:700}.quote-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:linear-gradient(135deg,#06080c,#0e1622)}.quote-section p{color:var(--muted);line-height:1.7}.quote-form{display:grid;gap:14px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;background:#050608;border:1px solid var(--line);border-radius:8px;color:white;padding:16px;font:inherit}.quote-form textarea{min-height:130px}.contact-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);padding:1px clamp(22px,5vw,70px)}.contact-bar div{background:#080b10;padding:26px}.contact-bar strong{display:block;color:var(--blue2);text-transform:uppercase;margin-bottom:8px}.contact-bar span,.contact-bar a{color:#e8edf5}footer{padding:42px;text-align:center;background:#030405;color:var(--muted)}footer img{width:210px;height:58px;object-fit:contain;margin:0 auto 12px}.float-call,.float-map{position:fixed;right:18px;z-index:55;background:linear-gradient(135deg,var(--blue),#0057d9);color:white;border-radius:12px;padding:14px 18px;font-weight:900;box-shadow:var(--shadow);text-transform:uppercase;font-size:.82rem}.float-call{bottom:92px}.float-map{bottom:28px;background:#07090d;border:1px solid var(--line)}
@media(max-width:1150px){.cards{grid-template-columns:repeat(3,1fr)}.nav{display:none}.menu-toggle{display:block}.nav.open{position:absolute;top:86px;left:0;right:0;display:grid;background:#050608;padding:20px;border-bottom:1px solid var(--line)}.header-actions{display:none}.brand img{width:180px;height:50px}.site-header{height:76px}.hero{padding-top:125px}}
@media(max-width:760px){.site-header{padding:12px 16px}.brand{min-width:150px}.brand img{width:155px;height:44px}.hero{min-height:720px;align-items:flex-end;padding:120px 20px 70px}.hero-bg{background-position:center}.hero-overlay{background:linear-gradient(0deg,rgba(1,3,7,.98) 0%,rgba(1,3,7,.84) 42%,rgba(1,3,7,.25) 100%)}.hero h1{font-size:3.6rem}.cards{grid-template-columns:1fr}.split-section,.quote-section{grid-template-columns:1fr}.comparison{grid-template-columns:1fr}.comparison img{height:270px}.stats,.contact-bar{grid-template-columns:1fr}.float-call,.float-map{right:12px;padding:12px 14px}.section{padding:64px 20px}}