

:root { --ink:#f3f0e9; --coal:#10100f; --panel:#191816; --amber:#f4a51c; --muted:#aaa49a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--coal); color:var(--ink); font-family:var(--font-body),sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { position:absolute; z-index:10; top:0; left:0; right:0; height:88px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:32px; padding:0 clamp(22px,5vw,76px); border-bottom:1px solid #ffffff25; }
.brand { display:flex; align-items:center; gap:10px; font-family:var(--font-display),sans-serif; font-size:14px; letter-spacing:.04em; }
.brand span { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--amber); border-radius:50%; color:var(--amber); }
nav { display:flex; gap:32px; color:#ddd8ce; font-size:13px; }
nav a:hover { color:var(--amber); }
.header-cta { justify-self:end; display:flex; align-items:center; gap:8px; color:var(--amber); font-size:13px; font-weight:700; }
.header-cta svg { width:17px; }
.hero { position:relative; min-height:790px; height:100svh; overflow:hidden; display:flex; align-items:center; }
.hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,10,9,.94) 0%,rgba(10,10,9,.75) 39%,rgba(10,10,9,.18) 72%); }
.hero-content { position:relative; z-index:1; width:min(730px,88vw); margin-left:clamp(22px,8vw,130px); padding-top:70px; }
.eyebrow { margin:0 0 22px; color:var(--amber); font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:26px; font-family:var(--font-display),sans-serif; font-size:clamp(42px,6.3vw,88px); line-height:1.04; letter-spacing:-.045em; }
h1 em { display:block; color:var(--amber); font-style:normal; }
.hero-copy { max-width:650px; color:#d1ccc1; font-size:clamp(16px,1.4vw,20px); line-height:1.65; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { min-height:54px; padding:0 24px; display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid #ffffff35; font-weight:800; font-size:13px; }
.button svg { width:18px; }
.button-primary { color:#16130d; background:var(--amber); border-color:var(--amber); }
.button-primary:hover { background:#ffb630; }
.button-ghost:hover { border-color:var(--amber); color:var(--amber); }
.proof-row { display:flex; flex-wrap:wrap; gap:24px; margin-top:42px; color:#c8c1b5; font-size:12px; }
.proof-row span { display:flex; align-items:center; gap:8px; }
.proof-row svg { width:17px; color:var(--amber); }
.section { padding:clamp(84px,10vw,150px) clamp(22px,8vw,130px); }
.section-heading { max-width:760px; margin-bottom:52px; }
.section h2 { margin-bottom:20px; font-family:var(--font-display),sans-serif; font-size:clamp(34px,4.4vw,64px); line-height:1.08; letter-spacing:-.04em; }
.section-heading>p:last-child,.mercedes>div>p,.contact-copy>p { color:var(--muted); font-size:17px; line-height:1.7; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #ffffff1f; border-left:1px solid #ffffff1f; }
.service-card { min-height:310px; padding:30px; border-right:1px solid #ffffff1f; border-bottom:1px solid #ffffff1f; background:var(--panel); transition:.25s ease; }
.service-card:hover { background:#211f1b; transform:translateY(-4px); }
.service-top { display:flex; justify-content:space-between; color:var(--amber); }
.service-top span { color:#6d685f; font:12px var(--font-display),sans-serif; }
.service-card h3 { margin:94px 0 14px; font-size:23px; }
.service-card p { color:var(--muted); line-height:1.65; }
.mercedes { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(50px,8vw,130px); align-items:start; background:#e9e4da; color:#171613; }
.mercedes .eyebrow { color:#a76600; }
.mercedes>div>p { color:#5d5952; max-width:660px; }
.model-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }
.model-row span { padding:12px 17px; border:1px solid #1a19172b; font:600 14px var(--font-display),sans-serif; }
.process-list { border-top:1px solid #1a19172b; }
.process-list article { display:grid; grid-template-columns:55px 1fr; gap:24px; padding:24px 0; border-bottom:1px solid #1a19172b; }
.process-list strong { color:#a76600; font:12px var(--font-display),sans-serif; }
.process-list h3 { margin-bottom:8px; font-size:20px; }
.process-list p { color:#69645d; margin:0; }
.contact { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:end; }
.coordinates { font-family:var(--font-display),sans-serif; font-size:13px!important; color:var(--amber)!important; }
.map-card { min-height:116px; display:grid; grid-template-columns:42px 1fr 24px; gap:18px; align-items:center; padding:24px; border:1px solid #ffffff28; background:var(--panel); }
.map-card:hover { border-color:var(--amber); }
.map-card>svg:first-child { color:var(--amber); }
.map-card span { display:flex; flex-direction:column; gap:5px; }
.map-card small { color:var(--muted); }
footer { min-height:110px; display:grid; grid-template-columns:1fr auto auto; gap:30px; align-items:center; padding:24px clamp(22px,5vw,76px); border-top:1px solid #ffffff1f; color:#817b72; font-size:12px; }
footer a:hover { color:var(--amber); }
.stats-page { min-height:100vh; padding:clamp(50px,10vw,120px); background:var(--coal); }
.stats-page h1 { max-width:800px; font-size:clamp(38px,6vw,76px); }
.stats-note { color:var(--muted); max-width:650px; line-height:1.6; }
.stats-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin:50px 0; }
.stats-card { padding:28px; background:var(--panel); border:1px solid #ffffff1f; }
.stats-card strong { display:block; color:var(--amber); font:40px var(--font-display),sans-serif; }
.stats-card span,.text-link { color:var(--muted); }
@media (max-width:900px) { nav{display:none}.site-header{grid-template-columns:1fr auto}.service-grid{grid-template-columns:repeat(2,1fr)}.mercedes,.contact{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px) { .site-header{height:72px}.header-cta{font-size:0}.header-cta svg{width:22px}.hero{min-height:760px}.hero-shade{background:linear-gradient(90deg,rgba(10,10,9,.95),rgba(10,10,9,.6))}.hero-content{padding-top:80px}.proof-row{gap:14px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px}.service-card h3{margin-top:58px}footer{grid-template-columns:1fr;gap:14px}.stats-grid{grid-template-columns:1fr} }

:root{--font-body:Arial,sans-serif;--font-display:Arial,sans-serif}
