x-dc { display: none !important; }
.scp0:hover { transform: translateY(-2px); box-shadow: rgba(15, 27, 45, 0.35) 0px 12px 30px; }
.scp1:focus { outline: rgb(15, 27, 45) solid 2px; outline-offset: 2px; }
.scp2:hover { opacity: 0.8; }
.scp3:hover { color: rgb(255, 176, 32); background-size: 100% 2px; }
.scp4: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; }
.scp5:focus { outline: rgb(255, 176, 32) solid 2px; outline-offset: 2px; }
.scp6:hover { color: rgb(255, 176, 32); padding-left: 6px; }
.scp7:hover { transform: translateY(-2px); box-shadow: rgba(255, 176, 32, 0.4) 0px 12px 34px; }
.scp8:focus { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.scp9:hover { border-color: rgb(255, 176, 32); color: rgb(255, 176, 32); transform: translateY(-2px); }
.scpa:hover { color: rgb(255, 176, 32); transform: translateX(4px); }
.scpb:hover { color: rgb(255, 176, 32); }
html, body { height: 100%; margin: 0px; }
html { scroll-behavior: smooth; }
body { margin: 0px; background: rgb(255, 255, 255); -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 { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 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 { background: linear-gradient(rgba(15, 27, 45, 0.05) 1px, transparent 1px) 0% 0% / 48px 48px, linear-gradient(90deg, rgba(15, 27, 45, 0.05) 1px, transparent 1px) rgb(237, 241, 246); padding: clamp(64px, 8vw, 110px) 24px; }
.irl-row { max-width: 1320px; margin: 0px auto; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; }
.irl-div-2 { flex: 1 1 calc(50% - 14px); min-width: min(100%, 340px); }
.irl-p-est-2003 { font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: 0.3em; color: rgb(160, 102, 0); margin: 0px 0px 18px; animation: 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running rise; }
.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-span { color: rgb(255, 176, 32); }
.irl-p-dan-whitfield { font-size: 17px; line-height: 1.65; color: rgb(68, 84, 106); max-width: 540px; margin: 0px; animation: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.22s 1 normal both running rise; }
.irl-img { flex: 1 1 calc(50% - 14px); min-width: min(100%, 340px); height: 400px; display: block; animation: 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s 1 normal both running rise;object-fit:cover;border-radius:16px }
.irl-section { background: rgb(255, 255, 255); padding: clamp(64px, 8vw, 110px) 24px; }
.irl-div-3 { max-width: 1320px; margin: 0px auto; }
.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-twenty-three { font-size: clamp(28px, 3.6vw, 44px); font-weight: 700; letter-spacing: -0.02em; margin: 0px 0px 48px; }
.irl-stack { border-left: 2px solid rgb(255, 176, 32); margin-left: 8px; display: flex; flex-direction: column; gap: 40px; padding-left: 0px; }
.irl-row-2 { display: flex; gap: 24px; align-items: baseline; 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-dot { width: 14px; height: 14px; border-radius: 50%; background: rgb(255, 176, 32); margin-left: -8px; flex: 0 0 auto; box-shadow: rgba(255, 176, 32, 0.2) 0px 0px 0px 4px; }
.irl-span-2003 { font-family: "JetBrains Mono", monospace; font-size: 14px; font-weight: 600; color: rgb(160, 102, 0); flex: 0 0 64px; }
.irl-p { margin: 0px; font-size: 15.5px; line-height: 1.6; color: rgb(42, 59, 85); max-width: 640px; }
.irl-dot-2 { width: 14px; height: 14px; border-radius: 50%; background: rgb(15, 27, 45); margin-left: -8px; flex: 0 0 auto; box-shadow: rgba(15, 27, 45, 0.15) 0px 0px 0px 4px; }
.irl-span-2026 { font-family: "JetBrains Mono", monospace; font-size: 14px; font-weight: 600; color: rgb(15, 27, 45); flex: 0 0 64px; }
.irl-section-2 { background: rgb(15, 27, 45); color: rgb(255, 255, 255); padding: clamp(64px, 8vw, 110px) 24px; scroll-margin-top: 80px; }
.irl-row-3 { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-end; justify-content: space-between; margin-bottom: 48px; }
.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-boring-numbers { font-size: clamp(28px, 3.6vw, 44px); font-weight: 700; letter-spacing: -0.02em; margin: 0px; max-width: 560px; }
.irl-p-fmcsa-audited { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.14em; color: rgb(92, 107, 126); margin: 0px; }
.irl-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
.irl-div-4 { background: rgb(19, 35, 60); border: 1px solid rgb(34, 52, 79); border-radius: 16px; padding: 28px; }
.irl-div-5 { font-family: "JetBrains Mono", monospace; font-size: clamp(34px, 3.6vw, 48px); font-weight: 600; color: rgb(255, 176, 32); }
.irl-div-preventable-accidents { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.16em; color: rgb(138, 150, 163); margin-top: 10px; line-height: 1.7; }
.irl-section-3 { background: rgb(255, 255, 255); padding: clamp(64px, 8vw, 110px) 24px; scroll-margin-top: 80px; }
.irl-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.irl-div-6 { 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-2 { width: 100%; height: 300px; display: block;object-fit:cover;border-radius:16px }
.irl-h3-dan-whitfield { font-size: 18px; font-weight: 600; margin: 16px 0px 4px; }
.irl-p-founder-ceo { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.14em; color: rgb(160, 102, 0); margin: 0px 0px 8px; }
.irl-p-eleven-years { font-size: 13.5px; line-height: 1.6; color: rgb(90, 106, 128); margin: 0px; }
.irl-section-4 { background: rgb(255, 176, 32); color: rgb(15, 27, 45); padding: clamp(64px, 8vw, 100px) 24px; scroll-margin-top: 80px; }
.irl-row-4 { max-width: 1320px; margin: 0px auto; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between; }
.irl-div-7 { flex: 1 1 calc(58.333% - 15.9999px); min-width: min(100%, 340px); }
.irl-h2-we-re { font-size: clamp(30px, 4.4vw, 56px); font-weight: 700; letter-spacing: -0.02em; margin: 0px 0px 14px; }
.irl-row-5 { display: flex; gap: 10px; flex-wrap: wrap; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.1em; font-weight: 500; }
.irl-span-0-62 { border: 1.5px solid rgba(15, 27, 45, 0.4); border-radius: 999px; padding: 8px 15px; }
.irl-a-apply-to { background: rgb(15, 27, 45); color: rgb(255, 176, 32); font-weight: 600; font-size: 16.5px; padding: 17px 38px; border-radius: 8px; text-decoration: none; transition: 0.25s; flex: 0 0 auto; }
.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; }
}