@font-face {
      font-family: Anton;
      src: url(assets/freight/Anton.woff2) format("woff2");
      font-display: swap;
      font-weight: 400;
    }
    @font-face {
      font-family: Archivo;
      src: url(assets/freight/Archivo.woff2) format("woff2");
      font-display: swap;
      font-weight: 400 600;
    }
    @font-face {
      font-family: "JetBrains Mono";
      src: url(assets/freight/JetBrains.woff2) format("woff2");
      font-display: swap;
      font-weight: 400;
    }

    .freight-track {
      --white: #fff;
      --ink: #111;
      --cobalt: #2f63ff;
      --letters: #e9e9e9;
      --u: min(100vw / 1440, 100vh / 960);
      font-family: Archivo, Arial, sans-serif;
      color: var(--ink);
      background: var(--white);
    }







    .freight-track { position: relative; background: var(--white); }
    .freight-nav {
      position: absolute;
      inset: 0 0 auto;
      z-index: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: calc(19 * var(--u)) calc(26 * var(--u));
    }
    .freight-wordmark {
      font-size: calc(30 * var(--u));
      font-weight: 600;
      line-height: 1;
      letter-spacing: -.06em;
    }
    .freight-nav-items {
      display: flex;
      align-items: center;
      gap: calc(26 * var(--u));
      font-size: calc(12 * var(--u));
      font-weight: 500;
      white-space: nowrap;
    }
    .freight-pill {
      display: inline-flex;
      min-height: calc(34 * var(--u));
      align-items: center;
      justify-content: center;
      padding: 0 calc(16 * var(--u));
      border: 1px solid currentColor;
      border-radius: 100vw;
      font-size: calc(10 * var(--u));
      font-weight: 500;
      line-height: 1;
      letter-spacing: .1em;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .freight-scene {
      --edge-px: 45%;
      --ph: 0;
      position: sticky;
      top: 0;
      height: 100vh;
      height: 100lvh;
      overflow: hidden;
      isolation: isolate;
      background: linear-gradient(to bottom, var(--white) var(--edge-px), var(--ink) var(--edge-px));
    }
    .freight-handling {
      position: absolute;
      display: block;
      max-width: none;
      pointer-events: none;
    }
    .freight-handling-ground {
      display: none;
      position: absolute;
      inset: auto 0 calc(100% - var(--clip-bottom) - 1px);
      height: var(--ground-feather);
      background: linear-gradient(transparent, var(--ink));
      pointer-events: none;
    }
    .freight-giant-type {
      position: absolute;
      bottom: calc(100% - var(--edge-px));
      left: 0;
      color: var(--letters);
      font: 400 calc(330 * var(--u)) / .8 Anton, Impact, sans-serif;
      white-space: nowrap;
      mix-blend-mode: darken;
      transform: translateX(100vw);
      pointer-events: none;
    }
    .freight-speed {
      position: absolute;
      top: calc(52 * var(--u));
      left: calc(26 * var(--u));
      font: 400 calc(10.5 * var(--u)) / 1 "JetBrains Mono", monospace;
      opacity: var(--ph);
      transition: opacity 200ms ease;
      pointer-events: none;
    }
    .freight-band {
      position: absolute;
      inset: var(--edge-px) 0 0;
      color: var(--white);
    }
    .freight-scene[data-band-ready] .freight-band { background: var(--ink); }
    .freight-scene:not([data-band-ready]) :is(.freight-giant-type, .freight-strip) { visibility: hidden; }
    .freight-strip {
      position: absolute;
      top: calc(76 * var(--u));
      left: 0;
      display: flex;
      align-items: stretch;
      gap: calc(120 * var(--u));
      width: max-content;
      transform: translateX(100vw);
    }
    .freight-lead {
      display: flex;
      flex: none;
      align-items: end;
      gap: calc(64 * var(--u));
    }
    .freight-lead h1 {
      font: 400 calc(64 * var(--u)) / .98 Anton, Impact, sans-serif;
      white-space: nowrap;
    }
    .freight-lead h1 span { display: block; }
    .freight-lead h1 span:last-child { color: var(--cobalt); }
    .freight-lead-copy {
      width: calc(250 * var(--u));
      color: rgb(255 255 255 / 62%);
      font-size: calc(12 * var(--u));
      line-height: 1.45;
    }
    .freight-lead-copy p + p { margin-top: .85em; }

    .freight-cards {
      display: flex;
      flex: none;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .freight-card {
      --white-end: -74%;
      --blue-stop: -46%;
      --clear-start: -14%;
      flex: none;
      width: calc(270 * var(--u));
      padding: 0 calc(30 * var(--u));
      border-left: 1px solid rgb(255 255 255 / 12%);
    }
    .freight-card:first-child { border-left: 0; }
    .freight-card-icon {
      display: block;
      width: calc(38 * var(--u));
      height: calc(38 * var(--u));
      margin-bottom: calc(18 * var(--u));
      fill: none;
      stroke: currentColor;
      stroke-width: 1.35;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .freight-card h2 {
      font: 400 calc(26 * var(--u)) / 1 Anton, Impact, sans-serif;
      margin-bottom: calc(10 * var(--u));
    }
    .freight-card p {
      font-size: calc(12.4 * var(--u));
      line-height: 1.45;
    }
    @supports (background-clip: text) or (-webkit-background-clip: text) {
      .freight-card :is(h2, p) {
        background-image: linear-gradient(
          90deg,
          var(--white) var(--white-end),
          var(--cobalt) var(--blue-stop),
          transparent var(--clear-start)
        );
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
    }
    .freight-services-pill {
      position: absolute;
      bottom: calc(36 * var(--u));
      left: 50%;
      transform: translate(-50%, calc((1 - var(--ph)) * 24px));
      opacity: var(--ph);
      visibility: hidden;
      transition: opacity 240ms ease, transform 240ms ease, visibility 240ms;
    }
    .freight-scene[data-settled] .freight-services-pill { visibility: visible; }
    .freight-services-pill:hover { background: var(--white); color: var(--ink); }
    .freight-scene.is-recording :is(.freight-speed, .freight-services-pill) { transition: none; }

    .freight-track.is-compact .freight-nav-items { gap: calc(16 * var(--u)); }
    .freight-track.is-compact .freight-nav { padding-inline: calc(20 * var(--u)); }
    .freight-track.is-compact .freight-follow { display: none; }
    .freight-track.is-compact .freight-handling-ground { display: block; }
    .freight-track.is-compact .freight-giant-type { font-size: calc(180 * var(--u)); }
    .freight-track.is-compact .freight-speed { inset: 22px auto auto 20px; font-size: 11px; }
    .freight-track.is-compact .freight-strip {
      top: calc(44 * var(--u));
      gap: calc(56 * var(--u));
      padding-left: 22px;
    }
    .freight-track.is-compact .freight-lead {
      flex-direction: column;
      align-items: start;
      gap: calc(18 * var(--u));
    }
    .freight-track.is-compact .freight-lead h1 { font-size: calc(46 * var(--u)); }
    .freight-track.is-compact .freight-lead-copy { width: calc(300 * var(--u)); }
    .freight-track.is-compact .freight-lead-copy, .freight-track.is-compact .freight-card p { font-size: calc(13 * var(--u)); }
    .freight-track.is-compact .freight-card { width: calc(250 * var(--u)); }
    @media (prefers-reduced-motion: reduce) {
      .freight-speed, .freight-services-pill { transition: none; }
    }
  /* Rahyar integration: scoped typography, controls, static and failure modes. */
body { overflow-x: clip; }
.freight-track { overflow-anchor:none; }
.site-header { position: relative; }
.freight-track { direction: ltr; --cobalt: #2f63ff; background:#fff; }
.freight-track h1,.freight-track h2,.freight-track p { margin:0; }
.freight-track .freight-lead h2 { font:400 calc(64 * var(--u))/.98 Anton,Impact,sans-serif; white-space:nowrap; }
.freight-lead h2 span { display:block; }
.freight-lead h2 span:last-child { color:var(--cobalt); }
.freight-track.is-compact .freight-lead h2 { font-size:calc(46 * var(--u)); }
.freight-intro { position:absolute; inset:28px auto auto 5.3%; max-width:58%; z-index:2; color:#111; opacity:var(--intro,1); visibility:visible; }
.freight-intro.is-hidden { visibility:hidden; }
.freight-kicker { font:500 10px Archivo,sans-serif; letter-spacing:.16em; margin-bottom:12px!important; }
.freight-intro h1 { font:400 clamp(28px,3.5vw,54px)/1.15 Anton,sans-serif; margin-bottom:10px; }
.freight-intro>p:last-child { font:400 14px/1.8 Archivo,sans-serif; color:#54616b; }
.freight-tools { position:absolute; z-index:3; top:24px; right:24px; display:flex; align-items:center; flex-wrap:wrap; gap:8px; max-width:39%; }
.freight-tools button,.freight-tools a { background:#fff; color:#111; border:1px solid #cbd2d4; border-radius:30px; padding:8px 14px; min-height:44px; font:500 12px/1.5 Archivo,sans-serif; }
.freight-tools .freight-quote { background:#12315c; color:#fff; border-color:#12315c; }
.freight-tools [aria-pressed=true] { background:#edf4f2; }
.freight-tools a:hover,.freight-tools button:hover { border-color:#2aa79b; }
.freight-tools .freight-quote:hover { background:#18416f; }
.freight-cue { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); color:#fff; font-size:12px; white-space:nowrap; opacity:var(--intro,1); pointer-events:none; }
.freight-speed { top:24px; }
.freight-services-pill { min-height:44px; font-size:max(11px,calc(10 * var(--u))); }
.freight-track .freight-lead-copy,.freight-track .freight-card p { font-size:max(13px,calc(12.4 * var(--u))); }
html[lang=fa] .freight-intro { right:5.3%; left:auto; text-align:right; }
html[lang=fa] .freight-intro h1 { font:700 clamp(28px,3vw,46px)/1.6 var(--font); }
html[lang=fa] .freight-intro>p:last-child,html[lang=fa] .freight-tools button,html[lang=fa] .freight-tools a,html[lang=fa] .freight-services-pill { font-family:var(--font); }
html[lang=fa] .freight-tools { left:24px; right:auto; direction:rtl; }
html[lang=fa] .freight-lead,html[lang=fa] .freight-card { direction:rtl; text-align:right; font-family:var(--font); }
html[lang=fa] .freight-lead h2 { font:700 calc(48 * var(--u))/1.5 var(--font); }
html[lang=fa] .freight-card h2 { font:700 calc(26 * var(--u))/1.6 var(--font); margin-bottom:12px; }
html[lang=fa] .freight-card p,html[lang=fa] .freight-lead-copy { line-height:1.9; }
html[lang=fa] .freight-card-icon { margin-inline-start:0; }
html[lang=fa] .freight-speed { top:80px; }
.freight-track.is-compact .freight-tools { top:14px; left:20px; right:20px; max-width:none; justify-content:space-between; gap:5px; }
.freight-track.is-compact .freight-tools button,.freight-track.is-compact .freight-tools a { padding:7px 10px; font-size:11px; }
.freight-track.is-compact .freight-intro { top:84px; left:22px; right:22px; max-width:none; }
.freight-track.is-compact .freight-intro h1 { font-size:30px; }
.freight-track.is-compact .freight-intro>p:last-child { font-size:12px; max-width:310px; }
.freight-track.is-compact .freight-kicker { font-size:9px; }
.freight-track.is-compact .freight-speed { top:74px; }
html[lang=fa] .freight-track.is-compact .freight-lead h2 { font-size:calc(38 * var(--u)); line-height:1.45; }
.freight-track.is-static { height:auto!important; }
.freight-track.is-static .freight-scene { position:relative; height:auto; min-height:100vh; background:#fff; }
.freight-track.is-static .freight-band { position:relative; inset:auto; margin-top:38vh; padding:48px max(5vw,22px) 80px; background:#111; }
.freight-track.is-static .freight-strip { position:static; transform:none!important; display:block; width:auto; visibility:visible!important; padding:0; }
.freight-track.is-static .freight-lead { gap:32px; justify-content:space-between; margin-bottom:48px; }
.freight-track.is-static .freight-cards { flex-wrap:wrap; gap:40px 0; }
.freight-track.is-static .freight-card { width:33.333%; min-width:230px; }
.freight-track.is-static .freight-card :is(h2,p) { background:none; color:#fff; }
.freight-track.is-static .freight-services-pill { position:static; transform:none; opacity:1; visibility:visible; margin-top:40px; }
.freight-track.is-static :is(.freight-intro,.freight-giant-type,.freight-speed,.freight-cue) { display:none; }
.freight-track.is-static.is-compact .freight-card { width:100%; border:0; padding:0; }
.freight-track.is-static.is-compact .freight-lead-copy { width:min(100%,350px); }
.freight-track.is-fallback .freight-handling { object-fit:contain; width:100%!important; height:38vh!important; top:0!important; left:0!important; }
@media(max-height:600px) and (min-width:768px) { .freight-track .freight-strip { top:32px; } .freight-track .freight-lead-copy { max-width:220px; } .freight-services-pill { bottom:12px; } }
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto;} .freight-track *{transition:none!important;} }