:root {
  --ink: #070707;
  --ink-soft: #101010;
  --pink: #b9797d;
  --pink-bright: #e7b3b3;
  --cream: #f0eadf;
  --silver: #b8b6b1;
  --steel: #252a31;
  --champagne: #ead7ab;
  --line: rgba(232, 0, 104, 0.25);
}

* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--ink);
  color: var(--cream);
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
select,
textarea {
  font: inherit;
}

.site-header {
  position: absolute;
  z-index: 30;
  inset: 0 0 auto 0;
  height: 94px;
  display: grid;
  grid-template-columns: minmax(180px, 280px) 1fr auto;
  align-items: center;
  gap: 34px;
  padding: 0 clamp(24px, 5vw, 84px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.78), transparent);
}
.brand {
  width: min(245px, 24vw);
  display: block;
}
.brand img {
  width: 100%;
  height: auto;
  display: block;
}
.desktop-nav {
  display: flex;
  justify-content: center;
  gap: clamp(18px, 2.3vw, 42px);
}
.desktop-nav a {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.68);
  transition: color 0.2s ease;
}
.desktop-nav a:hover {
  color: var(--pink-bright);
}
.nav-cta {
  padding: 13px 19px;
  border: 1px solid var(--pink);
  color: var(--pink-bright);
  font-size: 11px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.nav-cta span {
  margin-left: 14px;
}
.mobile-menu {
  display: none;
}

.hero {
  position: relative;
  min-height: 870px;
  display: grid;
  align-items: center;
  padding: 145px clamp(24px, 8vw, 145px) 120px;
  isolation: isolate;
  background:
    radial-gradient(
      circle at 72% 40%,
      rgba(255, 75, 154, 0.24),
      transparent 27%
    ),
    radial-gradient(
      circle at 12% 88%,
      rgba(180, 197, 217, 0.12),
      transparent 30%
    ),
    radial-gradient(
      circle at 48% 15%,
      rgba(121, 141, 164, 0.11),
      transparent 26%
    ),
    linear-gradient(120deg, #0b0d10 0%, #20242a 48%, #2a2419 100%);
  overflow: hidden;
}
.hero::after {
  content: "";
  position: absolute;
  z-index: -2;
  width: 70vw;
  height: 70vw;
  left: -34vw;
  bottom: -53vw;
  border-radius: 50%;
  background: conic-gradient(
    from 180deg,
    transparent,
    rgba(255, 75, 154, 0.2),
    transparent 28%,
    rgba(174, 179, 189, 0.13),
    transparent 60%
  );
  filter: blur(26px);
  animation: auroraTurn 20s linear infinite;
}
.hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 62vw;
  height: 62vw;
  right: -22vw;
  top: 2vw;
  border: 1px solid rgba(232, 0, 104, 0.23);
  border-radius: 50%;
  box-shadow:
    0 0 0 7vw rgba(232, 0, 104, 0.025),
    0 0 0 14vw rgba(232, 0, 104, 0.018);
  animation: orbitBreathe 7s ease-in-out infinite alternate;
}
.hero-grid {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0.15;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 84px 84px;
  mask-image: linear-gradient(to right, black, transparent 74%);
  animation: gridDrift 16s linear infinite;
}
.hero-watermark {
  position: absolute;
  z-index: -1;
  width: min(960px, 58vw);
  right: -5vw;
  top: 51%;
  transform: translateY(-50%);
  opacity: 0.13;
  filter: grayscale(0.72) contrast(1.25)
    drop-shadow(0 0 38px rgba(232, 0, 104, 0.2));
  animation: watermarkFloat 8s ease-in-out infinite alternate;
}
.hero-energy {
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.energy-beam {
  position: absolute;
  display: block;
  width: 70vw;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 75, 154, 0.9),
    transparent
  );
  box-shadow: 0 0 16px rgba(255, 75, 154, 0.42);
  transform-origin: left;
  opacity: 0.45;
}
.beam-one {
  left: 39%;
  top: 17%;
  transform: rotate(31deg);
  animation: beamSweep 7s ease-in-out infinite alternate;
}
.beam-two {
  left: 14%;
  top: 74%;
  transform: rotate(-13deg);
  animation: beamSweep 9s ease-in-out -2s infinite alternate-reverse;
}
.beam-three {
  left: 63%;
  top: 30%;
  width: 42vw;
  transform: rotate(73deg);
  animation: beamSweep 6s ease-in-out -3s infinite alternate;
}
.electron-field {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
}
.electron {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ffe39a;
  box-shadow:
    0 0 9px #fff3cc,
    0 0 22px #b9797d,
    0 0 48px rgba(232, 0, 104, 0.72);
}
.electron::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 64px;
  left: 3px;
  bottom: 8px;
  background: linear-gradient(to top, rgba(255, 75, 154, 0.48), transparent);
  transform-origin: bottom;
}
.electron-one {
  left: 72%;
  top: 12%;
  animation: electronOne 8s ease-in-out infinite;
}
.electron-two {
  left: 92%;
  top: 42%;
  animation: electronTwo 11s ease-in-out -4s infinite;
}
.electron-three {
  left: 58%;
  top: 78%;
  animation: electronThree 9s ease-in-out -2s infinite;
}
.electron-four {
  left: 30%;
  top: 22%;
  width: 6px;
  height: 6px;
  animation: electronFour 12s ease-in-out -5s infinite;
}
.electron-five {
  left: 82%;
  top: 82%;
  width: 6px;
  height: 6px;
  animation: electronFive 10s ease-in-out -1s infinite;
}
.electron-six {
  left: 46%;
  top: 48%;
  width: 5px;
  height: 5px;
  animation: electronSix 13s ease-in-out -7s infinite;
}
.hero-copy {
  width: min(850px, 68vw);
  position: relative;
  z-index: 2;
}
.eyebrow,
.mini-label {
  margin: 0 0 26px;
  color: var(--pink-bright);
  font-size: 11px;
  letter-spacing: 0.24em;
  line-height: 1.6;
  text-transform: uppercase;
}
.eyebrow span {
  display: inline-block;
  width: 38px;
  height: 1px;
  margin-right: 12px;
  background: var(--pink);
  vertical-align: middle;
}
.hero h1 {
  margin: 0;
  max-width: 850px;
  color: white;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(62px, 7.4vw, 126px);
  font-weight: 400;
  line-height: 0.88;
  letter-spacing: -0.065em;
}
.hero h1 em,
.section-heading h2 em {
  color: var(--pink-bright);
  font-weight: 400;
}
.hero-lead {
  width: min(680px, 85%);
  margin: 38px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.75;
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 28px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition:
    transform 0.2s ease,
    background 0.2s ease;
}
.button:hover {
  transform: translateY(-2px);
}
.button-gold {
  color: #090909;
  background: linear-gradient(120deg, #a8792c, #f2d58e 50%, #b88431);
}
.button-gold {
  position: relative;
  overflow: hidden;
}
.button-gold::after {
  content: "";
  position: absolute;
  inset: -50% auto -50% -45%;
  width: 28%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.68),
    transparent
  );
  transform: skewX(-20deg);
  animation: buttonShine 4.8s ease-in-out infinite;
}
.button-ghost {
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.03);
}
.hero-credentials {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 48px;
}
.hero-credentials div {
  padding: 0 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}
.hero-credentials div:first-child {
  padding-left: 0;
  border-left: 0;
}
.hero-credentials span {
  display: block;
  color: rgba(255, 255, 255, 0.4);
  font-size: 9px;
  letter-spacing: 0.2em;
}
.hero-credentials strong {
  display: block;
  margin-top: 8px;
  color: white;
  font-size: 13px;
  letter-spacing: 0.14em;
}
.hero-rail {
  position: absolute;
  right: clamp(18px, 3.5vw, 62px);
  top: 49%;
  width: 155px;
  transform: translateY(-50%);
}
.hero-rail p {
  margin: 0 0 15px;
  color: rgba(255, 255, 255, 0.35);
  font-size: 9px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}
.hero-rail a {
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.hero-rail a span {
  color: var(--pink);
  margin-right: 13px;
  font-size: 9px;
}
.hero-orbit {
  position: absolute;
  right: 25%;
  top: 145px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, 0.36);
  font-size: 9px;
  letter-spacing: 0.22em;
}
.hero-orbit i {
  width: 5px;
  height: 5px;
  background: var(--pink);
  border-radius: 50%;
  box-shadow: 0 0 14px var(--pink);
}
.hero-orbit i {
  animation: statusPulse 2.2s infinite;
}
.hero-copy .eyebrow {
  animation: introRise 0.7s ease-out both;
}
.hero-copy h1 {
  animation: introRise 0.9s 0.08s ease-out both;
}
.hero-lead {
  animation: introRise 0.9s 0.18s ease-out both;
}
.hero-actions {
  animation: introRise 0.9s 0.28s ease-out both;
}
.hero-credentials {
  animation: introRise 0.9s 0.38s ease-out both;
}
.scroll-cue {
  position: absolute;
  left: clamp(24px, 8vw, 145px);
  bottom: 35px;
  display: flex;
  align-items: center;
  gap: 16px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.scroll-cue b {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  color: var(--pink);
}

.trust-ribbon {
  min-height: 68px;
  display: flex;
  align-items: center;
  padding: 0;
  color: #080808;
  background: linear-gradient(
    95deg,
    #a87320,
    #ffe39b 42%,
    #c58b2f 80%,
    #efd38b
  );
  background-size: 180% 100%;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.19em;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: 0 12px 42px rgba(232, 0, 104, 0.18);
  animation: ribbonGlow 6s ease-in-out infinite alternate;
}
.trust-ribbon-track {
  display: flex;
  flex: none;
  align-items: center;
  gap: 34px;
  width: max-content;
  padding: 0 34px;
  animation: ribbonScroll 28s linear infinite;
}
.trust-ribbon:hover .trust-ribbon-track {
  animation-play-state: paused;
}
.trust-ribbon span {
  font-size: 8px;
  opacity: 0.55;
}

.section {
  padding: 115px clamp(24px, 7vw, 120px);
}
.operations {
  position: relative;
  background:
    radial-gradient(
      circle at 12% 10%,
      rgba(185, 201, 220, 0.12),
      transparent 25%
    ),
    radial-gradient(
      circle at 89% 55%,
      rgba(232, 0, 104, 0.15),
      transparent 31%
    ),
    linear-gradient(135deg, #171b21, #211d17 52%, #101216);
  overflow: hidden;
}
.operations::after {
  content: "";
  position: absolute;
  width: 42vw;
  height: 42vw;
  right: -24vw;
  bottom: -26vw;
  border: 1px solid rgba(255, 75, 154, 0.2);
  border-radius: 50%;
  box-shadow:
    0 0 0 7vw rgba(255, 75, 154, 0.025),
    0 0 0 14vw rgba(174, 179, 189, 0.022);
  animation: orbitBreathe 9s ease-in-out infinite alternate-reverse;
}
.operations > * {
  position: relative;
  z-index: 1;
}
.section-kicker {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-bottom: 28px;
  color: var(--pink);
  font-size: 10px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}
.section-kicker span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(232, 0, 104, 0.45);
  border-radius: 50%;
}
.section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 70px;
  align-items: end;
}
.section-heading h2 {
  margin: 0;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 5vw, 78px);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -0.045em;
}
.section-heading > p {
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  line-height: 1.8;
}
.operation-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 65px;
}
.operation-card {
  position: relative;
  min-height: 520px;
  display: grid;
  align-content: end;
  padding: clamp(28px, 4vw, 58px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  overflow: hidden;
}
.operation-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}
.trucking-card::before {
  background:
    radial-gradient(
      circle at 75% 18%,
      rgba(232, 0, 104, 0.24),
      transparent 28%
    ),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent 52%);
}
.dispatch-card {
  background: #ded7ca;
  color: #101010;
}
.dispatch-card::before {
  background:
    radial-gradient(
      circle at 20% 10%,
      rgba(255, 255, 255, 0.78),
      transparent 33%
    ),
    repeating-linear-gradient(
      -45deg,
      transparent 0 18px,
      rgba(0, 0, 0, 0.025) 18px 19px
    );
}
.operation-card > * {
  position: relative;
  z-index: 1;
}
.card-number {
  position: absolute;
  top: 28px;
  left: 30px;
  color: var(--pink);
  font-size: 9px;
  letter-spacing: 0.2em;
}
.operation-icon {
  position: absolute;
  top: 28px;
  right: 30px;
  color: rgba(255, 255, 255, 0.08);
  font-family: Georgia, serif;
  font-size: clamp(56px, 6vw, 98px);
  letter-spacing: -0.08em;
}
.dispatch-card .operation-icon {
  color: rgba(0, 0, 0, 0.07);
}
.operation-card h3 {
  max-width: 520px;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 3.4vw, 56px);
  font-weight: 400;
  line-height: 1.03;
  letter-spacing: -0.04em;
}
.operation-card p:not(.mini-label) {
  max-width: 590px;
  color: rgba(255, 255, 255, 0.54);
  font-size: 14px;
  line-height: 1.8;
}
.dispatch-card p:not(.mini-label) {
  color: rgba(0, 0, 0, 0.63);
}
.operation-card ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 24px 0 34px;
  list-style: none;
}
.operation-card li {
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  font-size: 9px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.dispatch-card li {
  border-color: rgba(0, 0, 0, 0.16);
}
.operation-card a {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  color: var(--pink-bright);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.dispatch-card a,
.dispatch-card .mini-label {
  color: #7b5518;
}
.operation-card a span {
  font-size: 18px;
}

.statement-band {
  position: relative;
  padding: 68px clamp(24px, 7vw, 120px);
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #0b0b0b;
  background: linear-gradient(
    110deg,
    #a87120,
    #f4d98f 45%,
    #c78b2c 75%,
    #f0d18a
  );
  background-size: 180% 100%;
  text-align: center;
  overflow: hidden;
  animation: statementFlow 8s ease-in-out infinite alternate;
}
.statement-band p {
  position: relative;
  z-index: 2;
  margin: 0 0 11px;
  color: rgba(0, 0, 0, 0.62);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}
.statement-band h2 {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: Georgia, serif;
  font-size: clamp(30px, 4.5vw, 66px);
  font-weight: 400;
}
.statement-spark {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
  box-shadow:
    0 0 12px white,
    0 0 35px rgba(255, 255, 255, 0.8);
}
.spark-one {
  left: 12%;
  top: 70%;
  animation: sparkTravel 6s ease-in-out infinite alternate;
}
.spark-two {
  right: 10%;
  top: 24%;
  animation: sparkTravel 8s ease-in-out -2s infinite alternate-reverse;
}

.equipment-showroom {
  position: relative;
  padding: 130px clamp(24px, 7vw, 120px);
  color: #101010;
  background: #ded7ca;
  overflow: hidden;
}
.showroom-index {
  position: absolute;
  top: -4vw;
  right: -1vw;
  color: rgba(0, 0, 0, 0.045);
  font-family: Georgia, serif;
  font-size: clamp(220px, 39vw, 620px);
  line-height: 0.8;
  letter-spacing: -0.12em;
  pointer-events: none;
}
.light-kicker {
  color: #795318;
}
.light-kicker span {
  border-color: rgba(121, 83, 24, 0.45);
}
.showroom-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  align-items: end;
  gap: 70px;
}
.showroom-head .section-kicker {
  grid-column: 1 / -1;
  margin-bottom: 0;
}
.showroom-head h2 {
  margin: 0;
  font-family: Georgia, serif;
  font-size: clamp(64px, 8vw, 132px);
  font-weight: 400;
  line-height: 0.8;
  letter-spacing: -0.07em;
}
.showroom-head h2 em {
  color: #93661e;
  font-weight: 400;
}
.showroom-head > p {
  margin: 0;
  padding-bottom: 7px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  line-height: 1.8;
}
.truck-stage {
  position: relative;
  width: min(1320px, 92vw);
  height: min(670px, 50vw);
  min-height: 430px;
  margin: 90px auto 0;
  background: #050505;
  overflow: hidden;
  box-shadow: 0 35px 90px rgba(0, 0, 0, 0.24);
}
.truck-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.56), transparent 48%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.66), transparent 35%);
}
.truck-stage-image {
  position: absolute;
  inset: 0;
  background: url("box-truck-hero.png") center / cover no-repeat;
  transform: scale(1.01);
  transition: transform 1.1s cubic-bezier(0.2, 0.7, 0.1, 1);
}
.truck-stage:hover .truck-stage-image {
  transform: scale(1.045);
}
.stage-badge {
  position: absolute;
  z-index: 2;
  left: 4.5%;
  top: 13%;
  display: flex;
  align-items: flex-end;
  gap: 18px;
  color: white;
}
.stage-badge strong {
  font-family: Georgia, serif;
  font-size: clamp(88px, 12vw, 190px);
  font-weight: 400;
  line-height: 0.65;
  letter-spacing: -0.08em;
}
.stage-badge span {
  padding-bottom: 5px;
  color: var(--pink-bright);
  font-size: 10px;
  line-height: 1.55;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.stage-caption {
  position: absolute;
  z-index: 2;
  left: 4.5%;
  right: 4.5%;
  bottom: 32px;
  padding-top: 19px;
  border-top: 1px solid rgba(255, 255, 255, 0.26);
  color: rgba(255, 255, 255, 0.62);
  font-size: 9px;
  letter-spacing: 0.23em;
}
.equipment-specs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: min(1320px, 92vw);
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-top: 0;
}
.equipment-specs > div {
  min-height: 190px;
  padding: 33px;
  border-left: 1px solid rgba(0, 0, 0, 0.14);
}
.equipment-specs > div:first-child {
  border-left: 0;
}
.equipment-specs span {
  display: block;
  margin-bottom: 29px;
  color: #9a6a1f;
  font-size: 9px;
  letter-spacing: 0.2em;
}
.equipment-specs strong {
  display: block;
  font-family: Georgia, serif;
  font-size: 23px;
  font-weight: 400;
}
.equipment-specs p {
  margin: 10px 0 0;
  color: rgba(0, 0, 0, 0.53);
  font-size: 12px;
  line-height: 1.65;
}
.haul-manifest {
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: clamp(50px, 8vw, 135px);
  align-items: start;
  width: min(1320px, 92vw);
  margin: 130px auto 0;
}
.manifest-intro {
  position: sticky;
  top: 40px;
}
.manifest-intro h3 {
  margin: 0;
  font-family: Georgia, serif;
  font-size: clamp(44px, 4.5vw, 70px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.045em;
}
.manifest-intro > p:last-child {
  margin-top: 28px;
  color: rgba(0, 0, 0, 0.56);
  font-size: 14px;
  line-height: 1.8;
}
.manifest-row {
  display: grid;
  grid-template-columns: 45px 1fr 190px 22px;
  gap: 17px;
  align-items: center;
  min-height: 74px;
  border-top: 1px solid rgba(0, 0, 0, 0.18);
  transition:
    padding 0.25s ease,
    background 0.25s ease;
}
.manifest-row:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
}
.manifest-row:hover {
  padding: 0 15px;
  background: rgba(255, 255, 255, 0.33);
}
.manifest-row span {
  color: #97671e;
  font-size: 9px;
  letter-spacing: 0.18em;
}
.manifest-row strong {
  font-family: Georgia, serif;
  font-size: 21px;
  font-weight: 400;
}
.manifest-row small {
  color: rgba(0, 0, 0, 0.48);
  font-size: 10px;
  letter-spacing: 0.06em;
}
.manifest-row b {
  color: #8a5e1b;
  font-weight: 400;
}

.dispatch-system {
  position: relative;
  padding: 125px clamp(24px, 7vw, 120px);
  color: #101216;
  background:
    radial-gradient(
      circle at 78% 18%,
      rgba(232, 0, 104, 0.25),
      transparent 30%
    ),
    radial-gradient(
      circle at 10% 72%,
      rgba(105, 126, 150, 0.14),
      transparent 26%
    ),
    linear-gradient(145deg, #eef1f3, #d6d9dc 48%, #eadfc8);
  overflow: hidden;
}
.dispatch-system::before {
  content: "DISPATCH";
  position: absolute;
  top: 2%;
  right: -3%;
  color: rgba(0, 0, 0, 0.035);
  font-family: Georgia, serif;
  font-size: 18vw;
  letter-spacing: -0.08em;
}
.dispatch-system .section-kicker,
.dispatch-system .mini-label {
  color: #825a19;
}
.dispatch-system .section-kicker span {
  border-color: rgba(130, 90, 25, 0.48);
}
.dispatch-topline {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.live-status {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 9px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.live-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--pink-bright);
  box-shadow: 0 0 0 0 rgba(255, 75, 154, 0.5);
  animation: statusPulse 2.2s infinite;
}
.dispatch-header {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 90px;
  align-items: end;
  margin-top: 35px;
}
.dispatch-header h2 {
  margin: 0;
  font-family: Georgia, serif;
  font-size: clamp(60px, 7vw, 118px);
  font-weight: 400;
  line-height: 0.88;
  letter-spacing: -0.06em;
}
.dispatch-header h2 em {
  color: #8b611d;
  font-weight: 400;
}
.dispatch-promise {
  padding: 30px 0 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.24);
}
.dispatch-promise span {
  display: block;
  color: #815817;
  font-size: 9px;
  letter-spacing: 0.22em;
}
.dispatch-promise strong {
  display: block;
  margin-top: 8px;
  font-family: Georgia, serif;
  font-size: 25px;
  font-weight: 400;
}
.dispatch-promise p {
  margin: 18px 0 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 1.8;
}
.service-ledger {
  position: relative;
  margin-top: 90px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
}
.ledger-row {
  display: grid;
  grid-template-columns: 75px minmax(220px, 0.75fr) 1.25fr 35px;
  gap: 25px;
  align-items: center;
  min-height: 112px;
  padding: 10px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.18);
  transition:
    color 0.25s ease,
    background 0.25s ease,
    padding 0.25s ease;
}
.ledger-row:hover {
  padding-left: 32px;
  color: #0b0b0b;
  background: linear-gradient(90deg, #c3933d, #efd488);
}
.ledger-row > span {
  color: #815817;
  font-size: 10px;
  letter-spacing: 0.2em;
}
.ledger-row:hover > span,
.ledger-row:hover p {
  color: rgba(0, 0, 0, 0.55);
}
.ledger-row h3 {
  margin: 0;
  font-family: Georgia, serif;
  font-size: clamp(25px, 2.3vw, 38px);
  font-weight: 400;
}
.ledger-row p {
  margin: 0;
  color: rgba(0, 0, 0, 0.56);
  font-size: 13px;
  line-height: 1.65;
}
.ledger-row b {
  color: #815817;
  font-size: 25px;
  font-weight: 300;
}
.ledger-row:hover b {
  color: #0b0b0b;
}
.dispatch-coverage {
  display: grid;
  grid-template-columns: 0.6fr 1.4fr;
  gap: 80px;
  align-items: start;
  margin-top: 110px;
}
.dispatch-coverage h3 {
  max-width: 430px;
  margin: 0;
  font-family: Georgia, serif;
  font-size: clamp(36px, 4vw, 61px);
  font-weight: 400;
  line-height: 1.03;
}
.equipment-ticker {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid rgba(0, 0, 0, 0.18);
}
.equipment-ticker span {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 76px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  color: rgba(0, 0, 0, 0.76);
  font-family: Georgia, serif;
  font-size: 23px;
}
.equipment-ticker span:nth-child(odd) {
  border-right: 1px solid rgba(0, 0, 0, 0.18);
}
.equipment-ticker b {
  min-width: 34px;
  color: #815817;
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.17em;
}
.dispatch-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  margin-top: 70px;
  padding: 36px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.dispatch-cta > div {
  max-width: 760px;
}
.dispatch-cta span {
  display: block;
  margin-bottom: 9px;
  color: #815817;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.2em;
}
.dispatch-cta strong {
  display: block;
  font-family: Georgia, serif;
  font-size: clamp(24px, 3vw, 42px);
  font-weight: 400;
  line-height: 1.08;
}
.dispatch-cta .button-gold {
  flex: none;
}

.lane-lab {
  min-height: 800px;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  background: #c99a47;
  color: #0b0b0b;
}
.lane-map {
  position: relative;
  min-height: 800px;
  background: #111;
  overflow: hidden;
}
.lane-map::before,
.lane-map::after {
  content: "";
  position: absolute;
  width: 56vw;
  height: 31vw;
  min-width: 700px;
  min-height: 390px;
  left: -16%;
  top: 12%;
  border: 1px solid rgba(232, 0, 104, 0.32);
  border-radius: 50%;
  transform: rotate(-18deg);
  box-shadow:
    0 0 0 7vw rgba(232, 0, 104, 0.025),
    0 0 0 14vw rgba(232, 0, 104, 0.018);
}
.lane-map::after {
  left: 20%;
  top: 41%;
  transform: rotate(22deg);
  opacity: 0.6;
}
.lane-map strong {
  position: absolute;
  left: 9%;
  bottom: 11%;
  color: rgba(255, 255, 255, 0.09);
  font-family: Georgia, serif;
  font-size: clamp(64px, 8vw, 130px);
  font-weight: 400;
  line-height: 0.75;
  letter-spacing: -0.07em;
}
.route {
  position: absolute;
  z-index: 2;
  display: block;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--pink-bright),
    transparent
  );
  transform-origin: left;
  box-shadow: 0 0 16px rgba(232, 0, 104, 0.55);
}
.route-one {
  width: 54%;
  left: 18%;
  top: 30%;
  transform: rotate(25deg);
}
.route-two {
  width: 46%;
  left: 39%;
  top: 62%;
  transform: rotate(-35deg);
}
.route-three {
  width: 38%;
  left: 14%;
  top: 68%;
  transform: rotate(-15deg);
}
.map-dot {
  position: absolute;
  z-index: 3;
  width: 13px;
  height: 13px;
  border: 3px solid #111;
  border-radius: 50%;
  background: var(--pink-bright);
  box-shadow:
    0 0 0 8px rgba(232, 0, 104, 0.13),
    0 0 28px var(--pink);
  animation: mapGlow 2.8s infinite alternate;
}
.dot-one {
  left: 19%;
  top: 30%;
}
.dot-two {
  left: 67%;
  top: 52%;
  animation-delay: 0.7s;
}
.dot-three {
  left: 48%;
  top: 55%;
  animation-delay: 1.3s;
}
.lane-copy {
  align-self: center;
  padding: 90px clamp(38px, 6vw, 100px);
}
.lane-copy .section-kicker {
  color: #35230a;
}
.lane-copy .section-kicker span {
  border-color: rgba(0, 0, 0, 0.32);
}
.lane-copy h2 {
  margin: 0;
  font-family: Georgia, serif;
  font-size: clamp(60px, 6vw, 100px);
  font-weight: 400;
  line-height: 0.87;
  letter-spacing: -0.06em;
}
.lane-copy > p {
  margin: 34px 0;
  color: rgba(0, 0, 0, 0.66);
  font-size: 15px;
  line-height: 1.85;
}
.lane-factors {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 38px;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.lane-factors span {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.lane-copy .button-gold {
  color: var(--pink-bright);
  background: #0c0c0c;
}

.process-section {
  padding: 125px clamp(24px, 7vw, 120px);
  color: #111;
  background: #ded7ca;
}
.process-title-wrap {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 70px;
  align-items: end;
}
.process-title-wrap .section-kicker {
  grid-column: 1 / -1;
  margin-bottom: 0;
}
.process-title-wrap h2 {
  margin: 0;
  font-family: Georgia, serif;
  font-size: clamp(54px, 6.5vw, 104px);
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: -0.06em;
}
.process-title-wrap > p {
  max-width: 360px;
  margin: 0 0 8px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 15px;
  line-height: 1.8;
}
.process-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin: 85px 0 0;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.23);
  list-style: none;
}
.process-track::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 25%;
  height: 3px;
  background: #9e6d20;
}
.process-track li {
  min-height: 280px;
  padding: 35px 26px;
  border-right: 1px solid rgba(0, 0, 0, 0.18);
}
.process-track li:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.18);
}
.process-track li > span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 65px;
  border-radius: 50%;
  color: #704b13;
  border: 1px solid rgba(112, 75, 19, 0.48);
  font-size: 9px;
  letter-spacing: 0.18em;
}
.process-track strong {
  font-family: Georgia, serif;
  font-size: 28px;
  font-weight: 400;
}
.process-track p {
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  line-height: 1.7;
}

.contact-shell {
  display: grid;
  grid-template-columns: 0.83fr 1.17fr;
  min-height: 850px;
  background: #15191f;
}
.contact-pitch {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 100px clamp(28px, 7vw, 110px);
  overflow: hidden;
}
.contact-pitch::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 15% 25%,
      rgba(232, 0, 104, 0.15),
      transparent 34%
    ),
    repeating-linear-gradient(
      45deg,
      transparent 0 28px,
      rgba(255, 255, 255, 0.018) 28px 29px
    );
}
.contact-pitch > * {
  position: relative;
  z-index: 1;
}
.contact-pitch > img {
  width: min(420px, 80%);
  margin-bottom: 68px;
}
.contact-pitch h2 {
  margin: 0;
  font-family: Georgia, serif;
  font-size: clamp(54px, 5.5vw, 88px);
  font-weight: 400;
  line-height: 0.92;
  letter-spacing: -0.055em;
}
.contact-pitch > p:not(.mini-label) {
  max-width: 550px;
  color: rgba(255, 255, 255, 0.54);
  font-size: 14px;
  line-height: 1.8;
}
.contact-lines {
  margin-top: 45px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.contact-lines a {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  min-height: 65px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.contact-lines span {
  color: var(--pink);
  font-size: 9px;
  letter-spacing: 0.2em;
}
.contact-lines strong {
  color: rgba(255, 255, 255, 0.83);
  font-family: Georgia, serif;
  font-size: 18px;
  font-weight: 400;
}
.inquiry-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 100px clamp(28px, 6vw, 90px);
  color: #111;
  background: linear-gradient(135deg, #b98630, #ead18b 50%, #b88029);
}
.form-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.28);
}
.form-heading span {
  font-size: 9px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.form-heading strong {
  font-family: Georgia, serif;
  font-size: clamp(30px, 3.4vw, 52px);
  font-weight: 400;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 20px;
  margin-top: 36px;
}
.form-grid label {
  color: rgba(0, 0, 0, 0.68);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.form-grid input,
.form-grid select,
.form-grid textarea {
  width: 100%;
  margin-top: 10px;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.34);
  border-radius: 0;
  outline: 0;
  color: #111;
  background: transparent;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
}
.form-grid input::placeholder,
.form-grid textarea::placeholder {
  color: rgba(0, 0, 0, 0.43);
}
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus {
  border-bottom-color: #000;
  box-shadow: 0 2px 0 #000;
}
.wide-field {
  grid-column: 1 / -1;
}
.form-submit {
  align-self: flex-start;
  margin-top: 38px;
  color: var(--pink-bright);
  background: #090909;
  border: 0;
  cursor: pointer;
}
.form-submit span {
  margin-left: 24px;
}
.form-note {
  margin: 15px 0 0;
  color: rgba(0, 0, 0, 0.56);
  font-size: 10px;
}

footer {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 40px;
  padding: 48px clamp(24px, 7vw, 120px);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: #050505;
}
.footer-brand strong {
  display: block;
  font-family: Georgia, serif;
  font-size: 22px;
  font-weight: 400;
}
.footer-brand span,
footer > p {
  color: rgba(255, 255, 255, 0.34);
  font-size: 9px;
  letter-spacing: 0.12em;
}
.footer-authority,
.footer-links {
  display: flex;
  gap: 25px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
  letter-spacing: 0.16em;
}
footer > p {
  grid-column: 1 / -1;
  margin: 5px 0 0;
}
.mobile-contact-bar {
  display: none;
}

@keyframes statusPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 75, 154, 0.45);
  }
  70% {
    box-shadow: 0 0 0 11px rgba(255, 75, 154, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 75, 154, 0);
  }
}
@keyframes mapGlow {
  from {
    box-shadow:
      0 0 0 5px rgba(232, 0, 104, 0.1),
      0 0 16px var(--pink);
  }
  to {
    box-shadow:
      0 0 0 13px rgba(232, 0, 104, 0.02),
      0 0 38px var(--pink-bright);
  }
}
@keyframes introRise {
  from {
    opacity: 0;
    transform: translateY(28px);
    filter: blur(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
@keyframes auroraTurn {
  to {
    transform: rotate(360deg);
  }
}
@keyframes orbitBreathe {
  from {
    transform: scale(0.94) rotate(-2deg);
    opacity: 0.55;
  }
  to {
    transform: scale(1.06) rotate(3deg);
    opacity: 1;
  }
}
@keyframes gridDrift {
  to {
    background-position: 84px 84px;
  }
}
@keyframes watermarkFloat {
  from {
    transform: translateY(-51%) translateX(-1.5%);
  }
  to {
    transform: translateY(-47%) translateX(2%);
  }
}
@keyframes beamSweep {
  from {
    opacity: 0.15;
    filter: blur(1px);
  }
  to {
    opacity: 0.8;
    filter: blur(0);
  }
}
@keyframes electronOne {
  0%,
  100% {
    transform: translate(0, 0) scale(0.8);
  }
  25% {
    transform: translate(-18vw, 13vh) scale(1.25);
  }
  55% {
    transform: translate(-9vw, 46vh) scale(0.72);
  }
  78% {
    transform: translate(11vw, 25vh) scale(1);
  }
}
@keyframes electronTwo {
  0%,
  100% {
    transform: translate(0, 0) scale(0.65);
  }
  30% {
    transform: translate(-26vw, -21vh) scale(1.1);
  }
  62% {
    transform: translate(-38vw, 18vh) scale(0.8);
  }
  82% {
    transform: translate(-16vw, 32vh) scale(1.25);
  }
}
@keyframes electronThree {
  0%,
  100% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(29vw, -18vh) scale(0.7);
  }
  67% {
    transform: translate(16vw, -55vh) scale(1.25);
  }
}
@keyframes electronFour {
  0%,
  100% {
    transform: translate(0, 0) scale(0.7);
  }
  28% {
    transform: translate(22vw, 11vh) scale(1.2);
  }
  64% {
    transform: translate(6vw, 43vh) scale(0.55);
  }
  84% {
    transform: translate(-8vw, 20vh);
  }
}
@keyframes electronFive {
  0%,
  100% {
    transform: translate(0, 0);
  }
  38% {
    transform: translate(-31vw, -12vh) scale(1.3);
  }
  73% {
    transform: translate(-14vw, -48vh) scale(0.6);
  }
}
@keyframes electronSix {
  0%,
  100% {
    transform: translate(0, 0) scale(0.6);
  }
  24% {
    transform: translate(-23vw, 29vh) scale(1);
  }
  54% {
    transform: translate(22vw, 16vh) scale(0.75);
  }
  78% {
    transform: translate(31vw, -22vh) scale(1.2);
  }
}
@keyframes ribbonScroll {
  to {
    transform: translateX(calc(-50% - 17px));
  }
}
@keyframes ribbonGlow {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}
@keyframes statementFlow {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}
@keyframes sparkTravel {
  from {
    transform: translate(-15px, 12px) scale(0.6);
    opacity: 0.35;
  }
  to {
    transform: translate(48px, -19px) scale(1.25);
    opacity: 1;
  }
}
@keyframes buttonShine {
  0%,
  55% {
    left: -45%;
  }
  80%,
  100% {
    left: 125%;
  }
}
@keyframes sectionReveal {
  from {
    opacity: 0.22;
    transform: translateY(58px) scale(0.985);
    filter: blur(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
@keyframes stageParallax {
  from {
    transform: scale(1.09) translateY(-2.5%);
  }
  to {
    transform: scale(1.02) translateY(2.5%);
  }
}

@supports (animation-timeline: view()) {
  .operations .section-heading,
  .operation-grid,
  .showroom-head,
  .truck-stage,
  .equipment-specs,
  .haul-manifest,
  .dispatch-header,
  .service-ledger,
  .dispatch-coverage,
  .lane-copy,
  .process-title-wrap,
  .process-track,
  .contact-shell {
    animation: sectionReveal linear both;
    animation-timeline: view();
    animation-range: entry 0% cover 32%;
  }

  .truck-stage-image {
    animation: stageParallax linear both;
    animation-timeline: view();
    animation-range: entry 0% exit 100%;
  }
}

@media (max-width: 1000px) {
  .site-header {
    grid-template-columns: 1fr auto;
  }
  .desktop-nav,
  .nav-cta {
    display: none;
  }
  .brand {
    width: min(240px, 58vw);
  }
  .mobile-menu {
    display: block;
    position: relative;
  }
  .mobile-menu summary {
    padding: 11px 15px;
    border: 1px solid var(--pink);
    color: var(--pink-bright);
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    list-style: none;
    cursor: pointer;
  }
  .mobile-menu summary::-webkit-details-marker {
    display: none;
  }
  .mobile-menu nav {
    position: absolute;
    right: 0;
    top: 46px;
    width: 210px;
    padding: 12px;
    background: #0b0b0b;
    border: 1px solid var(--line);
    box-shadow: 0 20px 50px #000;
  }
  .mobile-menu nav a {
    display: block;
    padding: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  .hero {
    min-height: 820px;
    padding-top: 142px;
  }
  .hero-copy {
    width: calc(100% - 100px);
  }
  .hero-rail {
    right: 24px;
  }
  .hero-watermark {
    width: 84vw;
    right: -24vw;
  }
  .hero-orbit {
    display: none;
  }
  .section-heading {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .section-heading > p {
    max-width: 620px;
  }
  .operation-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .site-header {
    height: 78px;
    padding: 0 18px;
  }
  .brand {
    width: 190px;
  }
  .hero {
    min-height: 810px;
    display: block;
    padding: 135px 22px 90px;
  }
  .hero-copy {
    width: 100%;
  }
  .eyebrow {
    padding-right: 10px;
    font-size: 9px;
  }
  .hero h1 {
    font-size: clamp(52px, 18vw, 78px);
    line-height: 0.93;
  }
  .hero-lead {
    width: 100%;
    margin-top: 28px;
    font-size: 15px;
    line-height: 1.65;
  }
  .hero-actions {
    flex-direction: column;
  }
  .button {
    width: 100%;
  }
  .hero-credentials {
    gap: 17px 0;
    margin-top: 34px;
  }
  .hero-credentials div {
    width: 50%;
    padding: 0 12px;
  }
  .hero-credentials div:nth-child(3) {
    width: 100%;
    padding-left: 0;
    border-left: 0;
  }
  .hero-rail {
    display: none;
  }
  .hero-watermark {
    width: 125vw;
    right: -48vw;
    top: 31%;
    opacity: 0.065;
  }
  .scroll-cue {
    display: none;
  }
  .trust-ribbon {
    overflow: hidden;
    padding: 0;
  }
  .trust-ribbon-track {
    gap: 24px;
    padding: 0 24px;
    animation-duration: 22s;
  }
  .section {
    padding: 84px 22px;
  }
  .section-heading h2 {
    font-size: 45px;
  }
  .operation-card {
    min-height: 550px;
    padding: 30px 25px;
  }
  .operation-card h3 {
    font-size: 38px;
  }
  .operation-icon {
    font-size: 62px;
  }
  .statement-band {
    padding: 54px 22px;
  }
}

@media (max-width: 1000px) {
  .showroom-head,
  .haul-manifest,
  .dispatch-header,
  .dispatch-coverage,
  .process-title-wrap {
    grid-template-columns: 1fr;
  }
  .showroom-head,
  .dispatch-header {
    gap: 28px;
  }
  .showroom-head > p,
  .dispatch-promise {
    max-width: 620px;
  }
  .truck-stage {
    height: 62vw;
    min-height: 470px;
  }
  .equipment-specs {
    grid-template-columns: 1fr 1fr;
  }
  .equipment-specs > div:nth-child(3) {
    border-left: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.14);
  }
  .equipment-specs > div:nth-child(4) {
    border-top: 1px solid rgba(0, 0, 0, 0.14);
  }
  .manifest-intro {
    position: static;
    max-width: 680px;
  }
  .ledger-row {
    grid-template-columns: 55px minmax(180px, 0.7fr) 1.3fr 24px;
  }
  .lane-lab {
    grid-template-columns: 1fr;
  }
  .lane-map {
    min-height: 540px;
  }
  .lane-map::before,
  .lane-map::after {
    width: 80vw;
    height: 50vw;
  }
  .process-title-wrap .section-kicker {
    grid-column: auto;
  }
  .process-track {
    grid-template-columns: 1fr 1fr;
  }
  .process-track li:nth-child(3) {
    border-left: 1px solid rgba(0, 0, 0, 0.18);
    border-top: 1px solid rgba(0, 0, 0, 0.18);
  }
  .process-track li:nth-child(4) {
    border-top: 1px solid rgba(0, 0, 0, 0.18);
  }
  .contact-shell {
    grid-template-columns: 1fr;
  }
  .contact-pitch,
  .inquiry-form {
    min-height: 760px;
  }
  footer {
    grid-template-columns: 1fr auto;
  }
  .footer-links {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  body {
    padding-bottom: 58px;
  }
  .equipment-showroom,
  .dispatch-system,
  .process-section {
    padding: 84px 22px;
  }
  .showroom-head h2,
  .dispatch-header h2,
  .process-title-wrap h2 {
    font-size: 56px;
  }
  .truck-stage {
    width: calc(100% + 44px);
    height: 116vw;
    min-height: 480px;
    margin-left: -22px;
  }
  .truck-stage-image {
    background-position: 67% center;
  }
  .stage-badge {
    top: 10%;
  }
  .stage-badge strong {
    font-size: 96px;
  }
  .stage-caption {
    font-size: 8px;
    line-height: 1.6;
  }
  .equipment-specs {
    width: 100%;
    grid-template-columns: 1fr;
  }
  .equipment-specs > div {
    min-height: 140px;
    border-left: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.14);
  }
  .equipment-specs > div:first-child {
    border-top: 0;
  }
  .haul-manifest {
    width: 100%;
    margin-top: 84px;
    gap: 45px;
  }
  .manifest-intro h3 {
    font-size: 48px;
  }
  .manifest-row {
    grid-template-columns: 32px 1fr 18px;
  }
  .manifest-row small {
    display: none;
  }
  .manifest-row strong {
    font-size: 19px;
  }
  .dispatch-topline {
    align-items: flex-start;
    gap: 20px;
  }
  .live-status {
    text-align: right;
    line-height: 1.6;
  }
  .service-ledger {
    margin-top: 58px;
  }
  .ledger-row {
    grid-template-columns: 35px 1fr 22px;
    gap: 12px;
    min-height: auto;
    padding: 25px 6px;
  }
  .ledger-row h3 {
    font-size: 28px;
  }
  .ledger-row p {
    grid-column: 2 / -1;
  }
  .dispatch-coverage {
    margin-top: 75px;
    gap: 36px;
  }
  .dispatch-coverage h3 {
    font-size: 43px;
  }
  .equipment-ticker {
    grid-template-columns: 1fr;
  }
  .equipment-ticker span:nth-child(odd) {
    border-right: 0;
  }
  .dispatch-cta {
    align-items: stretch;
    flex-direction: column;
    margin-top: 55px;
  }
  .dispatch-cta .button-gold {
    width: 100%;
  }
  .lane-map {
    min-height: 440px;
  }
  .lane-map strong {
    bottom: 12%;
    font-size: 62px;
  }
  .lane-copy {
    padding: 74px 22px;
  }
  .lane-copy h2 {
    font-size: 65px;
  }
  .lane-factors {
    grid-template-columns: 1fr;
  }
  .process-track {
    grid-template-columns: 1fr;
    margin-top: 55px;
  }
  .process-track li {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 18px;
    min-height: auto;
    padding: 26px 12px;
    border-left: 1px solid rgba(0, 0, 0, 0.18);
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    border-right: 1px solid rgba(0, 0, 0, 0.18);
  }
  .process-track li > span {
    margin: 0;
  }
  .process-track li:nth-child(3),
  .process-track li:nth-child(4) {
    border-top: 0;
  }
  .contact-pitch,
  .inquiry-form {
    min-height: auto;
    padding: 80px 22px;
  }
  .contact-pitch > img {
    width: 90%;
    margin-bottom: 55px;
  }
  .contact-pitch h2 {
    font-size: 55px;
  }
  .contact-lines a {
    grid-template-columns: 77px 1fr;
  }
  .contact-lines strong {
    font-size: 15px;
    overflow-wrap: anywhere;
  }
  .form-heading {
    display: block;
  }
  .form-heading strong {
    display: block;
    margin-top: 15px;
    font-size: 37px;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .wide-field {
    grid-column: auto;
  }
  footer {
    display: block;
    padding: 48px 22px;
  }
  .footer-authority,
  .footer-links {
    margin-top: 28px;
  }
  footer > p {
    margin-top: 32px;
  }
  .mobile-contact-bar {
    position: fixed;
    z-index: 80;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 58px;
    background: #080808;
    border-top: 1px solid var(--pink);
    box-shadow: 0 -12px 35px rgba(0, 0, 0, 0.38);
  }
  .mobile-contact-bar a {
    display: grid;
    place-items: center;
    border-left: 1px solid rgba(255, 255, 255, 0.11);
    color: var(--pink-bright);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* Premium clarity refinements + Jotform-ready onboarding */
.brand {
  width: min(275px, 27vw);
  padding: 8px 16px;
  border: 1px solid rgba(255, 75, 154, 0.62);
  border-radius: 6px;
  background: linear-gradient(
    135deg,
    #f4ecdc,
    #d9c59b
  );
  box-shadow:
    0 12px 38px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.brand img {
  filter: contrast(1.08) drop-shadow(0 3px 7px rgba(0, 0, 0, 0.18));
}
.hero {
  background:
    radial-gradient(
      circle at 71% 38%,
      rgba(232, 0, 104, 0.3),
      transparent 24%
    ),
    radial-gradient(
      circle at 18% 78%,
      rgba(110, 130, 153, 0.2),
      transparent 31%
    ),
    linear-gradient(118deg, #07090c 0%, #171b20 50%, #241b0f 100%);
}
.hero-watermark {
  opacity: 0.19;
  filter: brightness(1.3) contrast(1.12)
    drop-shadow(0 0 44px rgba(255, 75, 154, 0.28));
}
.manifest-intro {
  padding: clamp(30px, 4vw, 52px);
  border: 1px solid rgba(120, 82, 24, 0.2);
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 24px 70px rgba(55, 40, 20, 0.1);
}
.manifest-intro .mini-label {
  color: #6f4a13;
  font-weight: 800;
}
.manifest-intro h3 {
  color: #111;
  text-wrap: balance;
}
.manifest-intro > p:last-child {
  color: rgba(0, 0, 0, 0.72);
  font-size: 15px;
}
.manifest-list {
  padding: 12px 28px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: rgba(255, 255, 255, 0.48);
  box-shadow: 0 24px 70px rgba(55, 40, 20, 0.1);
}
.manifest-row strong {
  color: #111;
  font-weight: 500;
}
.manifest-row small {
  color: rgba(0, 0, 0, 0.68);
  font-weight: 700;
}
.onboarding-hub {
  display: block;
  padding: 105px clamp(24px, 10vw, 170px);
  background:
    radial-gradient(
      circle at 10% 10%,
      rgba(232, 0, 104, 0.18),
      transparent 30%
    ),
    linear-gradient(135deg, #0a0c10, #161b22 57%, #171108);
}
.onboarding-copy h2 {
  margin: 0;
  max-width: 650px;
  font:
    400 clamp(52px, 6vw, 88px) / 0.95 Georgia,
    serif;
  letter-spacing: -0.055em;
  color: #fff;
}
.onboarding-copy {
  max-width: 860px;
}
.onboarding-copy h2 em {
  color: var(--pink-bright);
  font-weight: 400;
}
.onboarding-lead {
  max-width: 620px;
  margin: 30px 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  line-height: 1.8;
}
.onboarding-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}
.onboarding-trust {
  display: grid;
  gap: 12px;
  margin-top: 38px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 11px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.onboarding-trust span::before {
  content: "✓";
  margin-right: 12px;
  color: var(--pink-bright);
}
@media (max-width: 1000px) {
  .brand {
    width: min(235px, 42vw);
  }
}
@media (max-width: 680px) {
  .brand {
    width: min(205px, 54vw);
    padding: 8px 12px;
  }
  .onboarding-hub {
    padding: 84px 22px;
  }
  .onboarding-copy h2 {
    font-size: 52px;
  }
}


/* FINAL VISUAL POLISH — readability, logo treatment, motion */
.site-header .brand {
  width: min(285px, 28vw);
  padding: 9px 16px 8px;
  border: 0;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(180deg, rgba(50,54,60,.96), rgba(31,34,39,.90));
  box-shadow: 0 12px 34px rgba(0,0,0,.20), inset 0 -1px 0 rgba(214,168,77,.28);
}
.site-header .brand img {
  filter: brightness(1.12) contrast(1.12) drop-shadow(0 4px 9px rgba(0,0,0,.24));
}

/* Crisp, normal-size readable freight manifest typography */
.manifest-intro .mini-label {
  color: #7b5214;
  font-size: 12px;
  letter-spacing: .14em;
  opacity: 1;
}
.manifest-intro h3 {
  color: #0b0c0e;
  text-shadow: none;
}
.manifest-intro > p:last-child {
  color: #3f4145;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
}
.manifest-list {
  background: rgba(255,255,255,.90);
  backdrop-filter: none;
}
.manifest-row {
  grid-template-columns: 42px minmax(220px,1fr) minmax(210px,.75fr) 24px;
  min-height: 82px;
}
.manifest-row span {
  color: #8a5c17;
  font-size: 11px;
  font-weight: 700;
}
.manifest-row strong {
  color: #111317;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.manifest-row small {
  color: #4c4f54;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
.manifest-row b { font-size: 17px; color: #9b681a; }

/* More premium living-network motion in the hero artwork */
.hero-watermark {
  opacity: .18;
  animation: watermarkFloat 7s ease-in-out infinite alternate, networkGlow 4.8s ease-in-out infinite;
}
.hero-orbit {
  animation: orbitBreathe 6s ease-in-out infinite alternate, orbitRotateSoft 24s linear infinite;
  transform-origin: center;
}
.electron { animation-duration: 5.5s; }
.energy-beam { filter: drop-shadow(0 0 10px rgba(242,206,123,.45)); }

@keyframes networkGlow {
  0%,100% { filter: brightness(1.18) contrast(1.14) drop-shadow(0 0 28px rgba(242,206,123,.18)); }
  50% { filter: brightness(1.36) contrast(1.18) drop-shadow(0 0 54px rgba(242,206,123,.42)); }
}
@keyframes orbitRotateSoft {
  from { rotate: 0deg; }
  to { rotate: 360deg; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-watermark, .hero-orbit { animation: none !important; }
}
@media (max-width: 900px) {
  .manifest-row { grid-template-columns: 34px 1fr; gap: 8px 14px; padding: 14px 0; }
  .manifest-row small { grid-column: 2; font-size: 14px; }
  .manifest-row b { display:none; }
}


/* V3 — readability + visible premium motion */
.haul-manifest{align-items:center}
.manifest-intro{background:#fff!important;border:1px solid #d8d1c4!important;box-shadow:0 18px 45px rgba(22,18,12,.08)!important}
.manifest-intro .mini-label{color:#8a5b10!important;font-size:14px!important;letter-spacing:.12em!important;font-weight:800!important}
.manifest-intro h3{color:#090a0c!important;opacity:1!important;text-shadow:none!important}
.manifest-intro>p:last-child{color:#34373b!important;font-size:17px!important;line-height:1.7!important;font-weight:500!important;opacity:1!important}
.manifest-list{background:#fff!important;border:1px solid #d8d1c4!important;box-shadow:0 18px 45px rgba(22,18,12,.08)!important}
.manifest-row{min-height:84px!important;border-color:#d8d8d8!important}
.manifest-row span{color:#9a6818!important;font-size:12px!important;font-weight:800!important;opacity:1!important}
.manifest-row strong{color:#090a0c!important;font-size:21px!important;font-weight:600!important;opacity:1!important;text-shadow:none!important}
.manifest-row small{color:#34373b!important;font-size:15px!important;line-height:1.35!important;font-weight:600!important;letter-spacing:0!important;opacity:1!important;text-shadow:none!important}
.manifest-row b{color:#9a6818!important;font-size:18px!important;opacity:1!important}
.hero-energy{z-index:0!important;opacity:1!important}
.hero-energy .energy-beam{height:2px!important;opacity:.72;box-shadow:0 0 12px rgba(242,206,123,.8),0 0 30px rgba(214,168,77,.35)!important}
.hero-energy .electron{z-index:2!important;width:9px!important;height:9px!important;box-shadow:0 0 0 4px rgba(242,206,123,.12),0 0 18px 6px rgba(242,206,123,.7)!important}
.hero-energy::after{content:"";position:absolute;right:-10vw;top:8%;width:68vw;height:68vw;border:1px solid rgba(242,206,123,.42);border-radius:50%;box-shadow:0 0 40px rgba(214,168,77,.12);animation:premiumOrbit 16s linear infinite;transform-origin:center}
@keyframes premiumOrbit{0%{transform:rotate(0deg) scale(.96);opacity:.45}50%{transform:rotate(180deg) scale(1.03);opacity:.9}100%{transform:rotate(360deg) scale(.96);opacity:.45}}
@media(max-width:900px){.manifest-row small{display:block!important;font-size:14px!important}.manifest-intro>p:last-child{font-size:16px!important}}


/* =========================================================
   LINDEL BUILD v4 — VISIBLE CORRECTIONS
   Purpose: force crisp readable manifest + living lane map.
   ========================================================= */

/* Freight manifest: deliberately stronger contrast and larger type */
.haul-manifest {
  align-items: center !important;
  gap: clamp(48px, 6vw, 90px) !important;
}
.manifest-intro {
  position: relative !important;
  top: auto !important;
  padding: 42px 38px !important;
  background: #ffffff !important;
  border: 1px solid #d4c8b5 !important;
  border-radius: 2px !important;
  box-shadow: 0 20px 60px rgba(28, 22, 14, 0.10) !important;
}
.manifest-intro .mini-label {
  margin: 0 0 18px !important;
  color: #8d5d0d !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}
.manifest-intro h3 {
  color: #08090b !important;
  font-size: clamp(48px, 4.2vw, 68px) !important;
  line-height: .98 !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
.manifest-intro > p:last-child {
  margin-top: 28px !important;
  color: #26292d !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.manifest-list {
  background: #fff !important;
  border: 1px solid #d4c8b5 !important;
  box-shadow: 0 20px 60px rgba(28, 22, 14, 0.08) !important;
}
.manifest-row {
  grid-template-columns: 42px minmax(220px, 1fr) minmax(210px, .72fr) 24px !important;
  gap: 16px !important;
  min-height: 86px !important;
  padding: 0 24px !important;
  border-top: 1px solid #dad6cf !important;
  background: #fff !important;
}
.manifest-row:first-child { border-top: 0 !important; }
.manifest-row:last-child { border-bottom: 0 !important; }
.manifest-row:hover {
  padding: 0 30px !important;
  background: #fbf7ef !important;
}
.manifest-row span {
  color: #956313 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}
.manifest-row strong {
  color: #090a0c !important;
  font-size: 21px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
.manifest-row small {
  color: #30343a !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
}
.manifest-row b {
  color: #956313 !important;
  font-size: 18px !important;
  opacity: 1 !important;
}

/* Lane-map: visible premium motion, not a static decoration */
.lane-map {
  background:
    radial-gradient(circle at 46% 46%, rgba(214,168,77,.10), transparent 24%),
    radial-gradient(circle at 72% 68%, rgba(242,206,123,.08), transparent 20%),
    #0d0f12 !important;
  isolation: isolate;
}
.lane-map::before {
  animation: laneOrbitA 15s linear infinite !important;
  border-color: rgba(242,206,123,.52) !important;
  box-shadow: 0 0 34px rgba(214,168,77,.12), 0 0 0 7vw rgba(214,168,77,.025), 0 0 0 14vw rgba(214,168,77,.018) !important;
}
.lane-map::after {
  animation: laneOrbitB 19s linear infinite reverse !important;
  border-color: rgba(214,168,77,.44) !important;
}
.route {
  height: 2px !important;
  background-size: 220% 100% !important;
  animation: routeTravel 3.2s linear infinite !important;
  filter: drop-shadow(0 0 5px rgba(242,206,123,.75));
}
.route-two { animation-delay: -.9s !important; }
.route-three { animation-delay: -1.8s !important; }
.map-dot {
  width: 14px !important;
  height: 14px !important;
  animation: mapPulseV4 1.8s ease-in-out infinite alternate !important;
}
.dot-two { animation-delay: .45s !important; }
.dot-three { animation-delay: .9s !important; }
.lane-map strong {
  color: rgba(255,255,255,.14) !important;
  animation: networkTitleGlow 4.5s ease-in-out infinite alternate !important;
}

@keyframes laneOrbitA {
  0% { transform: rotate(-18deg) scale(1); }
  50% { transform: rotate(162deg) scale(1.035); }
  100% { transform: rotate(342deg) scale(1); }
}
@keyframes laneOrbitB {
  0% { transform: rotate(22deg) scale(1); opacity:.45; }
  50% { transform: rotate(202deg) scale(1.05); opacity:.78; }
  100% { transform: rotate(382deg) scale(1); opacity:.45; }
}
@keyframes routeTravel {
  0% { background-position: 220% 0; opacity:.48; }
  40% { opacity:1; }
  100% { background-position: -120% 0; opacity:.62; }
}
@keyframes mapPulseV4 {
  from { transform: scale(.86); box-shadow:0 0 0 5px rgba(214,168,77,.10),0 0 16px rgba(214,168,77,.55); }
  to { transform: scale(1.22); box-shadow:0 0 0 14px rgba(214,168,77,.12),0 0 34px rgba(242,206,123,.95); }
}
@keyframes networkTitleGlow {
  from { opacity:.72; filter: drop-shadow(0 0 0 rgba(214,168,77,0)); }
  to { opacity:1; filter: drop-shadow(0 0 16px rgba(214,168,77,.16)); }
}

@media (max-width: 900px) {
  .manifest-intro { padding: 30px 24px !important; }
  .manifest-intro h3 { font-size: clamp(40px, 11vw, 56px) !important; }
  .manifest-row {
    grid-template-columns: 34px 1fr !important;
    min-height: auto !important;
    padding: 18px 20px !important;
  }
  .manifest-row small {
    grid-column: 2 !important;
    display: block !important;
    font-size: 15px !important;
  }
  .manifest-row b { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .lane-map::before, .lane-map::after, .route, .map-dot, .lane-map strong { animation: none !important; }
}

/* =========================================================
   LINDEL BUILD v5 — premium header + restrained motion +
   restored integrated freight manifest
   ========================================================= */

/* Full-width premium gold header, including logo + nav */
.site-header {
  height: 104px !important;
  background: #bf982a !important;
  border-bottom: 1px solid rgba(0,0,0,.24) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.16) !important;
}
.site-header .brand {
  width: min(282px, 27vw) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.site-header .brand img {
  filter: contrast(1.12) brightness(.95) drop-shadow(0 4px 8px rgba(0,0,0,.18)) !important;
}
.desktop-nav a {
  color: #111214 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
}
.desktop-nav a:hover { color: #fff !important; }
.nav-cta {
  background: #0b0c0e !important;
  border-color: #0b0c0e !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.16) !important;
}
.nav-cta:hover {
  background: #fff !important;
  color: #0b0c0e !important;
  border-color: #fff !important;
}

/* Keep INTERSTATE · DISPATCH fixed/stable as requested */
.hero-orbit {
  animation: none !important;
  transform: none !important;
  rotate: 0deg !important;
}
.hero-orbit i { animation: statusPulse 6.5s ease-in-out infinite !important; }

/* Slower, calmer luminous motion */
.hero-watermark { animation: watermarkFloat 16s ease-in-out infinite alternate, networkGlow 12s ease-in-out infinite !important; }
.beam-one { animation-duration: 18s !important; }
.beam-two { animation-duration: 22s !important; }
.beam-three { animation-duration: 20s !important; }
.electron { animation-duration: 18s !important; }
.energy-beam { opacity: .32 !important; filter: drop-shadow(0 0 7px rgba(242,206,123,.34)) !important; }

/* Restore the freight manifest as one composed premium section — no detached cards */
.haul-manifest {
  width: min(1320px, 92vw) !important;
  margin: 112px auto 0 !important;
  grid-template-columns: minmax(330px,.78fr) minmax(620px,1.22fr) !important;
  gap: clamp(58px, 7vw, 108px) !important;
  align-items: start !important;
}
.manifest-intro {
  position: sticky !important;
  top: 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.manifest-intro .mini-label {
  margin: 0 0 18px !important;
  color: #8c611a !important;
  font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: .18em !important;
  font-weight: 800 !important;
}
.manifest-intro h3 {
  max-width: 520px !important;
  color: #121316 !important;
  font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(42px, 3.55vw, 58px) !important;
  line-height: 1.02 !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
}
.manifest-intro > p:last-child {
  max-width: 510px !important;
  margin-top: 24px !important;
  color: #4b4d50 !important;
  font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
}
.manifest-list {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.manifest-row {
  grid-template-columns: 38px minmax(205px,1fr) minmax(190px,.82fr) 18px !important;
  gap: 15px !important;
  min-height: 72px !important;
  padding: 0 6px !important;
  border-top: 1px solid rgba(28,29,31,.18) !important;
  background: transparent !important;
}
.manifest-row:first-child { border-top: 1px solid rgba(28,29,31,.18) !important; }
.manifest-row:last-child { border-bottom: 1px solid rgba(28,29,31,.18) !important; }
.manifest-row:hover {
  padding: 0 12px !important;
  background: rgba(191,152,42,.07) !important;
}
.manifest-row span {
  color: #9a6a1f !important;
  font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
}
.manifest-row strong {
  color: #18191b !important;
  font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
}
.manifest-row small {
  color: #5b5d60 !important;
  font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
.manifest-row b { color: #9a6a1f !important; font-size: 13px !important; }

/* Slow the lower network lights down as well */
.lane-map::before { animation-duration: 46s !important; box-shadow: 0 0 22px rgba(214,168,77,.08), 0 0 0 7vw rgba(214,168,77,.018), 0 0 0 14vw rgba(214,168,77,.012) !important; }
.lane-map::after { animation-duration: 58s !important; }
.route { animation-duration: 11s !important; filter: drop-shadow(0 0 3px rgba(242,206,123,.42)) !important; opacity: .72 !important; }
.map-dot { animation-duration: 7.5s !important; box-shadow: 0 0 0 6px rgba(214,168,77,.08), 0 0 18px rgba(214,168,77,.52) !important; }
.lane-map strong { animation-duration: 12s !important; }

@media (max-width: 1000px) {
  .site-header { height: 92px !important; }
  .site-header .brand { width: min(238px, 43vw) !important; }
  .haul-manifest { grid-template-columns: 1fr !important; gap: 48px !important; }
  .manifest-intro { position: relative !important; top: auto !important; }
  .manifest-intro h3 { font-size: clamp(38px, 7vw, 52px) !important; }
}
@media (max-width: 680px) {
  .site-header .brand { width: min(205px, 58vw) !important; }
  .manifest-row {
    grid-template-columns: 30px 1fr !important;
    gap: 8px 12px !important;
    padding: 15px 0 !important;
  }
  .manifest-row small { grid-column: 2 !important; font-size: 12px !important; }
  .manifest-row b { display: none !important; }
}


/* =========================================================
   LINDEL BUILD v6 — GOLD IS LIMITED TO THE TOP NAV BAR ONLY
   ========================================================= */
.site-header {
  background: #bf982a !important;
  background-image: none !important;
}
/* Keep every area below the navigation out of the flat gold treatment. */
.hero {
  background:
    radial-gradient(circle at 72% 40%, rgba(242,206,123,.24), transparent 27%),
    radial-gradient(circle at 12% 88%, rgba(180,197,217,.12), transparent 30%),
    radial-gradient(circle at 48% 15%, rgba(121,141,164,.11), transparent 26%),
    linear-gradient(120deg,#0b0d10 0%,#20242a 48%,#2a2419 100%) !important;
}
.desktop-nav a { color:#111214 !important; }
.nav-cta {
  background:#fff !important;
  color:#0b0c0e !important;
  border-color:#fff !important;
}
.nav-cta:hover {
  background:#0b0c0e !important;
  color:#fff !important;
  border-color:#0b0c0e !important;
}

/* =========================================================
   LINDEL BUILD v7 — restrained stainless / graphite header
   Premium metal tone limited to the TOP NAVIGATION ONLY.
   ========================================================= */
.site-header {
  background:
    linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.018) 34%, rgba(0,0,0,.12) 100%),
    linear-gradient(100deg, #4d5359 0%, #363b41 25%, #252a30 57%, #181c21 100%) !important;
  border-bottom: 1px solid rgba(214,168,77,.42) !important;
  box-shadow: 0 9px 26px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.site-header::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(112deg, transparent 0 17%, rgba(255,255,255,.055) 26%, transparent 36% 100%);
  opacity:.72;
}
.site-header .brand,
.site-header .desktop-nav,
.site-header .nav-cta,
.site-header .mobile-menu { position:relative; z-index:2; }
.site-header .brand img {
  filter: brightness(1.16) contrast(1.16) saturate(1.05) drop-shadow(0 5px 10px rgba(0,0,0,.42)) !important;
}
.desktop-nav a {
  color: rgba(255,255,255,.88) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.28);
}
.desktop-nav a:hover { color: #e7b3b3 !important; }
.nav-cta {
  background: rgba(255,255,255,.94) !important;
  color: #111419 !important;
  border-color: rgba(255,255,255,.94) !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.20) !important;
}
.nav-cta:hover {
  background: #b9797d !important;
  color: #0c0e11 !important;
  border-color: #b9797d !important;
}

/* LINDEL BUILD v8 — premium inquiry CTA on stainless header */
.nav-cta {
  background: linear-gradient(135deg, #161a1f 0%, #080a0d 100%) !important;
  color: #f3d58b !important;
  border: 1px solid rgba(214,168,77,.78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.28) !important;
}
.nav-cta span { color:#f3d58b !important; }
.nav-cta:hover {
  background: linear-gradient(135deg, #20252b 0%, #101318 100%) !important;
  color: #fff !important;
  border-color: #f0c86d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 26px rgba(0,0,0,.34), 0 0 0 1px rgba(240,200,109,.10) !important;
  transform: translateY(-1px);
}

/* Girley Legacy final brand polish */
:root{--pink:#b9797d;--pink-bright:#e7b3b3;--ink:#07080b;--ink-soft:#101217;--line:rgba(232,0,104,.28)}
.button-gold{background:linear-gradient(135deg,#b9797d,#75494f)!important;border-color:#e7b3b3!important;color:#fff!important;box-shadow:0 12px 35px rgba(232,0,104,.24)}
.button-gold::after{background:#e7b3b3!important}.site-header{border-bottom-color:rgba(232,0,104,.2)}
.contact-shell{background:linear-gradient(135deg,#0b0d11 0%,#161a21 52%,#0e1015 100%);border-top:1px solid rgba(232,0,104,.3)}
.contact-pitch{border-right:1px solid rgba(255,255,255,.12)}
.contact-pitch img{max-width:310px;filter:drop-shadow(0 14px 25px rgba(232,0,104,.18))}
.contact-lines a{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.025);transition:.2s ease}.contact-lines a:hover{border-color:#b9797d!important;background:rgba(232,0,104,.1);transform:translateX(4px)}
.inquiry-form{background:linear-gradient(145deg,#171a21,#0b0d11)!important;border:1px solid rgba(232,0,104,.32)!important;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:#090a0e!important;border-color:rgba(255,255,255,.15)!important}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:#b9797d!important;box-shadow:0 0 0 3px rgba(232,0,104,.13)}
.footer-links a:hover,.mobile-contact-bar a:hover{color:#e7b3b3!important}

/* Transparent brand artwork on integrated steel surfaces */
.site-header{background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),linear-gradient(110deg,#c2c5c8,#858b91 32%,#30363c 64%,#15191d)!important;border-bottom:1px solid #777d83!important}
.site-header .brand img{filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))!important;object-fit:contain;background:transparent!important}
.hero{background:radial-gradient(ellipse at 80% 45%,#969ba0 0%,#51585e 28%,transparent 62%),linear-gradient(115deg,#090b0e,#252a30 65%,#101418)!important}
.hero-watermark{opacity:.9!important;filter:drop-shadow(0 12px 18px rgba(0,0,0,.3))!important;background:transparent!important;mix-blend-mode:normal!important}
.nav-cta,.nav-cta span{color:#f1d0d0!important;border-color:#b9797d!important}
.contact-pitch{background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),linear-gradient(125deg,#515860,#242a31 65%,#101418);padding:clamp(22px,3vw,48px);border-radius:12px}
.contact-pitch img{width:100%;max-width:440px;background:transparent!important;filter:drop-shadow(0 2px 3px #b5bac0)!important}
@media(prefers-reduced-motion:reduce){.hero-watermark{animation:none!important}}

/* Final Girley palette and contrast corrections */
:root{--gold:#b9797d;--gold-bright:#e7b3b3;--champagne:#d9dde0;--line:rgba(185,121,125,.28)}
.site-header,.nav-cta,.button-gold{border-color:#b9797d!important}
.button-gold,.ledger-row:hover{background:linear-gradient(135deg,#b9797d,#75494f)!important;color:#fff!important}
.ledger-row:first-child{background:rgba(185,121,125,.10)!important;border-left:3px solid #b9797d}
.ledger-row:hover{background:linear-gradient(135deg,#b9797d,#75494f)!important}
.equipment-showroom{background:#f7f8f8!important;color:#161a1f!important}.equipment-showroom .showroom-index{color:rgba(185,121,125,.35)!important}.equipment-showroom .showroom-head p,.equipment-showroom .equipment-specs p,.equipment-showroom .stage-caption{color:#565d63!important}.equipment-showroom .equipment-specs{border-color:rgba(37,42,49,.20)!important}.equipment-showroom .equipment-specs>div{border-color:rgba(37,42,49,.15)!important}.equipment-showroom .equipment-specs strong{color:#22272d!important}.equipment-showroom .light-kicker{color:#75494f!important}
.contact-shell{background:#f7f8f8!important;color:#171b20!important;border-top:1px solid #d6dadd!important}.contact-pitch{background:linear-gradient(135deg,#eef0f1,#ffffff 70%)!important;border-right:1px solid #d1d5d8!important;color:#171b20!important}.contact-pitch h2,.contact-pitch>p:not(.mini-label){color:#171b20!important}.contact-pitch .mini-label,.contact-pitch .contact-lines span{color:#75494f!important}.contact-lines a{border-color:#cbd0d4!important;color:#171b20!important;background:rgba(255,255,255,.65)!important}.contact-lines a:hover{border-color:#b9797d!important;background:#fff!important}.inquiry-form{background:#fff!important;border:1px solid #d1d5d8!important;box-shadow:0 24px 60px rgba(23,27,32,.12)!important;color:#171b20!important}.form-heading span,.form-heading strong{color:#171b20!important}.form-heading span{color:#75494f!important}.inquiry-form label{color:#4f565c!important}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:#f5f6f7!important;color:#171b20!important;border-color:#cbd0d4!important}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#7c8389!important}.form-note{color:#687078!important}.footer-brand span,.footer-authority,.footer-links{color:#cbd0d4!important}
.stage-badge{background:rgba(19,23,27,.85)!important;border-color:#b9797d!important}.stage-badge strong{color:#e7b3b3!important}

/* Final brand-color pass: remove every legacy gold treatment. */
:root{--champagne:#d9dde0!important;--cream:#f4f5f6!important}
.site-header{background:rgba(11,13,16,.96)!important;border-bottom-color:rgba(231,179,179,.28)!important}
.site-header .brand{background:transparent!important;border-color:transparent!important}
.trust-ribbon{color:#fff!important;background:linear-gradient(90deg,#171b20,#75494f 48%,#171b20)!important;box-shadow:0 12px 42px rgba(185,121,125,.18)!important}
.trust-ribbon span{color:#e7b3b3!important}
.statement-band{color:#fff!important;background:linear-gradient(110deg,#15191e,#75494f 52%,#252a31)!important;border-color:rgba(231,179,179,.28)!important}
.statement-band p{color:rgba(255,255,255,.72)!important}
.statement-spark{border-color:rgba(231,179,179,.35)!important}
.button-gold{background:linear-gradient(135deg,#b9797d,#75494f)!important}
.dispatch-card a,.dispatch-card .mini-label,.dispatch-promise span,.ledger-row>span{color:#b9797d!important}
.ledger-row:hover{background:linear-gradient(90deg,#f1e5e6,#eadfe0)!important}
.inquiry-form{background:#fff!important}
.brand{background:transparent!important}
.energy-beam{filter:drop-shadow(0 0 7px rgba(231,179,179,.34))!important}
.dispatch-cta,.freight-support,.dispatch-system{background:#171b20!important}

/* Legibility and final palette correction for every explanatory section. */
.dispatch-system{background:linear-gradient(145deg,#f7f8f8,#e9edef)!important;color:#171b20!important}
.dispatch-system .section-kicker,.dispatch-system .mini-label,.dispatch-system .section-kicker span{color:#75494f!important}
.dispatch-system .section-kicker span{border-color:rgba(117,73,79,.45)!important}
.dispatch-header h2,.dispatch-header h2 em,.dispatch-promise strong,.dispatch-coverage h3,.dispatch-cta strong{color:#171b20!important}
.dispatch-header h2 em{color:#b9797d!important}
.dispatch-promise,.dispatch-cta{border-color:rgba(37,42,49,.2)!important}
.dispatch-promise span,.dispatch-cta span,.equipment-ticker b,.ledger-row>span,.ledger-row b{color:#75494f!important}
.dispatch-promise p,.dispatch-coverage p,.dispatch-cta p,.ledger-row p{color:#4f565c!important}
.ledger-row{color:#171b20!important;border-color:rgba(37,42,49,.18)!important}
.ledger-row:hover{background:linear-gradient(90deg,#f2e6e7,#ffffff)!important;color:#171b20!important}
.equipment-ticker{border-color:rgba(37,42,49,.18)!important}.equipment-ticker span{color:#30363c!important;border-color:rgba(37,42,49,.18)!important}
.lane-lab{background:#f7f8f8!important;color:#171b20!important}
.lane-copy{background:linear-gradient(145deg,#f7f8f8,#ffffff)!important}
.lane-copy .section-kicker{color:#75494f!important}.lane-copy h2{color:#171b20!important}.lane-copy > p{color:#4f565c!important}
.lane-copy .button-gold{background:linear-gradient(135deg,#b9797d,#75494f)!important;color:#fff!important}
.process-section{background:linear-gradient(145deg,#f7f8f8,#e9edef)!important}
.process-track::before{background:#b9797d!important}
.process-track li>span{color:#75494f!important;border-color:rgba(117,73,79,.48)!important}
.process-title-wrap .section-kicker{color:#75494f!important}.process-title-wrap > p,.process-track p{color:#4f565c!important}

/* Eliminate legacy amber accents from manifest, route map, and motion effects. */
.manifest-intro,.manifest-list{border-color:#d1d6da!important}
.manifest-intro .mini-label,.manifest-row span,.manifest-row b{color:#75494f!important}
.manifest-row:hover{background:#f2e6e7!important}
.lane-map{background:radial-gradient(circle at 46% 46%,rgba(185,121,125,.12),transparent 24%),#0d0f12!important}
.lane-map::before,.lane-map::after{border-color:rgba(231,179,179,.42)!important;box-shadow:0 0 34px rgba(185,121,125,.12),0 0 0 7vw rgba(185,121,125,.025),0 0 0 14vw rgba(185,121,125,.018)!important}
.route{filter:drop-shadow(0 0 5px rgba(231,179,179,.75))!important}
.map-dot{box-shadow:0 0 0 8px rgba(185,121,125,.13),0 0 28px #b9797d!important}
.hero-energy .energy-beam{box-shadow:0 0 12px rgba(231,179,179,.8),0 0 30px rgba(185,121,125,.35)!important;filter:drop-shadow(0 0 7px rgba(231,179,179,.34))!important}
.hero-energy .electron{box-shadow:0 0 0 4px rgba(231,179,179,.12),0 0 18px 6px rgba(231,179,179,.7)!important}
.hero-energy::after{border-color:rgba(231,179,179,.42)!important;box-shadow:0 0 40px rgba(185,121,125,.12)!important}
.energy-beam{filter:drop-shadow(0 0 7px rgba(231,179,179,.34))!important}
.nav-cta span,.nav-cta{color:#f1d0d0!important;border-color:#b9797d!important}

/* Hero composition: metallic header, black hero field, readable rose contact rail. */
.site-header{background:linear-gradient(180deg,#8c9297 0%,#4d545a 48%,#1a1e22 100%)!important;border-bottom-color:#b8bec3!important}
.hero{background:radial-gradient(circle at 72% 40%,rgba(185,121,125,.20),transparent 27%),linear-gradient(135deg,#050607 0%,#11151a 62%,#050607 100%)!important}
.hero-watermark{width:min(980px,62vw)!important;opacity:.44!important;filter:drop-shadow(0 14px 24px rgba(0,0,0,.34))!important}
.hero-rail{top:69%!important;width:220px!important}
.hero-rail p,.hero-rail a{color:#f4f5f6!important}
.hero-rail a span{color:#e7b3b3!important}
.hero-rail a{border-color:rgba(231,179,179,.32)!important}
.hero-orbit{color:rgba(255,255,255,.7)!important}
.hero-watermark{right:5vw!important}
.lane-logo{position:absolute;z-index:4;top:8%;left:8%;width:min(360px,42%);height:auto;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));opacity:.98}
.lane-map strong{z-index:2!important}
.language-picker{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.72);font-size:9px;letter-spacing:.14em}
.language-picker select{appearance:none;border:1px solid rgba(231,179,179,.5);background:rgba(10,12,15,.45);color:#fff;padding:8px 9px;font-size:10px;letter-spacing:.12em;cursor:pointer}
.language-picker option{color:#171b20;background:#fff}
@media(max-width:1100px){.language-picker{display:none}}
.site-header{grid-template-columns:minmax(190px,275px) minmax(0,1fr) auto auto!important;gap:22px!important;align-items:center!important}
.desktop-nav{min-width:0!important;gap:clamp(12px,1.7vw,30px)!important}
.desktop-nav a{white-space:nowrap!important}
.nav-cta{position:relative!important;z-index:3!important;white-space:nowrap!important;justify-self:end!important}
.hero-copy{padding-top:24px!important}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto!important}.desktop-nav,.language-picker{display:none!important}.brand{width:min(240px,58vw)!important}.nav-cta{font-size:9px!important;padding:11px 13px!important}.hero-copy{padding-top:0!important}}
.showroom-head h2 em{color:#b9797d!important}
.showroom-head h2{color:#171b20!important}
.showroom-head .section-kicker,.showroom-head .mini-label,.showroom-index{color:#75494f!important}
.equipment-showroom .stage-caption{color:#565d63!important}
.manifest-intro .mini-label,.manifest-row span,.manifest-row b{color:#75494f!important}
.inquiry-status{min-height:1.4em;margin:16px 0 0;color:#75494f!important;font-size:12px;line-height:1.5}
.form-submit:disabled{opacity:.65;cursor:wait}

/* Multi-equipment dispatch showcase */
.equipment-network{background:#f4f5f6;color:#171b20;padding:clamp(80px,10vw,150px) clamp(24px,6vw,96px);position:relative;overflow:hidden}
.equipment-network::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(185,121,125,.10),transparent 40%,rgba(95,105,113,.09));pointer-events:none}
.equipment-network-head,.equipment-network-grid{position:relative;z-index:1;max-width:1320px;margin:0 auto}
.equipment-network-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);column-gap:clamp(28px,7vw,120px);align-items:end;margin-bottom:48px}
.equipment-network-head .section-kicker{grid-column:1/-1;color:#75494f!important;margin-bottom:20px}
.equipment-network-head h2{font-size:clamp(44px,6vw,88px);line-height:.94;letter-spacing:-.06em;margin:0;color:#171b20}
.equipment-network-head h2 em{color:#b9797d;font-style:italic}
.equipment-network-head>p{font-size:16px;line-height:1.65;max-width:480px;color:#565d63;margin:0 0 4px}
.equipment-network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.equipment-network-card{background:#fff;border:1px solid rgba(31,36,41,.16);box-shadow:0 16px 40px rgba(22,28,35,.10);min-width:0;transition:transform .35s ease,box-shadow .35s ease}
.equipment-network-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(22,28,35,.16)}
.equipment-network-card img{width:100%;height:clamp(250px,26vw,380px);object-fit:cover;display:block;filter:saturate(.86) contrast(1.04)}
.equipment-network-card>div{padding:24px 24px 28px}
.equipment-network-card span{display:block;color:#75494f;font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:16px}
.equipment-network-card h3{font-size:clamp(24px,2.5vw,38px);line-height:1.02;letter-spacing:-.04em;margin:0 0 14px;color:#171b20}
.equipment-network-card p{font-size:14px;line-height:1.55;color:#626970;margin:0}
@media(max-width:900px){.equipment-network-head{grid-template-columns:1fr;row-gap:24px}.equipment-network-head>p{max-width:620px}.equipment-network-grid{grid-template-columns:1fr 1fr}.equipment-network-card:last-child{grid-column:1/-1}}
@media(max-width:620px){.equipment-network{padding:70px 18px}.equipment-network-grid{grid-template-columns:1fr}.equipment-network-card:last-child{grid-column:auto}.equipment-network-card img{height:270px}}

/* Individual equipment cards keep every dispatch lane visible at a glance. */
.equipment-network-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.equipment-network-card img{height:clamp(210px,18vw,300px);object-fit:cover}
.equipment-network-card>div{padding:20px 20px 24px}
.equipment-network-card h3{font-size:clamp(22px,2vw,32px)}
@media(max-width:1100px){.equipment-network-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-network-card:last-child{grid-column:auto}}
@media(max-width:760px){.equipment-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.equipment-network-grid{grid-template-columns:1fr}.equipment-network-card img{height:280px}}
.lane-logo{opacity:.76!important;}

/* Keep operating identifiers aligned and let dispatch read as the service extension. */
.hero-credentials{display:grid!important;grid-template-columns:auto auto minmax(230px,1fr);align-items:start;column-gap:0;row-gap:13px}
.hero-credentials .credential-detail{grid-column:1/-1!important;border-left:0!important;padding:0!important;margin-top:1px}
.hero-credentials .credential-detail span{color:#d59b9f!important;letter-spacing:.22em!important;font-size:9px!important}
.hero-credentials .credential-service{min-width:0}
.hero-credentials .credential-service strong{white-space:nowrap}
.brand img,.hero-watermark,.lane-logo,.contact-pitch>img{filter:saturate(.72) contrast(.94) brightness(.98)!important}
.lane-logo{filter:saturate(.72) contrast(.94) brightness(.98) drop-shadow(0 8px 16px rgba(0,0,0,.35))!important}
@media(max-width:900px){.hero-credentials{grid-template-columns:1fr 1fr!important;row-gap:17px}.hero-credentials .credential-service{grid-column:1/-1}.hero-credentials .credential-detail{grid-column:1/-1!important}.hero-credentials .credential-service strong{white-space:normal}}
@media(max-width:900px){.hero-credentials .credential-detail{width:100%!important}}