/* optymhead1.css — moved out of the Webflow site-head custom code 2026-07-27 to free space
   for Google Consent Mode + GTM. Contents are byte-identical to the former inline blocks
   #optym-type (site typography) and #optym-bzfix (benefits/z-row layout fixes). */

/* ===== was <style id="optym-type"> ===== */

  html body {
    font-family:
      'Publicsans',
      -apple-system,
      BlinkMacSystemFont,
      'Segoe UI',
      Helvetica,
      Arial,
      sans-serif !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  blockquote,
  .v2logos-head,
  .small-text,
  .dropdown-subtext,
  .text-text---body---link---bold,
  .tlp-stat-l,
  .cx-metric-lbl,
  .text-heading---h4---serif,
  .ttsl-role {
    font-family: 'Publicsans', sans-serif !important;
  }
  .cx-eyebrow,
  .v2ey,
  .v2quote-by,
  .nav-menu-group-text,
  .dropdown-title,
  .dropdown-section-title,
  .dropdown-link,
  .nav-link,
  .tlp-stat-n,
  .cx-metric-num,
  .v2hero-statn,
  .tlp-snum,
  .tlp-chip,
  .tlp-modtag,
  .cx-phone,
  .button,
  .w-button,
  .cx-btn,
  .cx-btn-ghost,
  .tlp-cta,
  .tlp-solcta,
  .v2hero-btn,
  ._wf-hs_button {
    font-family: 'Ibmplexmono', ui-monospace, SFMono-Regular, monospace !important;
  }
  html body .v2hero .v2hero-statn,
  html body .tlp-stat-n,
  html body .cx-metric-num,
  html body ._wf-hs_button,
  html body ._wf-hs_button span {
    font-family: 'Ibmplexmono', ui-monospace, SFMono-Regular, monospace !important;
  }
  html body .v2hero-statl {
    font-family: 'Publicsans', sans-serif !important;
  }
  h1,
  .v2hero-title,
  .tlp-h1,
  .text-heading---h1 {
    font-family: 'Ibmplexmono', ui-monospace, SFMono-Regular, monospace !important;
    font-weight: 600 !important;
  }
  .ttsl-name,
  .ttsl-co {
    font-family: 'Ibmplexmono', ui-monospace, SFMono-Regular, monospace !important;
    font-weight: 500 !important;
  }

/* ===== was <style id="optym-bzfix"> ===== */

/* Benefits section: left-align ALL benefit cards (feature + the two grid cards), 20px titles / 16px body, hide KPI badges */
.tlp-bfeat > div:not(.tlp-bviz),.tlp-bfeat .cx-eyebrow,.tlp-bfeat .cx-card-title,.tlp-bfeat .cx-card-text,
.cx-card:has(.tlp-bcard-viz),.cx-card:has(.tlp-bcard-viz) .cx-eyebrow,.cx-card:has(.tlp-bcard-viz) .cx-card-title,.cx-card:has(.tlp-bcard-viz) .cx-card-text{text-align:left!important}
.tlp-bfeat .cx-card-title,.cx-card:has(.tlp-bcard-viz) .cx-card-title{font-size:20px!important;line-height:1.3!important}
.tlp-bfeat .cx-card-text,.cx-card:has(.tlp-bcard-viz) .cx-card-text{font-size:16px!important;line-height:1.55!important}
.tlp-bviz .tlp-chip,.tlp-bcard-viz .tlp-chip{display:none!important}
/* Remove the z-row "Modules · …" tag line across all platform/solution pages */
.tlp-modtag{display:none!important}
/* More breathing room between z-pattern rows (desktop; only the gaps, not the section top/bottom) */
@media (min-width:768px){#solutions .tlp-zrow + .tlp-zrow{margin-top:180px!important}}
/* Solutions mega-menu column 3 (hover preview): larger + higher-contrast description & bullets, theme-aware */
.np-body .np-blurb{font-size:14px!important;line-height:1.5!important}
.np-body .np-bens li{font-size:13.5px!important;line-height:1.5!important}
html[data-theme=dark] .np-body .np-blurb,html[data-theme=dark] .np-body .np-bens li{color:#c8d4e5!important}
html[data-theme=light] .np-body .np-blurb,html[data-theme=light] .np-body .np-bens li{color:#33465a!important}
/* Mobile: benefits feature card + every z-row = image first, then text */
@media (max-width:767px){
  .tlp-bfeat{display:flex!important;flex-direction:column}
  .tlp-bfeat>.tlp-bviz{order:-1;width:100%!important;align-self:stretch!important}
  .tlp-bfeat .tlp-bimg{width:100%!important;height:100%!important;object-fit:cover}
  .tlp-zrow{display:flex!important;flex-direction:column}
  .tlp-zrow>.tlp-anim{order:-1}
}
.wif-img{max-width:none !important}
html[data-theme="light"] .button.nav-button,html[data-theme="light"] .cx-btn{color:#fff !important}
.v3card:has(.v3card-explore[href^="/truckload"]){--acc:#2ec9c0 !important;--v3btn:#2ec9c0;--v3eD:#34d3c8;--v3eL:#0d766f}
.v3card:has(.v3card-explore[href^="/ltl"]){--acc:#f6794a !important;--v3btn:#c24f1c;--v3eD:#ff9066;--v3eL:#b44c1a}
.v3card:has(.v3card-explore[href^="/rail"]){--acc:#1fbf82 !important;--v3btn:#08835d;--v3eD:#28d68f;--v3eL:#05744e}
html[data-theme="dark"] .v3card-eye{color:var(--v3eD) !important}
html[data-theme="light"] .v3card-eye{color:var(--v3eL) !important}
.v3card-explore{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:10px;background:var(--v3btn) !important;color:#fff !important;font-size:13.5px;font-weight:600;letter-spacing:.01em;text-decoration:none !important;margin-top:16px;width:fit-content;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 8px 20px -10px var(--v3btn)}
.v3card-explore:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 26px -9px var(--v3btn)}
.v3card:has(.v3card-explore[href^="/truckload"]) .v3card-explore{color:#04121f !important}