/* Homepage-only: header, footer, hero FX */

/* ─── Header (homepage) ─── */
.page-home .site-header--home{
  position: sticky;
  top: 0;
  z-index: 50;
  background: transparent;
  transition: background .35s ease, box-shadow .35s ease;
}
.page-home .site-header--home.is-elevated{
  background: rgba(255,255,255,.97);
  box-shadow: 0 12px 40px rgba(0,0,0,.10);
  backdrop-filter: blur(14px);
}
.page-home .site-header--home:not(.is-elevated) .topbar{
  background: linear-gradient(90deg, rgba(8,10,14,.88), rgba(12,15,20,.72));
  border-bottom: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.88);
}
.page-home .site-header--home:not(.is-elevated) .topbar__muted{
  color: rgba(255,255,255,.62);
}
.page-home .site-header--home:not(.is-elevated) .nav{
  background: rgba(10,12,16,.52);
  backdrop-filter: blur(16px) saturate(1.2);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
}
.page-home .site-header--home:not(.is-elevated) .nav__hairline{
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
}
.page-home .site-header--home:not(.is-elevated) .nav__link{
  color: rgba(255,255,255,.92);
}
.page-home .site-header--home:not(.is-elevated) .nav__link:hover{
  color: #fff;
}
.page-home .site-header--home:not(.is-elevated) .nav-dd__toggle::before{
  color: rgba(255,255,255,.65);
}
.page-home .site-header--home:not(.is-elevated) .brand__logo{
  filter: brightness(0) invert(1);
}

.page-home .topbar__chip{
  position: relative;
  padding: 4px 10px 4px 8px;
  border-radius: 999px;
  background: rgba(212,18,25,.18);
  border: 1px solid rgba(212,18,25,.35);
}
.page-home .topbar__chip::before{display:none}
.page-home .topbar__chip-pulse{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 0 rgba(212,18,25,.55);
  animation: chipPulse 2.4s ease-out infinite;
}
@keyframes chipPulse{
  0%{box-shadow: 0 0 0 0 rgba(212,18,25,.5)}
  70%{box-shadow: 0 0 0 10px rgba(212,18,25,0)}
  100%{box-shadow: 0 0 0 0 rgba(212,18,25,0)}
}
.page-home .site-header--home.is-elevated .topbar__chip{
  background: rgba(212,18,25,.08);
  border-color: rgba(212,18,25,.2);
}

.page-home .topbar__pill{
  display: inline-flex;
  flex-direction: column;
  gap: 1px;
  padding: 6px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.page-home .topbar__pill:hover{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.28);
  transform: translateY(-1px);
}
.page-home .topbar__pill-label{
  font-size: 9px;
  letter-spacing: .8px;
  text-transform: uppercase;
  opacity: .72;
  font-weight: 700;
}
.page-home .topbar__pill-value{
  font-size: 12px;
  font-weight: 650;
}
.page-home .topbar__pill--ghost .topbar__pill-value{
  font-size: 11px;
}
.page-home .site-header--home.is-elevated .topbar__pill{
  border-color: var(--line);
  background: #f6f7f9;
  color: var(--text);
}
.page-home .site-header--home.is-elevated .topbar__pill:hover{
  background: #fff;
  border-color: #d8dde6;
}

.page-home .nav__inner{padding: 14px 0}
.page-home .site-header--home.is-elevated .nav{
  background: transparent;
  backdrop-filter: none;
}

/* ─── Hero stage ─── */
.page-home{--heroH: 480px}
.page-home .hero{padding-bottom: 32px}
.page-home .hero__stage{isolation: isolate}

.page-home .hero__slide::after{
  background:
    radial-gradient(900px 420px at 72% 28%, rgba(212,18,25,.16), transparent 55%),
    radial-gradient(680px 300px at 8% 78%, rgba(212,18,25,.1), transparent 50%),
    radial-gradient(1200px 380px at 50% 40%, rgba(0,0,0,.3), rgba(0,0,0,.58)),
    linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.68));
}
.page-home .hero__slide.is-active{
  opacity: 1;
  animation: heroSlideIn 1.1s cubic-bezier(.22,1,.36,1) both;
}
@keyframes heroSlideIn{
  0%{opacity: 0; filter: blur(6px)}
  100%{opacity: 1; filter: blur(0)}
}
.page-home .hero__slide.is-anim{
  animation: homeKenburns 9s ease-in-out both;
}
@keyframes homeKenburns{
  0%{transform: scale(1.05) translate3d(0,0,0)}
  100%{transform: scale(1.14) translate3d(-1.2%, -1%, 0)}
}

/* Ambient layers */
.hero__ambient{
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}
.hero__fx-aurora{
  position: absolute;
  inset: -30%;
  opacity: .55;
  background:
    radial-gradient(ellipse 55% 45% at 20% 60%, rgba(212,18,25,.22), transparent 60%),
    radial-gradient(ellipse 50% 40% at 80% 30%, rgba(80,140,255,.14), transparent 55%),
    radial-gradient(ellipse 40% 35% at 50% 90%, rgba(255,255,255,.08), transparent 50%);
  animation: auroraShift 16s ease-in-out infinite alternate;
  mix-blend-mode: screen;
}
@keyframes auroraShift{
  0%{transform: translate3d(-2%, 1%, 0) rotate(0deg) scale(1)}
  100%{transform: translate3d(3%, -2%, 0) rotate(3deg) scale(1.06)}
}
.hero__fx-depth{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 50% 50%, transparent 40%, rgba(0,0,0,.45) 100%);
  animation: depthPulse 8s ease-in-out infinite;
}
@keyframes depthPulse{
  0%,100%{opacity: .85}
  50%{opacity: 1}
}
.hero__fx-particles{
  position: absolute;
  inset: 0;
  opacity: .5;
  background-image:
    radial-gradient(1.5px 1.5px at 10% 20%, rgba(255,255,255,.9), transparent),
    radial-gradient(1px 1px at 30% 70%, rgba(255,255,255,.7), transparent),
    radial-gradient(1.5px 1.5px at 55% 35%, rgba(255,255,255,.85), transparent),
    radial-gradient(1px 1px at 75% 80%, rgba(255,255,255,.6), transparent),
    radial-gradient(1.5px 1.5px at 90% 25%, rgba(255,255,255,.75), transparent);
  background-size: 280px 280px;
  animation: particleDrift 22s linear infinite;
}
@keyframes particleDrift{
  0%{transform: translate3d(0,0,0)}
  100%{transform: translate3d(-120px,-80px,0)}
}
.hero__fx-beams{
  position: absolute;
  inset: 0;
  opacity: .35;
  background: repeating-linear-gradient(
    105deg,
    transparent 0,
    transparent 40px,
    rgba(255,255,255,.03) 40px,
    rgba(255,255,255,.07) 44px,
    transparent 44px,
    transparent 120px
  );
  animation: beamSweep 12s linear infinite;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 85%);
}
@keyframes beamSweep{
  0%{transform: translate3d(-8%,0,0)}
  100%{transform: translate3d(8%,0,0)}
}
.hero__grid{
  position: absolute;
  inset: -40px;
  opacity: .18;
  background:
    linear-gradient(to right, rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 48px 48px;
  transform: translate3d(0,0,0);
  animation: homeGridDrift 18s linear infinite;
  mask-image: radial-gradient(ellipse 90% 80% at 50% 50%, #000 20%, transparent 75%);
}
@keyframes homeGridDrift{
  0%{transform: translate3d(0,0,0) perspective(800px) rotateX(58deg) scale(1.2)}
  100%{transform: translate3d(-48px,-48px,0) perspective(800px) rotateX(58deg) scale(1.2)}
}
.hero__grain{
  position: absolute;
  inset: -20%;
  opacity: .14;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.2), transparent 40%),
    radial-gradient(circle at 70% 60%, rgba(255,255,255,.12), transparent 44%);
  filter: blur(.3px) contrast(1.15);
  animation: homeGrain 9s ease-in-out infinite alternate;
}
@keyframes homeGrain{
  0%{transform: translate3d(-1.5%, -1%, 0) scale(1.02)}
  100%{transform: translate3d(1.2%, 1.4%, 0) scale(1.04)}
}

/* Slide FX */
.hero__slide-fx{
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  transition: opacity 520ms ease;
}
.hero__slide.is-active .hero__slide-fx{opacity: 1}

/* Depot theme */
.hero__fx--depot .hero__fx-svg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.hero__fx-route{
  fill: none;
  stroke: url(#homeRouteGrad);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 8 12;
  filter: drop-shadow(0 0 12px rgba(212,18,25,.35)) drop-shadow(0 10px 18px rgba(0,0,0,.35));
  animation: routeFlow 2.4s linear infinite;
}
.hero__fx-route--ghost{
  stroke: rgba(255,255,255,.15);
  stroke-width: 8;
  stroke-dasharray: 0;
  filter: blur(2px);
  animation: none;
}
@keyframes routeFlow{
  0%{stroke-dashoffset: 0}
  100%{stroke-dashoffset: -80}
}
.hero__fx-runner{
  filter: drop-shadow(0 0 8px rgba(212,18,25,.9)) drop-shadow(0 0 16px rgba(212,18,25,.5));
}
.hero__fx-node{
  fill: #fff;
  opacity: .92;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.35));
  animation: nodePulse 2.4s ease-in-out infinite;
}
.hero__fx-node:nth-child(2){animation-delay: .35s}
.hero__fx-node:nth-child(3){animation-delay: .7s}
.hero__fx-node:nth-child(4){animation-delay: 1.05s}
@keyframes nodePulse{
  0%,100%{transform: scale(1); opacity: .88}
  50%{transform: scale(1.4); opacity: 1}
}
.hero__fx-scan{
  position: absolute;
  left: -25%;
  top: 0;
  width: 28%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), rgba(212,18,25,.12), transparent);
  transform: skewX(-14deg);
  animation: depotScan 5.5s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes depotScan{
  0%{transform: translateX(-35%) skewX(-14deg); opacity: 0}
  8%{opacity: 1}
  92%{opacity: .6}
  100%{transform: translateX(450%) skewX(-14deg); opacity: 0}
}
.hero__fx-pallets{
  position: absolute;
  right: 5%;
  bottom: 14%;
  display: flex;
  gap: 8px;
  opacity: .95;
}
.hero__fx-pallets span{
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.08);
  box-shadow: 0 12px 24px rgba(0,0,0,.25);
  animation: palletBlink 2s ease-in-out infinite;
}
.hero__fx-pallets span:nth-child(2){animation-delay: .12s}
.hero__fx-pallets span:nth-child(3){animation-delay: .24s}
.hero__fx-pallets span:nth-child(4){animation-delay: .36s}
.hero__fx-pallets span:nth-child(5){animation-delay: .48s}
@keyframes palletBlink{
  0%,100%{transform: translateY(0); background: rgba(255,255,255,.08)}
  50%{transform: translateY(-6px); background: rgba(212,18,25,.35); box-shadow: 0 16px 28px rgba(212,18,25,.25)}
}

/* Highway theme */
.hero__fx--highway .hero__fx-speedlines{
  position: absolute;
  inset: 0;
  opacity: .7;
  background: repeating-linear-gradient(118deg, rgba(255,255,255,.25) 0 2px, transparent 2px 22px);
  mask-image: radial-gradient(1100px 500px at 55% 50%, #000 15%, transparent 72%);
  animation: speedLines 0.9s linear infinite;
}
@keyframes speedLines{
  0%{transform: translate3d(-8%, 5%, 0)}
  100%{transform: translate3d(8%, -5%, 0)}
}
.hero__fx-svg--road{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.hero__fx-road-dash{
  stroke: rgba(255,255,255,.9);
  stroke-width: 2;
  stroke-dasharray: 12 20;
  animation: roadDash 1.2s linear infinite;
  filter: drop-shadow(0 0 10px rgba(255,255,255,.35));
}
.hero__fx-lane{
  fill: none;
  stroke: rgba(212,18,25,.65);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 4 16;
  animation: laneWave 2.8s ease-in-out infinite;
}
@keyframes roadDash{
  0%{stroke-dashoffset: 0}
  100%{stroke-dashoffset: -96}
}
@keyframes laneWave{
  0%,100%{opacity: .5; stroke-width: 2}
  50%{opacity: 1; stroke-width: 3.5}
}
.hero__fx-truck{
  position: absolute;
  bottom: 22%;
  left: -140px;
  opacity: .95;
  filter: drop-shadow(0 16px 28px rgba(0,0,0,.4));
  animation: truckDrive 7s cubic-bezier(.45,.05,.55,.95) infinite;
  animation-play-state: paused;
}
.hero__slide.is-active .hero__fx-truck{
  animation-play-state: running;
}
@keyframes truckDrive{
  0%{transform: translate3d(0,0,0)}
  100%{transform: translate3d(calc(100vw + 180px), -12px, 0)}
}
.hero__fx-radar{
  position: absolute;
  right: 8%;
  top: 22%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.25);
  opacity: .75;
}
.hero__fx-radar::before,
.hero__fx-radar::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(212,18,25,.45);
  animation: radarRing 3.2s ease-out infinite;
}
.hero__fx-radar::after{animation-delay: 1.1s}
@keyframes radarRing{
  0%{transform: scale(.35); opacity: .9}
  100%{transform: scale(1.8); opacity: 0}
}

/* HUD (both themes) */
.hero__fx-hud{
  position: absolute;
  left: 4%;
  bottom: 14%;
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(8,10,14,.45);
  backdrop-filter: blur(14px) saturate(1.3);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
  box-shadow: 0 20px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);
  animation: hudFloat 5s ease-in-out infinite;
}
.hero__fx-hud::before{
  content: "";
  position: absolute;
  left: 12px;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3ddc84;
  box-shadow: 0 0 10px rgba(61,220,132,.8);
  animation: hudLive 1.8s ease-in-out infinite;
}
@keyframes hudLive{
  0%,100%{opacity: 1}
  50%{opacity: .45}
}
.hero__fx-hud-line{
  font-size: 11px;
  letter-spacing: .85px;
  color: rgba(255,255,255,.95);
  font-weight: 800;
  text-transform: uppercase;
  padding-left: 14px;
}
.hero__fx-hud-line:nth-child(2){
  color: rgba(255,255,255,.72);
  font-weight: 650;
}
@keyframes hudFloat{
  0%,100%{transform: translateY(8px)}
  50%{transform: translateY(0)}
}

/* Hero copy panel */
.page-home .hero__overlay{
  padding: 28px 0 52px;
  z-index: 5;
}
.page-home .hero__headline{
  width: min(920px, calc(100% - 40px));
  text-align: left;
  padding: 24px 26px 22px;
  border-radius: 16px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 28px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  pointer-events: auto;
  animation: pageHeroPanelIn .9s cubic-bezier(.22,1,.36,1) both;
}
.page-home .hero__headline h1{
  font-size: clamp(18px, 2.6vw, 26px);
  line-height: 1.2;
}
.page-home .hero__badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 5px 12px 5px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .35px;
  color: #2a2f37;
  background: linear-gradient(90deg, rgba(212,18,25,.1), rgba(212,18,25,.04));
  border: 1px solid rgba(212,18,25,.2);
}
.page-home .hero__badge-dot{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--brand);
  animation: chipPulse 2.4s ease-out infinite;
}
.page-home .hero__cta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.page-home .hero__arrow{
  z-index: 6;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.4);
  background: rgba(8,10,14,.35);
  backdrop-filter: blur(8px);
}
.page-home .hero__arrow:hover{
  background: rgba(212,18,25,.55);
  border-color: rgba(255,255,255,.5);
}
.page-home .hero__dots{
  bottom: 44px;
  z-index: 6;
}
.page-home .hero__dot{
  width: 28px;
  height: 4px;
  border-radius: 99px;
  border: none;
  background: rgba(255,255,255,.28);
}
.page-home .hero__dot.is-active{
  width: 40px;
  background: linear-gradient(90deg, #fff, rgba(212,18,25,.9));
}

/* Live ticker */
.page-home .hero__live{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(90deg, rgba(8,10,14,.75), rgba(8,10,14,.55));
  backdrop-filter: blur(10px);
}
.page-home .hero__live-track{
  display: flex;
  gap: 32px;
  padding: 10px 0;
  width: max-content;
  animation: liveMarquee 28s linear infinite;
}
.page-home .hero__live-track span{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .7px;
  text-transform: uppercase;
  color: rgba(255,255,255,.82);
  white-space: nowrap;
}
.page-home .hero__live-track span::before{
  content: "◆";
  margin-right: 10px;
  font-size: 8px;
  color: var(--brand);
}
@keyframes liveMarquee{
  0%{transform: translateX(0)}
  100%{transform: translateX(-50%)}
}

/* ─── Footer (homepage) ─── */
.page-home .footer--home{
  position: relative;
  overflow: hidden;
  background: linear-gradient(165deg, #0a0d12 0%, #121820 45%, #0c0f14 100%);
  color: #e8eaef;
}
.page-home .footer__glow{
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(600px 280px at 15% 0%, rgba(212,18,25,.18), transparent 60%),
    radial-gradient(500px 240px at 85% 20%, rgba(60,100,180,.12), transparent 55%);
}
.page-home .footer__cta-band{
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(90deg, rgba(212,18,25,.12), rgba(255,255,255,.04) 50%, rgba(212,18,25,.08));
}
.page-home .footer__cta-inner{
  display: grid;
  grid-template-columns: 1.4fr auto;
  gap: 24px;
  align-items: center;
  padding: 36px 0;
}
.page-home .footer__cta-eyebrow{
  display: inline-block;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(212,18,25,.95);
}
.page-home .footer__cta-copy h3{
  margin: 0 0 8px;
  font-size: clamp(20px, 2.4vw, 26px);
  letter-spacing: .4px;
  line-height: 1.25;
}
.page-home .footer__cta-copy p{
  margin: 0;
  max-width: 52ch;
  color: rgba(232,234,239,.78);
  font-size: 14px;
}
.page-home .footer__cta-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
.page-home .btn--footer-ghost{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .5px;
  border: 1px solid rgba(255,255,255,.28);
  color: #fff;
  background: rgba(255,255,255,.06);
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.page-home .btn--footer-ghost:hover{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.45);
  transform: translateY(-1px);
}
.page-home .footer--home .footer__inner{
  position: relative;
  padding: 40px 0 32px;
  grid-template-columns: 1.1fr 1.5fr;
  gap: 32px;
}
.page-home .footer--home .footer__logo{
  height: 38px;
  margin-bottom: 14px;
}
.page-home .footer__contact-strip{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: 12px 0 14px;
  font-size: 13px;
}
.page-home .footer__contact-strip a{
  color: rgba(255,255,255,.92);
  font-weight: 650;
  transition: color .2s ease;
}
.page-home .footer__contact-strip a:hover{color: #fff}
.page-home .footer__contact-strip span{
  color: rgba(255,255,255,.35);
}
.page-home .footer__address{
  margin:0 0 14px;
  font-size:12px;
  line-height:1.45;
  color:rgba(231,233,238,.72);
  max-width:360px;
}
.page-home .footer__address-link{
  color:rgba(231,233,238,.85);
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.22);
}
.page-home .footer__address-link:hover{
  color:#fff;
  border-color:rgba(255,255,255,.45);
}
.page-home .footer--home .footer__col h4{
  font-size: 11px;
  letter-spacing: .9px;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  margin-bottom: 12px;
}
.page-home .footer--home .footer__col a{
  padding: 5px 0;
  font-size: 13px;
  color: rgba(232,234,239,.78);
  transition: color .2s ease, padding-left .2s ease;
}
.page-home .footer--home .footer__col a:hover{
  color: #fff;
  padding-left: 4px;
}
.page-home .footer--home .footer__bottom{
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
}
.page-home .footer__domain{
  font-weight: 650;
  letter-spacing: .3px;
  color: rgba(255,255,255,.55);
}

@media (max-width: 900px){
  .page-home .topbar__inner{flex-wrap: wrap; gap: 10px}
  .page-home .topbar__right{width: 100%; justify-content: flex-start}
  .page-home .footer__cta-inner{grid-template-columns: 1fr}
  .page-home .footer__cta-actions{justify-content: flex-start}
  .page-home .footer--home .footer__inner{grid-template-columns: 1fr}
  .page-home .hero__headline{text-align: center}
  .page-home .hero__cta{justify-content: center}
}

@media (prefers-reduced-motion: reduce){
  .hero__grid,.hero__grain,.hero__fx-aurora,.hero__fx-particles,.hero__fx-beams,.hero__fx-depth,
  .hero__fx-route,.hero__fx-node,.hero__fx-scan,.hero__fx-pallets span,.hero__fx-hud,
  .hero__fx-speedlines,.hero__fx-road-dash,.hero__fx-lane,.hero__fx-truck,.hero__fx-radar::before,
  .hero__fx-radar::after,.page-home .hero__live-track,.topbar__chip-pulse{
    animation: none !important;
  }
  .hero__fx-runner{opacity: 0}
  .page-home .hero__slide.is-active{animation: none}
}