:root {
  --bg: #f3f5f7;
  --ink: #0d1218;
  --muted: #5b6570;
  --line: rgba(13,18,24,.13);
  --dark: #090d12;
  --dark-2: #0e141c;
  --white: #f8fbff;
  --accent: #59d8ff;
  --accent-2: #5d7cff;
  --radius: 24px;
  --shadow: 0 24px 80px rgba(7,12,18,.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
.card-link { display:block; margin:14px 25px 24px; color:#2765d6; font-size:12px; font-weight:800; letter-spacing:.04em; }

/* Search landing pages */
.seo-body { background:#0a0f15; color:#f8fbff; }
.seo-header { position:sticky; background:rgba(9,13,18,.96); }
.seo-main { min-height:100vh; }
.seo-hero { padding:150px clamp(24px,7vw,110px) 90px; background:radial-gradient(circle at 80% 15%,rgba(89,216,255,.16),transparent 30%),linear-gradient(135deg,#070b10,#101a25); }
.seo-hero .crumb { color:#7fdfff; font:700 10px monospace; letter-spacing:.16em; text-transform:uppercase; }
.seo-hero h1 { max-width:1050px; margin:24px 0; font-size:clamp(46px,7vw,92px); line-height:.96; letter-spacing:-.05em; }
.seo-hero p { max-width:780px; color:rgba(255,255,255,.68); font-size:clamp(18px,2vw,23px); line-height:1.65; }
.seo-content { padding:90px clamp(24px,7vw,110px); background:#f3f5f7; color:#0d1218; }
.seo-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:7vw; }
.seo-copy h2 { font-size:clamp(34px,4vw,58px); margin:0 0 24px; }
.seo-copy h3 { font-size:25px; margin:44px 0 12px; }
.seo-copy p,.seo-copy li { color:#53606c; font-size:16px; line-height:1.8; }
.seo-copy ul { padding-left:20px; }
.seo-side { align-self:start; background:#0d141d; color:white; border-radius:24px; padding:30px; position:sticky; top:110px; }
.seo-side h3 { margin:0 0 18px; font-size:22px; }
.seo-side a { display:block; padding:13px 0; border-top:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.72); font-size:14px; }
.seo-side .button { margin-top:22px; color:#061017; }
.seo-band { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:54px; }
.seo-band div { border:1px solid rgba(13,18,24,.12); border-radius:20px; padding:25px; background:white; }
.seo-band strong { display:block; margin-bottom:9px; font-size:18px; }
.seo-band span { color:#65717d; font-size:14px; line-height:1.55; }
@media (max-width:800px){.seo-grid{grid-template-columns:1fr}.seo-side{position:static}.seo-band{grid-template-columns:1fr}.seo-hero{padding-top:125px}}
button { font: inherit; }
::selection { background: var(--accent); color: #00151f; }

.site-header {
  position: fixed;
  z-index: 100;
  top: 0; left: 0; right: 0;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(22px, 5vw, 72px);
  color: white;
  background: linear-gradient(to bottom, rgba(4,7,10,.82), rgba(4,7,10,.08));
  backdrop-filter: blur(8px);
  transition: background .25s ease, box-shadow .25s ease;
}
.site-header.scrolled {
  background: rgba(9,13,18,.94);
  box-shadow: 0 10px 35px rgba(0,0,0,.18);
}
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark {
  position: relative;
  width: 38px; height: 38px;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 50%;
  display: grid; place-items: center;
}
.brand-mark:before {
  content:""; position:absolute; inset:7px;
  border: 2px solid currentColor; border-radius:50%;
}
.brand-mark span {
  position:absolute; width:2px; height:12px; background:currentColor;
  transform-origin: 1px 19px; top:0;
}
.brand-mark span:nth-child(1){ transform:translateY(0) rotate(0deg); }
.brand-mark span:nth-child(2){ transform:translateY(0) rotate(120deg); }
.brand-mark span:nth-child(3){ transform:translateY(0) rotate(240deg); }
.brand-text { display:flex; align-items:baseline; gap:7px; letter-spacing:.08em; }
.brand-text strong { font-size:14px; }
.brand-text small { font-size:9px; opacity:.62; letter-spacing:.18em; }

.main-nav { display:flex; align-items:center; gap:30px; font-size:13px; }
.main-nav a { opacity:.76; transition: opacity .2s, transform .2s; }
.main-nav a:hover { opacity:1; transform:translateY(-1px); }
.main-nav .nav-cta {
  opacity:1; padding:10px 16px; border:1px solid rgba(255,255,255,.32); border-radius:999px;
}
.nav-toggle { display:none; border:0; background:none; width:42px; height:42px; position:relative; }
.nav-toggle span { position:absolute; width:22px; height:1px; background:white; left:10px; top:17px; }
.nav-toggle span:last-child { top:24px; }

.hero {
  min-height: 100vh;
  background:
    radial-gradient(circle at 17% 22%, rgba(46,105,255,.22), transparent 35%),
    radial-gradient(circle at 82% 58%, rgba(52,220,255,.16), transparent 34%),
    linear-gradient(135deg, #06090d 0%, #0a1017 58%, #111a25 100%);
  color:white;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  align-items:center;
  gap:6vw;
  padding: 150px clamp(24px,7vw,110px) 90px;
}
.hero-grid {
  position:absolute; inset:0;
  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, transparent, black 15%, black 70%, transparent);
}
.hero:after {
  content:"";
  position:absolute;
  width:min(72vw,980px); aspect-ratio:1;
  border:1px solid rgba(255,255,255,.055);
  border-radius:50%;
  right:-20vw; top:12vh;
  box-shadow: inset 0 0 0 90px rgba(255,255,255,.008), inset 0 0 0 180px rgba(255,255,255,.006);
}
.hero-glow { position:absolute; border-radius:50%; filter:blur(50px); opacity:.25; }
.hero-glow-a { width:420px; height:420px; background:#1f74ff; left:-220px; top:25%; }
.hero-glow-b { width:350px; height:350px; background:#49e9ff; right:5%; bottom:-180px; }

.hero-content, .hero-panel, .scroll-cue { position:relative; z-index:2; }
.eyebrow {
  font-size:11px; line-height:1; letter-spacing:.24em; font-weight:800;
  margin:0 0 22px; color:#687480;
}
.hero .eyebrow { color:rgba(255,255,255,.55); }
.eyebrow.accent { color:var(--accent); }
.hero h1 {
  margin:0;
  font-size:clamp(52px,7vw,104px);
  line-height:.92;
  letter-spacing:-.055em;
  font-weight:760;
  max-width:1000px;
}
.hero h1 span {
  display:inline-block;
  color:transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,.72);
}
.hero-copy {
  max-width:720px; color:rgba(255,255,255,.68);
  font-size:clamp(17px,1.5vw,22px); line-height:1.65;
  margin:32px 0 38px;
}
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.button {
  min-height:50px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; font-size:13px; font-weight:750; letter-spacing:.02em;
  transition: transform .2s, box-shadow .2s, background .2s;
}
.button:hover { transform:translateY(-2px); }
.button-primary {
  color:#061017; background:linear-gradient(135deg,#7be8ff,#6e83ff);
  box-shadow:0 14px 38px rgba(73,178,255,.18);
}
.button-ghost { border:1px solid rgba(255,255,255,.24); color:white; background:rgba(255,255,255,.04); }
.button-outline { border:1px solid rgba(255,255,255,.22); color:white; }
.full { width:100%; }

.hero-panel {
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  border-radius:28px;
  padding:28px;
  backdrop-filter:blur(14px);
}
.panel-kicker { font-size:10px; letter-spacing:.2em; color:rgba(255,255,255,.48); margin-bottom:10px; }
.focus-card {
  display:grid; grid-template-columns:52px 1fr; gap:18px; padding:23px 0;
  border-top:1px solid rgba(255,255,255,.10);
}
.focus-number { color:var(--accent); font:700 13px/1 monospace; padding-top:4px; }
.focus-card h3 { margin:0 0 8px; font-size:20px; }
.focus-card p { margin:0; color:rgba(255,255,255,.57); line-height:1.55; font-size:14px; }
.signal-row {
  margin-top:10px; padding-top:18px; border-top:1px solid rgba(255,255,255,.10);
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  color:rgba(255,255,255,.45); font-size:9px; letter-spacing:.10em; text-transform:uppercase;
}
.signal-row i { width:3px; height:3px; background:var(--accent); border-radius:50%; }
.scroll-cue {
  position:absolute; left:clamp(24px,7vw,110px); bottom:28px;
  display:flex; align-items:center; gap:13px; color:rgba(255,255,255,.42);
  font-size:9px; letter-spacing:.18em;
}
.scroll-cue b { display:block; width:50px; height:1px; background:linear-gradient(90deg,var(--accent),transparent); }

.section { padding:110px clamp(24px,7vw,110px); position:relative; }
.section-label {
  font:700 10px/1 monospace; letter-spacing:.18em; color:#7f8994;
  padding-bottom:20px; border-bottom:1px solid var(--line); margin-bottom:66px;
}
.section-label.light { color:rgba(255,255,255,.42); border-color:rgba(255,255,255,.10); }

.split-copy, .government-head, .about-grid, .contact-grid {
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); gap:8vw;
}
h2 {
  font-size:clamp(38px,5vw,72px); line-height:1.02; letter-spacing:-.045em;
  margin:0; font-weight:750;
}
.lead { font-size:clamp(18px,1.6vw,23px); line-height:1.6; margin:0 0 22px; }
.split-copy p:not(.lead), .about-copy p:not(.lead), .supplier-copy p:not(.lead) {
  color:var(--muted); line-height:1.75; font-size:15px;
}
.service-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:72px;
}
.service-card {
  min-height:245px; padding:25px; border:1px solid var(--line); border-radius:var(--radius);
  background:rgba(255,255,255,.72); box-shadow:0 8px 40px rgba(20,28,38,.04);
  display:flex; flex-direction:column; justify-content:flex-end;
  transition:transform .25s, box-shadow .25s, border-color .25s;
}
.service-card:hover { transform:translateY(-6px); box-shadow:var(--shadow); border-color:rgba(55,120,255,.28); }
.service-index {
  margin-bottom:auto; width:34px; height:34px; border-radius:50%; display:grid; place-items:center;
  border:1px solid var(--line); color:#70808e; font:700 11px monospace;
}
.service-card h3 { font-size:21px; margin:0 0 9px; }
.service-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.6; }

.dark-section { background:var(--dark); color:white; overflow:hidden; }
.government-backdrop { position:absolute; inset:0; pointer-events:none; opacity:.65; }
.orbit { position:absolute; border:1px solid rgba(98,199,255,.09); border-radius:50%; }
.orbit-1 { width:820px; height:820px; right:-330px; top:100px; }
.orbit-2 { width:560px; height:560px; right:-180px; top:230px; }
.tech-lines {
  position:absolute; inset:0;
  background-image:linear-gradient(90deg,transparent 0 73%,rgba(255,255,255,.025) 73% 73.1%,transparent 73.1%);
}
.government > *:not(.government-backdrop) { position:relative; z-index:1; }
.light-copy { color:rgba(255,255,255,.64); }
.capability-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:72px;
}
.capability {
  border:1px solid rgba(255,255,255,.11); border-radius:22px; padding:26px;
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
}
.capability-icon {
  width:44px; height:44px; border:1px solid rgba(93,216,255,.35); border-radius:12px;
  display:grid; place-items:center; color:var(--accent); font:800 10px monospace; letter-spacing:.08em;
  margin-bottom:48px;
}
.capability h3 { font-size:20px; margin:0 0 10px; }
.capability p { color:rgba(255,255,255,.55); line-height:1.65; font-size:14px; margin:0; }
.category-band {
  margin-top:56px; padding:32px; border-radius:24px;
  background:linear-gradient(135deg,rgba(76,143,255,.13),rgba(88,226,255,.07));
  border:1px solid rgba(111,212,255,.16);
  display:grid; grid-template-columns:.8fr 1.2fr; gap:30px; align-items:center;
}
.micro-label { color:var(--accent); font:700 9px monospace; letter-spacing:.2em; }
.category-band h3 { margin:8px 0 0; font-size:27px; }
.category-tags { display:flex; flex-wrap:wrap; gap:8px; }
.category-tags span {
  padding:9px 12px; border:1px solid rgba(255,255,255,.11); border-radius:999px;
  color:rgba(255,255,255,.66); font-size:12px;
}
.process {
  margin-top:80px; display:grid; grid-template-columns:repeat(5,1fr); position:relative; gap:18px;
}
.process-line { position:absolute; top:21px; left:8%; right:8%; height:1px; background:rgba(255,255,255,.1); }
.process-step { position:relative; text-align:center; }
.process-step b {
  width:44px; height:44px; border-radius:50%; margin:0 auto 18px; display:grid; place-items:center;
  background:#0d141c; border:1px solid rgba(111,218,255,.28); color:var(--accent); font:700 11px monospace;
}
.process-step strong { display:block; font-size:14px; }
.process-step span { display:block; color:rgba(255,255,255,.42); font-size:11px; margin-top:5px; }

.supplier-layout { display:grid; grid-template-columns:1.02fr .98fr; gap:8vw; align-items:start; }
.supplier-copy .lead { margin-top:30px; }
.text-link {
  display:inline-flex; gap:12px; align-items:center; margin-top:16px; font-weight:750;
  padding-bottom:7px; border-bottom:1px solid currentColor;
}
.supplier-card {
  background:#111820; color:white; border-radius:28px; padding:30px;
  box-shadow:0 32px 90px rgba(9,14,19,.17);
}
.supplier-card-top {
  display:flex; justify-content:space-between; color:#6f7d8b; font:700 10px monospace;
  letter-spacing:.18em; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.1);
}
.supplier-card ul { list-style:none; padding:0; margin:10px 0 26px; }
.supplier-card li {
  padding:17px 0; border-bottom:1px solid rgba(255,255,255,.08); display:flex; gap:18px; align-items:center;
  font-size:14px;
}
.supplier-card li span { color:var(--accent); font:700 10px monospace; }
.supplier-note {
  display:flex; flex-direction:column; gap:5px; border-radius:16px;
  background:rgba(81,202,255,.08); padding:18px;
}
.supplier-note strong { color:#dff8ff; }
.supplier-note span { color:rgba(255,255,255,.52); font-size:13px; }

.about { background:white; }
.about-copy .lead { margin-bottom:22px; }
.principles { margin-top:38px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.principles div { padding:19px 16px 0 0; }
.principles strong, .principles span { display:block; }
.principles strong { font-size:13px; }
.principles span { color:#7b8793; font-size:11px; margin-top:5px; }

.contact { background:linear-gradient(145deg,#070b10,#101923); }
.contact-panel { border-top:1px solid rgba(255,255,255,.12); }
.contact-row {
  min-height:76px; display:grid; grid-template-columns:100px 1fr 20px; gap:16px; align-items:center;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.contact-row span { color:rgba(255,255,255,.42); font-size:12px; }
.contact-row strong { font-size:15px; }
.contact-row b { color:var(--accent); }
.contact-panel .button { margin-top:14px; }

footer {
  background:#05080b; color:white; padding:34px clamp(24px,7vw,110px);
  display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:30px;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-brand { display:flex; align-items:center; gap:10px; }
.brand-mark.small { width:31px; height:31px; color:white; }
.brand-mark.small:before { inset:6px; }
.footer-brand strong, .footer-brand small { display:block; }
.footer-brand strong { font-size:12px; letter-spacing:.08em; }
.footer-brand small { color:rgba(255,255,255,.4); font-size:9px; margin-top:3px; }
footer p { margin:0; color:rgba(255,255,255,.38); font-size:10px; }
footer p:last-child { text-align:right; }

.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.08s; }
.delay-2 { transition-delay:.16s; }
.delay-3 { transition-delay:.24s; }
.delay-4 { transition-delay:.32s; }

@media (max-width: 980px) {
  .main-nav {
    position:fixed; top:78px; left:14px; right:14px;
    display:none; flex-direction:column; align-items:stretch; gap:0;
    padding:16px; background:rgba(9,13,18,.97); border:1px solid rgba(255,255,255,.12);
    border-radius:20px; box-shadow:0 30px 80px rgba(0,0,0,.4);
  }
  .main-nav.open { display:flex; }
  .main-nav a { padding:14px 12px; }
  .main-nav .nav-cta { margin-top:8px; text-align:center; }
  .nav-toggle { display:block; }
  .hero { grid-template-columns:1fr; padding-top:130px; }
  .hero-panel { max-width:700px; }
  .split-copy, .government-head, .about-grid, .contact-grid, .supplier-layout { grid-template-columns:1fr; gap:38px; }
  .service-grid, .capability-grid { grid-template-columns:repeat(2,1fr); }
  .category-band { grid-template-columns:1fr; }
  footer { grid-template-columns:1fr; }
  footer p:last-child { text-align:left; }
}

@media (max-width: 640px) {
  .site-header { height:68px; padding:0 18px; }
  .brand-text small { display:none; }
  .hero { min-height:auto; padding:118px 20px 82px; }
  .hero h1 { font-size:51px; }
  .hero-copy { font-size:17px; }
  .hero-actions .button { width:100%; }
  .hero-panel { padding:21px; border-radius:22px; }
  .scroll-cue { display:none; }
  .section { padding:82px 20px; }
  .section-label { margin-bottom:46px; }
  .service-grid, .capability-grid { grid-template-columns:1fr; }
  .service-card { min-height:200px; }
  .capability-icon { margin-bottom:32px; }
  .process { grid-template-columns:1fr; gap:4px; }
  .process-line { top:0; bottom:0; left:21px; right:auto; height:auto; width:1px; }
  .process-step { display:grid; grid-template-columns:44px 1fr; column-gap:16px; text-align:left; align-items:center; padding:8px 0; }
  .process-step b { margin:0; grid-row:1 / span 2; }
  .process-step strong { align-self:end; }
  .process-step span { align-self:start; }
  .principles { grid-template-columns:1fr; }
  .contact-row { grid-template-columns:72px 1fr 16px; }
}


/* V2 corporate refinement */
:root{
  --accent:#8fc9dd;
  --accent-2:#6f8ea8;
  --bg:#f5f6f7;
}
.brand-text strong{font-size:15px;letter-spacing:.14em;font-weight:800}
.hero{
  background:
    radial-gradient(circle at 75% 42%, rgba(73,111,143,.15), transparent 31%),
    linear-gradient(122deg,#070a0d 0%,#0d1218 58%,#151c23 100%);
}
.hero h1{font-weight:680;letter-spacing:-.045em}
.hero h1 span{-webkit-text-stroke:1px rgba(255,255,255,.58)}
.button-primary{
  background:#e9f2f5;
  color:#0a1116;
  box-shadow:none;
}
.button-primary:hover{background:white}
.hero-panel{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}
.credential-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#fff;
  border-bottom:1px solid rgba(13,18,24,.10);
  padding:0 clamp(24px,7vw,110px);
}
.credential-strip div{
  position:relative;
  min-height:124px;
  padding:28px 28px 25px 0;
  border-right:1px solid rgba(13,18,24,.09);
}
.credential-strip div:not(:first-child){padding-left:28px}
.credential-strip div:last-child{border-right:0}
.credential-strip span{
  display:block;
  font:700 9px monospace;
  letter-spacing:.15em;
  color:#8b959e;
  margin-bottom:14px;
}
.credential-strip strong{display:block;font-size:14px;letter-spacing:.01em}
.credential-strip small{display:block;margin-top:5px;color:#7a858f;font-size:11px}
.service-card,.supplier-card,.category-band{border-radius:12px}
.capability{border-radius:12px}
.government{background:#0b1015}
.category-band{
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.11);
}
.section-label{letter-spacing:.22em}
@media(max-width:800px){
 .credential-strip{grid-template-columns:repeat(2,1fr)}
 .credential-strip div:nth-child(2){border-right:0}
}
@media(max-width:520px){
 .credential-strip{grid-template-columns:1fr}
 .credential-strip div,.credential-strip div:not(:first-child){padding:22px 0;border-right:0;border-bottom:1px solid rgba(13,18,24,.09)}
}


/* =========================================================
   MR.WHEELS V3 — Corporate brand system
   ========================================================= */
:root{
  --mw-orange:#e8752b;
  --mw-copper:#c9632b;
  --mw-orange-soft:#f2a25f;
  --mw-charcoal:#080a0d;
  --mw-graphite:#11161c;
  --mw-silver:#d8dde1;
  --accent:var(--mw-orange);
  --accent-2:var(--mw-copper);
}

.site-header{
  height:86px;
  background:linear-gradient(to bottom,rgba(5,7,9,.94),rgba(5,7,9,.46),transparent);
}
.site-header.scrolled{
  background:rgba(7,9,12,.96);
  border-bottom:1px solid rgba(232,117,43,.14);
}
.brand-logo{
  width:205px;
  height:68px;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.brand-logo img{
  width:205px;
  height:auto;
  display:block;
  transform:scale(1.38);
  transform-origin:center;
}

.hero{
  min-height:100vh;
  background:
    radial-gradient(circle at 78% 50%,rgba(232,117,43,.13),transparent 28%),
    radial-gradient(circle at 12% 24%,rgba(151,163,174,.07),transparent 26%),
    linear-gradient(125deg,#050608 0%,#0b0e12 54%,#14191f 100%);
}
.hero-grid{
  opacity:.7;
  background-size:64px 64px;
}
.hero:after{
  border-color:rgba(232,117,43,.075);
  box-shadow:inset 0 0 0 90px rgba(232,117,43,.008),
             inset 0 0 0 180px rgba(255,255,255,.005);
}
.hero-glow-a{background:#9e4b1f;opacity:.16}
.hero-glow-b{background:#e8752b;opacity:.13}
.hero h1{
  max-width:1080px;
  font-weight:690;
}
.hero h1 span{
  -webkit-text-stroke:1px rgba(239,146,84,.72);
}
.hero .eyebrow,.eyebrow.accent,.micro-label,.focus-number,
.capability-icon,.process-step b,.supplier-card li span{
  color:var(--mw-orange-soft);
}
.button-primary{
  background:var(--mw-orange);
  color:#fff;
  box-shadow:0 14px 40px rgba(232,117,43,.16);
}
.button-primary:hover{background:#f08438}
.button-ghost,.nav-cta{
  border-color:rgba(232,117,43,.30)!important;
}
.hero-panel{
  border-radius:14px;
  border-color:rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.signal-row i{background:var(--mw-orange)}
.scroll-cue b{background:linear-gradient(90deg,var(--mw-orange),transparent)}

.credential-strip{
  background:#f8f8f7;
}
.credential-strip span{color:var(--mw-copper)}
.credential-strip strong{font-weight:760}

.brand-statement{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  min-height:82px;
  padding:20px clamp(24px,7vw,110px);
  background:#0a0c0f;
  color:var(--mw-orange);
}
.brand-statement p{
  margin:0;
  white-space:nowrap;
  font-size:10px;
  font-weight:850;
  letter-spacing:.32em;
}
.brand-statement-rule{
  height:1px;
  flex:1;
  max-width:240px;
  background:linear-gradient(90deg,transparent,rgba(232,117,43,.48));
}
.brand-statement-rule:last-child{
  background:linear-gradient(90deg,rgba(232,117,43,.48),transparent);
}

.service-card{
  border-radius:8px;
  background:#fff;
  box-shadow:none;
}
.service-card:hover{
  border-color:rgba(232,117,43,.35);
  box-shadow:0 24px 60px rgba(20,18,16,.08);
}
.service-index{
  color:var(--mw-copper);
  border-color:rgba(201,99,43,.25);
}

.government{
  background:
    radial-gradient(circle at 90% 12%,rgba(232,117,43,.08),transparent 30%),
    #090c10;
}
.capability{
  border-radius:8px;
  background:rgba(255,255,255,.025);
}
.capability-icon{
  border-color:rgba(232,117,43,.32);
}
.category-band{
  border-radius:8px;
  border-color:rgba(232,117,43,.18);
  background:linear-gradient(135deg,rgba(232,117,43,.07),rgba(255,255,255,.02));
}
.process-step b{
  border-color:rgba(232,117,43,.32);
}

.supplier-card{
  border-radius:10px;
  background:#101419;
  border-top:2px solid var(--mw-orange);
}
.supplier-note{
  background:rgba(232,117,43,.07);
}
.supplier-note strong{color:#fff1e7}

.contact{
  background:
    radial-gradient(circle at 10% 100%,rgba(232,117,43,.09),transparent 35%),
    linear-gradient(145deg,#07090b,#10151b);
}
.contact-row b{color:var(--mw-orange)}

.footer-logo{
  width:190px;
  height:66px;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.footer-logo img{
  width:190px;
  height:auto;
  transform:scale(1.35);
}

@media(max-width:640px){
  .site-header{height:74px}
  .brand-logo{width:160px;height:60px}
  .brand-logo img{width:160px}
  .hero{padding-top:112px}
  .brand-statement{gap:12px}
  .brand-statement p{font-size:8px;letter-spacing:.20em}
  .footer-logo{width:165px}
  .footer-logo img{width:165px}
}


/* =========================================================
   MR.WHEELS V3.1 — global positioning + readability
   ========================================================= */

/* Logo: show the complete official mark without clipping */
.brand-logo{
  width:238px !important;
  height:76px !important;
  overflow:visible !important;
  display:flex;
  align-items:center;
}
.brand-logo img{
  width:100% !important;
  max-height:72px;
  height:auto !important;
  object-fit:contain;
  transform:none !important;
  transform-origin:center;
}
.site-header{height:94px}

.footer-logo{
  width:220px !important;
  height:auto !important;
  overflow:visible !important;
}
.footer-logo img{
  width:100% !important;
  height:auto !important;
  transform:none !important;
  object-fit:contain;
}

/* Cleaner corporate typography in the Government area */
.government,
.government button,
.government a,
.government p,
.government span{
  font-family:Arial, Helvetica, sans-serif;
}
.category-band{
  padding:34px 32px;
  gap:30px;
}
.category-title .micro-label{
  font-size:11px;
  letter-spacing:.20em;
  font-weight:800;
}
.category-title h3{
  font-size:clamp(25px,2vw,34px);
  line-height:1.08;
  letter-spacing:-.025em;
}
.category-pills{
  gap:12px;
}
.category-pills span{
  min-height:42px;
  padding:0 17px;
  display:inline-flex;
  align-items:center;
  font-size:13px !important;
  line-height:1;
  font-weight:600;
  letter-spacing:.005em;
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.025);
}
.category-pills span:hover{
  border-color:rgba(232,117,43,.42);
  background:rgba(232,117,43,.08);
}

/* Government visual / armored vehicle banner */
.government-visual{
  position:relative;
  min-height:430px;
  margin:42px 0 30px;
  overflow:hidden;
  border-radius:10px;
  border:1px solid rgba(232,117,43,.18);
  background:#0a0c0f;
}
.government-visual img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 55%;
  filter:saturate(.72) contrast(1.04);
}
.government-visual-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,7,9,.92) 0%,rgba(5,7,9,.70) 42%,rgba(5,7,9,.18) 75%,rgba(5,7,9,.20) 100%),
    linear-gradient(0deg,rgba(5,7,9,.48),transparent 58%);
}
.government-visual-copy{
  position:absolute;
  z-index:2;
  left:clamp(28px,5vw,72px);
  bottom:clamp(30px,5vw,64px);
  max-width:620px;
}
.government-visual-copy span{
  display:block;
  margin-bottom:14px;
  color:var(--mw-orange-soft);
  font-size:11px !important;
  font-weight:800;
  letter-spacing:.20em;
}
.government-visual-copy h3{
  margin:0;
  max-width:590px;
  color:#fff;
  font-size:clamp(30px,3.2vw,50px);
  line-height:1.03;
  letter-spacing:-.035em;
}
.government-visual-copy p{
  margin:18px 0 0;
  color:rgba(255,255,255,.72);
  font-size:14px !important;
  line-height:1.55;
}

@media(max-width:760px){
  .site-header{height:80px}
  .brand-logo{width:190px !important;height:64px !important}
  .brand-logo img{max-height:60px}
  .category-band{padding:26px 22px}
  .category-pills span{font-size:12.5px !important;min-height:40px}
  .government-visual{min-height:470px}
  .government-visual-overlay{
    background:linear-gradient(0deg,rgba(5,7,9,.94) 0%,rgba(5,7,9,.66) 55%,rgba(5,7,9,.18) 100%);
  }
  .government-visual-copy{left:24px;right:24px;bottom:30px}
}


/* =========================================================
   MR.WHEELS V3.2 — visual service & capability cards
   ========================================================= */
.visual-service-grid,.visual-capability-grid{align-items:stretch}
.visual-card,.visual-capability{padding:0!important;overflow:hidden;display:flex;flex-direction:column;min-height:390px}
.card-image,.capability-image{position:relative;height:190px;overflow:hidden;background:#111}
.card-image img,.capability-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.visual-card:hover .card-image img,.visual-capability:hover .capability-image img{transform:scale(1.035)}
.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,14,.18),transparent 55%)}
.card-body{padding:22px 25px 25px;display:flex;flex-direction:column;flex:1}
.card-body .service-index{margin:0 0 25px}
.card-body h3{margin-top:auto}

.visual-capability{background:rgba(255,255,255,.025)}
.capability-image{height:175px}
.capability-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,12,16,.75),rgba(9,12,16,.06) 65%)}
.capability-image img{filter:saturate(.72) contrast(1.05)}
.capability-body{padding:22px 26px 27px;display:flex;flex-direction:column;flex:1}
.capability-body .capability-icon{margin:0 0 24px}
.capability-body h3{margin-top:auto}

@media(max-width:1100px){
 .card-image,.capability-image{height:220px}
}
@media(max-width:760px){
 .visual-card,.visual-capability{min-height:0}
 .card-image,.capability-image{height:230px}
}


/* =========================================================
   MR.WHEELS V3.3 — Capabilities in Motion
   ========================================================= */
.motion-section{
  margin:64px 0 48px;
}
.motion-heading{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);
  gap:56px;
  align-items:end;
  margin-bottom:28px;
}
.motion-heading .micro-label{
  color:var(--mw-orange-soft);
  font-size:11px;
  font-weight:800;
  letter-spacing:.22em;
  margin:0 0 12px;
}
.motion-heading h3{
  margin:0;
  max-width:760px;
  color:#fff;
  font-size:clamp(34px,4vw,58px);
  line-height:.98;
  letter-spacing:-.045em;
}
.motion-heading > p{
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:15px;
  line-height:1.65;
}
.motion-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.motion-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:#0c0f12;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.motion-card:hover{
  transform:translateY(-4px);
  border-color:rgba(232,117,43,.38);
  box-shadow:0 24px 60px rgba(0,0,0,.25);
}
.motion-media{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#050607;
}
.motion-media iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.motion-number{
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid rgba(232,117,43,.55);
  border-radius:50%;
  background:rgba(5,7,9,.72);
  color:#f08a46;
  font:700 10px/1 Arial,Helvetica,sans-serif;
  backdrop-filter:blur(8px);
  pointer-events:none;
}
.motion-copy{
  padding:24px 25px 27px;
}
.motion-copy > span{
  display:block;
  margin-bottom:9px;
  color:#ef8844;
  font:800 10px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.17em;
}
.motion-copy h4{
  margin:0 0 10px;
  color:#fff;
  font:700 clamp(20px,1.6vw,26px)/1.15 Arial,Helvetica,sans-serif;
  letter-spacing:-.02em;
}
.motion-copy p{
  margin:0;
  color:rgba(255,255,255,.60);
  font:400 14px/1.6 Arial,Helvetica,sans-serif;
}
.motion-source-note{
  margin:15px 2px 0;
  color:rgba(255,255,255,.35);
  font:400 10px/1.5 Arial,Helvetica,sans-serif;
}
@media(max-width:860px){
  .motion-heading{grid-template-columns:1fr;gap:18px}
  .motion-grid{grid-template-columns:1fr}
}


/* =========================================================
   MR.WHEELS FINAL — corporate polish
   ========================================================= */

/* Automotive cards */
.service-card h3{
  font-size:17px !important;
  line-height:1.2;
  letter-spacing:.035em;
  font-weight:800;
}
.split-intro .eyebrow{
  font-size:11px;
  letter-spacing:.18em;
  font-weight:800;
}
.split-intro h2{
  max-width:760px;
  font-size:clamp(42px,5vw,74px);
  line-height:.98;
}
.service-card p{
  font-size:13.5px;
  line-height:1.6;
}

/* Image-based Government capability cards */
.capability-grid-visual{
  align-items:stretch;
}
.capability-visual{
  padding:0 !important;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:390px;
  background:#0c1014 !important;
}
.capability-image{
  height:190px;
  overflow:hidden;
  background:#07090b;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.capability-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.86) contrast(1.02);
  transition:transform .45s ease, filter .45s ease;
}
.capability-visual:hover .capability-image img{
  transform:scale(1.035);
  filter:saturate(.96) contrast(1.04);
}
.capability-body{
  position:relative;
  padding:24px 25px 28px;
  flex:1;
}
.capability-body .capability-icon{
  width:42px;
  height:42px;
  margin:0 0 24px;
  border-radius:10px;
}
.capability-body h3{
  margin:0 0 11px;
  color:#fff;
  font:800 16px/1.25 Arial,Helvetica,sans-serif;
  letter-spacing:.035em;
}
.capability-body p{
  margin:0;
  color:rgba(255,255,255,.60);
  font:400 13.5px/1.62 Arial,Helvetica,sans-serif;
}
.capability-visual{
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.capability-visual:hover{
  transform:translateY(-4px);
  border-color:rgba(232,117,43,.36);
  box-shadow:0 22px 60px rgba(0,0,0,.22);
}

/* Slightly more premium category typography */
.category-tags span,
.category-pills span{
  font-size:13px !important;
  font-weight:650 !important;
  letter-spacing:.01em !important;
}

/* Footer & contact wording */
footer p{
  letter-spacing:.03em;
}

/* Better mobile rhythm */
@media(max-width:640px){
  .split-intro h2{font-size:40px}
  .capability-image{height:210px}
  .service-card h3{font-size:16px !important}
}


/* =========================================================
   MR.WHEELS — MOCKUP-ALIGNED FINAL THEME
   ========================================================= */

:root{
  --mw-orange:#f06a00;
  --mw-orange-2:#ff7a18;
  --mw-black:#050608;
  --mw-panel:#0b0f12;
  --mw-panel-2:#101418;
  --mw-border:rgba(255,255,255,.16);
  --mw-text:#f7f7f7;
  --mw-muted:rgba(255,255,255,.72);
}

/* HEADER */
.site-header{
  height:118px !important;
  padding:0 clamp(36px,5vw,78px) !important;
  background:#050608 !important;
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:none !important;
}
.site-header.scrolled{
  background:#050608 !important;
}
.brand-logo{
  width:300px !important;
  height:108px !important;
  overflow:visible !important;
}
.brand-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:none !important;
}
.main-nav{
  gap:38px !important;
  font-family:Arial,Helvetica,sans-serif !important;
}
.main-nav a{
  color:#f7f7f7 !important;
  opacity:1 !important;
  font-size:15px !important;
  font-weight:750 !important;
  letter-spacing:.01em !important;
}
.main-nav .nav-cta{
  padding:14px 24px !important;
  border:1px solid var(--mw-orange) !important;
  border-radius:999px !important;
}

/* HERO */
.hero{
  min-height:720px !important;
  padding:165px clamp(40px,6vw,92px) 90px !important;
  background:
    linear-gradient(90deg,rgba(3,4,5,.96) 0%,rgba(3,4,5,.78) 33%,rgba(3,4,5,.24) 68%,rgba(3,4,5,.35) 100%),
    url("government-contract-fulfillment.png") center 48% / cover no-repeat !important;
}
.hero-grid,.hero-glow,.hero:after{display:none !important}
.hero-content{
  max-width:610px !important;
}
.hero h1{
  color:#fff !important;
  font:850 clamp(50px,5.2vw,82px)/.98 Arial,Helvetica,sans-serif !important;
  letter-spacing:-.035em !important;
  text-transform:uppercase;
  text-shadow:0 2px 18px rgba(0,0,0,.34);
}
.hero h1 span{
  color:#fff !important;
  -webkit-text-stroke:0 !important;
}
.hero-copy{
  color:rgba(255,255,255,.82) !important;
  font:500 clamp(18px,1.45vw,23px)/1.5 Arial,Helvetica,sans-serif !important;
  max-width:560px !important;
}
.hero-actions .button-primary{
  min-height:54px !important;
  padding:0 26px !important;
  border-radius:6px !important;
  background:linear-gradient(180deg,var(--mw-orange-2),var(--mw-orange)) !important;
  color:#fff !important;
  font-size:14px !important;
  letter-spacing:.04em !important;
  box-shadow:none !important;
}
.hero-actions .button-ghost{
  display:none !important;
}
.hero-panel,.scroll-cue,.credential-strip,.brand-statement{
  display:none !important;
}

/* GLOBAL DARK CORPORATE FLOW */
body{background:#07090b !important}
.split-intro{background:#f3f4f5 !important}
.section-label{
  font-size:10px !important;
  font-weight:850 !important;
  letter-spacing:.18em !important;
}

/* AUTOMOTIVE */
.split-intro .eyebrow{
  color:#585f66 !important;
  font-size:11px !important;
  letter-spacing:.18em !important;
}
.split-intro h2{
  text-transform:uppercase;
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:850 !important;
  letter-spacing:-.035em !important;
}
.service-card{
  border-radius:8px !important;
  border:1px solid rgba(20,25,30,.14) !important;
}
.service-card h3{
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:850 !important;
}

/* GOVERNMENT */
.government{
  background:
    radial-gradient(circle at 88% 10%,rgba(240,106,0,.08),transparent 27%),
    #080b0e !important;
}
.government .section-label{
  text-align:center;
  border-bottom:0 !important;
  margin-bottom:28px !important;
  color:#fff !important;
  font:850 clamp(26px,2.8vw,42px)/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:.03em !important;
}
.government-head{
  display:none !important;
}
.capability-grid-visual{
  gap:12px !important;
  margin-top:12px !important;
}
.capability-visual{
  min-height:430px !important;
  border-radius:6px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  background:#0a0d10 !important;
}
.capability-image{
  height:215px !important;
}
.capability-body{
  padding:20px 20px 24px !important;
}
.capability-body .capability-icon{
  float:left;
  margin:0 14px 8px 0 !important;
  border-color:rgba(240,106,0,.55) !important;
  color:var(--mw-orange-2) !important;
}
.capability-body h3{
  color:#fff !important;
  font-size:17px !important;
  font-weight:850 !important;
  letter-spacing:.025em !important;
}
.capability-body p{
  color:rgba(255,255,255,.72) !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
}
.capability-visual:hover{
  border-color:rgba(240,106,0,.7) !important;
}

/* Hide the older large visual banner to keep the mockup composition tight */
.government-visual{display:none !important}

/* SUPPLY CATEGORIES */
.category-band{
  display:block !important;
  margin-top:34px !important;
  padding:26px 10px 4px !important;
  border:0 !important;
  background:transparent !important;
}
.category-band > div:first-child{
  margin-bottom:18px !important;
}
.micro-label{
  color:var(--mw-orange-2) !important;
  font:850 11px/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:.15em !important;
}
.category-band h3{
  margin-top:10px !important;
  color:#fff !important;
  font:850 clamp(28px,2.5vw,38px)/1.05 Arial,Helvetica,sans-serif !important;
  letter-spacing:-.02em !important;
}
.category-band h3 b{
  color:var(--mw-orange) !important;
  font-weight:900;
}
.category-tags,.category-pills{
  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  gap:10px !important;
}
.category-tags span,.category-pills span{
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 10px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:7px !important;
  color:#fff !important;
  background:#0b0e11 !important;
  font:700 12px/1.2 Arial,Helvetica,sans-serif !important;
  text-align:center !important;
}
.category-tags span:hover,.category-pills span:hover{
  border-color:var(--mw-orange) !important;
  background:rgba(240,106,0,.07) !important;
}

/* VIDEOS */
.motion-section{
  margin-top:64px !important;
}
.motion-heading h3{
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
}
.motion-card{
  border-radius:8px !important;
}

/* ABOUT / SUPPLIER / CONTACT */
.suppliers,.about{
  background:#f3f4f5 !important;
}
.contact{
  background:#080b0e !important;
}
.contact .button-primary{
  background:var(--mw-orange) !important;
  border-radius:6px !important;
}

/* FOOTER */
footer{
  background:#040506 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.footer-logo{
  width:250px !important;
}

/* RESPONSIVE */
@media(max-width:1180px){
  .main-nav{gap:22px !important}
  .main-nav a{font-size:13px !important}
  .brand-logo{width:245px !important}
  .category-tags,.category-pills{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(max-width:760px){
  .site-header{height:86px !important;padding:0 18px !important}
  .brand-logo{width:190px !important;height:76px !important}
  .hero{min-height:640px !important;padding:130px 22px 72px !important}
  .hero h1{font-size:48px !important}
  .hero-copy{font-size:17px !important}
  .category-tags,.category-pills{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}


/* =========================================================
   MR.WHEELS — FINAL V2 refinements
   ========================================================= */

/* Supply category grid: fill the full width cleanly */
.category-tags,
.category-pills{
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  gap:10px !important;
}
.category-tags span,
.category-pills span{
  min-height:50px !important;
  padding:10px 12px !important;
  font-size:12.5px !important;
  font-weight:750 !important;
  line-height:1.2 !important;
  letter-spacing:.005em !important;
}

/* Process redesign for stronger readability */
.process-upgraded{
  margin-top:62px !important;
  padding-top:6px;
}
.process-upgraded .process-line{
  top:25px !important;
  left:6% !important;
  right:6% !important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(240,106,0,.30) 8%,
    rgba(255,255,255,.14) 50%,
    rgba(240,106,0,.30) 92%,
    transparent
  ) !important;
}
.process-upgraded .process-step{
  min-height:120px;
  padding:0 10px;
}
.process-upgraded .process-step b{
  width:50px !important;
  height:50px !important;
  background:#0b0e11 !important;
  border:1px solid rgba(240,106,0,.62) !important;
  color:#ff7a18 !important;
  box-shadow:0 0 0 5px rgba(240,106,0,.04);
  margin-bottom:18px !important;
  font-size:11px !important;
}
.process-upgraded .process-step strong{
  color:#fff !important;
  font:800 13px/1.25 Arial,Helvetica,sans-serif !important;
  letter-spacing:.035em !important;
  min-height:34px;
}
.process-upgraded .process-step span{
  color:rgba(255,255,255,.50) !important;
  font:700 9px/1.45 Arial,Helvetica,sans-serif !important;
  letter-spacing:.075em !important;
  margin-top:7px !important;
}

@media(max-width:1180px){
  .category-tags,
  .category-pills{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .category-tags,
  .category-pills{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .process-upgraded{
    grid-template-columns:1fr !important;
  }
  .process-upgraded .process-line{
    left:25px !important;
    right:auto !important;
    top:0 !important;
    bottom:0 !important;
    width:1px !important;
    height:auto !important;
  }
  .process-upgraded .process-step{
    display:grid !important;
    grid-template-columns:50px 1fr !important;
    grid-template-rows:auto auto !important;
    column-gap:16px !important;
    text-align:left !important;
    padding:10px 0 !important;
    min-height:0 !important;
  }
  .process-upgraded .process-step b{
    grid-row:1 / span 2;
    margin:0 !important;
  }
  .process-upgraded .process-step strong{
    min-height:0 !important;
    align-self:end;
  }
  .process-upgraded .process-step span{
    align-self:start;
  }
}


/* =========================================================
   MR.WHEELS — PRODUCTION FINAL OVERRIDES
   Carefully consolidated from approved visual direction.
   ========================================================= */

:root{
  --final-orange:#f36a00;
  --final-orange-bright:#ff7a18;
  --final-black:#050608;
  --final-panel:#0a0d10;
}

/* HEADER — larger real logo, stronger navigation */
.site-header{
  height:100px !important;
  padding:0 clamp(28px,4.4vw,76px) !important;
  background:#050608 !important;
}
.brand-logo{
  width:245px !important;
  height:88px !important;
  overflow:visible !important;
  flex:0 0 auto;
}
.brand-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:none !important;
}
.main-nav{
  gap:34px !important;
}
.main-nav a{
  color:#fff !important;
  opacity:1 !important;
  font:750 15px/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:.005em !important;
}
.main-nav .nav-cta{
  min-width:118px;
  min-height:46px;
  padding:0 22px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--final-orange) !important;
  border-radius:999px !important;
}

/* HERO — approved composition */
.hero{
  min-height:640px !important;
  padding:150px clamp(28px,5.2vw,82px) 78px !important;
  background:
    linear-gradient(90deg,rgba(2,3,4,.95) 0%,rgba(2,3,4,.78) 31%,rgba(2,3,4,.34) 58%,rgba(2,3,4,.22) 100%),
    url("government-contract-fulfillment.png") center 48% / cover no-repeat !important;
}
.hero-content{
  max-width:590px !important;
}
.hero h1{
  font:850 clamp(52px,5.2vw,80px)/1.00 Arial,Helvetica,sans-serif !important;
  letter-spacing:-.035em !important;
}
.hero-copy{
  max-width:540px !important;
  font:500 clamp(17px,1.35vw,21px)/1.52 Arial,Helvetica,sans-serif !important;
}
.hero-actions .button-primary{
  min-height:52px !important;
  padding:0 25px !important;
  border-radius:6px !important;
  font-size:13px !important;
  font-weight:850 !important;
}

/* AUTOMOTIVE — professional scale, not oversized */
.split-intro{
  padding-top:92px !important;
  padding-bottom:92px !important;
}
.split-intro .section-label{
  margin-bottom:52px !important;
}
.split-intro h2{
  max-width:720px !important;
  font:850 clamp(42px,4.3vw,66px)/1.01 Arial,Helvetica,sans-serif !important;
  letter-spacing:-.035em !important;
}
.split-intro .lead{
  font:500 clamp(19px,1.55vw,24px)/1.52 Arial,Helvetica,sans-serif !important;
}
.split-intro .split-copy p:not(.lead){
  font-size:15px !important;
  line-height:1.72 !important;
}

/* All automotive card headings identical */
.visual-service-grid .service-card h3,
.visual-service-grid .service-card:nth-child(4) h3{
  margin:0 0 11px !important;
  color:#0b0f14 !important;
  font:850 17px/1.22 Arial,Helvetica,sans-serif !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
.visual-service-grid .card-body{
  min-height:196px !important;
  padding:22px 24px 25px !important;
}
.visual-service-grid .card-image{
  height:205px !important;
}

/* GOVERNMENT SOLUTIONS — preserve approved cards */
.government .section-label{
  margin-bottom:34px !important;
  font:850 clamp(30px,2.8vw,44px)/1 Arial,Helvetica,sans-serif !important;
}
.capability-grid-visual{
  gap:12px !important;
}
.capability-visual{
  min-height:420px !important;
}
.capability-image{
  height:214px !important;
}
.capability-body h3{
  font-size:16px !important;
}
.capability-body p{
  font-size:13.5px !important;
}

/* VIDEOS — force consistent landscape players */
.motion-grid{
  align-items:stretch !important;
}
.motion-card{
  display:flex !important;
  flex-direction:column !important;
}
.motion-media{
  width:100% !important;
  aspect-ratio:16 / 9 !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.motion-media iframe{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
}
.motion-copy{
  flex:1;
}

/* SUPPLY CATEGORIES — full 3x8 grid, close to approved mockup */
.category-band{
  margin-top:38px !important;
  padding:28px 0 10px !important;
}
.category-band h3{
  font:850 clamp(29px,2.45vw,40px)/1.06 Arial,Helvetica,sans-serif !important;
  letter-spacing:-.018em !important;
}
.category-tags,
.category-pills{
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  gap:10px !important;
}
.category-tags span,
.category-pills span{
  position:relative;
  min-height:50px !important;
  justify-content:flex-start !important;
  padding:10px 12px 10px 30px !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:7px !important;
  background:#0a0d10 !important;
  font:700 11.5px/1.2 Arial,Helvetica,sans-serif !important;
  text-align:left !important;
}
.category-tags span::before,
.category-pills span::before{
  content:"";
  position:absolute;
  left:12px;
  top:50%;
  width:8px;
  height:8px;
  transform:translateY(-50%) rotate(45deg);
  border:1px solid var(--final-orange);
  border-radius:1px;
  box-shadow:0 0 0 2px rgba(243,106,0,.05);
}

/* 5-step process — readable, compact and premium */
.process-upgraded{
  margin-top:58px !important;
  padding:18px 0 2px !important;
}
.process-upgraded .process-line{
  top:43px !important;
}
.process-upgraded .process-step{
  min-height:138px !important;
}
.process-upgraded .process-step b{
  width:52px !important;
  height:52px !important;
  font-size:11px !important;
  margin-bottom:19px !important;
}
.process-upgraded .process-step strong{
  min-height:36px !important;
  color:#fff !important;
  font:850 13px/1.25 Arial,Helvetica,sans-serif !important;
  letter-spacing:.035em !important;
}
.process-upgraded .process-step span{
  max-width:210px;
  margin:7px auto 0 !important;
  color:rgba(255,255,255,.57) !important;
  font:700 9px/1.5 Arial,Helvetica,sans-serif !important;
  letter-spacing:.07em !important;
}

/* Responsive */
@media(max-width:1220px){
  .brand-logo{width:210px !important}
  .main-nav{gap:21px !important}
  .main-nav a{font-size:13px !important}
  .category-tags,.category-pills{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .site-header{
    height:82px !important;
    padding:0 16px !important;
  }
  .brand-logo{
    width:176px !important;
    height:70px !important;
  }
  .hero{
    min-height:610px !important;
    padding:125px 20px 65px !important;
  }
  .hero h1{
    font-size:46px !important;
  }
  .split-intro h2{
    font-size:40px !important;
  }
  .visual-service-grid .card-image{
    height:220px !important;
  }
  .category-tags,.category-pills{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* =========================================================
   MR.WHEELS — FINAL V2.1
   Transparent logo + supplier network + video correction
   ========================================================= */

/* True transparent logo — no visible black rectangle */
.site-header{
  background:#06080a !important;
}
.brand-logo{
  width:255px !important;
  height:92px !important;
}
.brand-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  background:transparent !important;
  mix-blend-mode:normal !important;
}

/* Footer uses the same transparent asset */
.footer-logo img{
  background:transparent !important;
}

/* Supplier section brought into the same visual scale as the rest of the site */
.supplier-layout-final{
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr) !important;
  gap:7vw !important;
  align-items:start !important;
}
.supplier-layout-final .eyebrow{
  color:#616b75 !important;
  font:850 11px/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:.18em !important;
}
.supplier-layout-final h2{
  max-width:760px;
  margin:0 0 34px !important;
  color:#0a0e13 !important;
  font:850 clamp(45px,4.55vw,72px)/.98 Arial,Helvetica,sans-serif !important;
  letter-spacing:-.04em !important;
}
.supplier-layout-final .lead{
  max-width:790px;
  color:#10151a !important;
  font:500 clamp(19px,1.55vw,24px)/1.55 Arial,Helvetica,sans-serif !important;
  margin-bottom:22px !important;
}
.supplier-secondary{
  max-width:790px;
  color:#59636d !important;
  font:500 15px/1.72 Arial,Helvetica,sans-serif !important;
}
.supplier-cta{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:22px;
  min-height:48px;
  padding:0 18px;
  color:#11161b;
  border:1px solid rgba(17,22,27,.28);
  border-radius:5px;
  font:850 12px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.065em;
  transition:.22s ease;
}
.supplier-cta:hover{
  color:#fff;
  border-color:#f36a00;
  background:#f36a00;
}

.supplier-card-final{
  padding:31px 32px 28px !important;
  border-radius:8px !important;
  background:#0b0f13 !important;
  border:1px solid rgba(255,255,255,.13);
  border-top:2px solid #f36a00 !important;
  box-shadow:0 28px 70px rgba(7,10,13,.18);
}
.supplier-card-final .supplier-card-top{
  padding-bottom:20px !important;
  color:#85919d !important;
  font:850 9px/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:.18em !important;
}
.supplier-priority-grid{
  display:grid;
  grid-template-columns:1fr;
}
.supplier-priority{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:15px;
  padding:19px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.supplier-priority b{
  color:#ff7a18;
  font:850 10px/1 Arial,Helvetica,sans-serif;
  padding-top:3px;
}
.supplier-priority strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font:850 14px/1.25 Arial,Helvetica,sans-serif;
  letter-spacing:.035em;
}
.supplier-priority span{
  display:block;
  max-width:620px;
  color:rgba(255,255,255,.58);
  font:500 12.5px/1.55 Arial,Helvetica,sans-serif;
}
.supplier-note-final{
  margin-top:25px !important;
  padding:20px 21px !important;
  border-radius:6px !important;
  background:rgba(243,106,0,.07) !important;
  border:1px solid rgba(243,106,0,.16);
}
.supplier-note-final strong{
  color:#fff !important;
  font:850 14px/1.2 Arial,Helvetica,sans-serif !important;
}
.supplier-note-final span{
  margin-top:6px;
  color:rgba(255,255,255,.61) !important;
  font:500 12.5px/1.55 Arial,Helvetica,sans-serif !important;
}

/* Consistent video ratio */
.motion-media{
  aspect-ratio:16/9 !important;
  background:#000 !important;
}
.motion-media iframe{
  display:block !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
}

@media(max-width:980px){
  .supplier-layout-final{
    grid-template-columns:1fr !important;
    gap:46px !important;
  }
}
@media(max-width:760px){
  .brand-logo{
    width:190px !important;
    height:70px !important;
  }
  .supplier-layout-final h2{
    font-size:42px !important;
  }
}