/*
Theme Name: Infinity Freight Solution — Carrier Edition
Theme URI: https://infinityfreightsolution.com
Author: Infinity Freight Solution
Description: Custom, responsive seven-page freight dispatch website, owner-operator program, homepage-only US route animation and locally served carrier videos.
Version: 3.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: infinity-freight
*/

    :root{
      --black:#0b0d0f;
      --charcoal:#14181b;
      --charcoal-2:#1d2327;
      --off:#f5f5f2;
      --white:#ffffff;
      --steel:#8c969b;
      --line:rgba(255,255,255,.12);
      --line-dark:rgba(11,13,15,.12);
      --accent:#29b8bd;
      --accent-dark:#177e83;
      --text:#f7f7f4;
      --muted:#aab1b4;
      --max:1280px;
      --ease:cubic-bezier(.2,.72,.24,1);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--black);
      color:var(--text);
      font-family:"Inter",sans-serif;
      overflow-x:hidden;
      text-rendering:optimizeLegibility;
    }
    body.menu-open{overflow:hidden}
    img,video{display:block;max-width:100%}
    a{text-decoration:none;color:inherit}
    button{font:inherit}
    .container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}

    /* ---------- HEADER ---------- */
    .header{
      position:fixed;inset:0 0 auto 0;z-index:1000;
      height:88px;
      transition:height .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease);
      border-bottom:1px solid transparent;
    }
    .header.scrolled{
      height:72px;
      background:rgba(11,13,15,.92);
      backdrop-filter:blur(14px);
      border-color:rgba(255,255,255,.09);
    }
    .nav{
      height:100%;
      display:flex;
      align-items:center;
      gap:28px;
    }
    .brand{
      display:flex;align-items:center;gap:12px;flex-shrink:0;
    }
    .brand img{
      width:60px;height:48px;object-fit:contain;
    }
    .brand-copy{
      font:800 13px/1 "Manrope",sans-serif;
      letter-spacing:.11em;text-transform:uppercase;
    }
    .brand-copy span{
      display:block;margin-top:7px;font-size:9px;letter-spacing:.20em;
      color:#c2cbcf;font-weight:700;
    }
    .nav-links{
      margin-left:auto;display:flex;gap:26px;align-items:center;
    }
    .nav-links a{
      position:relative;
      font-size:13px;font-weight:600;color:rgba(255,255,255,.82);
      padding:12px 0;
    }
    .nav-links a::after{
      content:"";position:absolute;left:0;bottom:4px;width:100%;height:1px;
      background:var(--white);transform:scaleX(0);transform-origin:right;
      transition:transform .35s var(--ease);
    }
    .nav-links a:hover::after{transform:scaleX(1);transform-origin:left}
    .header-cta{
      margin-left:4px;
      border:1px solid rgba(255,255,255,.28);
      border-radius:999px;
      padding:12px 18px;
      font-size:13px;font-weight:700;
      transition:background .25s ease,color .25s ease,transform .25s ease;
    }
    .header-cta:hover{background:#fff;color:#111;transform:translateY(-2px)}
    .menu-btn{
      display:none;margin-left:auto;width:46px;height:46px;border-radius:50%;
      border:1px solid rgba(255,255,255,.22);background:transparent;cursor:pointer;
    }
    .menu-btn span{display:block;width:19px;height:1.5px;background:#fff;margin:5px auto}

    /* ---------- MOBILE MENU ---------- */
    .mobile-nav{
      position:fixed;inset:0;z-index:1100;background:#0c0f11;
      transform:translateX(100%);
      transition:transform .5s var(--ease);
      padding:24px;
      display:flex;flex-direction:column;
    }
    .mobile-nav.open{transform:translateX(0)}
    .mobile-top{display:flex;align-items:center;justify-content:space-between}
    .mobile-close{
      width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);
      background:transparent;color:#fff;font-size:24px;cursor:pointer;
    }
    .mobile-links{display:grid;margin-top:70px}
    .mobile-links a{
      padding:18px 0;border-bottom:1px solid rgba(255,255,255,.10);
      font:700 clamp(30px,9vw,48px)/1 "Manrope",sans-serif;
      letter-spacing:-.04em;
    }
    .mobile-links small{display:inline-block;width:34px;font-size:10px;color:var(--steel);letter-spacing:.10em}

    /* ---------- HERO ---------- */
    .hero{
      position:relative;
      min-height:100svh;
      display:flex;
      align-items:flex-end;
      overflow:hidden;
      background:#101315;
      isolation:isolate;
    }
    .hero-media{
      position:absolute;inset:0;z-index:-3;overflow:hidden;
    }
    .hero-media video{
      width:100%;height:100%;object-fit:cover;
      object-position:58% center;
      transform:scale(1.015);
    }
    .hero-media::after{
      content:"";position:absolute;inset:0;
      background:
        linear-gradient(90deg,rgba(6,8,9,.86) 0%,rgba(6,8,9,.64) 42%,rgba(6,8,9,.18) 73%,rgba(6,8,9,.30) 100%),
        linear-gradient(180deg,rgba(6,8,9,.08) 0%,rgba(6,8,9,.12) 52%,rgba(6,8,9,.90) 100%);
    }
    .hero-content{
      width:100%;
      padding:170px 0 54px;
      display:grid;
      grid-template-columns:minmax(0,1.25fr) minmax(310px,.55fr);
      gap:54px;
      align-items:end;
    }
    .hero-eyebrow{
      display:flex;align-items:center;gap:10px;
      color:#d9e0e3;
      font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
    }
    .hero-eyebrow::before{
      content:"";width:30px;height:1px;background:var(--accent);
    }
    .hero h1{
      margin:22px 0 22px;
      font:800 clamp(58px,7.2vw,110px)/.91 "Manrope",sans-serif;
      letter-spacing:-.065em;
      max-width:900px;
    }
    .hero h1 em{
      font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.78);
    }
    .hero-lead{
      max-width:660px;
      font-size:17px;line-height:1.75;color:#d6dcdf;
    }
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
    .btn{
      min-height:52px;padding:0 22px;border-radius:999px;
      display:inline-flex;align-items:center;justify-content:center;gap:9px;
      border:1px solid transparent;font-weight:700;font-size:13px;
      transition:transform .28s ease,background .28s ease,color .28s ease,border-color .28s ease;
    }
    .btn.light{background:#fff;color:#0d0f10}
    .btn.light:hover{transform:translateY(-3px);background:#e8eded}
    .btn.line{border-color:rgba(255,255,255,.28);background:rgba(0,0,0,.12);backdrop-filter:blur(6px)}
    .btn.line:hover{transform:translateY(-3px);border-color:#fff}

    .hero-side{
      border-top:1px solid rgba(255,255,255,.28);
      padding-top:22px;
      margin-bottom:4px;
    }
    .hero-side-label{
      color:#dfe6e8;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
      margin-bottom:24px;
    }
    .hero-stat{
      display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start;
      padding:17px 0;border-bottom:1px solid rgba(255,255,255,.13);
    }
    .hero-stat strong{font:700 26px/1 "Manrope",sans-serif}
    .hero-stat span{font-size:13px;line-height:1.5;color:#b7c0c4}

    /* ---------- MARQUEE ---------- */
    .ticker-wrap{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.09);background:#0b0d0f}
    .ticker{
      width:max-content;display:flex;gap:34px;padding:18px 0;
      animation:ticker 34s linear infinite;
      font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#aeb7ba;
    }
    .ticker span{display:flex;align-items:center;gap:34px}
    .ticker span::after{content:"•";color:var(--accent)}
    @keyframes ticker{to{transform:translateX(-50%)}}

    /* ---------- SHARED ---------- */
    .section{padding:116px 0}
    .section.light{background:var(--off);color:#111516}
    .section.dark2{background:#111517}
    .eyebrow{
      font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--accent-dark);
      display:flex;align-items:center;gap:10px;
    }
    .eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
    .section-head{
      display:grid;grid-template-columns:1fr .7fr;gap:48px;align-items:end;margin-bottom:52px;
    }
    .section-head h2{
      margin:13px 0 0;
      font:800 clamp(40px,5vw,69px)/.98 "Manrope",sans-serif;
      letter-spacing:-.055em;
    }
    .section-head p{margin:0;color:#747d81;line-height:1.8;font-size:16px}
    .section:not(.light) .section-head p{color:var(--muted)}

    /* ---------- ABOUT ---------- */
    .about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:stretch}
    .about-photo{
      position:relative;min-height:640px;overflow:hidden;background:#d6d9d8;
    }
    .about-photo img{
      position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
      transition:transform 1.2s var(--ease);
    }
    .about-photo:hover img{transform:scale(1.025)}
    .about-photo figcaption{
      position:absolute;left:24px;right:24px;bottom:24px;
      color:#fff;
      display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
    }
    .about-photo figcaption b{font:700 22px/1.15 "Manrope",sans-serif}
    .about-photo figcaption span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}
    .about-photo::after{
      content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.62));
    }
    .about-photo figcaption{z-index:2}
    .about-panel{
      background:#fff;
      padding:52px 42px;
      display:flex;flex-direction:column;justify-content:center;
      border:1px solid #e1e3e2;
    }
    .about-panel h3{
      font:800 clamp(32px,4vw,52px)/1.02 "Manrope",sans-serif;
      letter-spacing:-.045em;margin:14px 0 18px;
    }
    .about-panel p{color:#697276;line-height:1.8}
    .about-points{display:grid;margin-top:26px;border-top:1px solid #dadedd}
    .about-point{
      display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:center;
      padding:15px 0;border-bottom:1px solid #dadedd;
      font-size:14px;font-weight:600;
    }
    .about-point i{
      font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
      border:1px solid #9ca8ab;color:var(--accent-dark);font-size:12px;
    }

    /* ---------- SERVICES ---------- */
    .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2b3032;border:1px solid #2b3032}
    .service{
      min-height:330px;background:#14181a;padding:30px;
      position:relative;overflow:hidden;
      transition:background .35s var(--ease);
    }
    .service:hover{background:#191f22}
    .service-number{font-size:10px;letter-spacing:.16em;color:#788488;font-weight:700}
    .service-icon{
      margin:58px 0 25px;
      width:42px;height:42px;display:grid;place-items:center;border:1px solid #3c4447;
      color:#c8d0d2;font-size:11px;font-weight:800;letter-spacing:.08em;
      transition:transform .35s var(--ease),border-color .35s ease,color .35s ease;
    }
    .service:hover .service-icon{transform:translateY(-5px);border-color:var(--accent);color:var(--accent)}
    .service h3{font:700 22px/1.15 "Manrope",sans-serif;margin:0 0 12px}
    .service p{margin:0;color:#929da1;line-height:1.72;font-size:14px}
    .service::after{
      content:"";position:absolute;left:30px;right:30px;bottom:24px;height:1px;background:#343a3d;
      transform:scaleX(.3);transform-origin:left;transition:transform .45s var(--ease),background .3s ease;
    }
    .service:hover::after{transform:scaleX(1);background:var(--accent)}

    /* ---------- PROCESS ---------- */
    .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
    .step{position:relative;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
    .step-no{font-size:11px;letter-spacing:.14em;color:#8b969a;font-weight:700}
    .step h3{font:700 21px/1.2 "Manrope",sans-serif;margin:48px 0 11px}
    .step p{color:#9da6aa;line-height:1.7;font-size:14px}
    .step::before{
      content:"";position:absolute;left:0;top:-1px;width:0;height:1px;background:#fff;
      transition:width .6s var(--ease);
    }
    .step:hover::before{width:100%}

    /* ---------- EQUIPMENT ---------- */
    .equipment-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
    .equipment{
      min-height:160px;border:1px solid #d8dcdb;background:#fff;padding:20px;
      display:flex;flex-direction:column;justify-content:space-between;
      transition:transform .35s var(--ease),border-color .35s ease;
    }
    .equipment:hover{transform:translateY(-5px);border-color:#9ca7a9}
    .equipment-code{
      width:42px;height:42px;border-radius:50%;border:1px solid #aeb7b8;
      display:grid;place-items:center;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.08em;color:#4d595d;
    }
    .equipment b{font:700 15px/1.2 "Manrope",sans-serif}

    /* ---------- WHY ---------- */
    .why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}
    .why-photo{
      min-height:620px;position:relative;overflow:hidden;
    }
    .why-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
    .why-photo:hover img{transform:scale(1.025)}
    .why-panel{padding:50px 44px;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:center}
    .why-panel h2{font:800 clamp(40px,5vw,66px)/.99 "Manrope",sans-serif;letter-spacing:-.055em;margin:12px 0 18px}
    .why-panel>p{color:#9da7aa;line-height:1.8}
    .why-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:28px;border-top:1px solid #303638}
    .why-item{padding:20px 16px 20px 0;border-bottom:1px solid #303638}
    .why-item:nth-child(odd){border-right:1px solid #303638;padding-right:20px}
    .why-item:nth-child(even){padding-left:20px}
    .why-item b{display:block;font:700 15px/1.2 "Manrope",sans-serif;margin-bottom:6px}
    .why-item span{color:#899498;font-size:13px;line-height:1.55}

    /* ---------- CTA ---------- */
    .cta{
      position:relative;overflow:hidden;
      background:#e9ece9;color:#111516;
      padding:74px 62px;
      display:grid;grid-template-columns:1.2fr .6fr;gap:50px;align-items:end;
    }
    .cta::after{
      content:"∞";position:absolute;right:-45px;bottom:-108px;
      font:800 300px/1 "Manrope",sans-serif;color:rgba(17,21,22,.045);
    }
    .cta .eyebrow{color:var(--accent-dark)}
    .cta h2{
      position:relative;z-index:2;
      font:800 clamp(43px,6vw,78px)/.96 "Manrope",sans-serif;
      letter-spacing:-.06em;margin:13px 0 20px;max-width:850px;
    }
    .cta p{position:relative;z-index:2;max-width:690px;color:#60696c;line-height:1.75}
    .cta-actions{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
    .btn.dark{background:#111516;color:#fff}
    .btn.dark:hover{transform:translateY(-3px);background:#262c2f}
    .btn.darkline{border-color:#9ea7a9;color:#111516}
    .btn.darkline:hover{transform:translateY(-3px);border-color:#111516}
    .cta-note{position:relative;z-index:2;border-top:1px solid #b9c0c1;padding-top:20px}
    .cta-note b{display:block;font:700 18px/1.2 "Manrope",sans-serif;margin-bottom:9px}
    .cta-note span{color:#626c70;font-size:13px;line-height:1.6}

    /* ---------- FOOTER ---------- */
    .footer{padding:74px 0 28px;background:#0b0d0f}
    .footer-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr .9fr;gap:40px}
    .footer-copy{color:#8f999d;font-size:14px;line-height:1.75;max-width:360px;margin-top:18px}
    .footer-col h4{font:700 11px/1 "Manrope",sans-serif;letter-spacing:.15em;text-transform:uppercase;margin:0 0 20px;color:#dce2e4}
    .footer-col a,.footer-col span{display:block;color:#929c9f;font-size:14px;margin:12px 0}
    .footer-col a:hover{color:#fff}
    .footer-bottom{
      margin-top:52px;padding-top:22px;border-top:1px solid rgba(255,255,255,.10);
      display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#677174;font-size:12px;
    }

    /* ---------- TRANSITIONS ---------- */
    [data-reveal]{
      opacity:0;
      transform:translateY(34px);
      transition:opacity .8s var(--ease),transform .8s var(--ease);
    }
    [data-reveal].in{opacity:1;transform:none}
    [data-reveal="left"]{transform:translateX(-40px)}
    [data-reveal="right"]{transform:translateX(40px)}
    [data-reveal="left"].in,[data-reveal="right"].in{transform:none}
    .hero-intro > *{
      opacity:0;transform:translateY(28px);
      animation:heroIn .9s var(--ease) forwards;
    }
    .hero-intro > *:nth-child(1){animation-delay:.08s}
    .hero-intro > *:nth-child(2){animation-delay:.18s}
    .hero-intro > *:nth-child(3){animation-delay:.30s}
    .hero-intro > *:nth-child(4){animation-delay:.42s}
    @keyframes heroIn{to{opacity:1;transform:none}}

    .top{
      position:fixed;right:22px;bottom:22px;z-index:900;
      width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.15);
      background:rgba(11,13,15,.86);color:#fff;cursor:pointer;
      opacity:0;pointer-events:none;transform:translateY(10px);transition:.3s ease;
    }
    .top.show{opacity:1;pointer-events:auto;transform:none}

    /* ---------- RESPONSIVE ---------- */
    @media(max-width:1080px){
      .nav-links,.header-cta{display:none}
      .menu-btn{display:block}
      .hero-content{grid-template-columns:1fr;gap:30px}
      .hero-side{max-width:560px}
      .section-head{grid-template-columns:1fr;gap:20px}
      .about-grid,.why-grid{grid-template-columns:1fr}
      .services-grid{grid-template-columns:repeat(2,1fr)}
      .process-grid{grid-template-columns:repeat(2,1fr)}
      .equipment-grid{grid-template-columns:repeat(3,1fr)}
      .cta{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr 1fr}
      .about-photo,.why-photo{min-height:520px}
    }

    @media(max-width:680px){
      .container{width:min(calc(100% - 26px),var(--max))}
      .header{height:72px}
      .brand img{width:52px;height:42px}
      .brand-copy{font-size:11px}
      .brand-copy span{font-size:8px}
      .hero{
        min-height:92svh;
        align-items:flex-end;
      }
      .hero-media video{
        object-position:66% center;
        transform:scale(1.03);
      }
      .hero-media::after{
        background:
          linear-gradient(180deg,rgba(6,8,9,.34) 0%,rgba(6,8,9,.48) 30%,rgba(6,8,9,.90) 72%,rgba(6,8,9,.98) 100%);
      }
      .hero-content{
        padding:126px 0 34px;
        gap:34px;
      }
      .hero h1{font-size:clamp(48px,16vw,72px);max-width:100%}
      .hero-lead{font-size:15px;line-height:1.7}
      .hero-actions{display:grid}
      .btn{width:100%}
      .hero-side{display:none}
      .ticker{padding:15px 0}
      .section{padding:82px 0}
      .section-head h2{font-size:clamp(39px,12vw,54px)}
      .about-photo,.why-photo{min-height:390px}
      .about-panel,.why-panel{padding:30px 22px}
      .services-grid,.process-grid,.equipment-grid,.why-list{grid-template-columns:1fr}
      .service{min-height:275px}
      .why-item:nth-child(odd){border-right:0;padding-right:0}
      .why-item:nth-child(even){padding-left:0}
      .cta{padding:42px 22px}
      .cta h2{font-size:clamp(40px,12vw,56px)}
      .cta-actions{display:grid}
      .footer-grid{grid-template-columns:1fr}
      .footer-bottom{flex-direction:column}
    }

    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
      [data-reveal]{opacity:1;transform:none}
    }

    /* ---------- VISUAL SYSTEM REFINEMENT ---------- */
    :root { --accent:#299ba1; --accent-dark:#126c72; --ease:cubic-bezier(.22,1,.36,1); }
    body { -webkit-font-smoothing:antialiased; }
    .container { max-width:1320px; }
    .header { border-bottom-color:rgba(255,255,255,.10); }
    .brand img { width:62px; height:42px; object-fit:contain; }
    .header-cta { background:rgba(255,255,255,.10); }
    .hero { min-height:max(760px,100svh); }
    .hero-media { background:#101518 url('https://images.pexels.com/photos/193667/pexels-photo-193667.jpeg?auto=compress&cs=tinysrgb&w=1920') center/cover no-repeat; }
    .hero h1 { max-width:860px; }
    .hero h1 em { color:#d6dfe0; -webkit-text-stroke:0; }
    .hero-lead { max-width:590px; }
    .hero-side { transform:translate3d(0,12px,0); }
    .section.light { background:#f2f3ef; }
    .about-panel { background:#fcfcfa; }
    .section-head h2 { max-width:850px; }
    .service { min-height:312px; }
    .service-icon { margin-top:53px; border-radius:3px; background:rgba(255,255,255,.01); }
    .equipment { background:#fdfdfa; }
    .btn { border-radius:3px; }
    .header-cta { border-radius:3px; }
    .eyebrow { font-size:11px; }

    /* Operations perspective: layered material, not neon/glass glow */
    .ops-section { background:#e9edeb; color:#111719; overflow:hidden; }
    .ops-grid { display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:min(7vw,96px); }
    .ops-copy h2 { margin:16px 0 22px; font:800 clamp(39px,4.7vw,67px)/.99 'Manrope',sans-serif; letter-spacing:-.055em; }
    .ops-copy h2 em { font-style:normal; color:#477c7d; }
    .ops-copy > p { color:#596368; font-size:16px; line-height:1.85; }
    .text-link { margin-top:22px; display:inline-flex; align-items:center; gap:12px; font-size:14px; font-weight:800; padding-bottom:7px; border-bottom:1px solid #1b2d30; transition:gap .3s ease; }
    .text-link:hover { gap:19px; }
    .ops-copy .ops-disclaimer { font-size:11px; letter-spacing:.08em; text-transform:uppercase; margin-top:42px; color:#8a9496; }
    .ops-stage { min-height:600px; display:flex; align-items:center; justify-content:center; perspective:1100px; }
    .ops-perspective { width:min(100%,680px); height:490px; position:relative; transform-style:preserve-3d; --tilt-x:8deg; --tilt-y:-8deg; }
    .ops-shadow { position:absolute; inset:70px 40px 26px; border-radius:32px; filter:blur(38px); opacity:.25; background:#4b6065; transform:translateZ(-60px) rotate(-4deg); }
    .ops-board { background:linear-gradient(145deg,#19252b,#0d161b); color:#e7eded; border:1px solid #506168; border-radius:18px; padding:24px 25px 20px; width:100%; height:425px; position:absolute; top:36px; left:0; box-shadow:0 38px 45px rgba(22,30,34,.30), inset 0 1px 0 rgba(255,255,255,.1); transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(-3deg); transform-style:preserve-3d; transition:transform .55s var(--ease); }
    .ops-board-top,.ops-board-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; letter-spacing:.14em; font-size:10px; font-weight:700; color:#9daeb4; }
    .ops-chip { background:#2d4449; color:#d3e6e3; padding:8px 11px; font-size:9px; }
    .ops-map { width:100%; height:300px; display:block; transform:translateZ(12px); }
    .ops-board-footer { gap:10px; font-size:8px; border-top:1px solid #344249; padding-top:13px; }
    .route-active { stroke-dasharray:12 9; stroke-dashoffset:230; transition:stroke-dashoffset 2.7s var(--ease); }
    .ops-section.in-view .route-active { stroke-dashoffset:0; }
    .route-dot { animation:routePulse 2.2s ease-in-out infinite; }
    @keyframes routePulse { 50% { opacity:.4; r:9; } }
    .ops-float { position:absolute; z-index:2; padding:17px 20px; width:170px; background:#fdfdfb; border:1px solid #d3dad9; box-shadow:0 20px 38px rgba(30,42,45,.17); display:flex; flex-direction:column; gap:4px; transform-style:preserve-3d; }
    .ops-float span { font:700 10px/1 'Manrope',sans-serif; color:#397e80; letter-spacing:.12em; }
    .ops-float b { font:800 16px/1.3 'Manrope',sans-serif; color:#162125; }
    .ops-float small { font-size:12px; color:#758184; }
    .ops-float-a { top:24px; right:-40px; transform:translateZ(85px) rotate(4deg); animation:floatSoft 6s ease-in-out infinite; }
    .ops-float-b { bottom:20px; left:-44px; transform:translateZ(100px) rotate(-3deg); animation:floatSoft 7.6s ease-in-out infinite reverse; }
    @keyframes floatSoft { 50% { translate:0 -9px; } }

    /* Guaranteed progressive scroll reveals: reveal only when JS has started. */
    [data-reveal] { opacity:1; transform:none; }
    .has-js [data-reveal] { opacity:0; transform:translateY(30px); transition:opacity 1s var(--ease),transform 1s var(--ease); }
    .has-js [data-reveal="left"] { transform:translateX(-34px); }
    .has-js [data-reveal="right"] { transform:translateX(34px); }
    .has-js [data-reveal].in { opacity:1; transform:none; }
    .has-js .services-grid .service:nth-child(2),.has-js .equipment-grid .equipment:nth-child(2) { transition-delay:80ms; }
    .has-js .services-grid .service:nth-child(3),.has-js .equipment-grid .equipment:nth-child(3) { transition-delay:160ms; }
    .has-js .services-grid .service:nth-child(5),.has-js .equipment-grid .equipment:nth-child(5) { transition-delay:80ms; }
    .has-js .services-grid .service:nth-child(6),.has-js .equipment-grid .equipment:nth-child(6) { transition-delay:160ms; }
    .has-js .step:nth-child(2) { transition-delay:100ms; }
    .has-js .step:nth-child(3) { transition-delay:200ms; }
    .has-js .step:nth-child(4) { transition-delay:300ms; }
    .page-progress { position:fixed; top:0; left:0; height:2px; width:100%; z-index:1300; pointer-events:none; transform:scaleX(0); transform-origin:left; background:#75b8b9; }
    .service:hover { box-shadow:inset 0 -2px 0 rgba(115,171,175,.6); }

    /* Mobile hero: show entire video frame — don't zoom landscape footage into portrait. */
    @media(max-width:1080px) { .ops-grid { grid-template-columns:1fr;gap:20px; } .ops-stage { min-height:540px; } .ops-copy { max-width:660px; } }
    @media(max-width:680px) {
      .hero { display:block; min-height:0; padding:0; overflow:hidden; background:#0b0d0f; }
      .hero-media { z-index:0; inset:72px 0 auto 0; width:100%; height:auto; aspect-ratio:16/9; background:#101519; }
      .hero-media video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:50% 50%; transform:none!important; }
      .hero-media::after { background:linear-gradient(180deg,rgba(5,8,10,.06),rgba(5,8,10,.14)); }
      .hero-content { position:relative; z-index:2; width:100%; padding:calc(72px + 56.25vw + 40px) 0 64px; display:block; }
      .hero-intro > * { opacity:1; transform:none; animation:none; }
      .hero h1 { font-size:clamp(48px,12.5vw,72px); line-height:.98; letter-spacing:-.063em; }
      .hero-lead { max-width:98%; }
      .hero-side { display:block; margin-top:45px; max-width:none; }
      .hero-stat { grid-template-columns:50px 1fr; gap:12px; }
      .hero-stat strong { font-size:21px; }
      .ops-stage { min-height:380px; overflow:visible; }
      .ops-perspective { height:350px; width:100%; }
      .ops-board { top:45px; height:280px; padding:16px 13px; transform:rotateX(7deg) rotateY(-2deg) rotateZ(-2deg); }
      .ops-map { height:186px; }
      .ops-board-top,.ops-board-footer { font-size:7px; }
      .ops-float { width:115px; padding:11px 12px; }
      .ops-float b { font-size:12px; }
      .ops-float small { font-size:9px; }
      .ops-float-a { right:0; top:4px; }
      .ops-float-b { left:0; bottom:0; }
      .ops-copy .ops-disclaimer { margin-top:25px; }
      .has-js .step:nth-child(n) { transition-delay:0ms; }
      .header { height:72px; }
    }
    @media(prefers-reduced-motion:reduce) { .has-js [data-reveal] { opacity:1; transform:none; } .ops-float,.route-dot { animation:none!important; } .route-active { stroke-dashoffset:0; } }


    /* Final QA: prevent horizontal movement during scroll reveal, on small screens */
    html,body { max-width:100%; overflow-x:clip; }
    @media (max-width:1080px) {
      .has-js [data-reveal="left"], .has-js [data-reveal="right"] { transform:translateY(28px); }
    }
    @media (max-width:680px) {
      .ops-board-footer { letter-spacing:0; }
      .ops-stage { margin-left:0; margin-right:0; }
      .cta h2 { overflow-wrap:break-word; }
    }


    /* V4 — cinematic mobile hero, precise photo captions, authentic equipment visuals */
    .hero { isolation:isolate; }
    .hero-media { z-index:-1!important; inset:0!important; height:100%!important; width:100%!important; aspect-ratio:auto!important; }
    .hero-media video { width:100%!important;height:100%!important;object-fit:cover!important;display:block; }
    .hero-media::after { z-index:1; }
    .hero-content { position:relative;z-index:2; }
    .hero-intro { position:relative;z-index:2; }
    .about-photo figcaption.about-caption {
       left:clamp(20px,3vw,40px);right:clamp(20px,3vw,40px);bottom:clamp(20px,3vw,36px);
       display:flex;justify-content:space-between;gap:24px;align-items:flex-end;
    }
    .about-caption-copy {display:flex;flex-direction:column;gap:8px;max-width:300px;}
    .about-photo .about-caption-copy b {display:block;font:800 clamp(28px,3vw,39px)/1.03 'Manrope',sans-serif;letter-spacing:-.045em;}
    .about-photo .about-caption-copy span {display:block;font:500 13px/1.5 'Inter',sans-serif;text-transform:none;letter-spacing:0;color:rgba(255,255,255,.78)}
    .about-photo .about-caption-tag {display:block;max-width:140px;text-align:right;font:700 11px/1.5 'Manrope',sans-serif;letter-spacing:.14em;color:#f1f6f5;flex-shrink:0;}
    .service-icon {width:48px;height:48px;margin-top:43px;}
    .service-icon svg {width:25px;height:25px;display:block;color:#b6ced0;transition:color .3s ease,transform .3s ease;}
    .service:hover .service-icon svg {color:#8ec7c8;transform:scale(1.05)}
    .services-grid .service {transition:background .35s ease, transform .5s var(--ease), border-color .35s ease;}
    .service:hover {transform:translate3d(0,-5px,0)}
    .equipment-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:transparent}
    .equipment.equipment-photo-card {display:block;overflow:hidden;padding:0;min-height:0;background:#fff;border:1px solid #d9dede;box-shadow:0 8px 25px rgba(22,31,34,.04);transition:transform .6s var(--ease),box-shadow .6s ease;}
    .equipment.equipment-photo-card:hover {transform:translateY(-8px);box-shadow:0 24px 44px rgba(30,45,46,.15)}
    .equipment-image {height:220px;position:relative;overflow:hidden;background:linear-gradient(145deg,#c4cfcc,#e2e6e3);}
    .equipment-image::after {content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(6,15,19,.25));}
    .equipment-image img {width:100%;height:100%;object-fit:cover;object-position:center 52%;transition:transform 1.1s var(--ease),filter 1.1s ease;filter:saturate(.83);}
    .equipment.equipment-photo-card:hover img {transform:scale(1.09);filter:saturate(1)}
    .equipment-details {position:relative;display:flex;flex-direction:column;gap:7px;padding:23px 24px 28px;min-height:114px;}
    .equipment-details b {font:800 22px/1.2 'Manrope',sans-serif;letter-spacing:-.025em}
    .equipment-details span:not(.equipment-arrow) {font:500 12px/1.45 'Inter',sans-serif;color:#687678}
    .equipment-arrow {position:absolute;right:25px;top:25px;color:#5c8184;font-size:19px;transition:transform .35s ease}
    .equipment.equipment-photo-card:hover .equipment-arrow {transform:translate(3px,-3px)}
    .has-js .equipment-photo-card[data-reveal] {transform:translateY(36px) scale(.985);}
    .has-js .equipment-photo-card[data-reveal].in {transform:none;}
    .has-js .equipment-photo-card:nth-child(2),.has-js .equipment-photo-card:nth-child(5) {transition-delay:.09s}
    .has-js .equipment-photo-card:nth-child(3),.has-js .equipment-photo-card:nth-child(6) {transition-delay:.18s}
    .has-js .equipment-photo-card:hover {transform:translateY(-8px)}

    /* USA Route storyteller: real contiguous-US silhouette projected from public geoJSON */
    .roadmap-section {padding:110px 0 140px;background:#e9eeeb;color:#152024;position:relative;overflow:clip;}
    .roadmap-intro {max-width:880px;margin-bottom:68px;}
    .roadmap-intro h2 {font:800 clamp(46px,6.7vw,90px)/.96 'Manrope',sans-serif;letter-spacing:-.065em;margin:16px 0 18px;}
    .roadmap-intro h2 em {font-style:normal;color:#477b7f;}
    .roadmap-intro p {max-width:670px;color:#5e6f72;font:400 17px/1.8 'Inter',sans-serif;}
    .roadmap-layout {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:min(6vw,76px);align-items:start;position:relative;}
    .roadmap-sticky {position:sticky;top:100px;z-index:3;background:linear-gradient(140deg,#101b20,#0c161a);color:#e7eeee;border:1px solid #344a51;padding:22px 25px 17px;box-shadow:0 35px 70px rgba(22,38,44,.19);min-width:0;}
    .map-header {display:flex;align-items:center;justify-content:space-between;gap:12px;font:800 10px/1.4 'Manrope',sans-serif;letter-spacing:.13em;color:#a8c0c5;}
    .map-live {font-size:9px;letter-spacing:.07em;white-space:nowrap;display:flex;gap:7px;align-items:center;color:#8bafb0;}
    .map-live i {width:7px;height:7px;background:#7dc8c8;border-radius:50%;display:block;}
    .usa-graphic {width:100%;height:auto;display:block;margin:18px 0 4px;overflow:visible;}
    .usa-outline {fill:#22343a;stroke:#709095;stroke-width:1.8;stroke-linejoin:round;}
    .usa-contour {fill:none;stroke:#526e74;stroke-width:.8;}
    .usa-grid path {fill:none;stroke:#65818a;stroke-width:1;stroke-opacity:.27;}
    .route-base {fill:none;stroke:#577078;stroke-width:6;stroke-opacity:.48;stroke-linecap:round;}
    .route-trace {fill:none;stroke:#91c9c7;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .65s cubic-bezier(.25,.8,.25,1);}
    .map-node .map-ring {fill:#19272d;stroke:#71878b;stroke-width:2.2;transition:fill .4s ease,stroke .4s ease;}
    .map-node .map-core {fill:#728e93;transition:fill .4s ease;}
    .map-node .map-label {font:700 20px/1 'Manrope',sans-serif;letter-spacing:.035em;fill:#9ab2b6;transition:fill .4s ease;}
    .map-node.active .map-ring {stroke:#b0eded;fill:#2b5055;}
    .map-node.active .map-core {fill:#d0ffff;}
    .map-node.active .map-label {fill:#e9ffff;}
    .map-truck {color:#dcffff;filter:drop-shadow(0 4px 9px rgba(0,0,0,.35));transition:transform .65s cubic-bezier(.25,.8,.25,1)}
    .vehicle-disc {fill:#365b61;stroke:#c7eeee;stroke-width:2.2;}
    .map-bottom {display:flex;justify-content:space-between;align-items:end;gap:15px;border-top:1px solid rgba(255,255,255,.11);padding-top:16px;}
    .map-bottom span {display:block;font:700 9px/1.4 'Manrope',sans-serif;letter-spacing:.14em;color:#80989d;margin-bottom:7px;}
    .map-bottom strong {font:800 18px/1.2 'Manrope',sans-serif;}
    .map-bottom strong small {color:#92afb4;font:500 11px/1.4 'Inter',sans-serif;}
    .map-meter {text-align:right;}
    .map-disclaimer {color:#728b91;font:500 10px/1.55 'Inter',sans-serif;margin:14px 0 0;max-width:650px;}
    .roadmap-stories {display:flex;flex-direction:column;gap:0;}
    .route-story-card {min-height:62vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #c4cfcd;padding:36px 5px 40px 26px;position:relative;opacity:.62;transform:translateY(24px);transition:opacity .65s ease,transform .7s var(--ease);}
    .route-story-card.active {opacity:1;transform:none;}
    .route-story-card::before {content:'';position:absolute;top:18%;bottom:18%;left:0;width:2px;background:#bcc9c7;transition:background .4s ease;}
    .route-story-card.active::before {background:#477f83;}
    .route-step-num {color:#728489;font:800 10px/1 'Manrope',sans-serif;letter-spacing:.17em;}
    .route-step-code {font:800 96px/1 'Manrope',sans-serif;letter-spacing:-.08em;color:#c1d3d0;margin-top:35px;transition:color .45s ease;}
    .route-story-card.active .route-step-code {color:#4a8589;}
    .route-story-card h3 {font:800 30px/1.1 'Manrope',sans-serif;letter-spacing:-.04em;margin:9px 0 14px;}
    .route-story-card h3 span {display:block;font:600 12px/1.5 'Inter',sans-serif;letter-spacing:.02em;color:#607479;margin-top:6px;}
    .route-story-card p {font:400 14px/1.85 'Inter',sans-serif;color:#5e7074;max-width:330px;}

    /* More visible, individual scroll reveals, not an always-on hover gimmick */
    .has-js .section-head[data-reveal],.has-js .ops-copy[data-reveal] {transition-duration:1.05s;}
    .has-js .about-photo[data-reveal] {transform:translate3d(-30px,15px,0);}
    .has-js .about-photo[data-reveal].in {transform:none;}
    .has-js .service[data-reveal] {transform:translate3d(0,42px,0);}
    .has-js .service[data-reveal].in {transform:none;}
    .has-js .step[data-reveal] {transform:translateY(28px);}
    .has-js .step[data-reveal].in {transform:none;}
    .has-js .service:nth-child(2),.has-js .step:nth-child(2) {transition-delay:.09s;}
    .has-js .service:nth-child(3),.has-js .step:nth-child(3) {transition-delay:.18s;}
    .has-js .step:nth-child(4) {transition-delay:.27s;}

    @media (max-width:1100px) {
      .roadmap-layout {grid-template-columns:1fr;gap:20px;}
      .roadmap-sticky {top:76px;}
      .roadmap-stories {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;}
      .route-story-card {min-height:300px;}
    }
    @media (max-width:680px) {
      /* Mobile: moving footage is behind title/text, not a strip above it. */
      .hero {position:relative;min-height: min(930px,100svh);padding:0;display:flex;align-items:flex-end;background:#0b1013;}
      .hero-media {position:absolute!important;inset:0!important;z-index:-1!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;background:#10171b;overflow:hidden;}
      .hero-media video {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:59% 46%!important;transform:none!important;filter:saturate(.83) contrast(1.05);}
      .hero-media::after {position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,13,.57) 0%,rgba(4,9,13,.60) 40%,rgba(4,9,13,.93) 91%);}
      .hero-content {position:relative!important;padding:125px 0 62px!important;z-index:2;display:grid;gap:24px;align-content:end;min-height:100svh;}
      .hero-intro {position:relative;z-index:2;}
      .hero h1 {font-size:clamp(48px,12.8vw,74px);line-height:.99;}
      .hero-lead {font-size:15px;color:#dce4e5;}
      .hero-side {display:block;max-width:none;padding-top:15px;}
      .hero-side-label {margin-bottom:8px;}
      .hero-stat {padding:10px 0;grid-template-columns:65px 1fr;}
      .hero-stat strong {font-size:19px;}
      .hero-stat span {font-size:12px;}
      .about-photo figcaption.about-caption {align-items:flex-end;gap:12px;left:16px;right:16px;bottom:20px;}
      .about-photo .about-caption-copy b {font-size:29px;}
      .about-photo .about-caption-tag {font-size:9px;line-height:1.4;}
      .about-photo .about-caption-copy span {font-size:11px;}
      .equipment-grid {grid-template-columns:1fr;gap:16px;}
      .equipment-image {height:240px;}
      .roadmap-section {padding:75px 0 95px;}
      .roadmap-intro {margin-bottom:35px;}
      .roadmap-intro h2 {font-size:clamp(40px,12vw,60px);}
      .roadmap-intro p {font-size:14px;}
      .roadmap-sticky {top:70px;margin:0 -13px;padding:12px 10px 12px;z-index:7;}
      .map-header {font-size:8px;}
      .map-live {font-size:7px;}
      .usa-graphic {margin:0;width:100%;}
      .map-bottom {padding-top:7px;}
      .map-bottom strong {font-size:13px;}
      .map-bottom strong small {font-size:9px;}
      .map-disclaimer {font-size:8px;line-height:1.3;margin-top:6px;}
      .roadmap-stories {display:flex;flex-direction:column;gap:0;}
      .route-story-card {min-height:45vh;padding:34px 15px 35px 22px;}
      .route-step-code {font-size:54px;margin-top:16px;}
      .route-story-card h3 {font-size:25px;margin:6px 0;}
      .route-story-card p {font-size:13px;}
      .route-story-card::before {top:12%;bottom:12%;}
    }
    @media (max-width:400px) {
      .hero-content {padding-top:115px!important;}
      .hero-side {display:none;}
      .roadmap-sticky {top:67px;}
      .map-bottom strong small {display:block;}
    }
    @media (prefers-reduced-motion: reduce) {
      .map-truck,.route-trace,.route-story-card,.equipment-image img {transition:none!important;}
      .route-story-card {opacity:1;transform:none;}
    }


    /* On tablets, vertical story progression is essential: two-column cards
       would create overlapping positions and incorrect step tracking. */
    @media (min-width:681px) and (max-width:1080px) {
      .roadmap-stories {display:flex;flex-direction:column;gap:0;}
      .route-story-card {min-height:46vh;}
    }
    /* V5 — accurate state boundaries, equal-area projection, and frame-smoothed scroll */
    .usa-graphic {overflow:visible;transform:translateZ(0);}
    .usa-outline {fill:#203037;stroke:#9cb5b7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
    .usa-state-borders {fill:none;stroke:#55737a;stroke-width:1.05;stroke-opacity:.74;stroke-linecap:round;stroke-linejoin:round;}
    .usa-gridlines {fill:none;stroke:#6c868b;stroke-width:.55;stroke-opacity:.14;}
    .route-base-segment {fill:none;stroke:#4a676c;stroke-width:6;stroke-opacity:.48;stroke-linecap:round;}
    .route-active-segment {fill:none;stroke:#a3d4d1;stroke-width:4.7;stroke-linecap:round;stroke-linejoin:round;will-change:stroke-dashoffset;}
    .route-linework {filter:drop-shadow(0 0 3px rgba(138,223,222,.15));}
    .map-truck {transition:none!important;will-change:transform;}
    .map-truck .vehicle-glow {fill:rgba(107,228,227,.46);}
    .map-truck .vehicle-disc {fill:#32575b;stroke:#d8f6f2;stroke-width:2.4;}
    .map-node .map-ping {fill:none;stroke:#99dddd;stroke-width:1.2;opacity:0;transform-origin:center;pointer-events:none;}
    .map-node.active .map-ping {animation:mapPulse 2.8s ease-out infinite;}
    .map-node.visited .map-ring {fill:#294b50;stroke:#75b9ba;}
    .map-node.active .map-ring {stroke:#e0ffff;stroke-width:3;fill:#42777a;}
    .map-node.active .map-core {fill:#edffff;}
    .map-node.active .map-label {fill:#fff;font-weight:800;}
    .map-node.visited .map-label {fill:#bfdadc;}
    .roadmap-sticky {box-shadow:0 30px 80px rgba(17,34,38,.19);}
    .route-story-card {transition:opacity .5s ease,transform .6s var(--ease);}
    .map-meter strong {font-variant-numeric:tabular-nums;}
    @keyframes mapPulse {0% {opacity:.65;transform:scale(.6)}80%,100%{opacity:0;transform:scale(1.9)}}
    @media(prefers-reduced-motion: reduce){.map-node.active .map-ping{animation:none;opacity:.45;}}

  

/* -------- Multi-page refinements | 2026 -------- */
:root{--teal:#29b8bd;--cream:#f5f5f2}
body{min-width:320px} .nav-links{gap:17px}.nav-links a{font-size:12px;white-space:nowrap}.header-cta{font-size:12px;white-space:nowrap;padding:12px 16px}.brand-copy{font-size:12px}
.nav-links a[aria-current="page"]{color:white}.nav-links a[aria-current="page"]:after{transform:scaleX(1)}
.page-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--accent);z-index:1500;transform:scaleX(0);transform-origin:left}
.inner-page{padding-top:0}.inner-hero{min-height:620px;padding:190px 0 100px;background:radial-gradient(ellipse at 82% 30%,rgba(37,130,134,.15),transparent 45%),linear-gradient(155deg,#0a0d0f,#172025);border-bottom:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}.inner-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}
.inner-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:60px;align-items:center}.inner-hero h1{font:800 clamp(43px,5.5vw,82px)/1.08 Manrope,sans-serif;letter-spacing:-.053em;margin:25px 0}.inner-hero h1 em{font-style:normal;color:#73c7c7}.inner-intro{font-size:18px;line-height:1.85;color:#c2cdd0;max-width:630px}.hero-quick{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:36px}.quiet-link{font-size:13px;font-weight:700;border-bottom:1px solid #748186;padding:0 0 10px}.quiet-link span{margin-left:10px;color:#74c5c7}
.inner-hero-emblem{height:315px;position:relative;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:50% 50% 16px 16px;background:linear-gradient(145deg,rgba(230,245,246,.035),rgba(4,8,10,.12));box-shadow:inset 0 0 90px rgba(86,161,160,.04)}.inner-hero-emblem:before,.inner-hero-emblem:after{content:'';position:absolute;border:1px solid rgba(108,166,164,.22);border-radius:50%;width:180px;height:180px}.inner-hero-emblem:after{width:260px;height:260px;opacity:.5;transform:rotateX(60deg)}.emblem-ring{font:200 185px/1 Manrope,sans-serif;color:#aabebf;text-shadow:0 15px 60px rgba(12,12,12,.7);transform:rotate(-15deg)}.emblem-line,.emblem-code{font:700 10px/1.4 Inter,sans-serif;letter-spacing:.19em;color:#96aaaf;position:absolute;left:25px;top:20px}.emblem-code{left:auto;right:24px;top:auto;bottom:18px;font-size:9px}
.inner-page .section-head h2{max-width:810px}.editorial-split{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center}.editorial-split.reverse{grid-template-columns:.95fr 1.05fr}.feature-photo{position:relative;margin:0;min-height:540px;background:#12191d;overflow:hidden}.feature-photo img{height:100%;min-height:540px;width:100%;object-fit:cover;filter:saturate(.75)}.feature-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px;color:white;font-size:10px;font-weight:800;letter-spacing:.18em;background:linear-gradient(transparent,rgba(0,0,0,.75))}.feature-copy .eyebrow{color:var(--accent-dark)}.feature-copy h2,.owner-tease h2{font:800 clamp(33px,3.6vw,55px)/1.12 Manrope,sans-serif;letter-spacing:-.045em;margin:23px 0}.feature-copy p{color:#495359;line-height:1.9;font-size:15px;margin-bottom:22px}.inline-arrow{display:inline-flex;align-items:center;gap:32px;padding:14px 0;border-bottom:1px solid currentColor;font-size:13px;font-weight:800;transition:gap .3s ease}.inline-arrow:hover{gap:43px}.inline-arrow span{color:var(--accent-dark)}
.value-grid,.service-tiles,.rate-grid,.breakdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.value-card,.service-tile{padding:40px 35px;background:#20282c;border:1px solid rgba(255,255,255,.11);min-height:260px}.value-card>span,.service-tile>span{color:#85a3a6;font-size:10px;font-weight:800;letter-spacing:.13em}.value-card h3,.service-tile h3{font:800 21px/1.3 Manrope,sans-serif;margin:50px 0 13px}.value-card p,.service-tile p{color:#b3c0c3;line-height:1.8;font-size:14px}.service-tile{background:white;border-color:#d7dcdd;min-height:265px}.service-tile>span{color:#43787a}.service-tile h3{color:#181c20;margin-top:32px}.service-tile p{color:#596269}
.pricing-teaser{background:#e5ebea;color:#172024;padding:55px 0}.pricing-teaser .container{display:flex;align-items:center;justify-content:space-between;gap:50px}.pricing-teaser h2{font:800 clamp(28px,3vw,42px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;max-width:720px;margin:12px 0}.pricing-teaser p{line-height:1.7;max-width:740px;color:#4d5a60}.pricing-teaser .eyebrow{color:#1b6367}.owner-tease{background:#0e1719}.owner-tease-inner{display:flex;gap:45px;align-items:center;justify-content:space-between}.owner-tease-inner>div{max-width:700px}.owner-tease p{color:#c1cece;line-height:1.75}.owner-tease .btn{flex-shrink:0}
.rate-card{background:#f4f5f2;border:1px solid #d5dadb;color:#141a1c;padding:30px;position:relative;min-height:390px}.rate-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font:800 10px Inter,sans-serif;letter-spacing:.11em;color:#457579}.rate-pill{border:1px solid #c3d5d4;border-radius:20px;padding:7px 11px;letter-spacing:0;font-size:10px;white-space:nowrap}.rate-card h3{font:800 24px Manrope,sans-serif;letter-spacing:-.03em;margin:48px 0 7px}.rate-card>p{font-size:13px;color:#606e74}.rate-value{font:800 clamp(30px,3.4vw,45px) Manrope,sans-serif;letter-spacing:-.055em;color:#0a494d;margin-top:28px}.rate-unit{font-size:11px;color:#567579;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.rate-card .rate-caveat{font-size:12px;line-height:1.6;color:#667276;margin:18px 0}.rate-card .inline-arrow{font-size:12px}.notice-line{border-left:3px solid var(--accent);padding:20px 26px;background:rgba(69,127,126,.1);color:inherit;line-height:1.75;font-size:13px;margin-top:25px}.dark2 .notice-line{color:#cedbdb}
.truck-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.truck-tile{background:#fff;border:1px solid #dce0e1;overflow:hidden}.truck-photo{height:320px;position:relative;overflow:hidden;background:#13191e}.truck-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);filter:saturate(.8)}.truck-tile:hover img{transform:scale(1.045)}.truck-photo>span{position:absolute;left:20px;top:20px;background:rgba(12,19,23,.82);color:white;font-size:10px;font-weight:800;letter-spacing:.12em;padding:11px 15px}.truck-description{padding:30px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#182126}.truck-description h3{font:800 23px Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 10px}.truck-description p{font-size:14px;color:#59656a;line-height:1.7;max-width:440px}.equipment-fee{font-size:12px;color:#1a6769;font-weight:800}.round-arrow{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #afbbbd;display:grid;place-items:center;font-size:19px}.truck-fee-note{color:#5b676d;font-size:12px;margin-top:25px}
.owner-split{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:white;border:1px solid #d9dddf}.split-chart{display:flex;min-height:270px;color:white}.split-driver{background:#1a666a;width:80%;font:800 clamp(40px,5vw,72px) Manrope,sans-serif;display:flex;justify-content:center;align-items:center;flex-direction:column}.split-support{background:#15272c;width:20%;font:800 clamp(22px,3vw,39px) Manrope,sans-serif;display:flex;justify-content:center;align-items:center;flex-direction:column}.split-chart small{display:block;font:800 10px/1.8 Inter,sans-serif;letter-spacing:.12em;text-align:center;margin-top:14px}.split-support small{font-size:8px;padding:0 8px}.split-caption{padding:40px;display:flex;align-items:center}.split-caption h3{font:800 32px Manrope,sans-serif;letter-spacing:-.035em;margin:16px 0}.split-caption p{font-size:14px;line-height:1.8;color:#566269}.breakdown-grid{margin-top:24px}.breakdown-card{border:1px solid #d5dadc;background:white;padding:30px}.breakdown-card strong{font:800 56px Manrope,sans-serif;color:#1a6165;letter-spacing:-.055em}.breakdown-card h3{font:800 20px Manrope,sans-serif;margin:17px 0 8px}.breakdown-card p{color:#5e686c;font-size:13px;line-height:1.8}.owner-note{display:flex;gap:17px;align-items:flex-start;background:#182226;color:white;margin-top:25px;padding:25px}.notice-icon{border:1px solid #a3cacc;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;flex:none}.owner-note p{color:#c4d0d3;line-height:1.75;font-size:13px;margin-bottom:0}
.video-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-review{background:#fff;border:1px solid #d5dcdd;overflow:hidden}.video-shell{height:410px;background:#10161b;display:flex;justify-content:center;align-items:center;overflow:hidden}.video-shell video{height:100%;width:100%;object-fit:contain;background:#111;max-height:100%}.video-label{padding:23px 25px;color:#171e22}.video-label>span{font-size:10px;letter-spacing:.14em;color:#317a7a;font-weight:800}.video-label h3{font:800 19px Manrope,sans-serif;margin:12px 0}.video-label p{font-size:13px;color:#5d686c;line-height:1.6}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}.contact-facts h2,.contact-form-panel h2{font:800 clamp(31px,3vw,46px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:18px 0 18px}.contact-facts>p{color:#5a666d;line-height:1.8}.contact-fact{border-top:1px solid #d2d7d8;padding:22px 0}.contact-fact>span{display:block;font-weight:800;font-size:10px;letter-spacing:.15em;color:#477779;margin-bottom:10px}.contact-fact a,.contact-fact address{font:700 19px/1.7 Manrope,sans-serif;color:#152326;font-style:normal;overflow-wrap:anywhere}.contact-fact .location-link{font-size:12px;color:#37777a}.contact-form-panel{background:#fff;border:1px solid #d5dcdf;padding:43px}.ifs-form{display:flex;flex-direction:column;gap:23px;margin-top:28px}.ifs-form label{font-weight:700;font-size:12px;display:flex;flex-direction:column;gap:9px;color:#1a282a}.ifs-form label span{color:#297a7d}.ifs-form input,.ifs-form select,.ifs-form textarea{display:block;width:100%;border:1px solid #c9d3d4;background:#f7f8f7;padding:15px;color:#182326;border-radius:0;font:500 14px Inter,sans-serif;outline:none;min-width:0}.ifs-form input:focus,.ifs-form select:focus,.ifs-form textarea:focus{border-color:#278f91;box-shadow:0 0 0 3px rgba(41,184,189,.11)}.field-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ifs-form textarea{resize:vertical}.form-mini{color:#758086;font-size:11px;line-height:1.7}.ifs-form .form-submit{align-self:flex-start;border:0;cursor:pointer}.honey-field{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}.form-status{padding:17px;margin:25px 0;font-size:13px;line-height:1.5}.form-status.success{color:#115c4c;background:#e2f5ec}.form-status.failure{color:#90302b;background:#f7e1df}
.endcap{background:#dce8e6;color:#10191b}.endcap-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.endcap-inner>div{max-width:760px}.endcap h2{font:800 clamp(34px,4vw,58px)/1.13 Manrope,sans-serif;letter-spacing:-.045em;margin:16px 0}.endcap p{color:#475a5d;line-height:1.7}.endcap .eyebrow{color:#327174}.endcap .btn{white-space:nowrap}.entry-content{color:#223034;line-height:1.8;min-height:30vh}
@media(max-width:1240px){.nav-links{gap:13px}.nav-links a{font-size:11px}.header-cta{display:none}}
@media(max-width:1100px){.header-cta{display:none}.nav-links{display:none}.menu-btn{display:block}.inner-hero-grid{gap:20px}}
@media(max-width:850px){.inner-hero{padding:153px 0 85px;min-height:0}.inner-hero-grid{grid-template-columns:1fr}.inner-hero-emblem{display:none}.editorial-split,.editorial-split.reverse,.owner-split{grid-template-columns:1fr}.feature-photo,.feature-photo img{min-height:340px}.value-grid,.service-tiles,.rate-grid,.video-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-tease-inner,.pricing-teaser .container,.endcap-inner{flex-direction:column;align-items:flex-start}.contact-layout{grid-template-columns:1fr;gap:40px}.video-shell{height:370px}}
@media(max-width:680px){.inner-hero{padding:139px 0 66px}.inner-hero h1{font-size:clamp(38px,10.4vw,62px)}.inner-intro{font-size:15px}.hero-quick{gap:19px}.value-grid,.service-tiles,.rate-grid,.breakdown-grid,.truck-showcase,.video-gallery,.field-duo{grid-template-columns:1fr}.service-tile,.value-card{min-height:0;padding:30px}.value-card h3{margin-top:35px}.truck-photo{height:245px}.split-chart{min-height:230px}.split-caption{padding:30px}.split-driver{font-size:51px}.split-support{font-size:27px}.contact-form-panel{padding:26px 22px}.video-shell{height:420px}.feature-photo,.feature-photo img{min-height:260px}.inner-page .section-head h2{font-size:clamp(30px,9vw,45px)}.endcap .btn{white-space:normal}.rate-card{min-height:0}.pricing-teaser{padding:45px 0}.owner-tease h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.truck-photo img{transition:none}}

/* Distinct CTA treatments shared by all inner pages. */
.btn.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 23px;background:#d9eff0;border:1px solid #d9eff0;color:#101a1d;font-size:13px;font-weight:800;border-radius:3px;min-height:48px;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.btn.primary:hover{background:#a9d9da;transform:translateY(-2px);box-shadow:0 10px 30px rgba(4,35,37,.12)}
.light .btn.primary,.endcap .btn.primary,.pricing-teaser .btn.primary{background:#102729;color:#fff;border-color:#102729}
.light .btn.primary:hover,.endcap .btn.primary:hover,.pricing-teaser .btn.primary:hover{background:#21575b}
.btn:focus-visible,.round-arrow:focus-visible,.quiet-link:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* ==== INFINITY FREIGHT SOLUTION · V6 DIMENSIONAL SYSTEM ==== */
:root{--ifs-cyan:#85d4d3;--ifs-ink:#071114;--ifs-ease:cubic-bezier(.22,1,.36,1)}
.inner-hero{isolation:isolate}
.inner-hero:after{content:"";position:absolute;inset:auto -8% -2% 45%;height:42%;background:radial-gradient(ellipse,rgba(73,155,153,.13),transparent 65%);z-index:-1;pointer-events:none}
.inner-hero .inner-hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.95fr);gap:clamp(30px,4vw,68px)}
.inner-hero .container{position:relative;z-index:1}
.inner-hero .eyebrow{color:#89d2d1}
.inner-hero .btn.primary{box-shadow:0 12px 44px rgba(48,158,157,.13)}
.inner-page .scene{width:100%;min-height:445px;position:relative;display:grid;place-items:center;perspective:1100px;isolation:isolate}
.scene:before{content:"";position:absolute;width:96%;aspect-ratio:1;max-height:100%;border:1px solid rgba(171,226,222,.1);border-radius:50%;transform:rotateX(67deg);pointer-events:none}
.scene .spatial-core{position:relative;width:min(100%,530px);height:405px;transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--rx,9deg)) rotateY(var(--ry,-9deg));transition:transform 1s var(--ifs-ease);will-change:transform}
.scene-legend{position:absolute;bottom:1px;left:5px;letter-spacing:.19em;font:700 9px/1.6 Inter,sans-serif;color:#8da4a7}
.inner-hero-services{background:radial-gradient(ellipse at 75% 40%,rgba(69,155,166,.17),transparent 38%),linear-gradient(125deg,#080f14,#17262c 75%,#101619)}
.inner-hero-truck-types{background:radial-gradient(ellipse at 80% 22%,rgba(78,121,140,.18),transparent 44%),linear-gradient(120deg,#0a0e10,#122128 82%)}
.inner-hero-owner-operators{background:radial-gradient(ellipse at 75% 40%,rgba(31,126,117,.2),transparent 48%),linear-gradient(115deg,#0b1214,#102826)}
.inner-hero-testimonials{background:radial-gradient(ellipse at 78% 35%,rgba(109,91,100,.23),transparent 40%),linear-gradient(125deg,#0d1115,#292628 85%)}
.inner-hero-contact-us{background:radial-gradient(ellipse at 70% 35%,rgba(64,136,152,.2),transparent 45%),linear-gradient(125deg,#0a1114,#16262e 75%)}
.inner-hero-about-us{background:radial-gradient(ellipse at 80% 30%,rgba(69,142,139,.16),transparent 45%),linear-gradient(125deg,#0a1114,#172629 85%)}
/* ABOUT: sculptural story rings and orbiting glass chapters */
.story-space{display:grid;place-items:center}
.story-halo{position:absolute;border:1px solid rgba(140,218,218,.28);border-radius:50%;box-shadow:0 0 26px rgba(55,152,156,.06),inset 0 0 25px rgba(55,152,156,.06);transform-style:preserve-3d;pointer-events:none}
.story-halo-outer{width:370px;height:235px;transform:rotateX(70deg) rotateZ(-23deg) translateZ(-15px);animation:aboutOrbit 20s linear infinite}
.story-halo-inner{width:250px;height:295px;transform:rotateY(68deg) rotateZ(20deg) translateZ(-10px);border-color:rgba(144,218,221,.16);animation:aboutHalo 16s ease-in-out infinite alternate}
.story-nucleus{width:218px;height:218px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;border-radius:50%;transform:translateZ(70px);border:1px solid rgba(197,234,234,.32);background:radial-gradient(circle at 32% 22%,rgba(145,211,209,.29),rgba(18,51,56,.97) 61%,#0c161a 95%);box-shadow:25px 35px 85px rgba(0,0,0,.55),inset -25px -25px 35px rgba(0,0,0,.4),inset 5px 6px 24px rgba(180,222,225,.13)}
.story-infinity{font:300 125px/.95 Georgia,serif;color:#d0f2ef;text-shadow:0 0 24px rgba(131,229,219,.5),0 8px 18px #000}
.story-nucleus small{font:700 8px Inter,sans-serif;letter-spacing:.16em;color:#abc9c9;white-space:nowrap;margin-top:8px}
.story-orbit-tag{position:absolute;display:flex;gap:12px;align-items:center;z-index:5;min-width:185px;padding:16px 17px;background:linear-gradient(130deg,rgba(41,62,66,.96),rgba(13,22,26,.97));border:1px solid rgba(168,232,227,.22);box-shadow:12px 20px 45px rgba(0,0,0,.35),inset 1px 1px rgba(255,255,255,.06);border-radius:4px;transform-style:preserve-3d;animation:floatSlow 7s ease-in-out infinite}
.story-orbit-tag b{color:#96d8d4;font-size:22px;font-weight:800}
.story-orbit-tag>span{font-size:10px;letter-spacing:.13em;font-weight:800;line-height:1.8;color:white}.story-orbit-tag small{font-size:9px;letter-spacing:0;color:#9eafb2;font-weight:500}
.orbit-tag-a{left:0;top:30px;transform:translateZ(125px) rotateY(7deg);animation-delay:0s}
.orbit-tag-b{right:0;top:150px;transform:translateZ(145px) rotateY(-7deg);animation-delay:-2.5s}
.orbit-tag-c{left:18px;bottom:17px;transform:translateZ(110px) rotateY(8deg);animation-delay:-5s}
.story-space-floor{position:absolute;width:420px;height:195px;bottom:0;border-radius:50%;background:radial-gradient(ellipse,rgba(82,202,197,.18),transparent 68%);transform:rotateX(82deg) translateZ(-100px)}
@keyframes aboutOrbit{to{transform:rotateX(70deg) rotateZ(337deg) translateZ(-15px)}}
@keyframes aboutHalo{to{transform:rotateY(92deg) rotateZ(-15deg) translateZ(-10px)}}
@keyframes floatSlow{0%,100%{translate:0 0}50%{translate:0 -13px}}
/* ABOUT: scroll-told chapter timeline, no second map */
.about-journey{background:#111e22;padding:110px 0 125px;color:white;overflow:clip}
.journey-heading{max-width:800px;margin-bottom:64px}.journey-heading h2{font:800 clamp(38px,5vw,68px)/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:15px 0 20px}.journey-heading h2 em{font-style:normal;color:#8cd2d0}.journey-heading p{font-size:15px;line-height:1.9;color:#a7babc;max-width:610px}
.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.journey-visual{position:sticky;top:110px}.journey-diagram{border:1px solid rgba(135,184,185,.23);min-height:510px;background:radial-gradient(ellipse at 50% 60%,rgba(44,110,111,.21),transparent 65%),linear-gradient(135deg,#17292c,#0b1417);position:relative;perspective:1100px;overflow:hidden}
.journey-diagram-inner{position:relative;width:100%;height:510px;transform:rotateX(var(--rx,10deg)) rotateY(var(--ry,-5deg));transform-style:preserve-3d;transition:transform .9s var(--ifs-ease)}
.journey-orbit{position:absolute;inset:75px 60px 95px;display:grid;place-items:center;border:1px solid rgba(149,224,220,.35);border-radius:50%;transform:rotateX(66deg) rotateZ(-30deg) translateZ(55px);box-shadow:0 0 55px rgba(68,191,189,.1);animation:journeySpin 21s linear infinite}
.journey-orbit-center{font:300 155px Georgia,serif;transform:rotateZ(30deg) rotateX(-66deg) translateZ(5px);color:#bdece8;text-shadow:12px 20px 28px #050c0e}
.journey-arc{position:absolute;inset:70px 40px 125px;border:1px dashed rgba(121,193,193,.16);border-radius:50%;transform:rotateY(73deg) rotateZ(35deg)}
.journey-arc-b{transform:rotateY(65deg) rotateX(70deg)}
.journey-guide{position:absolute;inset:27px auto 30px 25px;display:flex;flex-direction:column;justify-content:space-between;font:700 9px Inter,sans-serif;color:#9ebabc;letter-spacing:.12em}
.journey-floor{position:absolute;inset:auto 0 20px;height:130px;background:radial-gradient(ellipse,rgba(98,211,209,.15),transparent 64%);transform:rotateX(65deg) translateZ(-70px)}
.journey-insignia{position:absolute;right:26px;bottom:26px;letter-spacing:.18em;font-size:9px;color:#a7bbba}
.journey-progress-track{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#304448}.journey-progress-track i{display:block;width:100%;height:100%;background:#93ded9;transform:scaleX(0);transform-origin:left;transition:transform .3s linear}
@keyframes journeySpin{to{transform:rotateX(66deg) rotateZ(330deg) translateZ(55px)}}
.journey-milestone{min-height:300px;display:grid;grid-template-columns:62px 1fr;gap:20px;border-left:1px solid #385356;padding:47px 12px 47px 28px;opacity:.4;transition:opacity .5s,background .5s,border-color .5s;position:relative}
.journey-milestone:before{content:"";position:absolute;left:-5px;top:62px;width:9px;height:9px;border-radius:50%;background:#466166;box-shadow:0 0 0 6px #13252a;transition:background .5s,box-shadow .5s}
.journey-milestone.is-active{opacity:1;border-color:#8de4da;background:linear-gradient(90deg,rgba(90,174,167,.10),transparent 72%)}.journey-milestone.is-active:before{background:#97e5dc;box-shadow:0 0 0 6px #13252a,0 0 22px #99ede0}
.journey-num{color:#98d8d4;font-size:28px;font-weight:800}.journey-micro{font-size:10px;font-weight:800;color:#8bafb0;letter-spacing:.15em}.journey-milestone h3{font:800 clamp(28px,3vw,41px) Manrope,sans-serif;letter-spacing:-.04em;margin:15px 0}.journey-milestone p{color:#bfd0d0;font-size:15px;line-height:1.9;max-width:350px}
/* SERVICES: dimensional dispatch console */
.dispatch-stack{display:grid;place-items:center}
.dispatch-backplate{position:absolute;inset:27px 28px;background:linear-gradient(135deg,#304249,#101b1f);border:1px solid #506d72;transform:translateZ(-60px) translate(32px,14px);box-shadow:25px 38px 65px #030809}
.dispatch-window{width:90%;height:325px;padding:22px 24px;background:linear-gradient(140deg,#192c32,#0a1419 72%);box-shadow:16px 28px 80px rgba(0,0,0,.6),inset 0 0 0 1px rgba(184,231,227,.2);transform:translateZ(38px);display:flex;flex-direction:column}
.dispatch-head,.dispatch-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(160,216,214,.2);padding-bottom:13px;font:800 9px Inter,sans-serif;letter-spacing:.16em;color:#abcac9}
.dispatch-live{font-size:8px;background:#194447;border-radius:2px;padding:7px;color:#bbe6e2}
.dispatch-flow{display:flex;flex:1;align-items:center;gap:9px}.dispatch-flow-step{flex:1;min-width:0;border:1px solid rgba(154,214,213,.16);background:rgba(81,157,158,.06);padding:18px 9px;min-height:127px;display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:center}.dispatch-flow-step i{color:#94e2d9;font:700 12px Manrope,sans-serif}.dispatch-flow-step b{font-size:13px;color:#e0f0f0}.dispatch-flow-step span{font-size:9px;line-height:1.5;color:#9db4b8}.dispatch-rail{width:13px;height:1px;background:#8fcbcb;position:relative;flex:none}.dispatch-rail span{position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#baf5e9;box-shadow:0 0 12px #8ce8d5;animation:dispatchPulse 2.8s ease-in-out infinite alternate}
.dispatch-bottom{border-bottom:0;border-top:1px solid rgba(160,216,214,.2);padding:14px 0 0}.dispatch-wave{height:16px;display:flex;align-items:center;gap:4px}.dispatch-wave b{width:3px;height:28%;background:#90d5cf;animation:wave .9s ease-in-out infinite alternate}.dispatch-wave b:nth-child(3n){height:85%;animation-delay:-.5s}.dispatch-wave b:nth-child(2n){height:50%;animation-delay:-.25s}
@keyframes wave{to{height:90%}}@keyframes dispatchPulse{to{translate:7px 0;opacity:.35}}
.dispatch-float{position:absolute;padding:15px 17px;background:linear-gradient(145deg,#e5f8f6,#a3d4d0);box-shadow:12px 16px 35px #061114;color:#164c4d;font:700 12px Inter,sans-serif;transform:translateZ(125px);animation:floatSlow 5.8s ease-in-out infinite}.dispatch-float-a{top:7px;right:-7px}.dispatch-float-b{bottom:1px;left:-12px;animation-delay:-3s}
.service-tiles-dimensional{perspective:1400px}.service-tile-3d{position:relative;transform:translateY(0) rotateX(0deg);transform-style:preserve-3d;transition:transform .55s var(--ifs-ease),box-shadow .55s,border-color .55s;overflow:hidden}.service-tile-3d:before{content:"";height:3px;position:absolute;top:0;left:0;right:100%;background:#3f9594;transition:right .5s}.service-tile-3d:hover{transform:translateY(-9px) rotateX(3deg);box-shadow:0 25px 55px rgba(21,57,59,.13);border-color:#87b2b0}.service-tile-3d:hover:before{right:0}.service-tile-3d h3{transform:translateZ(10px)}
.services-rate-stage{background:radial-gradient(circle at 78% 28%,rgba(58,132,130,.15),transparent 30%),#151d21}.rate-grid-dimensional{perspective:1200px}.rate-grid-dimensional .rate-card{transition:transform .55s var(--ifs-ease),box-shadow .5s}.rate-grid-dimensional .rate-card:hover{transform:translateY(-10px) rotateX(2deg);box-shadow:0 25px 60px rgba(0,0,0,.24)}
/* TRUCK TYPES: three-dimensional and clickable equipment deck */
.equipment-stage{display:grid;place-items:center}.equipment-backdrop{position:absolute;inset:45px 16px;background:linear-gradient(120deg,#1e3e46,#0a171c);border:1px solid rgba(147,222,217,.18);transform:translateZ(-60px) translateX(28px) rotateZ(4deg)}
.equipment-photo-deck{position:relative;width:87%;height:340px;overflow:hidden;transform:rotateY(-7deg) rotateX(3deg) translateZ(35px);transform-style:preserve-3d;box-shadow:22px 37px 75px rgba(0,0,0,.7);background:#18282d;border:1px solid rgba(222,246,242,.28)}
.equipment-photo-deck img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.09);transition:opacity .25s,transform .7s}.equipment-photo-deck.is-switching img{opacity:.24;transform:scale(1.08)}.equipment-photo-shine{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,18,.55),transparent 40%,rgba(2,8,11,.90) 100%);pointer-events:none}
.equipment-deck-top,.equipment-deck-bottom{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:white}.equipment-deck-top{top:24px;font:800 9px Inter,sans-serif;letter-spacing:.14em}.equipment-deck-top span{color:#a8dddd}
.equipment-deck-bottom{bottom:22px;align-items:flex-end}.equipment-deck-bottom small{font-size:9px;letter-spacing:.18em;color:#b1d5d6;font-weight:800}.equipment-deck-bottom strong{font:800 clamp(22px,3vw,31px) Manrope,sans-serif;display:block;margin-top:7px}.equipment-deck-actions{display:flex;gap:8px}.deck-nav{width:37px;height:37px;border:1px solid rgba(255,255,255,.55);background:rgba(8,21,25,.8);font-size:18px;color:white;cursor:pointer;transition:background .2s,transform .2s}.deck-nav:hover,.deck-nav:focus-visible{background:#22787b;transform:translateY(-2px)}.equipment-underlay{position:absolute;bottom:6px;left:13%;font:800 12px Manrope,sans-serif;letter-spacing:.3em;color:#536f73;transform:translateZ(-75px)}
.truck-showcase-dimensional{perspective:1400px}.truck-tile-3d{transition:transform .55s var(--ifs-ease),box-shadow .55s;transform-style:preserve-3d}.truck-tile-3d:hover{transform:translateY(-10px) rotateX(2deg);box-shadow:0 35px 70px rgba(16,53,55,.18)}.truck-tile-3d .truck-photo img{transition:transform .85s var(--ifs-ease)}
/* OWNER: physically modeled 80/20 coin + split graphic */
.owner-orbit{display:grid;place-items:center}.owner-orbit-grid{position:absolute;inset:60px 0 20px;background:linear-gradient(90deg,transparent 49%,rgba(144,217,206,.13) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(144,217,206,.13) 50%,transparent 51%);background-size:58px 58px;transform:rotateX(73deg) translateZ(-80px)}
.owner-coin-shadow{position:absolute;width:320px;height:75px;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(28px);transform:translateY(147px) translateZ(-80px)}
.owner-coin{position:absolute;width:274px;height:274px;transform-style:preserve-3d;transform:rotateX(16deg) rotateY(-20deg) rotateZ(-5deg) translateZ(60px);animation:coinSway 8s ease-in-out infinite alternate}
.owner-coin:before{content:"";position:absolute;inset:0;border-radius:50%;background:#061a1a;transform:translateZ(-19px);box-shadow:18px 20px 55px rgba(0,0,0,.4)}
.owner-coin:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:14px solid rgba(125,209,198,.5);box-shadow:inset 4px 6px 20px #0b1b1b,4px 14px 0 #154244,6px 20px 0 #0c2628;pointer-events:none}
.owner-coin-face{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 18%,#396e69,#194747 38%,#08272b 76%);overflow:hidden}
.owner-coin-face:before{content:"";position:absolute;inset:12px;border:2px solid rgba(201,239,231,.2);border-radius:50%}.coin-overline{position:absolute;top:47px;color:#c1e2dd;font:800 9px Inter,sans-serif;letter-spacing:.12em}.coin-center{text-align:center;z-index:1}.coin-center strong{font:800 88px/.95 Manrope,sans-serif;letter-spacing:-.09em;color:#e2faf6;text-shadow:6px 9px 18px rgba(0,0,0,.45)}.coin-center strong span{font-size:35px}.coin-center small{display:block;margin-top:13px;font-size:10px;font-weight:800;letter-spacing:.18em;color:#acd8d2}.coin-band{position:absolute;width:180px;height:14px;background:rgba(145,216,207,.11);bottom:36px;border-radius:50%}
.owner-floating-share{position:absolute;right:9px;top:35px;background:linear-gradient(135deg,#e9f6f1,#bdd9d5);padding:17px 22px;transform:translateZ(150px) rotateZ(5deg);box-shadow:14px 20px 45px #050d0f;color:#17464a;animation:floatSlow 6s ease-in-out infinite}.owner-floating-share span{font:800 32px Manrope,sans-serif}.owner-floating-share small{display:block;font-size:8px;font-weight:800;letter-spacing:.14em;line-height:1.4}
.owner-floating-label{position:absolute;left:15px;bottom:36px;font:800 33px Manrope,sans-serif;color:#b1d7d4;transform:translateZ(80px) rotateY(8deg);text-shadow:5px 8px 9px #000}.owner-floating-label span{display:block;font-size:9px;letter-spacing:.25em}
@keyframes coinSway{to{transform:rotateX(10deg) rotateY(12deg) rotateZ(3deg) translateZ(68px)}}
.owner-split-dimensional{box-shadow:0 28px 70px rgba(15,42,40,.10)}.owner-split-dimensional .split-driver,.owner-split-dimensional .split-support{transition:filter .4s}.owner-split-dimensional:hover .split-driver{filter:brightness(1.15)}.breakdown-grid-dimensional{perspective:900px}.breakdown-grid-dimensional .breakdown-card{transition:transform .55s var(--ifs-ease),box-shadow .5s}.breakdown-grid-dimensional .breakdown-card:hover{transform:translateY(-7px) rotateX(4deg);box-shadow:0 24px 50px rgba(9,42,44,.1)}
/* TESTIMONIALS: dimensional cinema, not repeated brand icon */
.film-stage{display:grid;place-items:center}.film-aura{position:absolute;width:350px;height:280px;border-radius:50%;background:radial-gradient(ellipse,rgba(180,156,162,.16),transparent 67%);filter:blur(10px)}
.film-card{position:absolute;width:188px;height:276px;overflow:hidden;background:#12191b;border:5px solid #27393d;box-shadow:16px 28px 50px rgba(0,0,0,.57)}.film-card img{width:100%;height:100%;object-fit:cover}.film-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,12,.2),transparent 48%,rgba(5,10,12,.85));pointer-events:none}
.film-card-left{transform:translate3d(-132px,10px,-40px) rotateY(27deg) rotateZ(-9deg)}.film-card-right{transform:translate3d(147px,7px,-45px) rotateY(-25deg) rotateZ(10deg)}.film-card-main{width:218px;height:316px;z-index:2;transform:translate3d(0,0,77px) rotateY(-3deg);transition:transform .5s var(--ifs-ease),box-shadow .5s}.film-card-main:hover{transform:translate3d(0,-10px,98px) rotateY(0);box-shadow:23px 38px 70px rgba(0,0,0,.7)}.film-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(10,25,28,.7);display:grid;place-items:center;color:white;font-size:18px;padding-left:3px;box-shadow:0 0 30px rgba(0,0,0,.4)}.film-subtitle{position:absolute;z-index:2;bottom:16px;left:14px;right:14px;display:flex;justify-content:space-between;color:#ebf9f5;font-size:9px;font-weight:800;letter-spacing:.08em}.film-ribbon{position:absolute;bottom:4px;color:#acd8d2;font:800 9px Inter,sans-serif;letter-spacing:.15em}
.filmstrip-gallery{perspective:1300px}.filmstrip-gallery .video-review{transition:transform .6s var(--ifs-ease),box-shadow .6s}.filmstrip-gallery .video-review:hover{transform:translateY(-13px) rotateY(3deg);box-shadow:0 30px 60px rgba(34,50,53,.17)}
/* CONTACT: dimensional stationery with genuinely working phone and mail links */
.contact-space{display:grid;place-items:center}.contact-grid-plane{position:absolute;inset:70px 0;background:linear-gradient(90deg,rgba(169,229,224,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(169,229,224,.12) 1px,transparent 1px);background-size:30px 30px;transform:rotateX(67deg) rotateZ(7deg) translateZ(-40px);mask-image:radial-gradient(ellipse,black 35%,transparent 70%)}
.contact-stack-card{position:absolute;width:min(93%,390px);height:220px;border:1px solid rgba(218,246,239,.35);padding:25px;box-shadow:19px 32px 55px rgba(0,0,0,.55);transform-style:preserve-3d}
.contact-stack-back{background:linear-gradient(120deg,#264650,#0b151c);transform:translate3d(-12px,-55px,-30px) rotateY(-15deg) rotateZ(-6deg);display:flex;flex-direction:column;justify-content:space-between}.contact-stack-back>span{font:800 10px Inter,sans-serif;letter-spacing:.16em;color:#bfd5d5}.contact-stack-back>strong{font:800 34px Manrope,sans-serif;color:white}.contact-stack-back>small{font-weight:800;font-size:10px;letter-spacing:.15em;color:#93c2c2}
.contact-card-rule{height:1px;background:rgba(157,211,214,.33);margin:15px 0}
.contact-stack-front{background:linear-gradient(120deg,#d5edeb,#b4d9da 60%,#86bbbb);color:#17383c;transform:translate3d(36px,54px,82px) rotateY(-9deg) rotateX(4deg)}.contact-stack-front>span{font:800 10px Inter,sans-serif;letter-spacing:.13em;color:#32646a}.contact-stack-front>a{display:block;font:800 24px Manrope,sans-serif;color:#113a3e;margin-top:12px;white-space:nowrap}.contact-stack-front>a i{font-size:18px;font-style:normal}.contact-stack-front .contact-card-email{font:800 15px Manrope,sans-serif;letter-spacing:-.03em;overflow-wrap:anywhere;white-space:normal}.contact-card-stamp{position:absolute;right:20px;bottom:14px;color:#4a7b7e;font:800 9px Inter,sans-serif;letter-spacing:.13em}.contact-card-stamp b{font:700 25px Georgia,serif;vertical-align:middle}.contact-signal{position:absolute;width:340px;height:340px;border:1px solid rgba(155,219,215,.15);border-radius:50%;transform:rotateX(68deg) translateZ(-70px);pointer-events:none}.contact-signal-two{width:420px;height:420px;opacity:.65}
.contact-layout-dimensional .contact-form-panel{box-shadow:22px 30px 65px rgba(12,39,41,.09);border-top:3px solid #4fa5a4}.contact-layout-dimensional .contact-fact{transition:padding .4s,border-color .4s}.contact-layout-dimensional .contact-fact:hover{padding-left:12px;border-color:#4b9b97}
/* viewport and accessibility */
@media(max-width:1100px){.inner-hero .inner-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:20px}.scene .spatial-core{scale:.87}.inner-page .scene{min-height:390px}}
@media(max-width:850px){.inner-hero .inner-hero-grid{grid-template-columns:1fr}.inner-page .scene{display:grid;margin-top:16px;min-height:390px}.scene .spatial-core{scale:1}.journey-layout{grid-template-columns:1fr;gap:30px}.journey-visual{position:relative;top:auto}.journey-diagram,.journey-diagram-inner{min-height:360px;height:360px}.journey-milestone{min-height:220px}}
@media(max-width:680px){.inner-page .scene{min-height:315px;margin-top:8px}.scene .spatial-core{scale:.72;height:390px;width:calc(100% / .72);max-width:510px}.scene-legend{bottom:-7px;font-size:7px}.inner-hero{padding-bottom:55px}.story-space .story-orbit-tag{min-width:165px}.dispatch-float-b{left:7px}.dispatch-float-a{right:7px}.equipment-photo-deck{height:312px}.contact-stack-card{width:385px}.about-journey{padding:75px 0}.journey-heading{margin-bottom:36px}.journey-diagram,.journey-diagram-inner{min-height:300px;height:300px}.journey-orbit{inset:44px 23px 60px}.journey-guide{font-size:7px}.journey-milestone{grid-template-columns:38px 1fr;gap:16px;padding:30px 8px 30px 20px;min-height:200px}.journey-milestone:before{top:42px}.journey-num{font-size:23px}.journey-milestone h3{font-size:29px}.journey-milestone p{font-size:13px}.scene-film .spatial-core{scale:.7}.scene-contact .spatial-core{scale:.7}}
@media(max-width:360px){.scene .spatial-core{scale:.64;width:calc(100% / .64)}.scene .scene-legend{bottom:-10px}.dispatch-window{width:93%}.dispatch-float{font-size:10px}.owner-floating-share{right:2px}}
@media(hover:none){.scene .spatial-core,.journey-diagram-inner{will-change:auto}.service-tile-3d:hover,.rate-grid-dimensional .rate-card:hover,.truck-tile-3d:hover,.filmstrip-gallery .video-review:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.scene *, .journey-diagram *{animation:none!important;transition-duration:.01ms!important}.scene .spatial-core,.journey-diagram-inner{transform:none!important}.service-tile-3d:hover,.rate-grid-dimensional .rate-card:hover,.truck-tile-3d:hover,.filmstrip-gallery .video-review:hover{transform:none!important}.journey-milestone{opacity:1!important}}
/* V6 visual QA refinements: keep front contact card legible and all orbit tags visible. */
.contact-space{transform-style:flat!important;isolation:isolate}
.contact-grid-plane,.contact-signal{z-index:0}
.contact-stack-card{transform-style:flat;backface-visibility:hidden}
.contact-stack-back{z-index:1}
.contact-stack-front{z-index:4;transform:translate3d(18px,66px,0) rotateY(-6deg) rotateX(2deg);height:238px;padding:22px 25px}
.contact-stack-front>a{position:relative;z-index:3}
.contact-stack-front .contact-card-email{font-size:13px;line-height:1.5;letter-spacing:-.01em}
.contact-card-stamp{z-index:1;bottom:9px}
@media(max-width:680px){.scene-story .spatial-core{scale:.63;width:510px}.scene-story .orbit-tag-a{left:46px}.scene-story .orbit-tag-b{right:43px}.scene-story .orbit-tag-c{left:58px}.scene-contact .contact-stack-front{transform:translate3d(5px,65px,0) rotateY(-4deg)}}
/* Small-screen layout containment: avoid intrinsic 3D stage sizing widening the hero grid. */
.inner-hero .inner-hero-grid > *{min-width:0}
@media(max-width:680px){.inner-hero .inner-hero-grid{grid-template-columns:minmax(0,1fr)}.scene-story .spatial-core{width:calc(100% / .72);max-width:510px;scale:.61}}

/* Infinity Freight Solution V7 — restrained dimensional design system */
:root{--v7-ice:#9ed4d2;--v7-ink:#0c1316;--v7-line:rgba(171,223,220,.24);--v7-ease:cubic-bezier(.16,.72,.2,1)}
.inner-hero{padding:168px 0 96px;min-height:590px;background:#10181b;isolation:isolate}
.inner-hero::before{background-image:linear-gradient(90deg,transparent 59%,rgba(140,198,197,.025) 60%),linear-gradient(0deg,transparent 59%,rgba(140,198,197,.025) 60%);background-size:110px 110px;mask-image:none;opacity:.55;z-index:-1}
.inner-hero::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#8cd4d2,transparent);opacity:.3}
.inner-hero .v7-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(36px,6vw,110px);align-items:center}
.inner-hero .v7-hero-grid>div{min-width:0}
.inner-hero h1{font-size:clamp(46px,5.1vw,76px);line-height:1.08;letter-spacing:-.058em;max-width:820px;margin:24px 0 28px}
.inner-hero h1 em{color:#b2dfdc;font-weight:700}
.inner-intro{max-width:580px;font-size:16px;line-height:1.85;color:#b4c4c7}
.inner-hero .hero-quick{margin-top:32px;gap:24px}
.v7-hero-aside{position:relative;min-width:0;align-self:stretch;display:flex;justify-content:center;flex-direction:column;min-height:355px}
.v7-kicker{display:block;font:800 10px/1.5 Inter,sans-serif;letter-spacing:.18em;color:#92c0c0;margin-bottom:21px}
.v7-aside-footer{display:flex;justify-content:space-between;color:#8ca7ad;font:800 10px/1.6 Inter,sans-serif;letter-spacing:.13em;margin-top:22px}
.v7-aside-footer span:last-child{font-size:21px;line-height:1;color:#bce6e2}
.v7-about-aside{perspective:1100px}
.v7-about-layers{--mx:0;--my:0;position:relative;height:310px;transform-style:preserve-3d;perspective:1200px;will-change:transform}
.v7-about-slab{position:absolute;left:4%;right:9%;height:124px;border:1px solid rgba(223,250,245,.17);background:linear-gradient(125deg,#203338,#101c20);display:flex;flex-direction:column;justify-content:center;padding:18px 26px;box-shadow:11px 18px 36px rgba(0,0,0,.25);backface-visibility:hidden;transition:transform .6s var(--v7-ease),border-color .35s ease,background .35s ease}
.v7-about-slab span:first-child{font:700 11px Inter,sans-serif;color:#85b8b7;letter-spacing:.15em}
.v7-about-slab strong{font:800 clamp(21px,2vw,29px)/1.15 Manrope,sans-serif;color:#e8f0ee;letter-spacing:-.04em;margin:8px 0 5px}
.v7-about-slab small{font-size:11px;color:#a7babb}
.v7-slab-back{top:6px;transform:translateX(36px) translateY(-5px) rotate(-2deg) rotateX(calc(var(--my)*1deg));opacity:.68}
.v7-slab-middle{top:87px;transform:translateX(18px) rotate(.6deg) translateZ(30px);opacity:.9}
.v7-slab-front{top:164px;z-index:2;background:linear-gradient(125deg,#395b5b,#173034 64%,#0e2126);transform:translateZ(55px) rotateX(calc(var(--my)*-2deg)) rotateY(calc(var(--mx)*3deg));border-color:rgba(183,238,230,.38)}
.v7-layer-arrow{position:absolute;right:23px;top:25px;font-size:24px;color:#b4e1de}
.v7-about-layers:hover .v7-slab-back{transform:translate(47px,-16px) rotate(-3deg)}
.v7-about-layers:hover .v7-slab-middle{transform:translate(27px,-3px) rotate(.6deg)}
.v7-services-aside{border-left:1px solid var(--v7-line);padding-left:32px}
.v7-service-steps{display:grid;gap:0;perspective:1200px}
.v7-process-card{background:linear-gradient(120deg,#1c2e33,#132125);border:1px solid rgba(186,229,227,.21);padding:19px 20px;display:grid;gap:7px;position:relative;margin-top:-1px;transition:transform .35s var(--v7-ease),box-shadow .35s,border-color .35s}
.v7-process-card:first-child{margin-top:0}.v7-process-card:nth-child(2){margin-left:17px}.v7-process-card:nth-child(3){margin-left:34px}
.v7-process-card:hover{transform:translate3d(-6px,-3px,15px);z-index:2;border-color:#96cbc8;box-shadow:0 19px 30px rgba(0,0,0,.25)}
.v7-process-num{font:800 9px Inter,sans-serif;letter-spacing:.18em;color:#9ed2cb}.v7-process-card strong{font:800 19px Manrope,sans-serif;letter-spacing:-.035em}.v7-process-card small{font-size:12px;color:#a4babc}
.v7-card-line{position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(#a9ddda,#325e63)}
.v7-equipment-aside{border-top:1px solid var(--v7-line);padding-top:15px}
.v7-equipment-heading{display:flex;gap:22px;align-items:end;margin-bottom:8px}.v7-equipment-heading>span{font:800 clamp(85px,9vw,154px)/.8 Manrope,sans-serif;letter-spacing:-.1em;color:#96d0ce}.v7-equipment-heading p{font:800 10px/1.8 Inter,sans-serif;letter-spacing:.2em;color:#a1b6b7}
.v7-equipment-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.v7-equipment-list>span{display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid rgba(191,225,224,.16);padding:13px 0;font-size:12px;color:#d3e2e0}.v7-equipment-list b{font-size:9px;color:#7cabad;font-weight:700}
.v7-aside-link{display:flex;justify-content:space-between;align-items:center;max-width:280px;margin-top:26px;border-bottom:1px solid #95c1be;padding-bottom:12px;color:#d7f2ef;font-size:12px;font-weight:700}.v7-aside-link span{font-size:20px}
.v7-owner-aside{perspective:950px}.v7-owner-brief{position:relative;background:#dfedeb;color:#1d3032;border:1px solid rgba(255,255,255,.4);box-shadow:17px 28px 35px rgba(0,0,0,.26);padding:26px 28px 20px;transform:rotateY(-5deg) rotateX(2deg);transition:transform .5s var(--v7-ease)}.v7-owner-brief:hover{transform:rotateY(0) rotateX(0) translateY(-4px)}
.v7-brief-top,.v7-brief-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;font:800 10px Inter,sans-serif;letter-spacing:.14em;color:#356b6a}.v7-brief-top span{font-size:8px;color:#667c7f}.v7-brief-bottom{border-top:1px solid #abc3c1;padding-top:16px}.v7-brief-bottom span{font-size:17px}
.v7-owner-brief>div{display:grid;grid-template-columns:36px 1fr;align-items:start;gap:15px;border-top:1px solid #b4c7c5;padding:17px 0}.v7-owner-brief>div:first-of-type{margin-top:20px}.v7-brief-num{font:800 11px Inter,sans-serif;color:#488b88;padding-top:3px}.v7-owner-brief p{margin:0;font:800 16px/1.35 Manrope,sans-serif;color:#1d3639}.v7-owner-brief small{display:block;color:#546c6d;font:500 11px/1.7 Inter,sans-serif;margin-top:3px}
.v7-testimonials-aside{border-left:1px solid var(--v7-line);padding:24px 0 22px clamp(25px,3vw,55px);min-height:285px}.v7-stories-brief{max-width:450px}.v7-stories-count{font:800 clamp(95px,11vw,165px)/.9 Manrope,sans-serif;letter-spacing:-.11em;color:#b4dfdc;display:flex;align-items:end;gap:18px}.v7-stories-count span{letter-spacing:.12em;font:800 10px/1.7 Inter,sans-serif;white-space:nowrap;color:#8eb5b6;padding-bottom:14px}.v7-story-rule{width:100%;height:1px;background:linear-gradient(90deg,#89c6c2,transparent);margin:29px 0 20px}.v7-stories-brief p{font-size:14px;line-height:1.8;color:#aebfc0}.v7-stories-brief a{display:inline-flex;gap:22px;align-items:center;margin-top:12px;font-weight:800;font-size:12px;color:#e4f6f1;border-bottom:1px solid #a6c4c1;padding-bottom:10px}.v7-stories-brief a span{font-size:18px}
.v7-contact-aside{padding:5px 0 5px 30px;border-left:1px solid rgba(189,226,223,.28)}.v7-contact-lines{--mx:0;--my:0;transform:rotateY(calc(var(--mx)*2deg)) rotateX(calc(var(--my)*-2deg));transition:transform .22s linear}.v7-contact-line{display:block;padding:18px 0 19px;border-top:1px solid rgba(189,226,223,.26);overflow-wrap:anywhere}.v7-contact-line:last-child{border-bottom:1px solid rgba(189,226,223,.26)}.v7-contact-line small{display:block;color:#93babc;letter-spacing:.18em;font-weight:800;font-size:10px;margin-bottom:9px}.v7-contact-line strong{font:750 clamp(15px,1.65vw,22px)/1.6 Manrope,sans-serif;color:#ebf6f4;letter-spacing:-.03em}.v7-contact-line strong span{color:#82c8c7;margin-left:10px}.v7-contact-mail{font-size:clamp(13px,1.3vw,18px)!important;white-space:normal}
/* Different editorial hero geometry by page. */
.inner-hero-testimonials{background:linear-gradient(110deg,#141a1d,#202026 70%,#181d20)}
.inner-hero-testimonials .v7-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr)}
.inner-hero-truck-types{background:radial-gradient(ellipse at 75% 95%,rgba(68,147,151,.19),transparent 48%),#101a1f}
.inner-hero-owner-operators{background:linear-gradient(125deg,#0e191e,#1a3033)}
.inner-hero-contact-us{background:radial-gradient(ellipse at 100% 5%,rgba(91,174,169,.22),transparent 44%),#0c161a}
.inner-hero-services{background:radial-gradient(ellipse at 70% 65%,rgba(79,141,139,.15),transparent 48%),#111719}
.inner-hero-about-us{background:linear-gradient(150deg,#0e1519,#16272a)}
/* V7 interactions should feel physical but never jeopardize reading text. */
.v7-truck-showcase{perspective:1800px}.v7-truck-showcase .truck-tile{transition:transform .55s var(--v7-ease),box-shadow .55s var(--v7-ease);transform-origin:center center}
.v7-truck-showcase .truck-tile:hover{transform:translateY(-7px) rotateX(1.2deg);box-shadow:0 22px 48px rgba(8,28,31,.18)}
.v7-filter-row{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 30px}.v7-filter{appearance:none;background:#eff3f2;color:#273d40;border:1px solid #becfcd;border-radius:3px;padding:12px 18px;cursor:pointer;font-size:12px;font-weight:800;transition:background .25s,border-color .25s,color .25s,transform .25s}.v7-filter span{color:#6d8e91;margin-left:12px;font-size:10px}.v7-filter:hover{transform:translateY(-2px);border-color:#3d8987}.v7-filter.is-active{background:#18383c;color:#f0f9f8;border-color:#18383c}.v7-filter.is-active span{color:#a1d6d3}.v7-truck-showcase .truck-tile[hidden]{display:none!important}
.v7-catalog-section .truck-photo img{filter:saturate(.94)}.v7-catalog-section .truck-photo{height:305px}
.v7-video-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;perspective:none}.v7-video-gallery .video-review{transition:transform .4s var(--v7-ease),box-shadow .4s;transform:none!important;box-shadow:0 12px 32px rgba(0,0,0,.07);border-color:#d9e1e1}.v7-video-gallery .video-review:hover{transform:translateY(-5px)!important;box-shadow:0 20px 42px rgba(10,30,33,.13)}.v7-video-gallery .video-review:nth-child(2){margin-top:26px}.v7-video-gallery .video-review:nth-child(3){margin-top:52px}
.v7-videos-section{padding-top:100px}.v7-videos-section .section-head{margin-bottom:46px}
.v7-owner-details .owner-split{box-shadow:0 20px 45px rgba(12,32,32,.1)}.v7-owner-details .split-driver{background:linear-gradient(135deg,#1e6d6d,#2f8b87)}.v7-owner-details .split-support{background:linear-gradient(135deg,#253e44,#15282e)}
.v7-owner-details .breakdown-card:hover{transform:translateY(-4px)!important;box-shadow:0 15px 35px rgba(10,30,34,.09)}
.v7-services-section .service-tile-3d:hover{transform:translateY(-6px) rotateX(1deg);box-shadow:0 20px 38px rgba(7,37,40,.11)}
/* focus visible and accessibility */
.v7-filter:focus-visible,.v7-aside-link:focus-visible,.v7-contact-line:focus-visible,.v7-stories-brief a:focus-visible{outline:3px solid #55c9c5;outline-offset:4px}
@media(max-width:1090px){.inner-hero .v7-hero-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);gap:24px}.v7-owner-brief{padding:22px 20px}.v7-about-slab{left:0;right:8%}.v7-equipment-heading>span{font-size:115px}}
@media(max-width:850px){.inner-hero{min-height:0;padding:155px 0 82px}.inner-hero .v7-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}.inner-hero .v7-hero-grid .v7-hero-aside{min-height:0;max-width:650px;width:100%}.v7-services-aside,.v7-contact-aside,.v7-testimonials-aside{padding-left:24px}.v7-about-layers{height:320px}.v7-owner-brief{transform:none;max-width:540px}.v7-owner-brief:hover{transform:translateY(-3px)}.v7-video-gallery .video-review:nth-child(n){margin-top:0}.v7-video-gallery{gap:18px}}
@media(max-width:680px){.inner-hero{padding:137px 0 66px}.inner-hero h1{font-size:clamp(39px,10vw,56px);margin:17px 0 20px}.inner-intro{font-size:15px;line-height:1.75}.inner-hero .v7-hero-grid{gap:32px}.inner-hero .v7-hero-grid .v7-hero-aside{display:flex;min-height:0;margin-top:0}.v7-kicker{font-size:9px}.v7-about-layers{height:300px}.v7-about-slab{right:7%;padding:14px 19px}.v7-about-slab strong{font-size:22px}.v7-slab-back{top:4px}.v7-slab-middle{top:78px}.v7-slab-front{top:154px}.v7-services-aside,.v7-contact-aside,.v7-testimonials-aside{padding-left:19px}.v7-process-card:nth-child(2){margin-left:10px}.v7-process-card:nth-child(3){margin-left:20px}.v7-equipment-heading>span{font-size:94px}.v7-equipment-list{grid-template-columns:1fr 1fr;gap:0 12px}.v7-equipment-list>span{font-size:11px}.v7-brief-top{flex-wrap:wrap;font-size:9px}.v7-owner-brief{padding:19px}.v7-stories-count{font-size:100px}.v7-stories-count span{font-size:8px}.v7-videos-section{padding-top:72px}.v7-video-gallery{grid-template-columns:1fr;gap:26px}.v7-video-gallery .video-review{max-width:460px;margin-inline:auto;width:100%}.v7-truck-showcase{grid-template-columns:1fr}.v7-filter{padding:11px 12px}.v7-filter span{margin-left:5px}.v7-contact-line strong{font-size:18px}.v7-contact-mail{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.v7-about-slab,.v7-process-card,.v7-owner-brief,.v7-contact-lines,.v7-video-gallery .video-review,.v7-truck-showcase .truck-tile{transition:none!important;transform:none!important}.v7-filter:hover{transform:none}}
@media(hover:none){.v7-about-slab,.v7-owner-brief,.v7-contact-lines{transform:none!important}.v7-truck-showcase .truck-tile:hover,.v7-video-gallery .video-review:hover{transform:none!important}}

/* Final visual review: all three About layers must remain legible at every width. */
.v7-about-layers{height:352px}
.v7-about-slab{height:102px;opacity:1!important;left:1%;right:7%;padding:14px 21px}
.v7-about-slab strong{font-size:22px;margin:5px 0 3px}
.v7-slab-back{top:1px;transform:translateX(26px) rotate(-1deg);border-color:rgba(183,238,230,.22)}
.v7-slab-middle{top:119px;transform:translateX(13px) rotate(.5deg);border-color:rgba(183,238,230,.3)}
.v7-slab-front{top:237px;transform:translateX(0) rotate(.1deg);border-color:rgba(183,238,230,.4)}
.v7-about-layers:hover .v7-slab-back{transform:translateX(36px) rotate(-1.5deg)}
.v7-about-layers:hover .v7-slab-middle{transform:translateX(21px) rotate(.3deg)}
@media(max-width:680px){.v7-about-layers{height:353px}.v7-about-slab{height:100px;left:0;right:6%;padding:13px 17px}.v7-slab-back{top:1px;transform:translateX(15px) rotate(-.7deg)}.v7-slab-middle{top:119px;transform:translateX(8px) rotate(.4deg)}.v7-slab-front{top:236px;transform:none}.v7-about-slab strong{font-size:21px}}


/* Studio credit — consistent across all seven pages */
.footer-bottom .sfs-footer-credit{color:#a6b1b4;letter-spacing:.01em}
.footer-bottom .sfs-footer-credit strong{color:#e1edee;font-weight:800;letter-spacing:.065em;white-space:nowrap}

/* V8: Original illustrated 3D scenes restored exclusively to About and Services. */
.page-about .inner-hero .v8-scene-grid,.page-services .inner-hero .v8-scene-grid{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.98fr);gap:clamp(24px,4vw,72px);align-items:center;
}
.page-about .inner-hero,.page-services .inner-hero{overflow:hidden;}
.page-about .scene-story,.page-services .scene-services{min-width:0;min-height:440px;isolation:isolate;}
.page-about .story-space,.page-services .dispatch-stack{max-width:100%;}
.page-about .scene-legend,.page-services .scene-legend{z-index:2;}
@media(max-width:1000px){
 .page-about .inner-hero .v8-scene-grid,.page-services .inner-hero .v8-scene-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .page-about .scene-story,.page-services .scene-services{margin:0 auto;max-width:680px;width:100%;min-height:420px;}
}
@media(max-width:680px){
 .page-about .scene-story,.page-services .scene-services{min-height:355px;max-width:100%;}
 .page-about .scene-story .spatial-core{scale:.63;width:510px;max-width:none;transform-origin:center center;}
 .page-services .scene-services .spatial-core{scale:.64;width:520px;max-width:none;transform-origin:center center;}
 .page-about .scene-legend,.page-services .scene-legend{bottom:0;font-size:8px;letter-spacing:.12em;}
}
@media(max-width:360px){
 .page-about .scene-story .spatial-core{scale:.55;}
 .page-services .scene-services .spatial-core{scale:.56;}
}
/* V8: the hero shows a photo-led dark editorial still immediately, then blends to footage. */
.hero-media-v8{background:#091417!important;isolation:isolate;overflow:hidden;}
.hero-media-v8 .hero-poster{
 position:absolute;inset:0;z-index:0;
 background-image:linear-gradient(90deg,rgba(4,10,13,.84),rgba(4,11,14,.28) 62%,rgba(4,11,14,.34)),url('https://images.pexels.com/videos/30116749/4k-aerial-4k-drone-footage-california-cargo-30116749.jpeg?auto=compress&w=1920');
 background-position:center,center 49%;background-size:cover;background-repeat:no-repeat;
}
.hero-media-v8 .hero-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,11,15,.23) 5%,transparent 45%,rgba(4,10,13,.58) 100%);}
.hero-media-v8 video{opacity:0;transition:opacity 1.1s ease;will-change:opacity;z-index:1;filter:saturate(.72) contrast(1.09) brightness(.79);}
.hero-media-v8.is-video-ready video{opacity:1;}
.hero-media-v8:after{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(4,10,13,.7),rgba(4,10,13,.17) 72%),linear-gradient(0deg,rgba(3,7,10,.72),transparent 70%);}
.hero .hero-content{z-index:3;}
@media(max-width:680px){
 .hero-media-v8 .hero-poster{background-position:center,60% center;}
 .hero-media-v8 video{object-position:62% center!important;}
 .hero-media-v8:after{background:linear-gradient(180deg,rgba(4,9,13,.42),rgba(4,9,13,.68) 53%,rgba(4,9,13,.91));}
}
@media(prefers-reduced-motion:reduce){.hero-media-v8 video{display:none!important}.hero-media-v8 .hero-poster{background-attachment:scroll}}

/* V8 QA: position media behind readable content rather than under the hero background. */
.hero#home{isolation:isolate;}
.hero#home .hero-media-v8{z-index:0!important;pointer-events:none;}
.hero#home .hero-content{position:relative;z-index:3!important;}
@media(max-width:680px){
 .hero#home .hero-media-v8{position:absolute!important;inset:0!important;z-index:0!important;}
 .hero#home .hero-media-v8 video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;}
 .hero#home .hero-content{position:relative!important;z-index:3!important;}
}