/* =====================================================================
 * Site Style Concepts (homepage) - six demo mockups + full-view modal.
 * Loaded only on the front page (see front-page.php). Mockups are drawn
 * at a fixed 1280px canvas and scaled with --sc-s by site-concepts.js.
 * ===================================================================== */

/* ---------- Section shell (TruckerSites styling) ---------- */
.sc-section { max-width: calc(1120px + 12vw); margin: 0 auto; padding: 72px 6vw 64px; text-align: center; }
.sc-head { max-width: 680px; margin: 0 auto 40px; }
.sc-kicker { margin: 0 0 10px; font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--amber, #E8823C); }
.sc-head h2 { font-family: var(--font-display, 'Oswald', sans-serif); font-weight: 600; font-size: clamp(1.9rem, 3.6vw, 2.5rem); line-height: 1.15; margin: 0 0 12px; color: var(--graphite-face, #24282D); text-wrap: balance; }
.sc-sub { margin: 0; color: var(--charcoal-body, #33383D); font-size: 16.5px; line-height: 1.6; text-align: center; }

.sc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; text-align: left; }
@media (max-width: 1000px) { .sc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .sc-grid { grid-template-columns: 1fr; gap: 22px; } }

.sc-card { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #E3DCCF; border-radius: 14px; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.sc-card:hover, .sc-card:focus-within { transform: translateY(-4px); border-color: var(--amber, #E8823C); box-shadow: 0 18px 40px -18px rgba(26,29,33,.35), 0 0 0 1px var(--amber, #E8823C); }
.sc-frame { background: #1A1D21; }
.sc-chrome { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; background: #24282D; }
.sc-chrome i { width: 8px; height: 8px; border-radius: 50%; background: #4A5057; }
.sc-chrome i:first-child { background: #D9534F; } .sc-chrome i:nth-child(2) { background: #E8823C; } .sc-chrome i:nth-child(3) { background: #4FAF8B; }
.sc-chrome em { margin-left: 10px; flex: 1; min-width: 0; font-style: normal; font-size: 11px; color: #C4C0B5; background: #1A1D21; border-radius: 5px; padding: 3px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-thumb { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #fff; }
.sc-scale { position: absolute; top: 0; left: 0; width: 1280px; transform: scale(var(--sc-s, .29)); transform-origin: 0 0; pointer-events: none; }
.sc-zoom { position: absolute; inset: auto 12px 12px auto; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; background: rgba(26,29,33,.88); color: #F2EFE9; font-size: 12px; font-weight: 700; letter-spacing: .02em; opacity: 0; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease; }
.sc-zoom::before { content: ""; width: 12px; height: 12px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 6V2h4M10 2h4v4M14 10v4h-4M6 14H2v-4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 6V2h4M10 2h4v4M14 10v4h-4M6 14H2v-4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat; }
.sc-card:hover .sc-zoom, .sc-card:focus-within .sc-zoom { opacity: 1; transform: none; }
@media (hover: none) { .sc-zoom { opacity: 1; transform: none; } }

.sc-meta { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.sc-seg { margin: 0 0 6px; font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--amber, #E8823C); }
.sc-meta h3 { margin: 0 0 6px; font-family: var(--font-display, 'Oswald', sans-serif); font-weight: 500; font-size: 21px; line-height: 1.2; color: var(--graphite-face, #24282D); }
.sc-meta p:not(.sc-seg) { margin: 0 0 14px; font-size: 14.5px; line-height: 1.55; color: var(--charcoal-body, #33383D); text-align: left; }
.sc-open { margin-top: auto; align-self: flex-start; background: none; border: 0; padding: 0; font: inherit; font-size: 14.5px; font-weight: 700; color: var(--graphite-face, #24282D); cursor: pointer; }
.sc-open span { display: inline-block; color: var(--amber, #E8823C); transition: transform .2s ease; }
.sc-card:hover .sc-open span { transform: translateX(4px); }
.sc-open::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: 14px; }
.sc-open:focus-visible { outline: none; }
.sc-card:has(.sc-open:focus-visible) { outline: 3px solid var(--amber, #E8823C); outline-offset: 3px; }
.sc-note { margin: 28px auto 0; max-width: 620px; font-size: 13.5px; color: #6B6760; text-align: center; }

/* ---------- Full-view modal ---------- */
.sc-modal { width: min(1320px, calc(100vw - 32px)); height: calc(100vh - 32px); height: calc(100dvh - 32px); max-width: none; max-height: none; margin: auto; padding: 0; border: 0; border-radius: 14px; background: transparent; overflow: visible; }
.sc-modal::backdrop { background: rgba(12,14,16,.88); }
.sc-modal[open] { animation: sc-in .22s ease-out; }
@keyframes sc-in { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
.sc-m-win { display: flex; flex-direction: column; height: 100%; border-radius: 14px; overflow: hidden; background: #1A1D21; box-shadow: 0 30px 80px rgba(0,0,0,.55); }
.sc-m-bar { display: flex; align-items: center; gap: 14px; padding: 10px 14px; background: #24282D; border-bottom: 1px solid #33383E; }
.sc-m-dots { display: flex; gap: 6px; }
.sc-m-dots i { width: 11px; height: 11px; border-radius: 50%; background: #D9534F; }
.sc-m-dots i:nth-child(2) { background: #E8823C; } .sc-m-dots i:nth-child(3) { background: #4FAF8B; }
.sc-m-url { display: flex; align-items: center; gap: 7px; flex: 0 1 340px; min-width: 0; padding: 6px 12px; border-radius: 7px; background: #1A1D21; color: #9EA3A8; font-size: 13px; }
.sc-m-url span { color: #E7E4DC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-m-title { flex: 1; min-width: 0; display: flex; align-items: baseline; gap: 10px; white-space: nowrap; overflow: hidden; }
.sc-m-seg { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #F2A65E; }
.sc-m-name { font-family: var(--font-display, 'Oswald', sans-serif); font-weight: 500; font-size: 17px; color: #F2EFE9; overflow: hidden; text-overflow: ellipsis; }
.sc-m-ctrls { display: flex; align-items: center; gap: 6px; }
.sc-m-ctrls button { width: 36px; height: 36px; display: inline-grid; place-items: center; border: 1px solid #3D434A; border-radius: 8px; background: #1A1D21; color: #F2EFE9; font-size: 20px; line-height: 1; cursor: pointer; transition: background .15s ease, border-color .15s ease; }
.sc-m-ctrls button:hover, .sc-m-ctrls button:focus-visible { background: #E8823C; border-color: #E8823C; color: #1A1508; outline: none; }
.sc-m-close { font-size: 15px !important; margin-left: 6px; }
.sc-m-count { min-width: 44px; text-align: center; font-size: 13px; color: #C4C0B5; font-variant-numeric: tabular-nums; }
.sc-m-view { flex: 1; overflow: auto; overscroll-behavior: contain; background: #0E1012; outline: none; }
.sc-m-stage { position: relative; margin: 0 auto; }
.sc-m-stage > .mk { position: absolute; top: 0; left: 0; transform-origin: 0 0; }
.sc-m-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; background: #24282D; border-top: 1px solid #33383E; font-size: 13px; color: #9EA3A8; }
.sc-m-cta { color: #F2A65E; font-weight: 700; text-decoration: none; }
.sc-m-cta:hover { color: #E8823C; }
body.sc-lock { overflow: hidden; }
@media (max-width: 760px) {
	.sc-modal { width: 100vw; height: 100dvh; border-radius: 0; }
	.sc-m-win { border-radius: 0; }
	.sc-m-url, .sc-m-dots, .sc-m-seg { display: none; }
	.sc-m-foot span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.sc-card, .sc-zoom, .sc-open span, .sc-modal[open] { transition: none; animation: none; }
}

/* =====================================================================
 * Mockup base - every rule is scoped under .mk so the theme is untouched.
 * ===================================================================== */
.mk { width: 1280px; background: #fff; color: #1D2126; font-family: 'Manrope', system-ui, sans-serif; font-size: 16px; line-height: 1.55; text-align: left; -webkit-font-smoothing: antialiased; }
.mk *, .mk *::before, .mk *::after { box-sizing: border-box; }
.mk h4.mk-h1, .mk h2, .mk h3, .mk p, .mk ul, .mk blockquote { margin: 0; padding: 0; text-align: left; }
.mk ul { list-style: none; }
.mk svg { display: block; }
.mk .mk-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; max-width: none; }
.mk .mk-w { width: 1120px; margin: 0 auto; }
.mk .mk-row { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.mk .mk-btn { display: inline-flex; align-items: center; justify-content: center; padding: 15px 26px; border-radius: 6px; background: var(--acc); color: var(--acc-ink, #fff); font-weight: 700; font-size: 16px; white-space: nowrap; border: 2px solid var(--acc); }
.mk .mk-btn--ghost { background: transparent; color: inherit; border-color: currentColor; opacity: .92; }
.mk .mk-top { background: var(--top-bg, #0B1426); color: var(--top-ink, #C9D2E0); font-size: 13px; }
.mk .mk-top .mk-w { display: flex; justify-content: space-between; padding: 9px 0; }
.mk .mk-top b { color: #fff; }
.mk .mk-nav { background: var(--nav-bg, #fff); color: var(--nav-ink, #1D2126); }
.mk .mk-nav .mk-w { display: flex; align-items: center; gap: 36px; height: 84px; }
.mk .mk-nav nav { display: flex; gap: 30px; white-space: nowrap; margin-left: auto; font-weight: 600; font-size: 15.5px; }
.mk .mk-logo { display: flex; align-items: center; gap: 12px; }
.mk .mk-logo b { display: block; font-size: 23px; line-height: 1; letter-spacing: -.01em; font-weight: 800; }
.mk .mk-logo small { display: block; margin-top: 4px; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; opacity: .7; font-weight: 700; }
.mk .mk-sec { padding: 96px 0; }
.mk .mk-eyebrow { font-size: 13px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--acc); margin-bottom: 12px; }
.mk .mk-h2 { font-size: 44px; line-height: 1.1; font-weight: 800; letter-spacing: -.02em; margin-bottom: 48px; max-width: 760px; }
.mk .mk-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.mk h3 { font-size: 22px; line-height: 1.25; font-weight: 800; margin-bottom: 10px; }
.mk .mk-foot { background: var(--foot-bg, #0B1426); color: var(--foot-ink, #AAB4C3); font-size: 14px; }
.mk .mk-foot .mk-w { display: flex; gap: 32px; align-items: center; padding: 34px 0; }
.mk .mk-foot b { color: #fff; font-size: 16px; margin-right: auto; }

/* ---------- 1. Cardinal Mile Freight (regional dry van) ---------- */
.mk-cardinal { --acc: #C8323A; --navy: #13233F; --top-bg: #0B1629; --foot-bg: #0B1629; }
.mk-cardinal .mk-logo b, .mk-cardinal h4.mk-h1, .mk-cardinal .mk-h2, .mk-cardinal h2, .mk-cardinal h3, .mk-cardinal .cm-stats b, .mk-cardinal .cm-q-title { font-family: 'Barlow Condensed', 'Oswald', sans-serif; text-transform: uppercase; }
.mk-cardinal .mk-logo b { font-size: 27px; letter-spacing: .02em; color: var(--navy); }
.mk-cardinal .mk-nav nav { color: var(--navy); }
.mk-cardinal .cm-hero { position: relative; background: var(--navy); color: #fff; overflow: hidden; padding: 84px 0 56px; border-bottom: 6px solid var(--acc); }
.mk-cardinal .cm-photo { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%); }
.mk-cardinal .cm-photo .mk-photo { object-position: 30% 100%; transform: scale(1.35); transform-origin: 38% 92%; }
.mk-cardinal .cm-photo::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(19,35,63,.5) 0%, rgba(19,35,63,0) 38%), linear-gradient(0deg, rgba(11,22,41,.55) 0%, rgba(11,22,41,0) 30%); }
.mk-cardinal .cm-photo::after { content: ""; position: absolute; inset: 0; z-index: 2; background: var(--acc); clip-path: polygon(16% 0, calc(16% + 14px) 0, 14px 100%, 0 100%); }
.mk-cardinal .cm-hero-in { position: relative; z-index: 3; }
.mk-cardinal .cm-copy { max-width: 620px; }
.mk-cardinal .cm-eyebrow { font-size: 13.5px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: #F0A4A8; margin-bottom: 18px; }
.mk-cardinal h4.mk-h1 { font-size: 80px; line-height: .92; font-weight: 800; letter-spacing: .005em; margin-bottom: 24px; }
.mk-cardinal h4.mk-h1 em { font-style: italic; color: #FF5A62; }
.mk-cardinal .cm-lede { font-size: 19px; line-height: 1.55; color: #C9D2E0; max-width: 500px; margin-bottom: 30px; }
.mk-cardinal .cm-hero .mk-btn--ghost { color: #fff; }
.mk-cardinal .cm-quote { position: relative; z-index: 3; margin-top: 60px; display: grid; grid-template-columns: 150px repeat(4, 1fr) auto; gap: 12px; align-items: center; background: #fff; color: #1D2126; border-radius: 10px; padding: 18px 20px; box-shadow: 0 24px 50px rgba(0,0,0,.4); border-top: 6px solid var(--acc); }
.mk-cardinal .cm-q-title { font-size: 22px; line-height: 1; font-weight: 800; color: var(--navy); }
.mk-cardinal .cm-field { border: 1.5px solid #DCE1E8; border-radius: 6px; padding: 8px 12px; }
.mk-cardinal .cm-field label { display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #7A8597; }
.mk-cardinal .cm-field span { font-weight: 700; font-size: 15.5px; }
.mk-cardinal .cm-q-btn { padding: 16px 22px; }
.mk-cardinal .cm-stats { background: #fff; border-bottom: 1px solid #E5E9EF; }
.mk-cardinal .cm-stats .mk-w { display: grid; grid-template-columns: repeat(4, 1fr); padding: 34px 0; }
.mk-cardinal .cm-stats div > div { border-left: 3px solid var(--acc); padding-left: 18px; }
.mk-cardinal .cm-stats b { display: block; font-size: 48px; line-height: 1; font-weight: 800; color: var(--navy); }
.mk-cardinal .cm-stats span { font-size: 14px; font-weight: 700; color: #5B6678; text-transform: uppercase; letter-spacing: .08em; }
.mk-cardinal .mk-h2 { font-size: 54px; color: var(--navy); letter-spacing: 0; }
.mk-cardinal .cm-card { border: 1.5px solid #E1E6ED; border-radius: 10px; padding: 32px; overflow: hidden; }
.mk-cardinal .cm-img { position: relative; height: 190px; margin: -32px -32px 26px; overflow: hidden; }
.mk-cardinal .cm-img .cm-ico { position: absolute; left: 24px; bottom: 16px; margin: 0; }
.mk-cardinal .cm-card h3 { font-size: 28px; color: var(--navy); }
.mk-cardinal .cm-card p { color: #4A5568; }
.mk-cardinal .cm-ico { display: inline-block; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 20px; color: #fff; background: var(--acc); padding: 4px 10px; border-radius: 4px; margin-bottom: 18px; }
.mk-cardinal .cm-lanes { background: #F4F6F9; padding: 96px 0; }
.mk-cardinal .cm-lanes-in { display: grid; grid-template-columns: 1fr 480px; gap: 64px; align-items: center; }
.mk-cardinal .cm-lanes .mk-h2 { margin-bottom: 30px; }
.mk-cardinal .cm-lanelist li { display: flex; justify-content: space-between; padding: 16px 0; border-bottom: 1.5px solid #DCE1E8; font-weight: 700; font-size: 18px; color: var(--navy); }
.mk-cardinal .cm-lanelist b { color: var(--acc); font-size: 15px; text-transform: uppercase; letter-spacing: .08em; }
.mk-cardinal .cm-road { padding: 96px 0; }
.mk-cardinal .cm-road-head .mk-h2 { margin-bottom: 36px; }
.mk-cardinal .cm-strip { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.3fr; gap: 14px; }
.mk-cardinal .cm-strip figure { position: relative; margin: 0; height: 300px; border-radius: 8px; overflow: hidden; }
.mk-cardinal .cm-strip figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 16px 14px; font-size: 13.5px; font-weight: 700; color: #fff; background: linear-gradient(0deg, rgba(11,22,41,.85), rgba(11,22,41,0)); }
.mk-cardinal .cm-drive { position: relative; overflow: hidden; background: var(--navy); color: #fff; padding: 84px 0; }
.mk-cardinal .cm-drive .mk-photo { object-position: center 70%; }
.mk-cardinal .cm-drive-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(200,50,58,.95) 0%, rgba(200,50,58,.86) 48%, rgba(19,35,63,.55) 100%); }
.mk-cardinal .cm-drive-in { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.mk-cardinal .cm-drive .mk-eyebrow { color: #FFD4D6; }
.mk-cardinal .cm-drive h2 { font-size: 46px; line-height: 1; font-weight: 800; }
.mk-cardinal .cm-perks { display: flex; flex-wrap: wrap; gap: 10px; }
.mk-cardinal .cm-perks span:not(.mk-btn) { padding: 10px 16px; border: 1.5px solid rgba(255,255,255,.5); border-radius: 999px; font-weight: 700; font-size: 14.5px; }
.mk-cardinal .mk-btn--light { background: #fff; color: var(--acc); border-color: #fff; }

/* ---------- 2. Frostline Cold Chain (reefer) ---------- */
.mk-frost { --acc: #0E7C93; --teal: #0E4D5C; --ice: #1FA3C4; --foot-bg: #0A2F38; --foot-ink: #9FC7D3; color: #12323A; }
.mk-frost .mk-nav { border-bottom: 1px solid #E2EEF2; }
.mk-frost .mk-logo b { color: var(--teal); font-size: 25px; }
.mk-frost .mk-logo small { color: var(--ice); opacity: 1; }
.mk-frost .mk-nav nav { color: #35555E; font-weight: 600; }
.mk-frost .mk-btn { border-radius: 999px; background: var(--teal); border-color: var(--teal); }
.mk-frost .mk-btn--ghost { background: transparent; color: var(--teal); }
.mk-frost .fr-hero { background: linear-gradient(180deg, #F5FBFD 0%, #E6F4F9 100%); padding: 64px 0 80px; }
.mk-frost .fr-hero-in { display: grid; grid-template-columns: 1fr 560px; gap: 56px; align-items: center; }
.mk-frost .fr-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid #CFE6EE; font-size: 13.5px; font-weight: 700; color: var(--teal); margin-bottom: 24px; }
.mk-frost .fr-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--ice); box-shadow: 0 0 0 4px rgba(31,163,196,.18); }
.mk-frost h4.mk-h1 { font-size: 64px; line-height: 1.02; font-weight: 800; letter-spacing: -.035em; color: var(--teal); margin-bottom: 22px; }
.mk-frost .fr-lede { font-size: 19px; line-height: 1.6; color: #3F5F68; margin-bottom: 30px; max-width: 500px; }
.mk-frost .fr-trust { display: flex; gap: 22px; margin-top: 34px; font-size: 14px; font-weight: 700; color: #35555E; }
.mk-frost .fr-trust span::before { content: "\2713"; margin-right: 7px; color: var(--ice); }
.mk-frost .fr-art { position: relative; height: 440px; }
.mk-frost .fr-photo { border-radius: 24px; box-shadow: 0 30px 60px -30px rgba(14,77,92,.55); }
.mk-frost .fr-temp { position: absolute; top: 26px; right: -24px; width: 250px; background: #fff; border-radius: 14px; padding: 16px 18px; box-shadow: 0 20px 40px -14px rgba(14,77,92,.35); }
.mk-frost .fr-t-head { display: flex; justify-content: space-between; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #6A8A93; }
.mk-frost .fr-t-head em { font-style: normal; color: #1E9E6A; }
.mk-frost .fr-t-lane { font-size: 13.5px; font-weight: 700; margin: 4px 0 10px; }
.mk-frost .fr-t-read { display: flex; align-items: center; gap: 12px; }
.mk-frost .fr-t-read b { font-size: 38px; line-height: 1; font-weight: 800; color: var(--teal); letter-spacing: -.03em; }
.mk-frost .fr-t-read span { font-size: 12px; color: #6A8A93; line-height: 1.4; }
.mk-frost .fr-t-read i { font-style: normal; font-weight: 800; color: #1E9E6A; }
.mk-frost .fr-spark { margin-top: 10px; width: 100%; }
.mk-frost .mk-h2 { color: var(--teal); letter-spacing: -.03em; }
.mk-frost .fr-card { background: #F5FBFD; border: 1px solid #DCEDF3; border-radius: 18px; padding: 32px; }
.mk-frost .fr-range { display: block; font-size: 40px; font-weight: 800; letter-spacing: -.03em; color: var(--ice); margin-bottom: 14px; }
.mk-frost .fr-range.fr-cold { color: #3558C9; }
.mk-frost .fr-card h3 { color: var(--teal); }
.mk-frost .fr-card p { color: #4A6A73; }
.mk-frost .fr-band { position: relative; height: 520px; overflow: hidden; color: #fff; }
.mk-frost .fr-band .mk-photo { object-position: center 60%; }
.mk-frost .fr-band-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,47,56,.9) 0%, rgba(10,47,56,.6) 45%, rgba(10,47,56,.05) 100%); }
.mk-frost .fr-band-in { position: relative; padding-top: 110px; }
.mk-frost .fr-band .mk-eyebrow { color: #7FD3EA; }
.mk-frost .fr-band h2 { font-size: 54px; line-height: 1.04; font-weight: 800; letter-spacing: -.035em; margin-bottom: 40px; }
.mk-frost .fr-band-stats { display: flex; gap: 52px; }
.mk-frost .fr-band-stats b { display: block; font-size: 38px; font-weight: 800; letter-spacing: -.03em; color: #fff; }
.mk-frost .fr-band-stats span { font-size: 14px; color: #CFE6EE; }
.mk-frost .fr-safe { background: var(--teal); color: #E6F4F9; padding: 88px 0; }
.mk-frost .fr-safe-in { display: grid; grid-template-columns: 1fr 520px; gap: 64px; align-items: center; }
.mk-frost .fr-safe .mk-eyebrow { color: #7FD3EA; }
.mk-frost .fr-safe h2 { font-size: 44px; line-height: 1.08; font-weight: 800; letter-spacing: -.03em; color: #fff; margin-bottom: 26px; }
.mk-frost .fr-safe li { padding: 10px 0 10px 30px; position: relative; font-size: 17px; border-bottom: 1px solid rgba(255,255,255,.12); }
.mk-frost .fr-safe li::before { content: ""; position: absolute; left: 0; top: 17px; width: 14px; height: 8px; border-left: 2.5px solid #7FD3EA; border-bottom: 2.5px solid #7FD3EA; transform: rotate(-45deg); }
.mk-frost .fr-chart { background: rgba(0,0,0,.18); border: 1px solid rgba(127,211,234,.25); border-radius: 16px; padding: 22px; }
.mk-frost .fr-chart p { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 14px; color: #9FC7D3; }
.mk-frost .fr-chart b { color: #fff; }
.mk-frost .fr-how { display: grid; grid-template-columns: 440px 1fr; gap: 64px; align-items: center; }
.mk-frost .fr-how-img { position: relative; height: 470px; border-radius: 22px; overflow: hidden; }
.mk-frost .fr-how .mk-h2 { margin-bottom: 34px; }
.mk-frost .fr-steps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 32px; }
.mk-frost .fr-steps > div { border-top: 3px solid #CFE6EE; padding-top: 20px; }
.mk-frost .fr-steps b { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--ice); color: #fff; font-size: 17px; margin-bottom: 14px; }
.mk-frost .fr-steps h3 { color: var(--teal); }
.mk-frost .fr-steps p { color: #4A6A73; font-size: 15px; }

/* ---------- 3. Hollis Hauling (owner-operator) ---------- */
.mk-hollis { --acc: #C8652F; --rust: #B5562B; --sand: #F2E8D8; --nav-bg: #1E1A17; --nav-ink: #F2E8D8; --foot-bg: #15120F; --foot-ink: #A89A86; background: #F7F1E6; color: #2A221C; }
.mk-hollis .mk-logo b, .mk-hollis h4.mk-h1, .mk-hollis h2, .mk-hollis h3, .mk-hollis blockquote, .mk-hollis .ho-s-big b, .mk-hollis .ho-why b { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; }
.mk-hollis .mk-logo b { font-size: 27px; letter-spacing: 0; }
.mk-hollis .ho-mono { display: grid; place-items: center; width: 44px; height: 44px; border: 2px solid var(--acc); border-radius: 50%; font-family: 'DM Serif Display', Georgia, serif; font-size: 24px; color: var(--acc); }
.mk-hollis .mk-nav nav { font-weight: 500; color: #D8CCB8; }
.mk-hollis .ho-phone { font-weight: 700; color: #F0B866; }
.mk-hollis .ho-hero { position: relative; color: #fff; overflow: hidden; background: #1E1A17; }
.mk-hollis .ho-photo { position: absolute; top: 0; right: 0; bottom: 0; width: 60%; }
.mk-hollis .ho-photo .mk-photo { object-position: 50% 45%; }
.mk-hollis .ho-shade { position: absolute; inset: 0; background: linear-gradient(90deg, #1E1A17 0%, #1E1A17 40%, rgba(30,26,23,.6) 52%, rgba(30,26,23,0) 72%), linear-gradient(0deg, rgba(30,26,23,.9) 0%, rgba(30,26,23,0) 38%); }
.mk-hollis .ho-hero-in { position: relative; padding-top: 96px; }
.mk-hollis .ho-copy { max-width: 660px; }
.mk-hollis .ho-kick { font-size: 14px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: #F0B866; margin-bottom: 20px; }
.mk-hollis h4.mk-h1 { font-size: 62px; line-height: 1.06; margin-bottom: 24px; }
.mk-hollis h4.mk-h1 em { color: #F6CF86; }
.mk-hollis .ho-lede { font-size: 19px; line-height: 1.6; color: #EADDC8; max-width: 540px; margin-bottom: 30px; }
.mk-hollis .mk-btn { border-radius: 4px; background: var(--acc); border-color: var(--acc); }
.mk-hollis .ho-hero .mk-btn--ghost { background: transparent; color: #fff; }
.mk-hollis .ho-status { position: relative; margin: 64px 0 44px; display: grid; grid-template-columns: 120px 1.1fr 1fr 1.2fr 1.2fr auto; gap: 18px; align-items: center; background: rgba(30,26,23,.9); border: 1px solid rgba(240,184,102,.35); border-radius: 12px; padding: 18px 22px; }
.mk-hollis .ho-s-head { display: flex; flex-direction: column; gap: 4px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #BFAF97; font-weight: 700; }
.mk-hollis .ho-s-head em { font-style: normal; color: #7BD389; }
.mk-hollis .ho-s-cell { border-left: 1px solid rgba(255,255,255,.12); padding-left: 18px; }
.mk-hollis .ho-s-cell span { display: block; font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: #BFAF97; font-weight: 700; }
.mk-hollis .ho-s-cell b { font-size: 16px; color: #fff; }
.mk-hollis .ho-s-big b { font-size: 28px; font-weight: 400; line-height: 1.1; color: #F6CF86; }
.mk-hollis .ho-s-btn { padding: 15px 20px; }
.mk-hollis .mk-h2 { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; font-size: 50px; letter-spacing: 0; }
.mk-hollis .mk-eyebrow { color: var(--rust); }
.mk-hollis .ho-why > div { border-top: 2px solid #2A221C; padding-top: 22px; }
.mk-hollis .ho-why b { display: block; font-size: 38px; color: var(--acc); line-height: 1; margin-bottom: 14px; }
.mk-hollis .ho-why h3 { font-size: 27px; }
.mk-hollis .ho-why p { color: #5A4D40; }
.mk-hollis .ho-gallery { padding: 0 0 96px; }
.mk-hollis .ho-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; grid-template-rows: 260px 260px; gap: 14px; }
.mk-hollis .ho-grid figure { position: relative; margin: 0; overflow: hidden; border-radius: 6px; }
.mk-hollis .ho-g-big { grid-row: span 2; }
.mk-hollis .ho-g-wide { grid-column: span 2; }
.mk-hollis .ho-grid figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 18px 14px; font-family: 'DM Serif Display', Georgia, serif; font-style: italic; font-size: 18px; color: #F6CF86; background: linear-gradient(0deg, rgba(30,26,23,.88), rgba(30,26,23,0)); }
.mk-hollis .ho-story { background: var(--sand); padding: 96px 0; }
.mk-hollis .ho-story-in { display: grid; grid-template-columns: 380px 1fr; gap: 72px; align-items: center; }
.mk-hollis .ho-badge { background: #2A221C; color: #F2E8D8; border-radius: 14px; padding: 16px 16px 24px; text-align: center; }
.mk-hollis .ho-badge-img { position: relative; height: 220px; margin: -16px -16px 22px; border-radius: 10px; overflow: hidden; }
.mk-hollis .ho-badge p { text-align: center; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.1); color: #BFAF97; }
.mk-hollis .ho-badge p b { color: #fff; font-size: 20px; margin-right: 6px; }
.mk-hollis blockquote { font-size: 38px; line-height: 1.2; margin-bottom: 16px; }
.mk-hollis .ho-sign { font-family: 'DM Serif Display', Georgia, serif; font-style: italic; font-size: 22px; color: var(--rust); margin-bottom: 30px; }
.mk-hollis .ho-spec { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; }
.mk-hollis .ho-spec div { padding: 13px 0; border-top: 1px solid #D5C6AE; }
.mk-hollis .ho-spec span { display: block; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #8A7A64; }
.mk-hollis .ho-spec b { font-size: 17px; }
.mk-hollis .ho-cta { background: #2A221C; color: #fff; padding: 72px 0; }
.mk-hollis .ho-cta .mk-w { display: flex; justify-content: space-between; align-items: center; }
.mk-hollis .ho-cta h2 { font-size: 42px; }

/* ---------- 4. Ironbark Heavy Haul (flatbed / heavy haul) ---------- */
.mk-iron { --acc: #F5C518; --acc-ink: #111213; --nav-bg: #111213; --nav-ink: #fff; --foot-bg: #0A0A0B; --foot-ink: #8A9097; background: #18191B; color: #E6E7E8; }
.mk-iron .mk-logo b, .mk-iron h4.mk-h1, .mk-iron h2, .mk-iron h3, .mk-iron .ib-plate b, .mk-iron .ib-steps b, .mk-iron .ib-strip { font-family: 'Barlow Condensed', 'Oswald', sans-serif; text-transform: uppercase; }
.mk-iron .ib-hazard { height: 10px; background: repeating-linear-gradient(-45deg, #F5C518 0 16px, #111213 16px 32px); }
.mk-iron .mk-logo b { font-size: 30px; letter-spacing: .06em; }
.mk-iron .mk-logo small { color: var(--acc); opacity: 1; }
.mk-iron .mk-nav nav { color: #C4C7CA; text-transform: uppercase; letter-spacing: .08em; font-size: 14px; }
.mk-iron .mk-btn { border-radius: 0; text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.mk-iron .mk-btn--ghost { color: #fff; background: transparent; }
.mk-iron .ib-hero { position: relative; background: #111213; padding: 80px 0 300px; overflow: hidden; }
.mk-iron .ib-hero > .mk-photo { object-position: center 78%; }
.mk-iron .ib-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(17,18,19,.94) 0%, rgba(17,18,19,.86) 42%, rgba(17,18,19,.35) 66%, rgba(17,18,19,0) 82%), linear-gradient(90deg, rgba(17,18,19,.55) 0%, rgba(17,18,19,0) 55%); }
.mk-iron .ib-stripe { position: absolute; left: 0; right: 0; bottom: 0; height: 12px; background: repeating-linear-gradient(-45deg, #F5C518 0 16px, #111213 16px 32px); }
.mk-iron .ib-hero-in { position: relative; display: grid; grid-template-columns: 1fr 330px; gap: 60px; align-items: start; }
.mk-iron .ib-kick { color: var(--acc); font-weight: 800; letter-spacing: .2em; text-transform: uppercase; font-size: 13.5px; margin-bottom: 16px; }
.mk-iron h4.mk-h1 { font-size: 104px; line-height: .86; font-weight: 800; color: #fff; margin-bottom: 26px; }
.mk-iron h4.mk-h1 span { color: var(--acc); }
.mk-iron .ib-lede { font-size: 18.5px; line-height: 1.6; color: #B6BABE; max-width: 560px; margin-bottom: 30px; }
.mk-iron .ib-plate { border: 2px solid #3A3C40; background: rgba(17,18,19,.75); padding: 22px 24px; position: relative; }
.mk-iron .ib-plate::before { content: ""; position: absolute; inset: 6px; border: 1px dashed #3A3C40; pointer-events: none; }
.mk-iron .ib-p-head { font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--acc); font-weight: 800; margin-bottom: 8px; }
.mk-iron .ib-plate div { display: flex; justify-content: space-between; align-items: baseline; padding: 10px 0; border-bottom: 1px solid #2E3033; }
.mk-iron .ib-plate span { font-size: 13px; text-transform: uppercase; letter-spacing: .1em; color: #8A9097; font-weight: 700; }
.mk-iron .ib-plate b { font-size: 28px; color: #fff; font-weight: 700; }
.mk-iron .ib-strip { background: var(--acc); color: #111213; }
.mk-iron .ib-strip .mk-w { display: flex; justify-content: space-between; padding: 18px 0; font-size: 22px; font-weight: 800; letter-spacing: .06em; }
.mk-iron .mk-h2 { font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; font-size: 60px; color: #fff; letter-spacing: 0; }
.mk-iron .ib-equip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.mk-iron .ib-equip > div { background: #222326; border-bottom: 4px solid var(--acc); padding: 26px 24px; overflow: hidden; }
.mk-iron .ib-eq-img { position: relative; height: 150px; margin: -26px -24px 20px; overflow: hidden; }
.mk-iron .ib-eq-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(34,35,38,.7), rgba(34,35,38,0) 55%); }
.mk-iron .ib-equip svg { width: 100%; height: 44px; margin-bottom: 18px; }
.mk-iron .ib-equip h3 { font-size: 28px; color: #fff; margin-bottom: 6px; }
.mk-iron .ib-equip p { color: #A5A9AD; font-size: 15px; }
.mk-iron .ib-secure { background: #18191B; padding: 0 0 96px; }
.mk-iron .ib-secure-in { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.mk-iron .ib-secure-img { position: relative; height: 440px; overflow: hidden; border-left: 6px solid var(--acc); }
.mk-iron .ib-secure h2 { font-size: 52px; line-height: .98; font-weight: 800; color: #fff; margin-bottom: 26px; }
.mk-iron .ib-checks li { position: relative; padding: 13px 0 13px 34px; border-bottom: 1px solid #2E3033; font-size: 17px; color: #D0D3D6; }
.mk-iron .ib-checks li::before { content: ""; position: absolute; left: 0; top: 18px; width: 16px; height: 16px; background: var(--acc); clip-path: polygon(0 55%, 18% 38%, 40% 60%, 82% 10%, 100% 28%, 40% 95%); }
.mk-iron .ib-process { position: relative; overflow: hidden; background: #111213; padding: 110px 0; }
.mk-iron .ib-process-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(17,18,19,.96) 0%, rgba(17,18,19,.84) 60%, rgba(17,18,19,.7) 100%); }
.mk-iron .ib-process .mk-w { position: relative; }
.mk-iron .ib-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 18px; }
.mk-iron .ib-steps > div { padding: 0 28px 0 0; border-right: 1px solid #2E3033; margin-right: 28px; }
.mk-iron .ib-steps > div:last-child { border: 0; margin: 0; }
.mk-iron .ib-steps b { display: block; font-size: 72px; line-height: 1; color: var(--acc); font-weight: 800; margin-bottom: 8px; }
.mk-iron .ib-steps h3 { font-size: 30px; color: #fff; margin-bottom: 6px; }
.mk-iron .ib-steps p { color: #A5A9AD; }
.mk-iron .ib-cta { background: var(--acc); color: #111213; padding: 60px 0; }
.mk-iron .ib-cta h2 { font-size: 50px; line-height: 1; font-weight: 800; margin-bottom: 24px; }
.mk-iron .ib-dims { display: flex; gap: 12px; }
.mk-iron .ib-dims span:not(.mk-btn) { flex: 1; background: #fff; border: 2px solid #111213; padding: 15px 16px; font-weight: 700; color: #7A7D80; }
.mk-iron .ib-cta .mk-btn { background: #111213; color: var(--acc); border-color: #111213; }

/* ---------- 5. Meridian Fleet Services (fleet dispatch) ---------- */
.mk-mer { --acc: #34D399; --acc-ink: #06281B; --nav-bg: #0B111C; --nav-ink: #E6ECF5; --foot-bg: #070B12; --foot-ink: #7C8BA1; background: #0B111C; color: #D5DDEA; }
.mk-mer .mk-logo b, .mk-mer h4.mk-h1, .mk-mer h2, .mk-mer h3, .mk-mer .me-kpis b { font-family: 'Space Grotesk', 'Manrope', sans-serif; }
.mk-mer .mk-logo b { font-size: 25px; font-weight: 700; }
.mk-mer .mk-logo small { color: var(--acc); opacity: 1; }
.mk-mer .mk-nav { border-bottom: 1px solid #1B2433; }
.mk-mer .mk-nav nav { color: #A7B3C6; font-weight: 500; }
.mk-mer .mk-nav .mk-row { flex-wrap: nowrap; gap: 10px; }
.mk-mer .mk-btn { border-radius: 8px; padding: 12px 20px; font-size: 15px; }
.mk-mer .mk-btn--ghost { color: #E6ECF5; border-color: #2B3749; background: transparent; }
.mk-mer .me-hero { background: radial-gradient(700px 420px at 85% 30%, rgba(52,211,153,.12), transparent 70%), #0B111C; padding: 72px 0 88px; }
.mk-mer .me-hero-in { display: grid; grid-template-columns: 1fr 560px; gap: 56px; align-items: center; }
.mk-mer .me-live { display: inline-flex; align-items: center; gap: 9px; padding: 7px 13px; border: 1px solid #1F3A34; background: rgba(52,211,153,.08); border-radius: 999px; font-size: 13.5px; font-weight: 600; color: #8EF0C6; margin-bottom: 24px; }
.mk-mer .me-live i { width: 8px; height: 8px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 0 4px rgba(52,211,153,.2); }
.mk-mer h4.mk-h1 { font-size: 62px; line-height: 1.02; font-weight: 700; letter-spacing: -.035em; color: #fff; margin-bottom: 22px; }
.mk-mer .me-lede { font-size: 18.5px; line-height: 1.6; color: #A7B3C6; max-width: 480px; margin-bottom: 30px; }
.mk-mer .me-hero .mk-btn { padding: 15px 24px; font-size: 16px; }
.mk-mer .me-dash { background: #111A28; border: 1px solid #1F2B3D; border-radius: 16px; padding: 18px; box-shadow: 0 40px 80px -30px rgba(0,0,0,.7); }
.mk-mer .me-d-top { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }
.mk-mer .me-d-top b { margin-right: auto; color: #fff; font-family: 'Space Grotesk', sans-serif; font-size: 17px; }
.mk-mer .me-tab { padding: 5px 11px; border-radius: 6px; font-size: 12.5px; color: #7C8BA1; }
.mk-mer .me-tab.on { background: #1B2638; color: #fff; }
.mk-mer .me-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 12px; }
.mk-mer .me-kpis div { background: #0D1522; border: 1px solid #1B2638; border-radius: 10px; padding: 12px 14px; }
.mk-mer .me-kpis span { display: block; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: #7C8BA1; font-weight: 700; }
.mk-mer .me-kpis b { font-size: 28px; color: #fff; font-weight: 700; }
.mk-mer .me-map { margin-bottom: 12px; }
.mk-mer .me-map svg { width: 100%; }
.mk-mer .me-rows div { display: grid; grid-template-columns: 70px 1fr 100px 70px; align-items: center; gap: 10px; padding: 10px 6px; border-top: 1px solid #1B2638; font-size: 13.5px; }
.mk-mer .me-rows b { color: #fff; font-family: 'Space Grotesk', sans-serif; }
.mk-mer .me-rows em { font-style: normal; font-size: 11.5px; font-weight: 700; padding: 4px 8px; border-radius: 999px; text-align: center; }
.mk-mer .me-rows em.ok { background: rgba(52,211,153,.14); color: #5EE7B0; }
.mk-mer .me-rows em.ld { background: rgba(242,166,94,.15); color: #F6B878; }
.mk-mer .me-rows em.av { background: rgba(96,165,250,.15); color: #93C0FA; }
.mk-mer .me-rows i { font-style: normal; color: #A7B3C6; text-align: right; font-variant-numeric: tabular-nums; }
.mk-mer .me-band { position: relative; height: 440px; overflow: hidden; color: #fff; }
.mk-mer .me-band-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11,17,28,.95) 0%, rgba(11,17,28,.75) 45%, rgba(11,17,28,.2) 100%); }
.mk-mer .me-band-in { position: relative; padding-top: 96px; }
.mk-mer .me-band h2 { font-size: 48px; line-height: 1.05; font-weight: 700; letter-spacing: -.03em; max-width: 560px; margin-bottom: 36px; }
.mk-mer .me-band-stats { display: flex; gap: 48px; }
.mk-mer .me-band-stats b { display: block; font-family: 'Space Grotesk', sans-serif; font-size: 34px; color: var(--acc); }
.mk-mer .me-band-stats span { font-size: 14px; color: #C5CFDD; }
.mk-mer .me-aud { background: #0F1724; }
.mk-mer .mk-h2 { font-family: 'Space Grotesk', sans-serif; font-weight: 700; color: #fff; letter-spacing: -.03em; }
.mk-mer .me-card { background: #131D2C; border: 1px solid #1F2B3D; border-radius: 14px; padding: 30px; overflow: hidden; }
.mk-mer .me-card-img { position: relative; height: 170px; margin: -30px -30px 24px; overflow: hidden; }
.mk-mer .me-card-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(19,29,44,.6), rgba(19,29,44,0) 60%); }
.mk-mer .me-card span { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--acc); margin-bottom: 14px; }
.mk-mer .me-card h3 { color: #fff; font-weight: 700; }
.mk-mer .me-card p { color: #A7B3C6; }
.mk-mer .me-term { position: relative; overflow: hidden; padding: 110px 0; color: #fff; }
.mk-mer .me-term-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,11,18,.94) 0%, rgba(7,11,18,.8) 50%, rgba(7,11,18,.55) 100%); }
.mk-mer .me-term-in { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.mk-mer .me-term h2 { font-size: 46px; line-height: 1.06; font-weight: 700; letter-spacing: -.03em; }
.mk-mer .me-term-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
.mk-mer .me-term-list li { padding: 11px 0 11px 22px; position: relative; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 16px; color: #D5DDEA; }
.mk-mer .me-term-list li::before { content: ""; position: absolute; left: 0; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 0 4px rgba(52,211,153,.18); }
.mk-mer .me-app { padding: 96px 0; }
.mk-mer .me-app-in { display: grid; grid-template-columns: 340px 1fr; gap: 80px; align-items: center; }
.mk-mer .me-phone { width: 300px; border-radius: 40px; padding: 12px; background: #1B2433; border: 1px solid #2B3749; }
.mk-mer .me-ph-in { border-radius: 30px; background: #0D1522; padding: 30px 20px; }
.mk-mer .me-ph-h { font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #7C8BA1; margin-bottom: 6px; }
.mk-mer .me-ph-l { font-family: 'Space Grotesk', sans-serif; font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 16px; }
.mk-mer .me-ph-g { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 16px; }
.mk-mer .me-ph-g div { background: #131D2C; border-radius: 10px; padding: 9px; }
.mk-mer .me-ph-g span { display: block; font-size: 10.5px; color: #7C8BA1; }
.mk-mer .me-ph-g b { font-size: 13px; color: #fff; }
.mk-mer .me-ph-btn { display: block; text-align: center; background: var(--acc); color: #06281B; font-weight: 800; border-radius: 10px; padding: 12px; margin-bottom: 20px; }
.mk-mer .me-bar { height: 8px; background: #1B2638; border-radius: 999px; }
.mk-mer .me-bar i { display: block; width: 64%; height: 100%; background: linear-gradient(90deg, #34D399, #F2A65E); border-radius: 999px; }
.mk-mer .me-app h2 { font-size: 44px; line-height: 1.08; font-weight: 700; color: #fff; letter-spacing: -.03em; margin-bottom: 26px; }
.mk-mer .me-app li { padding: 13px 0 13px 30px; position: relative; font-size: 17px; border-bottom: 1px solid #1B2433; color: #C5CFDD; }
.mk-mer .me-app li::before { content: ""; position: absolute; left: 0; top: 20px; width: 12px; height: 12px; border-radius: 3px; background: var(--acc); }

/* ---------- 6. Stillwater Tank Lines (tanker & bulk) ---------- */
.mk-still { --acc: #E4572E; --green: #0F3D33; --top-bg: #0F3D33; --top-ink: #B7D1C9; --foot-bg: #0B2C25; --foot-ink: #97B3AA; color: #1B2B28; }
.mk-still .mk-logo b, .mk-still h4.mk-h1, .mk-still h2, .mk-still h3, .mk-still .st-comp b, .mk-still .st-counter b { font-family: 'Barlow Condensed', 'Oswald', sans-serif; text-transform: uppercase; }
.mk-still .mk-logo b { font-size: 29px; color: var(--green); letter-spacing: .04em; }
.mk-still .mk-logo small { color: var(--acc); opacity: 1; }
.mk-still .mk-nav { border-bottom: 1px solid #E1E6E8; }
.mk-still .mk-nav nav { color: #33474A; }
.mk-still .mk-btn { border-radius: 4px; }
.mk-still .mk-btn--ghost { color: var(--green); background: transparent; }
.mk-still .st-hero { background: linear-gradient(180deg, #EEF2F3 0%, #E1E7EA 100%); padding: 64px 0 72px; position: relative; overflow: hidden; }
.mk-still .st-hero::before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 46%; background: linear-gradient(135deg, #0F3D33, #174F43); clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%); }
.mk-still .st-hero-in { position: relative; display: grid; grid-template-columns: 1fr 520px; gap: 40px; align-items: center; }
.mk-still .st-kick { display: inline-block; font-weight: 800; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: #fff; background: var(--acc); padding: 6px 12px; margin-bottom: 20px; }
.mk-still h4.mk-h1 { font-size: 66px; line-height: .95; font-weight: 800; color: var(--green); margin-bottom: 24px; }
.mk-still h4.mk-h1 span { color: var(--acc); }
.mk-still .st-lede { font-size: 18.5px; line-height: 1.6; color: #3E5251; max-width: 500px; margin-bottom: 30px; }
.mk-still .st-art { position: relative; height: 430px; }
.mk-still .st-photo { border-radius: 10px; box-shadow: 0 30px 60px -24px rgba(0,0,0,.55); border: 4px solid rgba(255,255,255,.9); }
.mk-still .st-counter { position: absolute; bottom: -22px; left: -28px; z-index: 1; display: flex; align-items: center; gap: 14px; background: #fff; border-radius: 10px; padding: 14px 18px; box-shadow: 0 16px 32px -12px rgba(0,0,0,.4); border-left: 5px solid var(--acc); }
.mk-still .st-counter b { font-size: 50px; line-height: 1; color: var(--green); font-weight: 800; }
.mk-still .st-counter span { font-size: 13px; font-weight: 700; color: #3E5251; max-width: 130px; line-height: 1.3; }
.mk-still .st-comp { background: #fff; border-bottom: 1px solid #E1E6E8; }
.mk-still .st-comp .mk-w { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 30px 0; }
.mk-still .st-comp div { display: grid; grid-template-columns: 34px 1fr; column-gap: 12px; align-items: center; }
.mk-still .st-comp i { grid-row: span 2; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #E3F0EB; color: #1C7A5A; font-style: normal; font-weight: 800; }
.mk-still .st-comp b { font-size: 26px; line-height: 1; color: var(--green); }
.mk-still .st-comp span { font-size: 13.5px; color: #5A6B6A; }
.mk-still .mk-h2 { font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; font-size: 56px; color: var(--green); letter-spacing: 0; }
.mk-still .st-card { border: 1px solid #DCE3E5; border-top: 5px solid var(--green); border-radius: 4px; padding: 30px; background: #F7F9F9; }
.mk-still .st-card h3 { font-size: 32px; color: var(--green); }
.mk-still .st-card p { color: #4A5B5A; }
.mk-still .st-tag { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 5px 10px; border-radius: 3px; background: #FCE4DC; color: #B8401D; margin-bottom: 16px; }
.mk-still .st-tag--g { background: #E3F0EB; color: #1C7A5A; }
.mk-still .st-tag--b { background: #E4EAF3; color: #3B5B8C; }
.mk-still .st-fleet { background: #F4F7F6; padding: 96px 0; }
.mk-still .st-fleet-in { display: grid; grid-template-columns: 540px 1fr; gap: 64px; align-items: center; }
.mk-still .st-fleet-img { position: relative; height: 400px; border-radius: 8px; overflow: hidden; box-shadow: 0 24px 50px -24px rgba(15,61,51,.45); }
.mk-still .st-fleet h2 { font-size: 48px; line-height: 1; font-weight: 800; color: var(--green); margin-bottom: 28px; }
.mk-still .st-types { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; }
.mk-still .st-types li { border-left: 4px solid var(--acc); padding: 4px 0 4px 16px; }
.mk-still .st-types b { display: block; font-family: 'Barlow Condensed', sans-serif; font-size: 26px; font-weight: 800; text-transform: uppercase; color: var(--green); line-height: 1.1; }
.mk-still .st-types span { font-size: 14.5px; color: #4A5B5A; }
.mk-still .st-band { position: relative; height: 500px; overflow: hidden; color: #fff; }
.mk-still .st-band .mk-photo { object-position: center 55%; }
.mk-still .st-band-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11,44,37,.93) 0%, rgba(11,44,37,.7) 48%, rgba(11,44,37,.1) 100%); }
.mk-still .st-band-in { position: relative; padding-top: 100px; }
.mk-still .st-band .mk-eyebrow { color: #F28B6B; }
.mk-still .st-band h2 { font-size: 56px; line-height: .98; font-weight: 800; max-width: 620px; margin-bottom: 36px; }
.mk-still .st-band-stats { display: flex; gap: 52px; }
.mk-still .st-band-stats b { display: block; font-family: 'Barlow Condensed', sans-serif; font-size: 46px; line-height: 1; font-weight: 800; }
.mk-still .st-band-stats span { font-size: 14px; color: #CFE0DA; }
.mk-still .st-safety { background: var(--green); color: #D8E6E1; padding: 88px 0; }
.mk-still .st-safety-in { display: grid; grid-template-columns: 1fr 520px; gap: 72px; align-items: center; }
.mk-still .st-safety .mk-eyebrow { color: #F28B6B; }
.mk-still .st-safety h2 { font-size: 50px; line-height: 1; font-weight: 800; color: #fff; margin-bottom: 20px; }
.mk-still .st-safety p { font-size: 17.5px; line-height: 1.6; }
.mk-still .st-bars { background: rgba(0,0,0,.2); border-radius: 12px; padding: 28px; }
.mk-still .st-bars div { display: grid; grid-template-columns: 170px 1fr 44px; align-items: center; gap: 14px; padding: 11px 0; }
.mk-still .st-bars span { font-size: 14.5px; font-weight: 700; }
.mk-still .st-bars i { position: relative; height: 10px; border-radius: 999px; background: rgba(255,255,255,.12); }
.mk-still .st-bars i::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--v); border-radius: 999px; background: #5FD3A5; }
.mk-still .st-bars i::after { content: ""; position: absolute; left: 60%; top: -5px; bottom: -5px; width: 2px; background: #F28B6B; }
.mk-still .st-bars b { text-align: right; color: #fff; font-variant-numeric: tabular-nums; }
.mk-still .st-bars p { margin-top: 12px; font-size: 12.5px; color: #97B3AA; }

/* ---------- 7. Crossbay Distribution (warehousing & 3PL) ---------- */
.mk-crossbay { --acc: #2F5BFF; --ink: #0F172A; --yel: #FFD23F; --top-bg: #0F172A; --foot-bg: #0F172A; color: var(--ink); }
.mk-crossbay .mk-logo b, .mk-crossbay h4.mk-h1, .mk-crossbay h2, .mk-crossbay h3, .mk-crossbay .cb-stats b, .mk-crossbay .cb-num, .mk-crossbay .cb-loc b { font-family: 'Archivo', 'Manrope', sans-serif; }
.mk-crossbay .mk-logo b { font-size: 26px; font-weight: 800; letter-spacing: -.02em; color: var(--ink); }
.mk-crossbay .mk-nav { border-bottom: 1px solid #E4E8F0; }
.mk-crossbay .mk-nav nav { color: #334155; }
.mk-crossbay .cb-hero { position: relative; background: linear-gradient(180deg, #F5F7FC 0%, #fff 100%); padding: 72px 0 80px; overflow: hidden; }
.mk-crossbay .cb-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background: repeating-linear-gradient(135deg, var(--yel) 0 22px, var(--ink) 22px 44px); }
.mk-crossbay .cb-hero-in { display: grid; grid-template-columns: 1fr 540px; gap: 56px; align-items: center; }
.mk-crossbay .cb-tag { display: inline-flex; align-items: center; gap: 10px; padding: 7px 14px; border-radius: 999px; background: #fff; border: 1px solid #DCE3F2; font-size: 13.5px; font-weight: 700; color: #334155; margin-bottom: 22px; }
.mk-crossbay .cb-tag i { width: 8px; height: 8px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 0 4px rgba(47,91,255,.18); }
.mk-crossbay h4.mk-h1 { font-size: 64px; line-height: 1.02; font-weight: 800; letter-spacing: -.035em; margin-bottom: 22px; }
.mk-crossbay h4.mk-h1 em { font-style: normal; color: var(--acc); }
.mk-crossbay .cb-lede { font-size: 19px; color: #475569; max-width: 520px; margin-bottom: 30px; }
.mk-crossbay .cb-hero .mk-btn--ghost { color: var(--ink); }
.mk-crossbay .cb-visual { position: relative; height: 440px; }
.mk-crossbay .cb-photo { position: absolute; inset: 0 0 60px 40px; border-radius: 16px; overflow: hidden; box-shadow: 0 30px 60px -20px rgba(15,23,42,.45); }
.mk-crossbay .cb-board { position: absolute; left: 0; bottom: 0; width: 360px; background: var(--ink); color: #E2E8F0; border-radius: 14px; padding: 16px 18px; box-shadow: 0 24px 50px -12px rgba(15,23,42,.6); }
.mk-crossbay .cb-b-head { display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #94A3B8; margin-bottom: 8px; }
.mk-crossbay .cb-b-head em { font-style: normal; color: var(--yel); }
.mk-crossbay .cb-b-row { display: grid; grid-template-columns: 78px 1fr auto; gap: 10px; align-items: center; padding: 9px 0; border-top: 1px solid #1E293B; font-size: 14px; }
.mk-crossbay .cb-b-row b { font-family: 'Archivo', sans-serif; color: #fff; }
.mk-crossbay .cb-b-row i { font-style: normal; font-size: 11.5px; font-weight: 800; padding: 3px 9px; border-radius: 4px; }
.mk-crossbay .is-in { background: rgba(47,91,255,.25); color: #A5B8FF; }
.mk-crossbay .is-out { background: rgba(52,211,153,.2); color: #6EE7B7; }
.mk-crossbay .is-x { background: rgba(255,210,63,.2); color: var(--yel); }
.mk-crossbay .cb-stats { background: var(--ink); color: #fff; }
.mk-crossbay .cb-stats .mk-w { display: grid; grid-template-columns: repeat(4, 1fr); padding: 40px 0; }
.mk-crossbay .cb-stats div > div { padding-left: 22px; border-left: 3px solid var(--yel); }
.mk-crossbay .cb-stats b { display: block; font-size: 50px; line-height: 1; font-weight: 800; letter-spacing: -.03em; }
.mk-crossbay .cb-stats span { font-size: 14px; font-weight: 700; color: #94A3B8; text-transform: uppercase; letter-spacing: .1em; }
.mk-crossbay .mk-h2 { font-size: 46px; letter-spacing: -.03em; }
.mk-crossbay .cb-svc > div { border: 1px solid #E4E8F0; border-radius: 14px; overflow: hidden; padding: 0 28px 30px; background: #fff; }
.mk-crossbay .cb-img { position: relative; height: 200px; margin: 0 -28px 22px; overflow: hidden; }
.mk-crossbay .cb-num { display: inline-block; font-size: 14px; font-weight: 800; color: var(--acc); background: #EEF2FF; padding: 3px 10px; border-radius: 4px; margin-bottom: 12px; }
.mk-crossbay .cb-svc h3 { font-size: 24px; letter-spacing: -.02em; }
.mk-crossbay .cb-svc p { color: #475569; }
.mk-crossbay .cb-tools { background: #F5F7FC; padding: 96px 0; }
.mk-crossbay .cb-tools-in { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: stretch; }
.mk-crossbay .cb-quote { background: #fff; border: 1px solid #E4E8F0; border-top: 6px solid var(--acc); border-radius: 14px; padding: 34px; }
.mk-crossbay .cb-quote h2 { font-size: 34px; letter-spacing: -.03em; margin-bottom: 24px; }
.mk-crossbay .cb-q-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 22px; }
.mk-crossbay .cb-field { border: 1.5px solid #DCE3F2; border-radius: 8px; padding: 10px 14px; }
.mk-crossbay .cb-field label { display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #64748B; }
.mk-crossbay .cb-field span { font-weight: 700; font-size: 16px; }
.mk-crossbay .cb-portal { background: var(--ink); color: #CBD5E1; border-radius: 14px; overflow: hidden; box-shadow: 0 30px 60px -24px rgba(15,23,42,.55); }
.mk-crossbay .cb-p-bar { display: flex; align-items: center; gap: 6px; padding: 12px 16px; background: #1E293B; font-size: 12.5px; font-weight: 700; color: #94A3B8; }
.mk-crossbay .cb-p-bar i { width: 9px; height: 9px; border-radius: 50%; background: #475569; }
.mk-crossbay .cb-p-bar span { margin-left: 10px; }
.mk-crossbay .cb-p-row { display: grid; grid-template-columns: 1.1fr 1.1fr 1fr .8fr; gap: 10px; padding: 13px 22px; border-bottom: 1px solid #1E293B; font-size: 14.5px; }
.mk-crossbay .cb-p-row span:first-child { font-family: 'Archivo', sans-serif; font-weight: 700; color: #fff; }
.mk-crossbay .cb-p-head { font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #64748B; }
.mk-crossbay .cb-p-head span:first-child { color: #64748B; font-family: inherit; }
.mk-crossbay .cb-p-row em { font-style: normal; font-weight: 800; font-size: 12.5px; }
.mk-crossbay .cb-p-row .ok { color: #6EE7B7; } .mk-crossbay .cb-p-row .low { color: #FCA5A5; } .mk-crossbay .cb-p-row .mv { color: var(--yel); }
.mk-crossbay .cb-p-note { padding: 18px 22px 22px; font-size: 15px; color: #94A3B8; }
.mk-crossbay .cb-loc { border-left: 4px solid var(--acc); padding: 6px 0 6px 20px; }
.mk-crossbay .cb-loc b { display: block; font-size: 24px; letter-spacing: -.02em; }
.mk-crossbay .cb-loc span { color: #475569; font-weight: 600; }
.mk-crossbay .cb-cta { background: var(--acc); color: #fff; padding: 64px 0; }
.mk-crossbay .cb-cta .mk-w { display: flex; justify-content: space-between; align-items: center; }
.mk-crossbay .cb-cta h2 { font-size: 42px; letter-spacing: -.03em; }
.mk-crossbay .cb-cta .mk-btn { background: var(--yel); border-color: var(--yel); color: var(--ink); }
.mk-crossbay .cb-cta-ph { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 22px; }

/* ---------- 8. Mile Marker Diesel & Roadside (repair shop) ---------- */
.mk-milemark { --acc: #E5322D; --ink: #0E1013; --steel: #1A1D22; --nav-bg: #0E1013; --nav-ink: #F1F1F1; --foot-bg: #07080A; background: #0E1013; color: #E6E7E9; }
.mk-milemark .mk-logo b, .mk-milemark h4.mk-h1, .mk-milemark h2, .mk-milemark h3, .mk-milemark .mm-mark, .mk-milemark .mm-f-title, .mk-milemark .mm-bay b, .mk-milemark .mm-svc span, .mk-milemark .mm-routes b, .mk-milemark .mm-alert-ph { font-family: 'Chakra Petch', 'Manrope', sans-serif; }
.mk-milemark .mm-alert { background: var(--acc); color: #fff; font-size: 14.5px; }
.mk-milemark .mm-alert .mk-w { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; }
.mk-milemark .mm-alert-ph { font-size: 19px; letter-spacing: .04em; }
.mk-milemark .mk-nav { border-bottom: 1px solid #23262B; }
.mk-milemark .mm-mark { display: grid; place-items: center; width: 46px; height: 46px; border: 2px solid var(--acc); color: var(--acc); font-weight: 700; font-size: 18px; transform: skewX(-10deg); }
.mk-milemark .mk-logo b { font-size: 26px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; color: #fff; }
.mk-milemark .mk-logo small { color: #9CA3AF; opacity: 1; }
.mk-milemark .mk-nav nav { color: #C9CCD1; font-weight: 600; }
.mk-milemark .mm-hero { position: relative; padding: 90px 0 96px; overflow: hidden; }
.mk-milemark .mm-photo { position: absolute; inset: 0; }
.mk-milemark .mm-photo .mk-photo { object-position: center 60%; }
.mk-milemark .mm-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,16,19,.97) 0%, rgba(14,16,19,.88) 45%, rgba(14,16,19,.45) 100%); }
.mk-milemark .mm-hero-in { position: relative; display: grid; grid-template-columns: 1fr 400px; gap: 64px; align-items: center; }
.mk-milemark .mm-kick { display: inline-block; padding: 6px 12px; border: 1px solid rgba(229,50,45,.6); color: #FF8A86; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 22px; }
.mk-milemark h4.mk-h1 { font-size: 66px; line-height: 1; font-weight: 700; text-transform: uppercase; letter-spacing: -.01em; color: #fff; margin-bottom: 22px; }
.mk-milemark h4.mk-h1 em { display: block; font-style: normal; color: var(--acc); }
.mk-milemark .mm-lede { font-size: 19px; color: #B8BCC3; max-width: 540px; margin-bottom: 30px; }
.mk-milemark .mm-hero .mk-btn--ghost { color: #fff; }
.mk-milemark .mm-form { background: #fff; color: #111; border-radius: 10px; padding: 26px; border-top: 6px solid var(--acc); box-shadow: 0 30px 60px rgba(0,0,0,.5); }
.mk-milemark .mm-f-title { font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.mk-milemark .mm-field { border: 1.5px solid #E1E3E7; border-radius: 6px; padding: 9px 12px; margin-bottom: 10px; }
.mk-milemark .mm-field label { display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #6B7280; }
.mk-milemark .mm-field span { font-weight: 700; font-size: 15.5px; }
.mk-milemark .mm-f-btn { width: 100%; margin-top: 6px; }
.mk-milemark .mm-f-note { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 13.5px; font-weight: 700; color: #374151; }
.mk-milemark .mm-f-note i { width: 9px; height: 9px; border-radius: 50%; background: #22C55E; box-shadow: 0 0 0 4px rgba(34,197,94,.2); }
.mk-milemark .mm-bays { background: var(--steel); padding: 56px 0 60px; border-top: 1px solid #23262B; border-bottom: 1px solid #23262B; }
.mk-milemark .mm-bays-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 22px; }
.mk-milemark .mm-bays-head .mk-eyebrow { margin: 0; }
.mk-milemark .mm-bays-head b { font-size: 15px; color: #C9CCD1; }
.mk-milemark .mm-bay-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; }
.mk-milemark .mm-bay { padding: 14px 12px; border-radius: 6px; background: #22262C; border-top: 4px solid #4B5563; }
.mk-milemark .mm-bay span { display: block; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #9CA3AF; }
.mk-milemark .mm-bay b { display: block; font-size: 17px; font-weight: 700; color: #fff; margin: 6px 0 4px; }
.mk-milemark .mm-bay em { font-style: normal; font-size: 12.5px; color: #9CA3AF; }
.mk-milemark .mm-bay.is-busy { border-top-color: var(--acc); }
.mk-milemark .mm-bay.is-open { border-top-color: #22C55E; background: #1D2A22; }
.mk-milemark .mm-bay.is-open b, .mk-milemark .mm-bay.is-open em { color: #86EFAC; }
.mk-milemark .mk-h2 { font-size: 48px; text-transform: uppercase; font-weight: 700; color: #fff; letter-spacing: 0; }
.mk-milemark .mm-svc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #2A2E34; border: 1px solid #2A2E34; }
.mk-milemark .mm-svc > div { background: var(--ink); padding: 30px 28px; }
.mk-milemark .mm-svc span { display: block; font-size: 13px; font-weight: 700; color: var(--acc); letter-spacing: .12em; margin-bottom: 14px; }
.mk-milemark .mm-svc h3 { font-size: 23px; font-weight: 700; text-transform: uppercase; color: #fff; }
.mk-milemark .mm-svc p { color: #A3A8B0; }
.mk-milemark .mm-fleet { background: #15171B; padding: 96px 0; }
.mk-milemark .mm-fleet-in { display: grid; grid-template-columns: 500px 1fr; gap: 64px; align-items: center; }
.mk-milemark .mm-fleet-img { position: relative; height: 380px; overflow: hidden; clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%); }
.mk-milemark .mm-fleet h2 { font-size: 42px; line-height: 1.05; text-transform: uppercase; font-weight: 700; color: #fff; margin-bottom: 24px; }
.mk-milemark .mm-list { margin-bottom: 30px; }
.mk-milemark .mm-list li { position: relative; padding: 10px 0 10px 30px; border-bottom: 1px solid #2A2E34; font-size: 16.5px; color: #D1D5DB; }
.mk-milemark .mm-list li::before { content: ""; position: absolute; left: 0; top: 17px; width: 14px; height: 8px; border-left: 3px solid var(--acc); border-bottom: 3px solid var(--acc); transform: rotate(-45deg); }
.mk-milemark .mm-strip { padding: 0 0 96px; background: #15171B; }
.mk-milemark .mm-strip .mk-w { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.mk-milemark .mm-strip figure { position: relative; margin: 0; height: 240px; overflow: hidden; }
.mk-milemark .mm-strip figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 18px 14px; font-family: 'Chakra Petch', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #fff; background: linear-gradient(0deg, rgba(0,0,0,.85), rgba(0,0,0,0)); }
.mk-milemark .mm-area { background: var(--acc); color: #fff; padding: 56px 0; }
.mk-milemark .mm-area-in { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.mk-milemark .mm-area .mk-eyebrow { color: #FFD1CF; }
.mk-milemark .mm-area h2 { font-size: 40px; text-transform: uppercase; font-weight: 700; }
.mk-milemark .mm-routes { display: grid; grid-template-columns: repeat(2, auto); gap: 10px 14px; }
.mk-milemark .mm-routes span { display: flex; align-items: center; gap: 10px; padding: 9px 14px; background: rgba(0,0,0,.18); border-radius: 6px; font-weight: 700; font-size: 14.5px; }
.mk-milemark .mm-routes b { display: inline-grid; place-items: center; min-width: 54px; padding: 3px 6px; background: #fff; color: var(--acc); border-radius: 4px; font-size: 15px; }

/* ---------- 9. Northbound CDL Academy (CDL school) ---------- */
.mk-north { --acc: #5B3FD4; --sun: #FFC940; --ink: #1B1640; --foot-bg: #1B1640; background: #FBF9F4; color: var(--ink); }
.mk-north .mk-logo b, .mk-north h4.mk-h1, .mk-north h2, .mk-north h3, .mk-north .nb-stats b, .mk-north .nb-cal-row b, .mk-north .nb-steps b, .mk-north .nb-plan b, .mk-north .nb-cal-title { font-family: 'Bricolage Grotesque', 'Manrope', sans-serif; }
.mk-north .nb-top { background: var(--sun); color: var(--ink); font-size: 14px; font-weight: 600; }
.mk-north .nb-top .mk-w { display: flex; justify-content: space-between; padding: 9px 0; }
.mk-north .mk-nav { background: #FBF9F4; }
.mk-north .mk-logo b { font-size: 27px; font-weight: 800; letter-spacing: -.02em; }
.mk-north .mk-nav nav { color: #3B355E; }
.mk-north .mk-btn { border-radius: 999px; }
.mk-north .nb-hero { padding: 64px 0 88px; }
.mk-north .nb-hero-in { display: grid; grid-template-columns: 1fr 520px; gap: 56px; align-items: center; }
.mk-north .nb-pill { display: inline-block; padding: 7px 16px; border-radius: 999px; background: #ECE7FF; color: var(--acc); font-size: 13.5px; font-weight: 800; margin-bottom: 22px; }
.mk-north h4.mk-h1 { font-size: 66px; line-height: 1; font-weight: 800; letter-spacing: -.035em; margin-bottom: 22px; }
.mk-north h4.mk-h1 em { font-style: normal; color: var(--acc); background: linear-gradient(0deg, rgba(255,201,64,.55) 0 30%, transparent 30%); }
.mk-north .nb-lede { font-size: 19px; color: #4B4670; max-width: 520px; margin-bottom: 30px; }
.mk-north .nb-hero .mk-btn--ghost { color: var(--ink); }
.mk-north .nb-badges { display: flex; gap: 10px; margin-top: 26px; }
.mk-north .nb-badges span { padding: 8px 14px; border: 1.5px solid #DAD4F5; border-radius: 999px; font-size: 13.5px; font-weight: 700; color: #3B355E; background: #fff; }
.mk-north .nb-visual { position: relative; height: 470px; }
.mk-north .nb-photo { position: absolute; inset: 0 0 90px 30px; border-radius: 28px; overflow: hidden; box-shadow: 0 30px 60px -24px rgba(27,22,64,.5); }
.mk-north .nb-cal { position: absolute; left: 0; bottom: 0; width: 360px; background: #fff; border-radius: 18px; padding: 18px 20px; box-shadow: 0 24px 50px -16px rgba(27,22,64,.45); }
.mk-north .nb-cal-title { font-size: 17px; font-weight: 800; margin-bottom: 6px; }
.mk-north .nb-cal-row { display: grid; grid-template-columns: 70px 1fr auto; gap: 10px; align-items: center; padding: 10px 0; border-top: 1px solid #EEEAF8; font-size: 14px; color: #4B4670; }
.mk-north .nb-cal-row b { font-size: 18px; color: var(--ink); }
.mk-north .nb-cal-row em { font-style: normal; font-size: 12px; font-weight: 800; padding: 4px 10px; border-radius: 999px; background: #E8F7EE; color: #15803D; }
.mk-north .nb-cal-row em.few { background: #FFF1CC; color: #9A6700; }
.mk-north .nb-cal-row em.wait { background: #EEEAF8; color: #6B63A0; }
.mk-north .nb-stats { background: var(--acc); color: #fff; }
.mk-north .nb-stats .mk-w { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 44px 0; }
.mk-north .nb-stats b { display: block; font-size: 52px; line-height: 1; font-weight: 800; letter-spacing: -.03em; color: var(--sun); }
.mk-north .nb-stats span { display: block; margin-top: 8px; font-size: 15px; font-weight: 600; color: #E3DDFF; }
.mk-north .mk-h2 { font-size: 48px; letter-spacing: -.035em; }
.mk-north .nb-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.mk-north .nb-steps > div { background: #fff; border: 1.5px solid #ECE8F7; border-radius: 20px; padding: 28px 24px; }
.mk-north .nb-steps b { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--sun); color: var(--ink); font-size: 22px; font-weight: 800; margin-bottom: 18px; }
.mk-north .nb-steps h3 { font-size: 22px; letter-spacing: -.02em; }
.mk-north .nb-steps p { color: #4B4670; font-size: 15.5px; }
.mk-north .nb-aid { background: var(--ink); color: #fff; padding: 96px 0; }
.mk-north .nb-aid .mk-eyebrow { color: var(--sun); }
.mk-north .nb-aid .mk-h2 { color: #fff; }
.mk-north .nb-plan { background: #26205A; border: 1.5px solid #3A3380; border-radius: 22px; padding: 30px 28px; }
.mk-north .nb-plan span { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #A9A1E6; }
.mk-north .nb-plan h3 { font-size: 26px; margin: 10px 0 8px; }
.mk-north .nb-plan b { display: block; font-size: 30px; font-weight: 800; color: var(--sun); margin-bottom: 14px; letter-spacing: -.02em; }
.mk-north .nb-plan p { color: #CFC9F2; }
.mk-north .nb-plan.is-hot { background: var(--acc); border-color: var(--sun); box-shadow: 0 20px 50px -20px rgba(255,201,64,.45); }
.mk-north .nb-jobs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.mk-north .nb-jobs figure { margin: 0; background: #fff; border: 1.5px solid #ECE8F7; border-radius: 22px; overflow: hidden; }
.mk-north .nb-j-img { position: relative; height: 220px; }
.mk-north .nb-jobs figcaption { padding: 20px 22px 24px; }
.mk-north .nb-jobs figcaption b { display: block; font-family: 'Bricolage Grotesque', sans-serif; font-size: 22px; letter-spacing: -.02em; }
.mk-north .nb-jobs figcaption span { color: #4B4670; font-weight: 600; }
.mk-north .nb-cta { padding: 0 0 96px; }
.mk-north .nb-cta-in { display: flex; justify-content: space-between; align-items: center; gap: 40px; background: var(--sun); border-radius: 28px; padding: 48px 56px; }
.mk-north .nb-cta h2 { font-size: 42px; letter-spacing: -.035em; margin-bottom: 8px; }
.mk-north .nb-cta p { font-size: 17px; color: #3B355E; }
.mk-north .nb-cta .mk-btn { background: var(--ink); border-color: var(--ink); }

/* Crossbay: tighter hero headline */
.mk-crossbay h4.mk-h1 { font-size: 58px; }

/* ---------- 10. Relay Point Logistics (freight brokerage) ---------- */
.mk-relay { --acc: #00C2FF; --acc-ink: #0A2540; --ink: #0A2540; --foot-bg: #07182C; color: var(--ink); }
.mk-relay .mk-logo b, .mk-relay h4.mk-h1, .mk-relay h2, .mk-relay h3, .mk-relay .rp-stats b, .mk-relay .rp-q-est b, .mk-relay .rp-modes i, .mk-relay .rp-s-head b { font-family: 'Sora', 'Manrope', sans-serif; }
.mk-relay .mk-nav { background: var(--ink); color: #fff; }
.mk-relay .mk-logo b { font-size: 24px; font-weight: 700; letter-spacing: -.02em; }
.mk-relay .mk-logo small { color: #8FB3D9; opacity: 1; }
.mk-relay .mk-nav nav { color: #C7D6E8; }
.mk-relay .mk-nav .mk-btn--ghost { color: #fff; border-color: rgba(255,255,255,.4); }
.mk-relay .rp-hero { position: relative; padding: 70px 0 84px; color: #fff; overflow: hidden; }
.mk-relay .rp-photo { position: absolute; inset: 0; }
.mk-relay .rp-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,37,64,.92) 0%, rgba(10,37,64,.78) 55%, rgba(10,37,64,.95) 100%); }
.mk-relay .rp-hero-in { position: relative; }
.mk-relay .rp-toggle { display: inline-flex; padding: 4px; border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); margin-bottom: 26px; }
.mk-relay .rp-toggle span { padding: 8px 18px; border-radius: 999px; font-size: 14px; font-weight: 700; color: #C7D6E8; }
.mk-relay .rp-toggle .is-on { background: var(--acc); color: var(--ink); }
.mk-relay h4.mk-h1 { font-size: 64px; line-height: 1.04; font-weight: 700; letter-spacing: -.04em; max-width: 860px; margin-bottom: 20px; }
.mk-relay h4.mk-h1 em { font-style: normal; color: var(--acc); }
.mk-relay .rp-lede { font-size: 19px; color: #C7D6E8; max-width: 640px; margin-bottom: 36px; }
.mk-relay .rp-quote { display: grid; grid-template-columns: repeat(4, 1fr) 170px auto; gap: 10px; align-items: center; padding: 14px; border-radius: 14px; background: #fff; color: var(--ink); box-shadow: 0 30px 60px -20px rgba(0,0,0,.55); }
.mk-relay .rp-q-field { border: 1.5px solid #DCE6F1; border-radius: 10px; padding: 9px 12px; }
.mk-relay .rp-q-field label, .mk-relay .rp-q-est label { display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #6B7F99; }
.mk-relay .rp-q-field span { font-weight: 700; font-size: 15px; }
.mk-relay .rp-q-est { padding: 9px 12px; border-radius: 10px; background: #E6F9FF; }
.mk-relay .rp-q-est b { font-size: 24px; letter-spacing: -.02em; }
.mk-relay .rp-quote .mk-btn { padding: 18px 24px; }
.mk-relay .rp-stats { background: #F2F7FC; border-bottom: 1px solid #DCE6F1; }
.mk-relay .rp-stats .mk-w { display: grid; grid-template-columns: repeat(4, 1fr); padding: 38px 0; }
.mk-relay .rp-stats b { display: block; font-size: 42px; line-height: 1; font-weight: 700; letter-spacing: -.04em; }
.mk-relay .rp-stats span { font-size: 14.5px; font-weight: 600; color: #4E6480; }
.mk-relay .mk-h2 { font-size: 46px; font-weight: 700; letter-spacing: -.04em; }
.mk-relay .rp-modes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.mk-relay .rp-modes > div { padding: 28px 24px; border: 1.5px solid #DCE6F1; border-radius: 16px; }
.mk-relay .rp-modes i { display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; color: var(--ink); background: var(--acc); padding: 4px 10px; border-radius: 6px; margin-bottom: 16px; }
.mk-relay .rp-modes h3 { font-size: 21px; letter-spacing: -.02em; }
.mk-relay .rp-modes p { color: #4E6480; font-size: 15.5px; }
.mk-relay .rp-track { background: var(--ink); color: #fff; padding: 90px 0; }
.mk-relay .rp-track-in { display: grid; grid-template-columns: 1fr 560px; gap: 60px; align-items: center; }
.mk-relay .rp-track h2 { font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -.03em; margin-bottom: 18px; }
.mk-relay .rp-t-lede { font-size: 17px; color: #C7D6E8; margin-bottom: 28px; }
.mk-relay .rp-shipment { background: #10325A; border: 1px solid #1D4A7C; border-radius: 16px; padding: 24px; }
.mk-relay .rp-s-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; }
.mk-relay .rp-s-head b { font-size: 20px; }
.mk-relay .rp-s-head em { font-style: normal; font-size: 12.5px; font-weight: 800; color: var(--ink); background: var(--acc); padding: 4px 12px; border-radius: 999px; }
.mk-relay .rp-s-route { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; font-weight: 700; font-size: 15px; margin-bottom: 22px; }
.mk-relay .rp-s-route i { position: relative; height: 6px; border-radius: 999px; background: #1D4A7C; }
.mk-relay .rp-s-route u { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 999px; background: var(--acc); text-decoration: none; }
.mk-relay .rp-s-route u::after { content: ""; position: absolute; right: -7px; top: -4px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 5px rgba(0,194,255,.35); }
.mk-relay .rp-s-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mk-relay .rp-s-grid label { display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #8FB3D9; }
.mk-relay .rp-s-grid b { font-size: 15px; }
.mk-relay .rp-car-in { display: grid; grid-template-columns: 460px 1fr; gap: 60px; align-items: center; }
.mk-relay .rp-car-img { position: relative; height: 440px; border-radius: 20px; overflow: hidden; }
.mk-relay .rp-carriers .mk-h2 { margin-bottom: 26px; }
.mk-relay .rp-board { border: 1.5px solid #DCE6F1; border-radius: 14px; overflow: hidden; margin-bottom: 26px; }
.mk-relay .rp-b-row { display: grid; grid-template-columns: 1.3fr 1fr .8fr .9fr; padding: 13px 20px; border-top: 1px solid #E8EFF7; font-weight: 600; font-size: 15.5px; }
.mk-relay .rp-b-row b { font-family: 'Sora', sans-serif; color: #0A7A3B; }
.mk-relay .rp-b-head { border-top: 0; background: #F2F7FC; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #6B7F99; }
.mk-relay .rp-qp { font-weight: 700; color: #4E6480; }

/* ---------- 11. Blacktop Express (hotshot & expedited) ---------- */
.mk-blacktop { --acc: #B8F400; --acc-ink: #0B0B0C; --ink: #0B0B0C; --nav-bg: #0B0B0C; --nav-ink: #fff; --foot-bg: #050506; background: #0B0B0C; color: #E9E9EA; }
.mk-blacktop .mk-logo b, .mk-blacktop h4.mk-h1, .mk-blacktop h2, .mk-blacktop h3, .mk-blacktop .bt-stats b, .mk-blacktop .bt-strip b, .mk-blacktop .bt-ph, .mk-blacktop .bt-cta-ph, .mk-blacktop .bt-tag { font-family: 'Saira Condensed', 'Oswald', sans-serif; }
.mk-blacktop .mk-nav { border-bottom: 1px solid #1F1F22; }
.mk-blacktop .bt-bolt { display: grid; place-items: center; width: 44px; height: 44px; background: var(--acc); transform: skewX(-12deg); }
.mk-blacktop .mk-logo b { font-size: 28px; font-weight: 800; font-style: italic; text-transform: uppercase; letter-spacing: .01em; color: #fff; }
.mk-blacktop .mk-logo small { color: #9A9AA0; opacity: 1; }
.mk-blacktop .mk-nav nav { color: #BDBDC2; }
.mk-blacktop .bt-ph { font-size: 22px; font-weight: 700; color: var(--acc); }
.mk-blacktop .mk-btn { transform: skewX(-8deg); border-radius: 2px; }
.mk-blacktop .bt-hero { position: relative; padding: 90px 0 110px; overflow: hidden; }
.mk-blacktop .bt-photo { position: absolute; inset: 0; }
.mk-blacktop .bt-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11,11,12,.95) 0%, rgba(11,11,12,.75) 50%, rgba(11,11,12,.3) 100%), linear-gradient(0deg, rgba(11,11,12,1) 0%, rgba(11,11,12,0) 35%); }
.mk-blacktop .bt-hero-in { position: relative; }
.mk-blacktop .bt-live { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; color: var(--acc); margin-bottom: 18px; text-transform: uppercase; letter-spacing: .1em; }
.mk-blacktop .bt-live i { width: 10px; height: 10px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 0 5px rgba(184,244,0,.25); }
.mk-blacktop h4.mk-h1 { font-size: 110px; line-height: .88; font-weight: 800; font-style: italic; text-transform: uppercase; color: #fff; margin-bottom: 24px; }
.mk-blacktop h4.mk-h1 em { color: var(--acc); }
.mk-blacktop .bt-lede { font-size: 19px; color: #C9C9CE; max-width: 560px; margin-bottom: 40px; }
.mk-blacktop .bt-strip { display: grid; grid-template-columns: repeat(3, 1fr) 220px; max-width: 980px; background: #161618; border: 1px solid #2A2A2E; }
.mk-blacktop .bt-strip > div { padding: 16px 20px; border-right: 1px solid #2A2A2E; }
.mk-blacktop .bt-strip label { display: block; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #8A8A90; }
.mk-blacktop .bt-strip b { font-size: 24px; font-weight: 700; color: #fff; }
.mk-blacktop .bt-strip .bt-go { background: var(--acc); border-right: 0; }
.mk-blacktop .bt-go label { color: #2E3A00; }
.mk-blacktop .bt-go b { color: var(--ink); font-size: 30px; }
.mk-blacktop .bt-stats { border-top: 1px solid #1F1F22; border-bottom: 1px solid #1F1F22; }
.mk-blacktop .bt-stats .mk-w { display: grid; grid-template-columns: repeat(4, 1fr); padding: 40px 0; }
.mk-blacktop .bt-stats b { display: block; font-size: 56px; line-height: 1; font-weight: 800; font-style: italic; color: var(--acc); }
.mk-blacktop .bt-stats span { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #9A9AA0; }
.mk-blacktop .mk-h2 { font-size: 54px; line-height: 1; font-weight: 800; font-style: italic; text-transform: uppercase; color: #fff; letter-spacing: 0; }
.mk-blacktop .bt-fleet > div { padding: 30px 28px; background: #141416; border: 1px solid #242428; border-left: 4px solid var(--acc); }
.mk-blacktop .bt-tag { display: inline-block; font-size: 15px; font-weight: 700; color: var(--acc); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 12px; }
.mk-blacktop .bt-fleet h3 { font-size: 30px; font-weight: 700; text-transform: uppercase; color: #fff; }
.mk-blacktop .bt-fleet p { color: #A9A9AF; }
.mk-blacktop .bt-ind { background: #121214; padding: 96px 0; }
.mk-blacktop .bt-ind-in { display: grid; grid-template-columns: 520px 1fr; gap: 60px; align-items: center; }
.mk-blacktop .bt-ind-img { position: relative; height: 380px; overflow: hidden; clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%); }
.mk-blacktop .bt-ind h2 { font-size: 48px; line-height: 1; font-weight: 800; font-style: italic; text-transform: uppercase; color: #fff; margin-bottom: 24px; }
.mk-blacktop .bt-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.mk-blacktop .bt-chips span { padding: 9px 16px; border: 1.5px solid #3A3A40; font-weight: 700; font-size: 14.5px; color: #E9E9EA; }
.mk-blacktop .bt-ind-p { color: #A9A9AF; font-size: 17px; }
.mk-blacktop .bt-cta { background: var(--acc); color: var(--ink); padding: 60px 0; }
.mk-blacktop .bt-cta .mk-w { display: flex; justify-content: space-between; align-items: center; }
.mk-blacktop .bt-cta h2 { font-size: 60px; font-weight: 800; font-style: italic; text-transform: uppercase; }
.mk-blacktop .bt-cta-ph { font-size: 34px; font-weight: 800; margin-right: 10px; }
.mk-blacktop .bt-cta .mk-btn { background: var(--ink); border-color: var(--ink); color: var(--acc); }

/* ---------- 12. Iron Horse Truck & Trailer Sales (dealer) ---------- */
.mk-ironhorse { --acc: #EAB308; --acc-ink: #10281B; --ink: #10281B; --green: #14532D; --top-bg: #0B1F14; --foot-bg: #0B1F14; color: #1C2A22; }
.mk-ironhorse .mk-logo b, .mk-ironhorse h4.mk-h1, .mk-ironhorse h2, .mk-ironhorse h3, .mk-ironhorse .ih-shield, .mk-ironhorse .ih-unit b, .mk-ironhorse .ih-c-big b { font-family: 'Anton', 'Oswald', sans-serif; font-weight: 400; }
.mk-ironhorse .mk-nav { border-bottom: 4px solid var(--acc); }
.mk-ironhorse .ih-shield { display: grid; place-items: center; width: 46px; height: 52px; background: var(--green); color: var(--acc); font-size: 22px; clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%); }
.mk-ironhorse .mk-logo b { font-size: 30px; text-transform: uppercase; letter-spacing: .02em; color: var(--green); }
.mk-ironhorse .mk-nav nav { color: #2F3F35; }
.mk-ironhorse .ih-hero { position: relative; padding: 100px 0 64px; color: #fff; overflow: hidden; }
.mk-ironhorse .ih-photo { position: absolute; inset: 0; }
.mk-ironhorse .ih-photo .mk-photo { object-position: center 45%; }
.mk-ironhorse .ih-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11,31,20,.92) 0%, rgba(11,31,20,.6) 55%, rgba(11,31,20,.2) 100%); }
.mk-ironhorse .ih-hero-in { position: relative; }
.mk-ironhorse .ih-kick { display: inline-block; background: var(--acc); color: var(--ink); font-weight: 800; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; padding: 6px 14px; margin-bottom: 20px; }
.mk-ironhorse h4.mk-h1 { font-size: 96px; line-height: .95; text-transform: uppercase; letter-spacing: .005em; margin-bottom: 44px; }
.mk-ironhorse .ih-search { display: grid; grid-template-columns: repeat(4, 1fr) auto; gap: 10px; padding: 14px; background: #fff; color: var(--ink); border-radius: 8px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6); }
.mk-ironhorse .ih-search > div { border: 1.5px solid #DDE3DE; border-radius: 6px; padding: 9px 12px; }
.mk-ironhorse .ih-search label { display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #6B7A70; }
.mk-ironhorse .ih-search span:not(.mk-btn) { font-weight: 700; font-size: 15.5px; }
.mk-ironhorse .ih-inv-head { display: flex; justify-content: space-between; align-items: flex-end; }
.mk-ironhorse .mk-h2 { font-size: 50px; line-height: 1; text-transform: uppercase; color: var(--green); letter-spacing: .01em; margin-bottom: 40px; }
.mk-ironhorse .ih-all { font-weight: 800; color: var(--green); margin-bottom: 44px; }
.mk-ironhorse .ih-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.mk-ironhorse .ih-unit { border: 1.5px solid #E3E8E4; border-radius: 10px; overflow: hidden; padding-bottom: 20px; }
.mk-ironhorse .ih-img { position: relative; height: 210px; margin-bottom: 16px; }
.mk-ironhorse .ih-img em { position: absolute; left: 12px; top: 12px; z-index: 1; font-style: normal; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; background: var(--acc); color: var(--ink); padding: 4px 10px; }
.mk-ironhorse .ih-unit h3 { font-size: 23px; text-transform: uppercase; color: var(--ink); padding: 0 20px; margin-bottom: 4px; }
.mk-ironhorse .ih-unit p { padding: 0 20px; color: #5B6B61; font-weight: 600; font-size: 14.5px; margin-bottom: 10px; }
.mk-ironhorse .ih-unit b { display: block; padding: 0 20px; font-size: 30px; color: var(--green); }
.mk-ironhorse .ih-fin { background: var(--green); color: #fff; padding: 90px 0; }
.mk-ironhorse .ih-fin-in { display: grid; grid-template-columns: 1fr 420px; gap: 60px; align-items: center; }
.mk-ironhorse .ih-fin .mk-eyebrow { color: var(--acc); }
.mk-ironhorse .ih-fin h2 { font-size: 52px; line-height: 1; text-transform: uppercase; margin-bottom: 26px; }
.mk-ironhorse .ih-list li { position: relative; padding: 9px 0 9px 30px; font-size: 17px; color: #D8E6DC; border-bottom: 1px solid rgba(255,255,255,.12); }
.mk-ironhorse .ih-list li::before { content: ""; position: absolute; left: 0; top: 16px; width: 14px; height: 8px; border-left: 3px solid var(--acc); border-bottom: 3px solid var(--acc); transform: rotate(-45deg); }
.mk-ironhorse .ih-calc { background: #fff; color: var(--ink); border-radius: 12px; padding: 28px; border-top: 6px solid var(--acc); }
.mk-ironhorse .ih-c-title { font-weight: 800; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: #6B7A70; margin-bottom: 10px; }
.mk-ironhorse .ih-c-row { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #E3E8E4; font-weight: 600; }
.mk-ironhorse .ih-c-big { display: flex; justify-content: space-between; align-items: baseline; padding: 16px 0 20px; }
.mk-ironhorse .ih-c-big span { font-weight: 800; }
.mk-ironhorse .ih-c-big b { font-size: 44px; color: var(--green); }
.mk-ironhorse .ih-calc .mk-btn { width: 100%; }
.mk-ironhorse .ih-trade { padding: 70px 0; background: #F6F3E8; }
.mk-ironhorse .ih-trade-in { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.mk-ironhorse .ih-trade h2 { font-size: 40px; text-transform: uppercase; color: var(--green); margin-bottom: 6px; }
.mk-ironhorse .ih-trade p { font-size: 17px; color: #4B5B51; }