x-dc { display: none !important; }
.scp0:hover { color: rgb(255, 176, 32); }
.scp1:hover { border-color: rgb(138, 150, 163); }
.scp2:focus { outline: rgb(255, 176, 32) solid 2px; outline-offset: 1px; }
.scp3:hover { border-color: rgb(15, 27, 45); transform: translateY(-2px); }
.scp4:hover { transform: translateY(-2px); box-shadow: rgba(255, 176, 32, 0.35) 0px 10px 26px; }
.scp5:focus { outline: rgb(15, 27, 45) solid 2px; outline-offset: 2px; }
.scp6:hover { background: rgb(255, 176, 32); }
.scp7:focus { outline: rgb(255, 176, 32) solid 2px; outline-offset: 2px; }
.scp8:hover { opacity: 0.8; }
.scp9:hover { color: rgb(255, 176, 32); background-size: 100% 2px; }
.scpa: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; }
.scpb:hover { color: rgb(255, 176, 32); padding-left: 6px; }
.scpc:hover { transform: translateY(-2px); box-shadow: rgba(255, 176, 32, 0.4) 0px 12px 34px; }
.scpd:focus { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.scpe:hover { border-color: rgb(255, 176, 32); color: rgb(255, 176, 32); transform: translateY(-2px); }
.scpf:hover { color: rgb(255, 176, 32); transform: translateX(4px); }
html, body { height: 100%; margin: 0px; }
html { scroll-behavior: smooth; }
body { margin: 0px; background: rgb(237, 241, 246); -webkit-font-smoothing: antialiased; }
::selection { background: rgb(255, 176, 32); color: rgb(15, 27, 45); }
input::placeholder { color: rgb(138, 150, 163); }
@keyframes rise { 
  0% { opacity: 0; transform: translateY(28px); }
  100% { opacity: 1; transform: none; }
}
@keyframes blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.15; }
}
@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-19 { color: rgb(15, 27, 45); font-family: "Space Grotesk", system-ui, sans-serif; background: rgb(237, 241, 246); min-height: 100vh; }
.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 { 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-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-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-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-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-3 { background: rgb(15, 27, 45); color: rgb(255, 255, 255); padding: clamp(48px, 6vw, 80px) 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-price-a { font-size: clamp(38px, 4.8vw, 64px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.05; margin: 0px 0px 14px; animation: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.1s 1 normal both running rise; }
.irl-p-instant-estimate { font-size: 16.5px; line-height: 1.6; color: rgb(183, 193, 206); max-width: 560px; margin: 0px; animation: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.2s 1 normal both running rise; }
.irl-section-11 { padding: clamp(48px, 6vw, 80px) 24px; }
.irl-row-21 { max-width: 1320px; margin: 0px auto; display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.irl-div-20 { flex: 1 1 calc(58.333% - 15.9999px); min-width: min(100%, 340px); background: rgb(255, 255, 255); border: 1px solid rgb(220, 226, 235); border-radius: 16px; padding: clamp(24px, 3.4vw, 40px); box-shadow: rgba(15, 27, 45, 0.08) 0px 20px 60px; }
.irl-h2-lane-details { font-size: 22px; font-weight: 600; margin: 0px 0px 26px; }
.irl-row-22 { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 20px; }
.irl-label { flex: 1 1 calc(50% - 8px); min-width: 200px; display: flex; flex-direction: column; gap: 8px; }
.irl-span-origin { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.2em; color: rgb(107, 123, 146); }
.irl-select { appearance: none; background: rgb(244, 246, 250); border: 1px solid rgb(195, 206, 219); border-radius: 8px; padding: 13px 16px; font-family: "Space Grotesk", sans-serif; font-size: 15px; color: rgb(15, 27, 45); cursor: pointer; transition: border-color 0.2s; }
.irl-div-21 { margin-bottom: 20px; }
.irl-span-service { display: block; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.2em; color: rgb(107, 123, 146); margin-bottom: 10px; }
.irl-row-23 { display: flex; gap: 10px; flex-wrap: wrap; }
.irl-button-full-truckload { font-family: "Space Grotesk", sans-serif; font-size: 14px; font-weight: 600; padding: 11px 20px; border-radius: 999px; cursor: pointer; transition: 0.25s; background: rgb(15, 27, 45); color: rgb(255, 176, 32); border: 1px solid rgb(15, 27, 45); }
.irl-button-cold-chain { font-family: "Space Grotesk", sans-serif; font-size: 14px; font-weight: 600; padding: 11px 20px; border-radius: 999px; cursor: pointer; transition: 0.25s; background: rgb(244, 246, 250); color: rgb(68, 84, 106); border: 1px solid rgb(195, 206, 219); }
.irl-row-24 { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 28px; }
.irl-input-2 { background: rgb(244, 246, 250); border: 1px solid rgb(195, 206, 219); border-radius: 8px; padding: 12px 16px; font-family: "JetBrains Mono", monospace; font-size: 14.5px; color: rgb(15, 27, 45); transition: border-color 0.2s; }
.irl-button-calculate-estimate { width: 100%; background: rgb(255, 176, 32); color: rgb(15, 27, 45); font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 16px; padding: 16px; border-radius: 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; transition: 0.25s; }
.irl-p-estimate-only { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.08em; color: rgb(138, 150, 163); margin: 20px 0px 0px; }
.irl-stack-4 { flex: 1 1 calc(41.667% - 12.0001px); min-width: min(100%, 320px); display: flex; flex-direction: column; gap: 24px; }
.irl-div-22 { background: rgb(15, 27, 45); color: rgb(255, 255, 255); border-radius: 16px; padding: 32px; }
.irl-row-25 { display: flex; align-items: center; gap: 9px; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.22em; color: rgb(232, 236, 241); margin-bottom: 22px; }
.irl-dot-4 { width: 7px; height: 7px; border-radius: 50%; background: rgb(255, 176, 32); animation: 1.8s ease 0s infinite normal none running blink; }
.irl-stack-5 { display: flex; flex-direction: column; gap: 18px; font-size: 14.5px; }
.irl-div-phone { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.2em; color: rgb(92, 107, 126); margin-bottom: 5px; }
.irl-a-1-800 { color: rgb(255, 255, 255); text-decoration: none; font-size: 17px; font-weight: 600; }
.irl-a-dispatch-ironline { color: rgb(255, 255, 255); text-decoration: none; }
.irl-span-mon-fri { color: rgb(183, 193, 206); }
.irl-div-23 { background: rgb(255, 255, 255); border: 1px solid rgb(220, 226, 235); border-radius: 16px; padding: 32px; }
.irl-h3-what-happens { font-size: 17px; font-weight: 600; margin: 0px 0px 16px; }
.irl-stack-6 { display: flex; flex-direction: column; gap: 14px; font-size: 14px; color: rgb(68, 84, 106); line-height: 1.55; }
.irl-row-6 { display: flex; gap: 12px; }
.irl-span-1 { font-family: "JetBrains Mono", monospace; color: rgb(160, 102, 0); font-weight: 600; }
.irl-row-26 { display: flex; gap: 10px; flex-wrap: wrap; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.12em; color: rgb(107, 123, 146); }
.irl-span-smartway { border: 1px solid rgb(195, 206, 219); border-radius: 999px; padding: 7px 14px; background: rgb(255, 255, 255); }
.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-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-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; }
}