:root{
  --bg:#050505;
  --panel:#0b0b0d;
  --panel-2:#111114;
  --text:#ffffff;
  --muted:rgba(255,255,255,.67);
  --muted-2:rgba(255,255,255,.44);
  --line:rgba(255,255,255,.11);
  --red:#f41f2a;
  --red-2:#a50d17;
  --red-soft:rgba(244,31,42,.16);
  --shadow:0 28px 90px rgba(0,0,0,.65);
  --radius:26px;
  --max:1210px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input,select{font-family:inherit}
.noise{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 10% 8%,rgba(244,31,42,.14),transparent 26%),radial-gradient(circle at 85% 15%,rgba(244,31,42,.16),transparent 22%),linear-gradient(180deg,#000 0%,#08080a 44%,#000 100%)}
.noise:after{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto;position:relative;z-index:1}
.site-header{position:fixed;top:18px;left:0;right:0;z-index:40}
.nav-wrap{height:76px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(0,0,0,.62);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 20px 70px rgba(0,0,0,.5)}
.brand img{width:210px;height:58px;object-fit:cover;object-position:center;border-radius:12px;filter:drop-shadow(0 0 22px rgba(244,31,42,.25))}
.nav{display:flex;align-items:center;gap:36px;font-size:13px;text-transform:uppercase;font-weight:900;letter-spacing:.04em}
.nav a{color:rgba(255,255,255,.82);position:relative;padding:29px 0}
.nav a.active,.nav a:hover{color:var(--red)}
.map-wrap {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.map-wrap iframe {
  display: block;
  filter: grayscale(30%) contrast(1.05); /* optional, matches dark theme */
}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transition:.25s ease;box-shadow:0 0 18px var(--red)}
.nav a.active:after,.nav a:hover:after{transform:scaleX(1)}
.phone-btn{height:48px;border:1px solid rgba(244,31,42,.75);border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 18px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.phone-icon{color:var(--red);font-size:18px}.menu-btn{display:none;background:transparent;border:0;width:44px;height:44px}.menu-btn span{display:block;height:2px;background:#fff;margin:7px 0;border-radius:99px}
.hero{position:relative;min-height:740px;padding:150px 0 80px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.86) 34%,rgba(5,5,5,.2) 62%,#050505 100%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.2) 30%,transparent 75%),url('https://images.unsplash.com/photo-1606664515524-ed2f786a0bd6?auto=format&fit=crop&w=2200&q=85') center right/cover;filter:saturate(1.05) contrast(1.12)}
.hero-bg:after{content:"";position:absolute;right:0;top:0;width:62%;height:100%;background:radial-gradient(circle at 74% 45%,rgba(244,31,42,.28),transparent 34%),linear-gradient(90deg,transparent,rgba(244,31,42,.1))}
.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:40px}
.eyebrow{color:var(--red);text-transform:uppercase;font-weight:800;letter-spacing:.08em;font-size:13px;margin:0 0 18px}.hero h1{margin:0;font-size:clamp(45px,6.4vw,82px);line-height:.98;letter-spacing:-.06em;text-transform:uppercase;text-shadow:0 10px 40px rgba(0,0,0,.8)}
.hero-text{max-width:560px;color:rgba(255,255,255,.78);font-size:18px;line-height:1.7;margin:22px 0 0}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.btn{height:56px;border-radius:8px;border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.02em;cursor:pointer;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--red),var(--red-2));border-color:rgba(244,31,42,.95);box-shadow:0 18px 44px rgba(244,31,42,.25);color:#fff}.btn-outline{background:rgba(0,0,0,.35);color:#fff}.btn-dark{background:#0d0d0f;color:#fff}
.hero-benefits{display:flex;gap:30px;flex-wrap:wrap;margin-top:38px;color:rgba(255,255,255,.76)}.hero-benefits span{display:flex;align-items:center;gap:8px}.hero-visual{min-height:460px}.car-card{position:relative;min-height:480px}.plate{position:absolute;right:16%;bottom:28%;width:164px;height:54px;border:1px solid rgba(244,31,42,.6);border-radius:6px;background:#080808;display:grid;place-items:center;box-shadow:0 0 28px rgba(244,31,42,.25)}.plate img{width:138px;height:38px;object-fit:cover;border-radius:5px}
section{position:relative}.vehicle-section{padding:44px 0 78px;background:linear-gradient(180deg,#09090b,#050505)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.section-kicker{display:block;color:var(--red);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.08em;margin-bottom:8px}.section-head h2,.section-title h2,.about h2,.api-card h2{margin:0;font-size:clamp(31px,4vw,46px);letter-spacing:-.045em;line-height:1.02;text-transform:uppercase}.section-head p{max-width:650px;margin:0;color:var(--muted);line-height:1.7}.config-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;overflow:hidden}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.filters label{display:grid;gap:8px}.filters span{font-size:12px;color:rgba(255,255,255,.62)}select,input{width:100%;height:56px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);border-radius:9px;color:#fff;padding:0 14px;outline:none}select:focus,input:focus{border-color:rgba(244,31,42,.7);box-shadow:0 0 0 4px rgba(244,31,42,.12)}.filter-btn{width:100%;align-self:end}.result-card{margin-top:24px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.02));display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden}.result-car{display:flex;gap:28px;align-items:center;padding:24px}.car-thumb{width:205px;height:105px;border-radius:12px;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.5)),url('https://images.unsplash.com/photo-1619767886558-efdc259cde1a?auto=format&fit=crop&w=700&q=80') center/cover}.result-car h3{font-size:29px;letter-spacing:-.04em;margin:0 0 8px}.result-car p{margin:0 0 16px;color:#fff;font-weight:600}.meta-row{display:flex;gap:14px;flex-wrap:wrap;color:rgba(255,255,255,.68);font-size:12px}.performance{display:grid;grid-template-columns:1fr 48px 1fr 1fr;align-items:center;border-left:1px solid var(--line);padding:24px;gap:12px}.metric-block{padding:20px;border-left:1px solid rgba(255,255,255,.07)}.metric-block span{display:block;text-transform:uppercase;color:var(--muted-2);font-weight:900;font-size:12px;margin-bottom:12px}.metric-block.stage span,.gain strong{color:var(--red)}.metric-block strong{display:block;font-size:18px;margin:8px 0}.metric-block b{font-size:26px}.arrow{font-size:52px;color:rgba(255,255,255,.55);line-height:1}.gain{display:grid;gap:16px;font-size:24px;border-left:1px solid var(--line);padding-left:25px}.result-actions{display:flex;justify-content:center;gap:14px;margin-top:18px}.stats-section{padding:30px 0 72px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));padding:28px;display:grid;grid-template-columns:auto 1fr;gap:12px 18px;align-items:center}.stat-card span{color:var(--red);font-size:38px}.stat-card strong{font-size:28px;text-transform:uppercase}.stat-card p{grid-column:2;margin:0;color:var(--muted-2);font-size:12px;text-transform:uppercase}.services{padding:75px 0;background:linear-gradient(180deg,#050505,#09090b 45%,#050505)}.section-title{text-align:center;margin-bottom:30px}.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.service{border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));transition:.25s ease}.service:hover{transform:translateY(-7px);border-color:rgba(244,31,42,.45)}.service-img{height:150px;background-size:cover;background-position:center;filter:saturate(.78) contrast(1.1)}.img-remap{background-image:url('https://images.unsplash.com/photo-1581092160607-ee22731c8f3d?auto=format&fit=crop&w=700&q=80')}.img-dpf{background-image:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=700&q=80')}.img-coding{background-image:url('https://images.unsplash.com/photo-1515879218367-8466d910aaa4?auto=format&fit=crop&w=700&q=80')}.img-immo{background-image:url('https://images.unsplash.com/photo-1552519507-da3b142c6e3d?auto=format&fit=crop&w=700&q=80')}.img-adblue{background-image:url('https://images.unsplash.com/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=700&q=80')}.service-body{padding:20px}.service-icon{width:46px;height:46px;border:1px solid rgba(244,31,42,.45);background:rgba(244,31,42,.11);color:var(--red);border-radius:999px;display:grid;place-items:center;margin:-43px 0 14px;position:relative}.service h3{margin:0 0 10px;text-transform:uppercase;font-size:17px}.service p{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 18px}.service a{color:var(--red);font-weight:900;text-transform:uppercase;font-size:12px}.about{padding:80px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}.about-content,.about-panel,.api-card{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}.about p,.api-card p{color:var(--muted);line-height:1.75}.about ul{padding-left:18px;color:rgba(255,255,255,.78);line-height:2}.about-panel{display:grid;align-content:center;background:radial-gradient(circle at 80% 12%,rgba(244,31,42,.18),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}.about-panel h3{font-size:28px;letter-spacing:-.04em}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-grid span{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:18px;background:rgba(0,0,0,.22);font-weight:800}.api-section{padding:76px 0}.api-card{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.vin-form{display:grid;grid-template-columns:1fr auto;gap:12px}.vin-result{grid-column:1/-1;min-height:130px;white-space:pre-wrap;color:#d8d8d8;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#070709;padding:18px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.contact{padding:70px 0 24px;background:#030303;border-top:1px solid rgba(255,255,255,.09)}.contact-grid{display:grid;grid-template-columns:1.2fr .95fr .85fr 1.3fr;gap:30px}.contact-brand img{width:240px;height:70px;object-fit:cover;border-radius:12px}.contact-brand p,.contact-info p{color:var(--muted);line-height:1.7}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{border:1px solid rgba(244,31,42,.45);color:#fff;padding:10px 12px;border-radius:8px;font-size:12px}.contact-info h3{margin-top:0;text-transform:uppercase}.contact-info p a{color:#fff}.map-card{min-height:140px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:radial-gradient(circle at center,rgba(244,31,42,.14),transparent 30%),linear-gradient(135deg,#111,#050505);display:grid;place-items:center;text-align:center;padding:26px}.map-pin{font-size:36px;color:var(--red)}.map-card span{color:var(--muted)}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.08);margin:40px auto 0;padding-top:22px;color:var(--muted-2);width:min(var(--max),calc(100% - 40px));font-size:13px}.reveal{opacity:0;transform:translateY(22px);transition:.75s ease}.reveal.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.nav{gap:18px}.services-grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:repeat(2,1fr)}.result-card,.about-grid,.api-card{grid-template-columns:1fr}.performance{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:860px){.site-header{top:8px}.nav-wrap{width:calc(100% - 20px);height:70px}.brand img{width:170px;height:50px}.menu-btn{display:block}.phone-btn{display:none}.nav{position:absolute;left:0;right:0;top:82px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,0,0,.94);display:none;grid-template-columns:1fr;gap:0}.nav.open{display:grid}.nav a{padding:15px 6px}.hero{padding-top:125px;min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.hero h1{font-size:48px}.result-card{display:block}.result-car{display:block}.car-thumb{width:100%;height:180px;margin-bottom:18px}.performance{grid-template-columns:1fr}.arrow{display:none}.stats-grid,.contact-grid{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:14px}.vin-form{grid-template-columns:1fr}.filters{grid-template-columns:1fr}}
@media(max-width:560px){.container{width:calc(100% - 24px)}.hero h1{font-size:39px}.hero-text{font-size:16px}.hero-actions .btn{width:100%}.hero-benefits{display:grid;gap:13px}.stats-grid,.services-grid,.contact-grid,.mini-grid{grid-template-columns:1fr}.config-card,.about-content,.about-panel,.api-card{padding:20px}.performance{padding:18px}.gain{border-left:0;padding-left:0}.section-head h2,.section-title h2,.about h2,.api-card h2{font-size:31px}}
