x-dc { display: none !important; }
.scp0:hover { color: rgb(255, 176, 32); }
.scp1:hover { opacity: 0.8; }
.scp2:hover { color: rgb(255, 176, 32); background-size: 100% 2px; }
.scp3: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; }
.scp4:focus { outline: rgb(255, 176, 32) solid 2px; outline-offset: 2px; }
.scp5:hover { color: rgb(255, 176, 32); padding-left: 6px; }
.scp6:hover { transform: translateY(-2px); box-shadow: rgba(255, 176, 32, 0.4) 0px 12px 34px; }
.scp7:focus { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.scp8:hover { border-color: rgb(255, 176, 32); color: rgb(255, 176, 32); transform: translateY(-2px); }
.scp9:hover { color: rgb(255, 176, 32); transform: translateX(4px); }
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); }
@keyframes rise { 
  0% { opacity: 0; transform: translateY(28px); }
  100% { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  html { scroll-behavior: auto; }
}
@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 { color: rgb(15, 27, 45); font-family: "Space Grotesk", system-ui, sans-serif; background: rgb(255, 255, 255); }
.irl-nav-sticky { position: sticky; top: 0px; z-index: 60; }
.irl-nav-shell { font-family: "Space Grotesk", system-ui, sans-serif; }
.irl-nav-3 { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 28px; background: rgba(10, 18, 32, 0.92); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255, 255, 255, 0.08); 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-active { color: rgb(255, 255, 255); text-decoration: none; padding-bottom: 3px; background-image: linear-gradient(rgb(255, 176, 32), rgb(255, 176, 32)); background-size: 100% 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-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-active { color: rgb(255, 255, 255); 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-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-4 { background: rgb(15, 27, 45); color: rgb(255, 255, 255); padding: clamp(64px, 8vw, 110px) 24px; }
.irl-div-3 { max-width: 1320px; margin: 0px auto; }
.irl-mono-3 { font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: 0.3em; color: rgb(138, 150, 163); margin: 0px 0px 18px; animation: 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running rise; }
.irl-footer-legal-link { color: rgb(138, 150, 163); text-decoration: none; }
.irl-span { color: rgb(255, 176, 32); }
.irl-h1-built-by { font-size: clamp(42px, 5.6vw, 76px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.04; margin: 0px 0px 20px; animation: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.1s 1 normal both running rise; }
.irl-p-every-service { font-size: 17px; line-height: 1.65; color: rgb(183, 193, 206); max-width: 600px; margin: 0px; animation: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.22s 1 normal both running rise; }
.irl-section-12 { padding: clamp(64px, 8vw, 100px) 24px; background: rgb(255, 255, 255); }
.irl-stack-7 { max-width: 1320px; margin: 0px auto; display: flex; flex-direction: column; gap: clamp(64px, 8vw, 110px); }
.irl-row-27 { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; scroll-margin-top: 100px; 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-img-4 { flex: 1 1 calc(50% - 14px); min-width: min(100%, 340px); height: 380px; display: block;object-fit:cover;border-radius:16px }
.irl-div-2 { flex: 1 1 calc(50% - 14px); min-width: min(100%, 340px); }
.irl-p-01-full { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.26em; color: rgb(160, 102, 0); margin: 0px 0px 14px; }
.irl-h2-your-freight { font-size: clamp(28px, 3.2vw, 42px); font-weight: 700; letter-spacing: -0.02em; margin: 0px 0px 16px; }
.irl-p-dedicated-53-2 { font-size: 15.5px; line-height: 1.65; color: rgb(90, 106, 128); margin: 0px 0px 22px; }
.irl-stack-8 { display: flex; flex-direction: column; gap: 11px; margin-bottom: 24px; font-size: 14.5px; color: rgb(42, 59, 85); }
.irl-row-28 { display: flex; gap: 10px; align-items: baseline; }
.irl-span-5 { color: rgb(255, 176, 32); font-weight: 700; }
.irl-row-29 { display: flex; gap: 10px; flex-wrap: wrap; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.1em; color: rgb(68, 84, 106); }
.irl-span-from-2 { border: 1px solid rgb(220, 226, 235); border-radius: 999px; padding: 7px 14px; }
.irl-row-30 { display: flex; flex-flow: row-reverse wrap-reverse; gap: 24px; align-items: center; scroll-margin-top: 100px; 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-section-13 { background: rgb(15, 27, 45); color: rgb(255, 255, 255); padding: clamp(64px, 8vw, 100px) 24px; }
.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-service-levels { font-size: clamp(28px, 3.6vw, 44px); font-weight: 700; letter-spacing: -0.02em; margin: 0px 0px 40px; }
.irl-div-24 { overflow-x: auto; }
.irl-table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 14px; }
.irl-tr { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.2em; color: rgb(138, 150, 163); text-align: left; }
.irl-th-service { padding: 14px 16px; border-bottom: 1px solid rgb(34, 52, 79); font-weight: 500; }
.irl-td-full-truckload { padding: 16px; border-bottom: 1px solid rgb(26, 42, 66); font-weight: 600; }
.irl-td-1-3 { padding: 16px; border-bottom: 1px solid rgb(26, 42, 66); font-family: "JetBrains Mono", monospace; color: rgb(183, 193, 206); }
.irl-td-48-states { padding: 16px; border-bottom: 1px solid rgb(26, 42, 66); color: rgb(183, 193, 206); }
.irl-td-2-15 { padding: 16px; border-bottom: 1px solid rgb(26, 42, 66); font-family: "JetBrains Mono", monospace; color: rgb(255, 176, 32); }
.irl-td-cross-border { padding: 16px; font-weight: 600; }
.irl-td-2-5 { padding: 16px; font-family: "JetBrains Mono", monospace; color: rgb(183, 193, 206); }
.irl-td-mx-ca { padding: 16px; color: rgb(183, 193, 206); }
.irl-td-quoted-lane { padding: 16px; font-family: "JetBrains Mono", monospace; color: rgb(255, 176, 32); }
.irl-p-rates-indicative { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.08em; color: rgb(92, 107, 126); margin: 22px 0px 0px; }
.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; }

/* --- 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; }
}