x-dc { display: none !important; }
.scp0:hover { transform: translateY(-2px); box-shadow: rgba(255, 176, 32, 0.45) 0px 18px 50px; }
.scp1:focus { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.scp2:focus { outline: rgb(255, 176, 32) solid 2px; outline-offset: 1px; }
.scp3:hover { transform: translateY(-2px); box-shadow: rgba(15, 27, 45, 0.3) 0px 10px 26px; }
.scp4:focus { outline: rgb(255, 176, 32) solid 2px; outline-offset: 2px; }
.scp5:hover { transform: translateY(-2px); box-shadow: rgba(255, 176, 32, 0.3) 0px 10px 26px; }
.scp6:hover { border-color: rgb(255, 176, 32); color: rgb(255, 176, 32); }
.scp7:hover { color: rgb(160, 102, 0); }
.scp8:hover { transform: translateY(-4px); box-shadow: rgba(15, 27, 45, 0.12) 0px 18px 44px; border-color: rgb(255, 176, 32); }
.scp9:hover { transform: translateY(-4px); box-shadow: rgba(15, 27, 45, 0.3) 0px 18px 44px; }
.scpa:hover { border-color: rgb(255, 176, 32); background: rgb(255, 176, 32); }
.scpb:hover { opacity: 0.8; }
.scpc:hover { color: rgb(255, 176, 32); background-size: 100% 2px; }
.scpd:hover { background: rgb(255, 176, 32); color: rgb(15, 27, 45); transform: translateY(-2px); box-shadow: rgba(255, 176, 32, 0.35) 0px 8px 22px; }
.scpe:hover { color: rgb(255, 176, 32); padding-left: 6px; }
.scpf:hover { transform: translateY(-2px); box-shadow: rgba(255, 176, 32, 0.4) 0px 12px 34px; }
.scpg:hover { border-color: rgb(255, 176, 32); color: rgb(255, 176, 32); transform: translateY(-2px); }
.scph:hover { color: rgb(255, 176, 32); transform: translateX(4px); }
.scpi:hover { color: rgb(255, 176, 32); }
html, body { height: 100%; margin: 0px; }
html { scroll-behavior: smooth; }
body { margin: 0px; background: rgb(15, 27, 45); -webkit-font-smoothing: antialiased; }
::selection { background: rgb(255, 176, 32); color: rgb(15, 27, 45); }
input::placeholder { color: rgb(81, 97, 122); }
@keyframes rise { 
  0% { opacity: 0; transform: translateY(28px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes marq { 
  100% { transform: translateX(-50%); }
}
@keyframes drawArc { 
  100% { stroke-dashoffset: 0; }
}
@keyframes popcycle { 
  0%, 4% { opacity: 0; transform: scale(0.5); }
  9% { opacity: 1; transform: scale(1); }
  42% { opacity: 1; transform: scale(1); }
  50% { opacity: 0; transform: scale(0.6); }
  100% { opacity: 0; transform: scale(0.6); }
}
@keyframes blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.15; }
}
@keyframes streak { 
  0% { transform: translateX(-40%); }
  100% { transform: translateX(140%); }
}
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  html { scroll-behavior: auto; }
}
.irl-trust-grid { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 820px) {
  .irl-trust-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .irl-trust-grid { grid-template-columns: repeat(2, 1fr); }
}
@keyframes blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.15; }
}
.irl-desktop-nav { display: flex; align-items: center; gap: 30px; }
.irl-burger { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; background: transparent; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 10px; cursor: pointer; padding: 0px; }
.irl-mobile-panel { display: none; }
@media (max-width: 860px) {
  .irl-desktop-nav { display: none; }
  .irl-burger { display: flex; }
  .irl-mobile-panel { display: block; }
}
@keyframes rise { 
  0% { opacity: 0; transform: translateY(28px); }
  100% { opacity: 1; transform: none; }
}
/* --- inline styles moved to classes --- */
.irl-div-8 { color: rgb(255, 255, 255); font-family: "Space Grotesk", system-ui, sans-serif; background: rgb(15, 27, 45); }
.irl-row-7 { background: rgb(255, 176, 32); color: rgb(15, 27, 45); font-family: "JetBrains Mono", monospace; font-size: clamp(10px, 2.6vw, 12px); letter-spacing: 0.04em; padding: 9px 16px; display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap; text-align: center; font-weight: 500; }
.irl-a-reserve { color: rgb(15, 27, 45); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.irl-nav-sticky { position: sticky; top: 0px; z-index: 60; }
.irl-nav-shell { font-family: "Space Grotesk", system-ui, sans-serif; }
.irl-nav-2 { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 28px; background: rgba(10, 18, 32, 0); backdrop-filter: none; border-bottom: 1px solid rgba(255, 255, 255, 0); transition: padding 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s, border-color 0.4s; }
.irl-logo { display: flex; align-items: center; gap: 11px; text-decoration: none; color: rgb(255, 255, 255); transition: opacity 0.25s; }
.irl-logo-lockup { display: flex; flex-direction: column; line-height: 1; }
.irl-logo-name { font-weight: 700; font-size: 18px; letter-spacing: 0.14em; }
.irl-logo-sub { font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 0.42em; color: rgb(138, 150, 163); margin-top: 3px; }
.irl-nav-links { display: flex; gap: 26px; font-size: 14.5px; font-weight: 500; }
.irl-nav-link { color: rgb(198, 207, 218); text-decoration: none; padding-bottom: 3px; background-image: linear-gradient(rgb(255, 176, 32), rgb(255, 176, 32)); background-size: 0% 2px; background-position: 0px 100%; background-repeat: no-repeat; transition: background-size 0.35s cubic-bezier(0.16, 1, 0.3, 1), color 0.25s; }
.irl-nav-track { display: flex; align-items: center; gap: 8px; background: rgba(255, 176, 32, 0.12); border: 1px solid rgba(255, 176, 32, 0.5); color: rgb(255, 176, 32); font-family: "JetBrains Mono", monospace; font-size: 12.5px; font-weight: 500; letter-spacing: 0.04em; padding: 9px 18px; border-radius: 999px; text-decoration: none; transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1); }
.irl-track-dot { width: 6px; height: 6px; border-radius: 50%; background: currentcolor; animation: 2s ease 0s infinite normal none running blink; }
.irl-burger-box { position: relative; display: block; width: 20px; height: 14px; }
.irl-burger-line-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 2px; background: rgb(255, 255, 255); border-radius: 2px; transform: none; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), top 0.3s, opacity 0.2s; }
.irl-burger-line-mid { position: absolute; left: 0px; top: 6px; width: 100%; height: 2px; background: rgb(255, 255, 255); border-radius: 2px; opacity: 1; transition: opacity 0.2s; }
.irl-burger-line-bot { position: absolute; left: 0px; top: 12px; width: 100%; height: 2px; background: rgb(255, 255, 255); border-radius: 2px; transform: none; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), top 0.3s, opacity 0.2s; }
.irl-mobile-panel-box { overflow: hidden; background: rgba(10, 18, 32, 0.98); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255, 255, 255, 0.08); max-height: 0px; transition: max-height 0.45s cubic-bezier(0.16, 1, 0.3, 1); }
.irl-mobile-nav { display: flex; flex-direction: column; padding: 12px 28px 24px; gap: 2px; }
.irl-mobile-link { color: rgb(198, 207, 218); text-decoration: none; font-size: 18px; font-weight: 500; padding: 14px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); transition: color 0.2s, padding-left 0.25s; }
.irl-mobile-cta { display: flex; align-items: center; gap: 8px; margin-top: 18px; background: rgb(255, 176, 32); color: rgb(15, 27, 45); font-family: "JetBrains Mono", monospace; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; padding: 14px 20px; border-radius: 999px; text-decoration: none; justify-content: center; }
.irl-header-2 { position: relative; min-height: 100vh; display: flex; overflow: hidden; margin-top: -76px; padding-top: 76px; box-sizing: border-box; }
.irl-layer { position: absolute; inset: 0px; background: linear-gradient(rgb(34, 52, 79) 0%, rgb(22, 37, 60) 60%, rgb(12, 23, 39) 100%); }
.irl-layer-2 { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.irl-layer-3 { position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(15, 27, 45, 0.38) 0%, rgba(15, 27, 45, 0.08) 55%, rgba(15, 27, 45, 0.2) 100%), linear-gradient(rgba(15, 27, 45, 0.22) 0%, rgba(15, 27, 45, 0.05) 30%, rgba(10, 18, 32, 0.5) 100%); }
.irl-row-8 { position: relative; max-width: 1320px; margin: 0px auto; padding: 72px 24px 52px; width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 24px; align-items: stretch; }
.irl-stack-2 { flex: 1 1 calc(58.333% - 15.9999px); min-width: min(100%, 340px); display: flex; flex-direction: column; justify-content: space-between; gap: 56px; }
.irl-title { font-size: clamp(52px, 7.4vw, 116px); line-height: 0.95; font-weight: 700; letter-spacing: -0.015em; text-transform: uppercase; margin: 20px 0px 0px; color: rgb(255, 255, 255); }
.irl-span-2 { display: block; overflow: hidden; }
.irl-span-freight { display: block; animation: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.1s 1 normal both running rise; text-shadow: rgba(15, 27, 45, 0.25) 0px 2px 30px; }
.irl-span-3 { display: block; overflow: hidden; margin-left: clamp(24px, 10%, 120px); }
.irl-span-engineered { display: block; animation: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.26s 1 normal both running rise; color: rgb(255, 176, 32); }
.irl-span-4 { display: block; overflow: hidden; margin-left: clamp(10px, 4%, 48px); }
.irl-span-to-arrive { display: block; animation: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.42s 1 normal both running rise; text-shadow: rgba(15, 27, 45, 0.25) 0px 2px 30px; }
.irl-span { color: rgb(255, 176, 32); }
.irl-row-9 { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; animation: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.7s 1 normal both running rise; }
.irl-mono { font-family: "JetBrains Mono", monospace; font-size: clamp(44px, 4.6vw, 68px); font-weight: 600; color: rgb(255, 176, 32); letter-spacing: -0.02em; text-shadow: rgba(10, 18, 32, 0.4) 0px 2px 20px; }
.irl-span-tonnes-of { font-size: 15px; line-height: 1.5; color: rgb(255, 255, 255); max-width: 220px; text-shadow: rgba(10, 18, 32, 0.6) 0px 1px 12px; }
.irl-stack-3 { flex: 1 1 calc(41.667% - 12.0001px); min-width: min(100%, 320px); display: flex; flex-direction: column; justify-content: space-between; gap: 36px; padding-top: 16px; }
.irl-div-9 { animation: 1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s 1 normal both running rise; background: rgba(244, 246, 250, 0.6); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 16px; padding: clamp(20px, 2.4vw, 30px); box-shadow: rgba(10, 18, 32, 0.18) 0px 20px 60px; }
.irl-p-logistics-shaped { font-size: clamp(24px, 2.1vw, 31px); line-height: 1.35; font-weight: 500; color: rgb(15, 27, 45); margin: 0px 0px 26px; }
.irl-span-precision { white-space: nowrap; }
.irl-svg { display: block; width: 100%; max-width: 480px; height: auto; }
.irl-path { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 0.9s 1 normal forwards running drawArc; }
.irl-path-2 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 1.06s 1 normal forwards running drawArc; }
.irl-path-3 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 1.22s 1 normal forwards running drawArc; }
.irl-path-4 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 1.38s 1 normal forwards running drawArc; }
.irl-path-5 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 1.54s 1 normal forwards running drawArc; }
.irl-path-6 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 1.7s 1 normal forwards running drawArc; }
.irl-path-7 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 1.86s 1 normal forwards running drawArc; }
.irl-path-8 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 2.02s 1 normal forwards running drawArc; }
.irl-path-9 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 2.18s 1 normal forwards running drawArc; }
.irl-path-10 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 2.34s 1 normal forwards running drawArc; }
.irl-path-11 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 2.5s 1 normal forwards running drawArc; }
.irl-path-12 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) 2.66s 1 normal forwards running drawArc; }
.irl-g { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 0.3s infinite normal none running popcycle; }
.irl-rect { filter: drop-shadow(rgba(15, 27, 45, 0.3) 0px 3px 8px); }
.irl-g-2 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 2.6s infinite normal none running popcycle; }
.irl-g-3 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 1.2s infinite normal none running popcycle; }
.irl-g-4 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 4.4s infinite normal none running popcycle; }
.irl-g-5 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 2s infinite normal none running popcycle; }
.irl-g-6 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 0.8s infinite normal none running popcycle; }
.irl-g-7 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 3.6s infinite normal none running popcycle; }
.irl-g-8 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 1.6s infinite normal none running popcycle; }
.irl-g-9 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 4s infinite normal none running popcycle; }
.irl-g-10 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 2.4s infinite normal none running popcycle; }
.irl-g-11 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 0.5s infinite normal none running popcycle; }
.irl-g-12 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 3.2s infinite normal none running popcycle; }
.irl-g-13 { transform-box: fill-box; transform-origin: center center; animation: 10s ease-in-out 1.4s infinite normal none running popcycle; }
.irl-p-full-transparency { font-size: 13.5px; line-height: 1.6; color: rgb(15, 27, 45); max-width: 300px; margin: 18px 0px 0px; opacity: 0.85; }
.irl-row-10 { display: flex; justify-content: flex-end; animation: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.85s 1 normal both running rise; }
.irl-a-get-a { display: inline-flex; align-items: center; gap: 16px; background: rgb(255, 176, 32); color: rgb(15, 27, 45); font-weight: 600; font-size: 16.5px; padding: 12px 12px 12px 34px; border-radius: 999px; text-decoration: none; transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: rgba(10, 18, 32, 0.35) 0px 14px 40px; }
.irl-dot-3 { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: rgb(15, 27, 45); color: rgb(255, 176, 32); font-size: 18px; }
.irl-section-5 { background-color: rgb(11, 22, 38); background-image: radial-gradient(75% 60% at 50% 0%, rgba(255, 176, 32, 0.09), transparent 70%); padding: clamp(72px, 9vw, 120px) 24px; }
.irl-div-10 { max-width: 880px; margin: 0px auto; }
.irl-div-11 { text-align: center; animation-duration: 0.9s; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: rise; animation-timeline: view(); animation-range: entry entry 40%; }
.irl-p-safety-compliance { font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: 0.3em; color: rgb(255, 176, 32); margin: 0px 0px 16px; }
.irl-h2-know-where { font-size: clamp(30px, 4vw, 48px); font-weight: 700; letter-spacing: -0.02em; margin: 0px 0px 14px; }
.irl-p-try-the { color: rgb(138, 150, 163); font-size: 16px; line-height: 1.6; max-width: 520px; margin: 0px auto 36px; }
.irl-row-11 { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; max-width: 560px; margin: 0px auto; }
.irl-input { flex: 1 1 240px; background: rgb(15, 27, 45); border: 1px solid rgb(44, 62, 87); border-radius: 8px; padding: 15px 18px; font-family: "JetBrains Mono", monospace; font-size: 14.5px; letter-spacing: 0.04em; color: rgb(255, 255, 255); }
.irl-button-track { background: rgb(255, 176, 32); color: rgb(15, 27, 45); font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 15.5px; padding: 15px 30px; border-radius: 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; transition: 0.25s; }
.irl-section-6 { background: rgb(242, 244, 248); color: rgb(15, 27, 45); padding: clamp(72px, 9vw, 120px) 24px; }
.irl-div-3 { max-width: 1320px; margin: 0px auto; }
.irl-row-12 { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 48px; animation-duration: 0.9s; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: rise; animation-timeline: view(); animation-range: entry entry 40%; }
.irl-p-the-road { font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: 0.3em; color: rgb(160, 102, 0); margin: 0px 0px 16px; }
.irl-h2-everything-between { font-size: clamp(30px, 4vw, 52px); font-weight: 700; letter-spacing: -0.02em; margin: 0px; max-width: 560px; }
.irl-a-build-your { font-weight: 600; font-size: 15px; color: rgb(15, 27, 45); text-decoration: none; border-bottom: 2px solid rgb(255, 176, 32); padding-bottom: 3px; }
.irl-row-13 { display: flex; flex-wrap: wrap; gap: 24px; }
.irl-div-12 { flex: 1 1 calc(33.3333% - 18px); min-width: min(100%, 280px); background: rgb(255, 255, 255); border: 1px solid rgb(225, 230, 238); border-radius: 16px; padding: 32px; transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1); animation-duration: 0.9s; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: rise; animation-timeline: view(); animation-range: entry entry 35%; }
.irl-row-14 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 56px; }
.irl-span-01 { font-family: "JetBrains Mono", monospace; font-size: 11px; color: rgb(154, 165, 180); }
.irl-h3-full-truckload { font-size: 22px; font-weight: 600; margin: 0px 0px 10px; }
.irl-p-dedicated-53 { font-size: 15px; line-height: 1.6; color: rgb(90, 106, 128); margin: 0px; }
.irl-div-13 { flex: 1 1 calc(33.3333% - 18px); min-width: min(100%, 280px); background: rgb(15, 27, 45); color: rgb(255, 255, 255); border-radius: 16px; padding: 32px; transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1); animation-duration: 0.9s; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: rise; animation-timeline: view(); animation-range: entry entry 35%; }
.irl-span-03 { font-family: "JetBrains Mono", monospace; font-size: 11px; color: rgb(92, 107, 126); }
.irl-p-285-reefers { font-size: 15px; line-height: 1.6; color: rgb(169, 180, 194); margin: 0px; }
.irl-section-7 { background: rgb(15, 27, 45); padding: clamp(72px, 9vw, 120px) 24px; }
.irl-div-14 { animation-duration: 0.9s; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: rise; animation-timeline: view(); animation-range: entry entry 40%; }
.irl-h2-three-regions { font-size: clamp(30px, 4vw, 52px); font-weight: 700; letter-spacing: -0.02em; margin: 0px 0px 48px; max-width: 640px; }
.irl-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.irl-div-15 { background: rgb(19, 35, 60); border: 1px solid rgb(34, 52, 79); border-radius: 16px; padding: 32px; animation-duration: 0.9s; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: rise; animation-timeline: view(); animation-range: entry entry 35%; }
.irl-row-15 { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 22px; }
.irl-h3-west { font-size: 24px; font-weight: 600; margin: 0px; }
.irl-span-62-lanes { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.16em; color: rgb(255, 176, 32); }
.irl-p-seattle-portland { font-family: "JetBrains Mono", monospace; font-size: 12.5px; line-height: 2; color: rgb(138, 150, 163); margin: 0px 0px 22px; }
.irl-row-16 { border-top: 1px solid rgb(34, 52, 79); padding-top: 18px; display: flex; justify-content: space-between; font-size: 13.5px; }
.irl-span-avg-door { color: rgb(138, 150, 163); }
.irl-span-1-8 { font-family: "JetBrains Mono", monospace; color: rgb(255, 255, 255); }
.irl-section-8 { background: rgb(232, 236, 241); color: rgb(15, 27, 45); padding: clamp(72px, 9vw, 120px) 0px; }
.irl-row-17 { max-width: 1320px; margin: 0px auto 44px; padding: 0px 24px; display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; box-sizing: border-box; }
.irl-h2-built-for { font-size: clamp(30px, 4vw, 52px); font-weight: 700; letter-spacing: -0.02em; margin: 0px; }
.swiper.irl-fleet-carousel { max-width: 1320px; margin: 0px auto; padding: 6px 24px 8px; box-sizing: border-box; --swiper-theme-color: #FFB020; }
.swiper-wrapper.irl-fleet-track { cursor: grab; }
.swiper-slide.irl-fleet-slide { width: 416px; max-width: 88vw; background: rgb(255, 255, 255); border-radius: 16px; overflow: hidden; border: 1px solid rgb(220, 226, 235); box-sizing: border-box; margin-right: 24px; }
.irl-img-3 { width: 100%; height: 240px; display: block;object-fit:cover;border-radius:0 }
.irl-div-16 { padding: 22px 24px; }
.irl-h3-linehaul-sleeper { font-size: 18.5px; font-weight: 600; margin: 0px 0px 10px; }
.irl-p-units-640 { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.08em; color: rgb(107, 123, 146); margin: 0px; line-height: 1.9; }
.irl-row-18 { display: flex; gap: 12px; justify-content: flex-end; max-width: 1320px; margin: 20px auto 0px; padding: 0px 24px; box-sizing: border-box; }
.irl-button { width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgb(195, 206, 219); background: rgb(255, 255, 255); color: rgb(15, 27, 45); font-size: 18px; cursor: pointer; transition: 0.25s; }
.irl-section-9 { background: rgb(255, 176, 32); color: rgb(15, 27, 45); padding: clamp(56px, 7vw, 88px) 24px; }
.irl-grid-4 { max-width: 1320px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; text-align: center; }
.irl-mono-2 { font-family: "JetBrains Mono", monospace; font-size: clamp(38px, 4.4vw, 56px); font-weight: 600; letter-spacing: -0.02em; }
.irl-div-tractors-trailers { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.2em; margin-top: 8px; opacity: 0.75; }
.irl-section-10 { background: rgb(255, 255, 255); color: rgb(15, 27, 45); padding: clamp(64px, 8vw, 100px) 0px; }
.irl-div-17 { max-width: 1320px; margin: 0px auto; padding: 0px 24px; box-sizing: border-box; }
.irl-row-19 { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-bottom: 52px; }
.irl-span-smartway-partner { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.14em; border: 1px solid rgb(220, 226, 235); border-radius: 999px; padding: 9px 18px; color: rgb(68, 84, 106); }
.irl-p-trusted-by { text-align: center; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.26em; color: rgb(154, 165, 180); margin: 0px 0px 30px; }
.irl-div-18 { overflow: hidden; }
.irl-row-20 { display: flex; gap: 72px; width: max-content; align-items: center; animation: 30s linear 0s infinite normal none running marq; padding: 0px 36px; }
.irl-span-vantage { font-size: 20px; font-weight: 700; letter-spacing: 0.12em; color: rgb(138, 150, 163); }
.irl-span-foods { color: rgb(198, 207, 218); }
.irl-span-core { font-size: 21px; font-weight: 700; color: rgb(138, 150, 163); letter-spacing: -0.02em; }
.irl-span-helio-pharma { font-size: 18px; font-weight: 400; letter-spacing: 0.34em; color: rgb(138, 150, 163); }
.irl-span-northwind-retail { font-family: Georgia, serif; font-style: italic; font-size: 22px; color: rgb(138, 150, 163); }
.irl-span-atlas-beverage { font-family: "JetBrains Mono", monospace; font-size: 17px; font-weight: 600; letter-spacing: 0.08em; color: rgb(138, 150, 163); }
.irl-span-prairie-grain { font-size: 20px; font-weight: 500; color: rgb(138, 150, 163); }
.irl-footer { background: rgb(10, 18, 32); color: rgb(255, 255, 255); font-family: "Space Grotesk", system-ui, sans-serif; padding: clamp(80px, 10vw, 140px) 24px 0px; }
.irl-footer-cta { text-align: center; margin-bottom: clamp(72px, 9vw, 110px); animation-duration: 0.9s; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: rise; animation-timeline: view(); animation-range: entry entry 45%; }
.irl-footer-cta-title { font-size: clamp(40px, 6.5vw, 84px); font-weight: 700; letter-spacing: -0.025em; line-height: 1.05; margin: 0px 0px 18px; }
.irl-footer-cta-text { color: rgb(138, 150, 163); font-size: 16.5px; margin: 0px 0px 34px; }
.irl-footer-cta-btn { display: inline-block; background: rgb(255, 176, 32); color: rgb(15, 27, 45); font-weight: 600; font-size: 16.5px; padding: 17px 40px; border-radius: 8px; text-decoration: none; transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1); }
.irl-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 24px; padding-bottom: 56px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.irl-footer-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.irl-footer-brand-name { font-weight: 700; font-size: 16px; letter-spacing: 0.14em; }
.irl-footer-address { font-size: 13.5px; line-height: 1.7; color: rgb(92, 107, 126); margin: 0px 0px 20px; }
.irl-row-6 { display: flex; gap: 12px; }
.irl-footer-social-link { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 9px; border: 1px solid rgba(255, 255, 255, 0.12); color: rgb(183, 193, 206); text-decoration: none; transition: 0.25s; }
.irl-footer-col-title { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.24em; color: rgb(92, 107, 126); margin: 0px 0px 18px; }
.irl-footer-col-links { display: flex; flex-direction: column; gap: 11px; font-size: 14px; }
.irl-footer-link { color: rgb(183, 193, 206); text-decoration: none; transition: color 0.25s, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1); }
.irl-footer-legal { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 26px 0px 34px; font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: 0.08em; color: rgb(138, 150, 163); }
.irl-footer-legal-links { display: flex; gap: 22px; }
.irl-footer-legal-link { color: rgb(138, 150, 163); text-decoration: none; }

/* --- WP admin bar offset --- */
/* The WP admin bar is fixed at the viewport top (z-index 99999). A fixed/sticky
   header anchored at top:0 renders underneath it for logged-in users, so offset
   it by the bar's height. Below 600px WP makes the bar position:absolute (it
   scrolls away), so the header returns to top:0. */
body.admin-bar .irl-nav-sticky { top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar .irl-nav-sticky { top: 46px; }
}
@media screen and (max-width: 600px) {
body.admin-bar .irl-nav-sticky { top: 0; }
}