/* V8.50.0 MOBILE BUNDLE — CORE */
/* ==========================================================
   AASHMAAN V8.47.0
   TRUE MOBILE EXPERIENCE

   Everything here is restricted to <= 720px.
   Desktop is untouched.
   ========================================================== */

@media (max-width:720px){

  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }

  html.v8470-nav-open,
  body.v8470-nav-open{
    overflow:hidden!important;
  }


  /* ========================================================
     STICKY HEADER
     ======================================================== */

  body.v8 .v6-utility{
    display:none!important;
  }

  body.v8 .v6-header,
  body.v8 .v6-header.scrolled,
  body.v8 .v6-header.header-hidden{
    position:sticky!important;

    top:0!important;
    left:0!important;
    right:0!important;

    transform:none!important;
    translate:none!important;

    opacity:1!important;
    visibility:visible!important;

    z-index:2147483600!important;

    background:#061d2a!important;

    box-shadow:
      0 1px 0 rgba(255,255,255,.08)!important;
  }

  body.v8 .v6-nav{
    height:66px!important;
    min-height:66px!important;
  }

  body.v8 .v6-brand img{
    width:162px!important;
    max-width:52vw!important;
  }

  body.v8 .v6-links{
    display:none!important;
  }

  body.v8 .v6-actions .track,
  body.v8 .v6-actions .portal,
  body.v8 .v6-actions .quote{
    display:none!important;
  }

  body.v8 .v6-menu-btn{
    display:flex!important;

    position:relative!important;

    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;

    gap:5px!important;

    width:46px!important;
    min-width:46px!important;
    height:46px!important;

    padding:0!important;

    border:0!important;

    background:transparent!important;

    box-shadow:none!important;

    opacity:1!important;
    visibility:visible!important;

    z-index:2147483646!important;
  }

  body.v8 .v6-menu-btn span{
    display:block!important;

    position:relative!important;

    top:auto!important;
    left:auto!important;

    width:24px!important;
    height:2px!important;

    margin:0!important;

    background:#1697df!important;

    transform:none!important;

    opacity:1!important;

    transition:
      transform .22s ease,
      opacity .18s ease!important;
  }

  body.v8470-nav-open
  .v6-menu-btn span:nth-child(1){
    transform:
      translateY(7px)
      rotate(45deg)!important;
  }

  body.v8470-nav-open
  .v6-menu-btn span:nth-child(2){
    opacity:0!important;
  }

  body.v8470-nav-open
  .v6-menu-btn span:nth-child(3){
    transform:
      translateY(-7px)
      rotate(-45deg)!important;
  }


  /* ========================================================
     COMPLETE MOBILE DRAWER
     ======================================================== */

  .v8470-backdrop{
    position:fixed;

    inset:66px 0 0;

    background:rgba(1,15,24,.62);

    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
      opacity .24s ease,
      visibility 0s linear .24s;

    z-index:2147483400;
  }

  body.v8470-nav-open .v8470-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;

    transition:
      opacity .24s ease,
      visibility 0s;
  }

  .v8470-drawer{
    position:fixed;

    top:66px;
    right:0;
    bottom:0;

    width:min(92vw,430px);

    padding:
      23px
      20px
      max(26px,env(safe-area-inset-bottom));

    background:#fbf8f0;

    overflow-y:auto;
    overflow-x:hidden;

    -webkit-overflow-scrolling:touch;

    transform:translate3d(103%,0,0);

    visibility:hidden;
    pointer-events:none;

    box-shadow:
      -28px 0 70px rgba(2,17,26,.28);

    transition:
      transform .34s cubic-bezier(.22,.82,.3,1),
      visibility 0s linear .34s;

    z-index:2147483500;
  }

  body.v8470-nav-open .v8470-drawer{
    transform:none;

    visibility:visible;
    pointer-events:auto;

    transition:
      transform .34s cubic-bezier(.22,.82,.3,1),
      visibility 0s;
  }

  .v8470-drawer-head{
    padding:
      2px
      2px
      18px;

    border-bottom:
      1px solid rgba(8,42,59,.10);
  }

  .v8470-drawer-head span{
    display:block;

    color:#ae8024;

    font-size:11px;
    font-weight:850;

    letter-spacing:.18em;
    text-transform:uppercase;
  }

  .v8470-drawer-head small{
    display:block;

    margin-top:5px;

    color:#70808a;

    font-size:10px;
  }

  .v8470-menu{
    display:block;
  }

  .v8470-direct,
  .v8470-group-toggle{
    display:flex;

    width:100%;
    min-height:57px;

    align-items:center;
    justify-content:space-between;

    padding:0 3px;

    color:#082d41;

    font-family:"Manrope",sans-serif;
    font-size:17px;
    font-weight:800;

    text-decoration:none;

    border:0;
    border-bottom:
      1px solid rgba(8,42,59,.10);

    background:transparent;

    text-align:left;
  }

  .v8470-direct b,
  .v8470-group-toggle b{
    color:#b88a28;

    font-size:18px;
    font-weight:600;
  }

  .v8470-submenu{
    display:none;

    padding:
      8px
      0
      14px
      14px;

    border-bottom:
      1px solid rgba(8,42,59,.10);
  }

  .v8470-group.open .v8470-submenu{
    display:block;
  }

  .v8470-submenu a{
    display:block;

    padding:10px 5px;

    color:#536c79;

    font-size:13px;
    line-height:1.35;
    font-weight:650;

    text-decoration:none;

    border-bottom:
      1px solid rgba(8,42,59,.055);
  }

  .v8470-submenu a:last-child{
    border-bottom:0;
  }

  .v8470-drawer-actions{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:8px;

    margin-top:20px;
  }

  .v8470-drawer-actions a{
    display:flex;

    min-height:46px;

    align-items:center;
    justify-content:center;

    padding:10px;

    color:#fff;
    background:#0a3045;

    border-radius:12px;

    font-size:12px;
    font-weight:800;

    text-align:center;
    text-decoration:none;
  }

  .v8470-drawer-actions .gold{
    grid-column:1/-1;

    justify-content:space-between;

    padding-inline:16px;

    color:#082b3e;
    background:#dcaa31;
  }

  .v8470-drawer-contact{
    display:flex;

    flex-direction:column;
    gap:5px;

    margin-top:20px;
    padding-top:17px;

    border-top:
      1px solid rgba(8,42,59,.10);
  }

  .v8470-drawer-contact a{
    color:#697c86;

    font-size:11px;
    font-weight:650;

    text-decoration:none;
  }


  /* ========================================================
     HIDE DESKTOP HOMEPAGE, SHOW TRUE MOBILE HOMEPAGE
     ======================================================== */

  body.v8470-mobile-ready.home-page
  main#main{
    display:none!important;
  }

  .v8470-mobile-main{
    display:block;

    width:100%;

    overflow:hidden;
  }

  .v8470-shell{
    width:calc(100% - 30px);

    margin-inline:auto;
  }


  /* ========================================================
     HERO
     ======================================================== */

  .v8470-hero{
    position:relative;

    padding:
      44px
      0
      38px;

    color:#fff;

    background:
      url("/assets/img/v8520/hero-mobile.webp")
      center center / cover no-repeat;

    overflow:hidden;
  }

  .v8470-hero-overlay{
    position:absolute;

    inset:0;

    background:
      linear-gradient(
        180deg,
        rgba(2,19,29,.55) 0%,
        rgba(2,19,29,.68) 48%,
        rgba(2,19,29,.93) 100%
      );
  }

  .v8470-hero .v8470-shell{
    position:relative;

    z-index:2;
  }

  .v8470-kicker,
  .eyebrow{
    color:#d3a43d;

    font-family:"Manrope",sans-serif;
    font-size:9px;
    line-height:1.2;
    font-weight:850;

    letter-spacing:.18em;
    text-transform:uppercase;
  }

  .v8470-hero h1{
    margin:
      17px
      0
      18px;

    color:#fff;

    font-family:"Manrope",sans-serif;
    font-size:clamp(3rem,13vw,4rem);
    line-height:.87;
    font-weight:850;

    letter-spacing:-.06em;
  }

  .v8470-hero h1 span{
    display:block;

    color:#dfad36;
  }

  .v8470-hero-copy{
    max-width:34rem;

    margin:0;

    color:rgba(255,255,255,.74);

    font-size:15px;
    line-height:1.6;
  }

  .v8470-hero-actions{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:8px;

    margin-top:23px;
  }

  .v8470-hero-actions a{
    display:flex;

    min-height:47px;

    align-items:center;
    justify-content:center;

    padding:0 11px;

    color:#fff;

    border:
      1px solid rgba(255,255,255,.24);

    border-radius:999px;

    background:rgba(7,28,40,.58);

    font-size:11px;
    font-weight:800;

    text-align:center;
    text-decoration:none;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }

  .v8470-hero-actions .gold{
    color:#082536;
    background:#dda92f;
    border-color:#dda92f;
  }


  /* ========================================================
     TRACK CARD
     ======================================================== */

  .v8470-track-card{
    margin-top:31px;

    padding:17px;

    border:
      1px solid rgba(217,173,79,.30);

    border-radius:20px;

    background:
      rgba(4,35,50,.92);

    box-shadow:
      0 22px 55px rgba(0,0,0,.28);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .v8470-track-head{
    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:12px;

    padding-bottom:14px;

    border-bottom:
      1px solid rgba(255,255,255,.10);
  }

  .v8470-track-head small{
    display:block;

    color:#dfb552;

    font-size:9px;
    font-weight:850;

    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .v8470-track-head strong{
    display:block;

    margin-top:7px;

    color:#fff;

    font-size:18px;
  }

  .v8470-track-head > span{
    color:#77dfab;

    font-size:8px;
    font-weight:800;

    letter-spacing:.12em;
  }

  .v8470-track-tabs{
    display:grid;

    grid-template-columns:
      repeat(3,minmax(0,1fr));

    gap:4px;

    margin:
      13px
      0
      10px;

    padding:4px;

    background:
      rgba(255,255,255,.05);

    border-radius:12px;
  }

  .v8470-track-tabs button{
    min-width:0;
    height:43px;

    padding:0 3px;

    color:rgba(255,255,255,.58);
    background:transparent;

    border:0;
    border-radius:9px;

    font-size:10.5px;
    font-weight:800;

    white-space:nowrap;
  }

  .v8470-track-tabs button.active{
    color:#082739;
    background:#fbf8f0;

    box-shadow:
      0 5px 14px rgba(0,0,0,.16);
  }

  .v8470-track-form{
    display:grid;

    gap:7px;
  }

  .v8470-track-form input,
  .v8470-track-form button{
    width:100%;
    height:47px;

    box-sizing:border-box;

    border:0;
    border-radius:12px;
  }

  .v8470-track-form input{
    padding:0 14px;

    color:#173747;
    background:#fff;

    font-size:14px;
  }

  .v8470-track-form button{
    color:#082739;
    background:#dda92f;

    font-size:15px;
    font-weight:900;
  }


  /* ========================================================
     PROOF RAIL
     ======================================================== */

  .v8470-proof{
    padding:
      14px
      0
      17px;

    background:#f5f2e9;
  }

  .v8470-proof-rail{
    display:flex;

    gap:10px;

    padding:
      0
      15px
      4px;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    scrollbar-width:none;

    -webkit-overflow-scrolling:touch;
  }

  .v8470-proof-rail::-webkit-scrollbar{
    display:none;
  }

  .v8470-proof article{
    flex:
      0 0
      68vw;

    min-width:68vw;

    padding:17px;

    border:
      1px solid rgba(8,42,59,.08);

    border-radius:17px;

    background:#fff;

    scroll-snap-align:start;
  }

  .v8470-proof article b{
    display:block;

    color:#d0a03a;

    font-size:12px;
  }

  .v8470-proof article strong{
    display:block;

    margin-top:7px;

    color:#082e42;

    font-size:17px;
  }

  .v8470-proof article span{
    display:block;

    margin-top:5px;

    color:#70818b;

    font-size:9px;
    font-weight:750;

    letter-spacing:.09em;
    text-transform:uppercase;
  }


  /* ========================================================
     SECTIONS
     ======================================================== */

  .v8470-section{
    padding:
      49px
      0;
  }

  .v8470-section.cream{
    background:#f4efe5;
  }

  .v8470-section.light{
    background:#f8faf9;
  }

  .v8470-section h2,
  .v8470-intelligence h2,
  .v8470-final h2{
    margin:
      13px
      0
      17px;

    color:#062d42;

    font-family:"Manrope",sans-serif;
    font-size:clamp(2.2rem,10vw,2.9rem);
    line-height:.94;
    font-weight:850;

    letter-spacing:-.05em;
  }

  .v8470-section .intro{
    margin:0;

    color:#52656f;

    font-size:15px;
    line-height:1.62;
  }


  /* ========================================================
     MODEL GRID
     ======================================================== */

  .v8470-model-grid{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:9px;

    margin-top:27px;
  }

  .v8470-model-grid article{
    min-height:157px;

    padding:18px;

    border:
      1px solid rgba(8,42,59,.08);

    border-radius:17px;

    background:#fff;
  }

  .v8470-model-grid span{
    display:flex;

    width:33px;
    height:33px;

    align-items:center;
    justify-content:center;

    color:#9c7526;
    background:#f5ead1;

    border-radius:50%;

    font-size:10px;
    font-weight:850;
  }

  .v8470-model-grid strong{
    display:block;

    margin-top:17px;

    color:#082f43;

    font-size:16px;
  }

  .v8470-model-grid p{
    margin:
      8px
      0
      0;

    color:#6b7980;

    font-size:11px;
    line-height:1.5;
  }


  /* ========================================================
     SECTION HEAD
     ======================================================== */

  .v8470-section-head{
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:16px;

    margin-bottom:20px;
  }

  .v8470-section-head h2{
    margin-bottom:0;
  }

  .v8470-section-head > a{
    flex:0 0 auto;

    padding-bottom:5px;

    color:#9c7424;

    font-size:10px;
    font-weight:850;

    text-decoration:none;
    text-transform:uppercase;
  }


  /* ========================================================
     SERVICE RAIL
     ======================================================== */

  .v8470-card-rail{
    display:flex;

    gap:13px;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    scrollbar-width:none;

    -webkit-overflow-scrolling:touch;
  }

  .v8470-card-rail::-webkit-scrollbar{
    display:none;
  }

  .v8470-service-card{
    flex:
      0 0
      81vw;

    min-width:81vw;

    overflow:hidden;

    color:inherit;
    background:#fff;

    border-radius:20px;

    box-shadow:
      0 8px 24px rgba(7,37,51,.07);

    scroll-snap-align:start;

    text-decoration:none;
  }

  .v8470-service-card img{
    display:block;

    width:100%;

    aspect-ratio:1.55 / 1;

    object-fit:cover;
  }

  .v8470-service-card div{
    padding:
      21px
      20px
      23px;
  }

  .v8470-service-card small,
  .v8470-special-grid small{
    display:block;

    color:#ab8029;

    font-size:8px;
    font-weight:850;

    letter-spacing:.13em;
    text-transform:uppercase;
  }

  .v8470-service-card strong{
    display:block;

    margin-top:7px;

    color:#062e42;

    font-size:23px;
    line-height:1;
  }

  .v8470-service-card p{
    margin:
      11px
      0
      0;

    color:#697a83;

    font-size:12px;
    line-height:1.52;
  }

  .v8470-swipe{
    margin-top:10px;

    color:#a27a27;

    font-size:9px;
    font-weight:850;

    letter-spacing:.09em;
    text-align:right;
    text-transform:uppercase;
  }


  /* ========================================================
     SPECIALIST
     ======================================================== */

  .v8470-special-grid{
    display:grid;

    gap:11px;

    margin-top:27px;
  }

  .v8470-special-grid a{
    display:grid;

    grid-template-columns:108px 1fr;

    min-height:105px;

    overflow:hidden;

    color:inherit;
    background:#fff;

    border:
      1px solid rgba(8,42,59,.07);

    border-radius:17px;

    text-decoration:none;
  }

  .v8470-special-grid img{
    width:108px;
    height:100%;

    object-fit:cover;
  }

  .v8470-special-grid div{
    display:flex;

    flex-direction:column;
    justify-content:center;

    padding:16px;
  }

  .v8470-special-grid strong{
    margin-top:7px;

    color:#082e42;

    font-size:16px;
    line-height:1.18;
  }


  /* ========================================================
     INTELLIGENCE
     ======================================================== */

  .v8470-intelligence{
    padding:
      50px
      0;

    color:#fff;
    background:#062b3e;
  }

  .v8470-intelligence h2{
    color:#fff;
  }

  .v8470-intel-hero{
    overflow:hidden;

    border:
      1px solid rgba(255,255,255,.08);

    border-radius:19px;

    background:#07354a;
  }

  .v8470-intel-hero img{
    display:block;

    width:100%;
    height:185px;

    padding:14px;

    object-fit:contain;

    box-sizing:border-box;

    background:#052637;
  }

  .v8470-intel-hero div{
    padding:
      20px
      20px
      22px;
  }

  .v8470-intel-hero strong{
    display:block;

    font-size:20px;
  }

  .v8470-intel-hero p{
    margin:
      9px
      0
      14px;

    color:rgba(255,255,255,.62);

    font-size:12px;
    line-height:1.55;
  }

  .v8470-intel-hero a{
    color:#e0b554;

    font-size:11px;
    font-weight:800;

    text-decoration:none;
  }

  .v8470-intel-links{
    display:grid;

    gap:8px;

    margin-top:10px;
  }

  .v8470-intel-links a{
    display:grid;

    grid-template-columns:1fr auto;

    padding:16px;

    color:#fff;
    background:rgba(255,255,255,.05);

    border:
      1px solid rgba(255,255,255,.07);

    border-radius:14px;

    text-decoration:none;
  }

  .v8470-intel-links small{
    grid-column:1;

    color:#7ea4b5;

    font-size:8px;
    text-transform:uppercase;
  }

  .v8470-intel-links strong{
    grid-column:1;

    margin-top:4px;

    font-size:14px;
  }

  .v8470-intel-links span{
    grid-column:2;
    grid-row:1/3;

    align-self:center;

    color:#e0b554;

    font-size:18px;
  }


  /* ========================================================
     TOOLS
     ======================================================== */

  .v8470-tool-grid{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:9px;
  }

  .v8470-tool-grid a{
    min-height:126px;

    padding:17px;

    color:inherit;
    background:#fff;

    border:
      1px solid rgba(8,42,59,.08);

    border-radius:16px;

    text-decoration:none;
  }

  .v8470-tool-grid span{
    color:#bb8d2d;

    font-size:9px;
    font-weight:850;
  }

  .v8470-tool-grid strong{
    display:block;

    margin-top:23px;

    color:#082e42;

    font-size:14px;
    line-height:1.2;
  }

  .v8470-tool-grid small{
    display:block;

    margin-top:6px;

    color:#829098;

    font-size:9px;
  }


  /* ========================================================
     FINAL CTA
     ======================================================== */

  .v8470-final{
    padding:
      48px
      0;

    color:#fff;

    background:
      linear-gradient(
        135deg,
        #052638,
        #09435c
      );
  }

  .v8470-final > .v8470-shell > small{
    color:#d4a743;

    font-size:9px;
    font-weight:850;

    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .v8470-final h2{
    margin-bottom:14px;

    color:#fff;
  }

  .v8470-final p{
    margin:0;

    color:rgba(255,255,255,.65);

    font-size:13px;
    line-height:1.55;
  }

  .v8470-final > .v8470-shell > div{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:8px;

    margin-top:22px;
  }

  .v8470-final a{
    display:flex;

    min-height:45px;

    align-items:center;
    justify-content:center;

    padding:8px;

    color:#fff;

    border:
      1px solid rgba(255,255,255,.16);

    border-radius:999px;

    font-size:10px;
    font-weight:800;

    text-align:center;
    text-decoration:none;
  }

  .v8470-final a.gold{
    color:#082739;
    background:#dda92f;
    border-color:#dda92f;
  }


  /* ========================================================
     FOOTER MOBILE
     ======================================================== */

  body.v8 .v6-footer-top{
    grid-template-columns:1fr 1fr!important;

    gap:25px 18px!important;

    padding-top:36px!important;
    padding-bottom:30px!important;
  }

  body.v8 .v6-footer-intro{
    grid-column:1/-1!important;
  }

  body.v8 .v6-footer-bottom{
    flex-wrap:wrap!important;
    gap:10px!important;

    font-size:9px!important;
  }


  /* ========================================================
     MOBILE SUBPAGES
     ======================================================== */

  body.v8:not(.home-page) .section{
    padding:
      46px
      0!important;
  }

  body.v8:not(.home-page) .subhero,
  body.v8:not(.home-page) .tool-hero{
    padding:
      49px
      0
      44px!important;
  }

  body.v8:not(.home-page)
  .subhero h1,
  body.v8:not(.home-page)
  .tool-hero h1{
    font-size:
      clamp(
        2.7rem,
        12vw,
        3.6rem
      )!important;

    line-height:.92!important;
  }

  body.v8:not(.home-page)
  .service-detail-grid,
  body.v8:not(.home-page)
  .contact-grid,
  body.v8:not(.home-page)
  .story-grid,
  body.v8:not(.home-page)
  .network-grid,
  body.v8:not(.home-page)
  .project-row,
  body.v8:not(.home-page)
  .cards-3,
  body.v8:not(.home-page)
  .location-grid{
    grid-template-columns:1fr!important;
  }


  /* ========================================================
     ASSISTANT
     ======================================================== */

  body.v8 .aash-assistant-launch,
  body.v8 .aash-assistant-launch:hover,
  body.v8 .aash-assistant-launch:focus,
  body.v8 .aash-assistant-launch:active{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;

    right:6px!important;

    bottom:
      calc(
        7px
        + env(safe-area-inset-bottom,0px)
      )!important;

    padding:0!important;

    border-radius:50%!important;

    background:transparent!important;
    box-shadow:none!important;
  }

  body.v8
  .aash-assistant-launch::before{
    content:none!important;
    display:none!important;
  }

  body.v8
  .aash-assistant-launch::after{
    width:44px!important;
    height:44px!important;

    right:0!important;
    bottom:0!important;

    border-width:2px!important;

    box-shadow:
      0 7px 18px
      rgba(7,23,36,.18)!important;
  }

  body.v8 .assistant-panel{
    left:9px!important;
    right:9px!important;

    width:auto!important;

    bottom:
      calc(
        65px
        + env(safe-area-inset-bottom,0px)
      )!important;

    max-height:64dvh!important;
  }

  body.v8470-nav-open
  .aash-assistant-launch,
  body.v8470-nav-open
  .assistant-panel,
  body.v8470-track-visible
  .aash-assistant-launch,
  body.v8470-track-visible
  .assistant-panel{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

}


@media (max-width:390px){

  .v8470-shell{
    width:calc(100% - 24px);
  }

  .v8470-hero h1{
    font-size:2.95rem;
  }

  .v8470-hero-actions{
    grid-template-columns:1fr;
  }

  .v8470-service-card{
    flex-basis:86vw;
    min-width:86vw;
  }

  .v8470-proof article{
    flex-basis:76vw;
    min-width:76vw;
  }

}


/* ==========================================================
   V8.47.1 — PERMANENT MOBILE HEADER
   iPhone/Safari-safe fixed navigation.
   Desktop > 720px unaffected.
   ========================================================== */

@media (max-width:720px){

  /*
   * Fixed header is more reliable than sticky in iOS Safari,
   * especially when page containers use overflow.
   */
  body.v8 .v6-header,
  body.v8 .v6-header.scrolled,
  body.v8 .v6-header.header-hidden{
    display:block!important;

    position:fixed!important;

    top:0!important;
    left:0!important;
    right:0!important;

    width:100%!important;

    margin:0!important;

    transform:none!important;
    translate:none!important;

    opacity:1!important;
    visibility:visible!important;

    pointer-events:auto!important;

    background:#061d2a!important;

    box-shadow:
      0 1px 0 rgba(255,255,255,.08),
      0 8px 24px rgba(2,15,24,.10)!important;

    z-index:2147483600!important;
  }

  /*
   * Replace the space previously occupied by the header
   * in normal document flow.
   */
  body.v8{
    padding-top:66px!important;
  }

  body.v8 .v6-nav{
    display:flex!important;

    width:min(100% - 30px,1240px)!important;

    height:66px!important;
    min-height:66px!important;

    margin:0 auto!important;

    align-items:center!important;
    justify-content:space-between!important;
  }

  body.v8 .v6-brand{
    display:flex!important;
    align-items:center!important;

    min-width:0!important;

    opacity:1!important;
    visibility:visible!important;
  }

  body.v8 .v6-brand img{
    display:block!important;

    width:162px!important;
    max-width:52vw!important;

    height:auto!important;
  }

  body.v8 .v6-menu-btn{
    display:flex!important;

    flex:0 0 46px!important;

    width:46px!important;
    min-width:46px!important;
    height:46px!important;

    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;

    z-index:2147483646!important;
  }

  /*
   * Drawer starts directly underneath fixed header.
   */
  .v8470-drawer,
  .v8470-backdrop{
    top:66px!important;
  }

}


/* V8.50.0 MOBILE BUNDLE — INNER PAGES */
/* ==========================================================
   AASHMAAN V8.48.0
   COMPLETE MOBILE INNER-PAGE SYSTEM

   STRICT MOBILE SCOPE ONLY.
   Desktop > 720px is unaffected.
   ========================================================== */

@media (max-width:720px){

  /* ========================================================
     VECTOR MENU ICONS
     ======================================================== */

  .v8480-menu-label{
    display:flex;

    min-width:0;

    align-items:center;

    gap:11px;
  }

  .v8480-menu-label > span:last-child{
    min-width:0;
  }

  .v8480-menu-icon{
    display:flex;

    flex:
      0 0
      34px;

    width:34px;
    height:34px;

    align-items:center;
    justify-content:center;

    padding:7px;

    color:#0b455f;

    background:#f3ead6;

    border:
      1px solid
      rgba(177,132,39,.14);

    border-radius:10px;

    box-sizing:border-box;
  }

  .v8480-menu-icon svg{
    display:block;

    width:100%;
    height:100%;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .v8470-direct,
  .v8470-group-toggle{
    min-height:64px!important;
  }

  .v8470-submenu{
    margin:
      0
      0
      5px
      17px!important;

    padding:
      4px
      0
      12px
      27px!important;

    border-left:
      1px solid
      rgba(177,132,39,.24)!important;
  }

  .v8470-submenu a{
    padding:
      11px
      5px!important;

    font-size:13px!important;
  }


  /* ========================================================
     FOUNDATION — INNER PAGES ONLY
     ======================================================== */

  body.v8:not(.home-page){
    width:100%!important;
    max-width:100%!important;

    overflow-x:hidden!important;
  }

  body.v8:not(.home-page) main{
    width:100%!important;
    max-width:100%!important;

    overflow-x:hidden!important;
  }

  body.v8:not(.home-page) .container{
    width:
      calc(100% - 28px)!important;

    max-width:none!important;

    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.v8:not(.home-page) img,
  body.v8:not(.home-page) svg,
  body.v8:not(.home-page) canvas,
  body.v8:not(.home-page) video{
    max-width:100%;
  }


  /* ========================================================
     INNER-PAGE HEROES
     ======================================================== */

  body.v8:not(.home-page)
  .subhero,
  body.v8:not(.home-page)
  .tool-hero{
    min-height:0!important;

    padding:
      46px
      0
      40px!important;
  }

  body.v8:not(.home-page)
  .subhero-grid,
  body.v8:not(.home-page)
  .tool-hero-grid{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:22px!important;

    min-width:0!important;
  }

  body.v8:not(.home-page)
  .subhero h1,
  body.v8:not(.home-page)
  .tool-hero h1{
    max-width:100%!important;

    margin-bottom:17px!important;

    font-size:
      clamp(
        2.65rem,
        11.8vw,
        3.55rem
      )!important;

    line-height:.92!important;

    letter-spacing:
      -.05em!important;
  }

  body.v8:not(.home-page)
  .subhero p,
  body.v8:not(.home-page)
  .tool-hero p{
    max-width:100%!important;

    font-size:
      .96rem!important;

    line-height:
      1.6!important;
  }


  /* ========================================================
     SECTIONS
     ======================================================== */

  body.v8:not(.home-page)
  .section{
    padding:
      46px
      0!important;
  }

  body.v8:not(.home-page)
  .section-heading{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:15px!important;

    margin-bottom:
      25px!important;
  }

  body.v8:not(.home-page)
  .section-heading h2{
    font-size:
      clamp(
        2.1rem,
        9.5vw,
        2.8rem
      )!important;

    line-height:
      .96!important;

    letter-spacing:
      -.045em!important;
  }


  /* ========================================================
     UNIVERSAL MOBILE GRIDS
     ======================================================== */

  body.v8:not(.home-page)
  .page-intro,

  body.v8:not(.home-page)
  .story-grid,

  body.v8:not(.home-page)
  .network-grid,

  body.v8:not(.home-page)
  .service-detail-grid,

  body.v8:not(.home-page)
  .contact-grid,

  body.v8:not(.home-page)
  .project-row,

  body.v8:not(.home-page)
  .cards-3,

  body.v8:not(.home-page)
  .location-grid,

  body.v8:not(.home-page)
  .faq,

  body.v8:not(.home-page)
  .intelligence-grid,

  body.v8:not(.home-page)
  .portal-body,

  body.v8:not(.home-page)
  .calculator-grid,

  body.v8:not(.home-page)
  .schedule-grid,

  body.v8:not(.home-page)
  .tracking-grid,

  body.v8:not(.home-page)
  .port-grid,

  body.v8:not(.home-page)
  .tool-workspace{
    grid-template-columns:
      minmax(0,1fr)!important;

    min-width:0!important;

    gap:18px!important;
  }


  /* ========================================================
     SERVICE / PROJECT / LOCATION CARDS
     ======================================================== */

  body.v8:not(.home-page)
  .service-detail-media img,

  body.v8:not(.home-page)
  .project-row-media img,

  body.v8:not(.home-page)
  .project-image img{
    width:100%!important;

    min-height:0!important;

    height:auto!important;

    aspect-ratio:
      1.45 / 1!important;

    object-fit:cover!important;

    border-radius:
      18px!important;
  }

  body.v8:not(.home-page)
  .project-row{
    margin-bottom:
      25px!important;
  }

  body.v8:not(.home-page)
  .project-row:nth-child(even)
  .project-row-media{
    order:0!important;
  }


  /* ========================================================
     TOOL WORKSPACES
     ======================================================== */

  body.v8:not(.home-page)
  .tool-workspace,

  body.v8:not(.home-page)
  .calculator-shell,

  body.v8:not(.home-page)
  .tracking-shell,

  body.v8:not(.home-page)
  .schedule-shell,

  body.v8:not(.home-page)
  .port-shell{
    width:100%!important;
    max-width:100%!important;

    padding:
      16px!important;

    border-radius:
      19px!important;

    box-sizing:border-box!important;
  }


  /* ========================================================
     FORMS
     ======================================================== */

  body.v8:not(.home-page)
  form{
    max-width:100%!important;
  }

  body.v8:not(.home-page)
  .form-grid,

  body.v8:not(.home-page)
  .form-row,

  body.v8:not(.home-page)
  .field-grid,

  body.v8:not(.home-page)
  .assessment-grid{
    grid-template-columns:
      minmax(0,1fr)!important;

    gap:12px!important;
  }

  body.v8:not(.home-page)
  input,

  body.v8:not(.home-page)
  select,

  body.v8:not(.home-page)
  textarea{
    width:100%;
    max-width:100%;

    min-width:0;

    box-sizing:border-box;

    font-size:16px!important;
  }

  body.v8:not(.home-page)
  textarea{
    min-height:120px;
  }

  body.v8:not(.home-page)
  button,

  body.v8:not(.home-page)
  input[type="submit"],

  body.v8:not(.home-page)
  .btn,

  body.v8:not(.home-page)
  .v6-btn{
    min-height:
      46px!important;
  }


  /* ========================================================
     TABS
     ======================================================== */

  body.v8:not(.home-page)
  .v8480-tabrail{
    display:flex!important;

    flex-wrap:nowrap!important;

    gap:6px!important;

    max-width:100%!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;

    padding-bottom:5px!important;

    scroll-snap-type:
      x proximity!important;

    scrollbar-width:none!important;

    -webkit-overflow-scrolling:
      touch!important;
  }

  body.v8:not(.home-page)
  .v8480-tabrail::-webkit-scrollbar{
    display:none!important;
  }

  body.v8:not(.home-page)
  .v8480-tabrail > *{
    flex:
      0 0
      auto!important;

    min-height:
      44px!important;

    scroll-snap-align:
      start!important;
  }


  /* ========================================================
     TABLES
     ======================================================== */

  .v8480-table-scroll{
    width:100%;
    max-width:100%;

    overflow-x:auto;
    overflow-y:hidden;

    margin:
      12px
      0;

    padding-bottom:4px;

    border-radius:
      14px;

    -webkit-overflow-scrolling:
      touch;
  }

  .v8480-table-scroll table{
    width:max-content;
    min-width:100%;

    margin:0!important;
  }

  .v8480-table-scroll th,
  .v8480-table-scroll td{
    min-width:
      110px;

    padding:
      10px
      11px!important;

    font-size:
      11px!important;
  }


  /* ========================================================
     MAPS / VESSEL MAP
     ======================================================== */

  body.v8480-page-vessel-map
  #map,

  body.v8480-page-vessel-map
  .leaflet-container,

  body.v8480-page-vessel-map
  .map-canvas,

  body.v8480-page-vessel-map
  .vessel-map-canvas{
    width:100%!important;

    height:
      min(
        58vh,
        500px
      )!important;

    min-height:
      380px!important;

    border-radius:
      17px!important;

    overflow:hidden!important;
  }

  body.v8480-page-vessel-map
  .map-controls,

  body.v8480-page-vessel-map
  .vessel-controls{
    position:relative!important;

    inset:auto!important;

    width:100%!important;

    max-width:100%!important;

    margin-bottom:
      12px!important;
  }


  /* ========================================================
     TRACKING
     ======================================================== */

  body.v8480-page-track
  .command-input,

  body.v8480-page-track
  .tracking-input,

  body.v8480-page-track
  .track-input{
    grid-template-columns:
      minmax(0,1fr)!important;

    gap:8px!important;
  }

  body.v8480-page-track
  .command-input button,

  body.v8480-page-track
  .tracking-input button,

  body.v8480-page-track
  .track-input button{
    width:100%!important;
  }


  /* ========================================================
     PORTAL
     ======================================================== */

  body.v8480-page-portal
  .portal-side{
    display:none!important;
  }

  body.v8480-page-portal
  .portal-main{
    min-width:0!important;
    width:100%!important;
  }


  /* ========================================================
     EMBEDS
     ======================================================== */

  .v8480-responsive-frame{
    display:block;

    width:100%!important;
    max-width:100%!important;

    border:0;
  }


  /* ========================================================
     ARTICLE / INSIGHT PAGES
     ======================================================== */

  body.v8480-mobile
  article{
    max-width:100%;
  }

  body.v8480-mobile
  article p,

  body.v8480-mobile
  article li{
    font-size:
      .96rem;

    line-height:
      1.68;
  }

  body.v8480-mobile
  article h2{
    font-size:
      clamp(
        1.8rem,
        8vw,
        2.35rem
      );

    line-height:
      1.02;
  }


  /* ========================================================
     FOOTER
     ======================================================== */

  body.v8:not(.home-page)
  .v6-footer-top{
    grid-template-columns:
      1fr 1fr!important;

    gap:
      25px
      18px!important;

    padding-top:
      35px!important;

    padding-bottom:
      30px!important;
  }

  body.v8:not(.home-page)
  .v6-footer-intro{
    grid-column:
      1/-1!important;
  }

  body.v8:not(.home-page)
  .v6-footer-bottom{
    flex-wrap:wrap!important;

    gap:10px!important;

    font-size:
      9px!important;
  }


  /* ========================================================
     ASSISTANT / DRAWER SAFETY
     ======================================================== */

  body.v8470-nav-open
  .aash-assistant-launch,

  body.v8470-nav-open
  .assistant-panel{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

}


@media (max-width:390px){

  body.v8:not(.home-page)
  .container{
    width:
      calc(
        100% - 24px
      )!important;
  }

}


/* ==========================================================
   V8.48.1 — SOLUTIONS + TOOLS SUBMENU VECTOR ICONS
   Mobile only.
   ========================================================== */

@media (max-width:720px){

  .v8470-submenu a{
    display:flex!important;

    align-items:center!important;

    gap:10px!important;

    min-height:43px!important;

    padding:
      7px
      5px!important;
  }

  .v8481-sub-icon{
    display:flex;

    flex:
      0 0
      29px;

    width:29px;
    height:29px;

    align-items:center;
    justify-content:center;

    padding:6px;

    color:#0c4a63;

    background:
      rgba(238,226,198,.70);

    border:
      1px solid
      rgba(177,132,39,.13);

    border-radius:8px;

    box-sizing:border-box;
  }

  .v8481-sub-icon svg{
    display:block;

    width:100%;
    height:100%;

    fill:none;

    stroke:currentColor;

    stroke-width:1.65;

    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .v8470-submenu a:hover
  .v8481-sub-icon,
  .v8470-submenu a:active
  .v8481-sub-icon{
    color:#8f681b;

    background:#f4e7c5;
  }

}



/* ==========================================================
   V8.52.0 — MOBILE IMAGE DELIVERY
   ========================================================== */

@media (max-width:720px){

  .aash-assistant-launch::after{
    background-image:
      url("/assets/img/v8520/assistant-mobile.webp")
      !important;
  }

}

/* BEGIN V8.52.1 MOBILE ASSISTANT */

@media (max-width:720px){

  /*
   * Mobile launcher must be avatar-only.
   * Neutralize the desktop speech-bubble container completely.
   */
  .aash-assistant-launch,
  body .aash-assistant-launch{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;

    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;

    padding:0!important;
    margin:0!important;

    border:0!important;
    border-radius:50%!important;

    background:transparent!important;
    background-image:none!important;

    box-shadow:none!important;
    filter:none!important;

    overflow:visible!important;
  }

  /*
   * Desktop speech bubble:
   * "Need help? Chat with us"
   */
  .aash-assistant-launch::before,
  body .aash-assistant-launch::before{
    content:none!important;

    display:none!important;

    width:0!important;
    height:0!important;

    opacity:0!important;
    visibility:hidden!important;

    background:none!important;
    border:0!important;
    box-shadow:none!important;

    pointer-events:none!important;
  }

  /*
   * Avatar itself.
   */
  .aash-assistant-launch::after,
  body .aash-assistant-launch::after{
    content:""!important;

    display:block!important;

    position:absolute!important;

    inset:0!important;

    width:52px!important;
    height:52px!important;

    margin:0!important;

    border-radius:50%!important;

    background-image:
      url("/assets/img/v8520/assistant-mobile.webp")
      !important;

    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;

    box-shadow:
      0 3px 12px rgba(0,0,0,.18)
      !important;

    opacity:1!important;
    visibility:visible!important;

    pointer-events:none!important;
  }

}

/* END V8.52.1 MOBILE ASSISTANT */


/* BEGIN V8.54.0 MOBILE SERVICE HERO FIX */

@media (max-width:720px){

  /*
   * =========================================================
   * FREIGHT FORWARDING + IOR/EOR
   * MOBILE HERO NORMALIZATION
   * =========================================================
   */

  body.freight-page .v870-freight-hero,
  body.ior-page .v890-ior-hero{
    position:relative!important;

    min-height:0!important;
    height:auto!important;

    padding:30px 0 34px!important;

    overflow:hidden!important;

    border-radius:0!important;

    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;

    isolation:isolate!important;
  }


  /*
   * Kill legacy circular / orb decoration that is being
   * enlarged by desktop hero rules on narrow screens.
   */

  body.freight-page .v870-freight-hero::before,
  body.ior-page .v890-ior-hero::before,

  body.freight-page .v870-freight-hero-inner::before,
  body.freight-page .v870-freight-hero-inner::after,

  body.ior-page .v890-ior-hero-inner::before,
  body.ior-page .v890-ior-hero-inner::after{
    content:none!important;

    display:none!important;

    width:0!important;
    height:0!important;

    border:0!important;
    border-radius:0!important;

    background:none!important;

    box-shadow:none!important;

    transform:none!important;
  }


  body.freight-page .v870-freight-hero .subhero-shade,
  body.freight-page .v870-freight-hero [class*="orb"],
  body.freight-page .v870-freight-hero [class*="circle"],

  body.ior-page .v890-ior-hero .subhero-shade,
  body.ior-page .v890-ior-hero [class*="orb"],
  body.ior-page .v890-ior-hero [class*="circle"]{
    display:none!important;
    visibility:hidden!important;
  }


  /*
   * Preserve only a subtle bottom fade.
   */

  body.freight-page .v870-freight-hero::after,
  body.ior-page .v890-ior-hero::after{
    content:""!important;

    display:block!important;

    position:absolute!important;

    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;

    width:auto!important;
    height:76px!important;

    border:0!important;
    border-radius:0!important;

    background:
      linear-gradient(
        180deg,
        transparent,
        rgba(3,18,28,.30)
      )!important;

    box-shadow:none!important;

    transform:none!important;

    pointer-events:none!important;

    z-index:0!important;
  }


  /*
   * =========================================================
   * HERO CONTAINER
   * =========================================================
   */

  body.freight-page .v870-freight-hero-inner,
  body.ior-page .v890-ior-hero-inner{
    position:relative!important;

    z-index:2!important;

    width:calc(100% - 32px)!important;
    max-width:none!important;

    min-height:0!important;
    height:auto!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding:0!important;

    display:block!important;

    grid-template-columns:none!important;

    gap:0!important;

    align-items:initial!important;
  }


  body.freight-page .v870-freight-copy,
  body.ior-page .v890-ior-copy{
    position:relative!important;

    z-index:2!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;
  }


  /*
   * =========================================================
   * BREADCRUMBS
   * =========================================================
   */

  body.freight-page .v870-freight-copy .breadcrumbs,
  body.ior-page .v890-ior-copy .breadcrumbs{
    display:flex!important;

    flex-wrap:wrap!important;

    gap:5px 7px!important;

    margin:0 0 19px!important;

    color:rgba(255,255,255,.64)!important;

    font-size:.68rem!important;
    line-height:1.45!important;
  }


  body.freight-page .v870-freight-copy .breadcrumbs a,
  body.ior-page .v890-ior-copy .breadcrumbs a{
    color:#e0ae3e!important;
  }


  /*
   * =========================================================
   * EYEBROW
   * =========================================================
   */

  body.freight-page .v870-freight-copy .eyebrow,
  body.ior-page .v890-ior-copy .eyebrow{
    margin:0!important;

    color:#dfae3f!important;

    font-size:.66rem!important;

    letter-spacing:.16em!important;
  }


  /*
   * =========================================================
   * MOBILE H1
   * =========================================================
   */

  body.freight-page .v870-freight-copy h1,
  body.ior-page .v890-ior-copy h1{
    max-width:100%!important;

    margin:10px 0 17px!important;

    color:#fff!important;

    font-size:
      clamp(2.75rem,11.8vw,3.45rem)!important;

    line-height:.92!important;

    letter-spacing:-.052em!important;

    overflow-wrap:normal!important;

    text-shadow:
      0 4px 22px rgba(0,0,0,.28)!important;
  }


  body.freight-page .v870-freight-copy h1 span,
  body.ior-page .v890-ior-copy h1 span{
    color:#dfae3f!important;
  }


  /*
   * =========================================================
   * LEAD
   * =========================================================
   */

  body.freight-page .v870-freight-copy .lead,
  body.ior-page .v890-ior-copy .lead{
    width:100%!important;
    max-width:none!important;

    margin:0!important;

    color:rgba(255,255,255,.78)!important;

    font-size:.94rem!important;

    line-height:1.64!important;
  }


  /*
   * =========================================================
   * ACTION BUTTONS
   * =========================================================
   */

  body.freight-page .v870-hero-actions,
  body.ior-page .v890-hero-actions{
    width:100%!important;

    margin-top:23px!important;

    display:grid!important;

    grid-template-columns:1fr!important;

    gap:10px!important;
  }


  body.freight-page .v870-hero-actions .btn,
  body.ior-page .v890-hero-actions .btn{
    width:100%!important;

    min-height:49px!important;

    padding:0 19px!important;

    display:flex!important;

    align-items:center!important;

    justify-content:space-between!important;

    border-radius:999px!important;

    font-size:.82rem!important;

    line-height:1.2!important;

    white-space:normal!important;
  }


  /*
   * =========================================================
   * HERO SIDE NOTES
   * =========================================================
   */

  body.freight-page .v870-freight-note,
  body.ior-page .v890-ior-note{
    position:relative!important;

    z-index:2!important;

    width:100%!important;
    max-width:none!important;

    margin:24px 0 0!important;

    padding:22px 20px 20px!important;

    border-radius:17px!important;

    border:
      1px solid rgba(218,174,72,.25)!important;

    background:
      linear-gradient(
        145deg,
        rgba(7,34,50,.94),
        rgba(5,24,36,.90)
      )!important;

    box-shadow:
      0 14px 34px rgba(2,15,23,.20)!important;

    backdrop-filter:
      blur(10px)!important;

    -webkit-backdrop-filter:
      blur(10px)!important;

    transform:none!important;
  }


  body.freight-page .v870-freight-note::before,
  body.ior-page .v890-ior-note::before{
    left:20px!important;

    width:58px!important;
  }


  body.freight-page .v870-freight-note h3,
  body.ior-page .v890-ior-note h3{
    margin:11px 0 11px!important;

    color:#fff!important;

    font-size:1.25rem!important;

    line-height:1.15!important;
  }


  body.freight-page .v870-freight-note p,
  body.ior-page .v890-ior-note > p{
    color:rgba(255,255,255,.68)!important;

    font-size:.84rem!important;

    line-height:1.58!important;
  }


  /*
   * FREIGHT NOTE POINTS
   */

  body.freight-page .v870-note-points{
    margin-top:17px!important;

    padding-top:15px!important;

    gap:8px!important;
  }


  /*
   * IOR NOTE LIST
   */

  body.ior-page .v890-note-list{
    margin-top:17px!important;
  }


  body.ior-page .v890-note-list > div{
    min-height:54px!important;

    padding:10px 0!important;
  }


  body.ior-page .v890-note-list strong{
    color:#fff!important;
  }


  body.ior-page .v890-note-list small{
    color:rgba(255,255,255,.58)!important;
  }

}

/* END V8.54.0 MOBILE SERVICE HERO FIX */


/* BEGIN V8.54.1 GENERIC MOBILE SUBHERO FIX */

@media (max-width:720px){

  /*
   * Project / Insight detail pages only.
   *
   * These pages inherit desktop pseudo-elements from several
   * legacy CSS layers. On narrow screens those decorative
   * layers expand into the giant circle/orb seen on iPhone.
   */

  body.v8541-mobile-subhero .subhero-full{
    position:relative!important;

    min-height:0!important;
    height:auto!important;

    padding:34px 0 36px!important;

    overflow:hidden!important;

    isolation:isolate!important;
  }


  /*
   * Neutralize the desktop section-level decorative layers.
   */

  body.v8541-mobile-subhero .subhero-full::before,
  body.v8541-mobile-subhero .subhero-full::after{
    content:none!important;

    display:none!important;

    position:absolute!important;

    inset:auto!important;

    width:0!important;
    height:0!important;

    background:none!important;
    background-image:none!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    transform:none!important;

    filter:none!important;
  }


  /*
   * Legacy radial decorative layer.
   */

  body.v8541-mobile-subhero .subhero-shade,
  body.v8541-mobile-subhero .subhero-full [class*="orb"],
  body.v8541-mobile-subhero .subhero-full [class*="circle"]{
    display:none!important;
    visibility:hidden!important;

    width:0!important;
    height:0!important;

    background:none!important;

    border:0!important;

    box-shadow:none!important;

    transform:none!important;
  }


  /*
   * v7/v8 also create decorative pseudo-elements on
   * inner wrappers and the first hero column.
   */

  body.v8541-mobile-subhero
  .subhero-full-inner::before,

  body.v8541-mobile-subhero
  .subhero-full-inner::after,

  body.v8541-mobile-subhero
  .subhero-copy::before,

  body.v8541-mobile-subhero
  .subhero-copy::after,

  body.v8541-mobile-subhero
  .subhero-full-inner > div:first-child::before,

  body.v8541-mobile-subhero
  .subhero-full-inner > div:first-child::after{
    content:none!important;

    display:none!important;

    width:0!important;
    height:0!important;

    background:none!important;
    background-image:none!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;

    mask-image:none!important;
    -webkit-mask-image:none!important;

    transform:none!important;
  }


  /*
   * Convert the desktop two-column hero into proper
   * single-column mobile flow.
   */

  body.v8541-mobile-subhero .subhero-full-inner{
    position:relative!important;

    z-index:2!important;

    width:calc(100% - 32px)!important;
    max-width:none!important;

    min-height:0!important;
    height:auto!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding:0!important;

    display:block!important;

    grid-template-columns:none!important;

    gap:0!important;

    align-items:initial!important;
  }


  /*
   * Main text panel.
   */

  body.v8541-mobile-subhero .subhero-copy,
  body.v8541-mobile-subhero
  .subhero-full-inner > div:first-child{
    position:relative!important;

    z-index:2!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;

    padding:20px 18px 22px!important;

    border-left:
      2px solid rgba(226,181,84,.88)!important;

    border-radius:15px!important;

    background:
      linear-gradient(
        105deg,
        rgba(4,22,34,.88),
        rgba(4,22,34,.68)
      )!important;

    box-shadow:
      0 16px 38px rgba(0,0,0,.18)!important;

    backdrop-filter:
      blur(7px)!important;

    -webkit-backdrop-filter:
      blur(7px)!important;

    transform:none!important;
  }


  /*
   * Breadcrumb.
   */

  body.v8541-mobile-subhero .breadcrumbs{
    margin:0 0 16px!important;

    display:flex!important;

    flex-wrap:wrap!important;

    gap:5px 7px!important;

    color:rgba(255,255,255,.66)!important;

    font-size:.68rem!important;

    line-height:1.45!important;
  }


  body.v8541-mobile-subhero .breadcrumbs a{
    color:#eccb82!important;
  }


  /*
   * Eyebrow.
   */

  body.v8541-mobile-subhero .subhero-full .eyebrow{
    color:#e0ae3e!important;

    font-size:.66rem!important;

    letter-spacing:.15em!important;
  }


  /*
   * Heading.
   */

  body.v8541-mobile-subhero .subhero-full h1{
    width:100%!important;
    max-width:none!important;

    margin:10px 0 17px!important;

    color:#fff!important;

    font-size:
      clamp(2.55rem,11.3vw,3.30rem)!important;

    line-height:.94!important;

    letter-spacing:-.045em!important;

    overflow-wrap:normal!important;

    text-shadow:
      0 4px 20px rgba(0,0,0,.25)!important;
  }


  /*
   * Intro copy.
   */

  body.v8541-mobile-subhero .subhero-full .lead{
    width:100%!important;
    max-width:none!important;

    margin:0!important;

    color:rgba(255,255,255,.88)!important;

    font-size:.94rem!important;

    line-height:1.62!important;
  }


  /*
   * Any secondary hero note becomes a normal mobile card.
   */

  body.v8541-mobile-subhero .subhero-note{
    position:relative!important;

    z-index:2!important;

    width:100%!important;
    max-width:none!important;

    margin:20px 0 0!important;

    padding:19px 18px!important;

    border-radius:15px!important;

    border:
      1px solid rgba(255,255,255,.15)!important;

    border-left:
      2px solid rgba(227,180,82,.78)!important;

    background:
      rgba(4,22,34,.78)!important;

    box-shadow:
      0 14px 32px rgba(0,0,0,.17)!important;

    backdrop-filter:
      blur(8px)!important;

    -webkit-backdrop-filter:
      blur(8px)!important;

    transform:none!important;
  }

}

/* END V8.54.1 GENERIC MOBILE SUBHERO FIX */


/* BEGIN V8.54.2 MOBILE SERVICE HERO CONTRAST */

@media (max-width:720px){

  /*
   * Restore full cinematic contrast after removing the
   * oversized desktop circle/orb in V8.54.0.
   */

  body.freight-page .v870-freight-hero::after,
  body.ior-page .v890-ior-hero::after{
    content:""!important;

    display:block!important;

    position:absolute!important;

    inset:0!important;

    width:auto!important;
    height:auto!important;

    border:0!important;
    border-radius:0!important;

    background:
      linear-gradient(
        180deg,
        rgba(3,18,29,.58) 0%,
        rgba(3,18,29,.78) 32%,
        rgba(3,18,29,.88) 100%
      )!important;

    box-shadow:none!important;

    transform:none!important;

    pointer-events:none!important;

    z-index:0!important;
  }


  /*
   * Make sure hero content remains above overlay.
   */

  body.freight-page .v870-freight-hero-inner,
  body.ior-page .v890-ior-hero-inner{
    position:relative!important;
    z-index:2!important;
  }


  /*
   * Strengthen mobile text readability.
   */

  body.freight-page .v870-freight-copy h1,
  body.ior-page .v890-ior-copy h1{
    color:#fff!important;

    text-shadow:
      0 4px 22px rgba(0,0,0,.38)!important;
  }


  body.freight-page .v870-freight-copy .lead,
  body.ior-page .v890-ior-copy .lead{
    color:rgba(255,255,255,.86)!important;

    text-shadow:
      0 2px 10px rgba(0,0,0,.24)!important;
  }


  body.freight-page .v870-freight-copy .breadcrumbs,
  body.ior-page .v890-ior-copy .breadcrumbs{
    color:rgba(255,255,255,.68)!important;
  }


  /*
   * Preserve gold secondary headline.
   */

  body.freight-page .v870-freight-copy h1 span,
  body.ior-page .v890-ior-copy h1 span{
    color:#e2ad36!important;

    text-shadow:
      0 3px 18px rgba(0,0,0,.24)!important;
  }


  /*
   * Buttons: improve visibility against image.
   */

  body.freight-page .v870-secondary,
  body.ior-page .v890-secondary{
    color:#fff!important;

    background:
      rgba(5,27,40,.68)!important;

    border:
      1px solid rgba(255,255,255,.24)!important;

    backdrop-filter:
      blur(8px)!important;

    -webkit-backdrop-filter:
      blur(8px)!important;
  }

}

/* END V8.54.2 MOBILE SERVICE HERO CONTRAST */


/* BEGIN V8.55.0 SITE-WIDE MOBILE NORMALIZATION */

@media (max-width:720px){

  /*
   * =========================================================
   * GLOBAL MOBILE SAFETY
   * =========================================================
   */

  html,
  body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.v8 main,
  body.v8 main > section{
    max-width:100%!important;
  }

  body.v8 img,
  body.v8 video,
  body.v8 iframe,
  body.v8 canvas,
  body.v8 svg{
    max-width:100%;
  }


  /*
   * =========================================================
   * GENERIC SUBPAGE HERO SYSTEM
   *
   * Exclusions:
   * - services-page already has its own good mobile treatment.
   * - freight / IOR get dedicated rules later in this block.
   * =========================================================
   */

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full{
    position:relative!important;

    min-height:0!important;
    height:auto!important;

    padding:34px 0 36px!important;

    overflow:hidden!important;

    isolation:isolate!important;

    display:block!important;
  }


  /*
   * Replace desktop decorative pseudo-elements with ONE
   * predictable mobile readability overlay.
   */

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full::before{
    content:""!important;

    display:block!important;

    position:absolute!important;

    inset:0!important;

    width:auto!important;
    height:auto!important;

    background:
      linear-gradient(
        180deg,
        rgba(3,18,28,.50) 0%,
        rgba(3,18,28,.69) 35%,
        rgba(3,18,28,.87) 100%
      )!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    transform:none!important;

    filter:none!important;

    pointer-events:none!important;

    z-index:0!important;
  }


  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full::after{
    content:none!important;

    display:none!important;

    background:none!important;

    border:0!important;

    box-shadow:none!important;

    transform:none!important;
  }


  /*
   * Remove legacy circle / orb / shade layers.
   */

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full .subhero-shade,

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full [class*="hero-orb"],

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full [class*="hero-circle"],

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full [class*="-orb"],

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full [class*="-circle"]{
    display:none!important;

    visibility:hidden!important;

    width:0!important;
    height:0!important;

    background:none!important;

    border:0!important;

    box-shadow:none!important;

    transform:none!important;
  }


  /*
   * Several historic desktop generations create decorations
   * on the hero wrappers themselves. Neutralize them on mobile.
   */

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full-inner::before,

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full-inner::after,

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-copy::before,

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-copy::after,

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full-inner > div:first-child::before,

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full-inner > div:first-child::after{
    content:none!important;

    display:none!important;

    width:0!important;
    height:0!important;

    background:none!important;
    background-image:none!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;

    mask-image:none!important;
    -webkit-mask-image:none!important;

    transform:none!important;
  }


  /*
   * =========================================================
   * HERO MOBILE FLOW
   * =========================================================
   */

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full-inner{
    position:relative!important;

    z-index:2!important;

    width:calc(100% - 32px)!important;
    max-width:none!important;

    min-height:0!important;
    height:auto!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding:0!important;

    display:block!important;

    grid-template-columns:none!important;

    gap:0!important;

    align-items:initial!important;
  }


  /*
   * Main hero content card.
   */

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-copy{
    position:relative!important;

    z-index:2!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;

    padding:20px 18px 22px!important;

    border-left:
      2px solid rgba(226,181,84,.88)!important;

    border-radius:15px!important;

    background:
      linear-gradient(
        105deg,
        rgba(4,22,34,.88),
        rgba(4,22,34,.68)
      )!important;

    box-shadow:
      0 16px 38px rgba(0,0,0,.18)!important;

    backdrop-filter:
      blur(7px)!important;

    -webkit-backdrop-filter:
      blur(7px)!important;

    transform:none!important;
  }


  /*
   * Some legacy pages don't use .subhero-copy but use the
   * first hero column directly.
   */

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full-inner > div:first-child:not(.subhero-copy){
    position:relative!important;

    z-index:2!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;

    padding:20px 18px 22px!important;

    border-left:
      2px solid rgba(226,181,84,.88)!important;

    border-radius:15px!important;

    background:
      linear-gradient(
        105deg,
        rgba(4,22,34,.88),
        rgba(4,22,34,.68)
      )!important;

    box-shadow:
      0 16px 38px rgba(0,0,0,.18)!important;
  }


  /*
   * Breadcrumbs.
   */

  body.v8:not(.services-page)
  .subhero-full .breadcrumbs{
    display:flex!important;

    flex-wrap:wrap!important;

    gap:5px 7px!important;

    margin:0 0 16px!important;

    color:rgba(255,255,255,.66)!important;

    font-size:.68rem!important;

    line-height:1.45!important;
  }


  body.v8:not(.services-page)
  .subhero-full .breadcrumbs a{
    color:#eccb82!important;
  }


  /*
   * Eyebrow.
   */

  body.v8:not(.services-page)
  .subhero-full .eyebrow{
    color:#e0ae3e!important;

    font-size:.66rem!important;

    letter-spacing:.15em!important;
  }


  /*
   * Main title.
   */

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full h1{
    width:100%!important;
    max-width:none!important;

    margin:10px 0 17px!important;

    color:#fff!important;

    font-size:
      clamp(2.45rem,10.8vw,3.25rem)!important;

    line-height:.94!important;

    letter-spacing:-.045em!important;

    overflow-wrap:normal!important;

    word-break:normal!important;

    text-shadow:
      0 4px 22px rgba(0,0,0,.28)!important;
  }


  /*
   * Hero body copy.
   */

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-full .lead{
    width:100%!important;
    max-width:none!important;

    margin:0!important;

    color:rgba(255,255,255,.88)!important;

    font-size:.94rem!important;

    line-height:1.62!important;

    text-shadow:
      0 2px 10px rgba(0,0,0,.18)!important;
  }


  /*
   * Secondary hero information becomes a normal card.
   */

  body.v8:not(.services-page):not(.freight-page):not(.ior-page)
  .subhero-note{
    position:relative!important;

    z-index:2!important;

    width:100%!important;
    max-width:none!important;

    margin:20px 0 0!important;

    padding:19px 18px!important;

    border-radius:15px!important;

    border:
      1px solid rgba(255,255,255,.15)!important;

    border-left:
      2px solid rgba(227,180,82,.78)!important;

    background:
      rgba(4,22,34,.80)!important;

    box-shadow:
      0 14px 32px rgba(0,0,0,.17)!important;

    backdrop-filter:
      blur(8px)!important;

    -webkit-backdrop-filter:
      blur(8px)!important;

    transform:none!important;
  }


  /*
   * =========================================================
   * FREIGHT + IOR/EOR
   *
   * V8.54 removed their giant circles correctly.
   * This restores the missing mobile contrast layer.
   * =========================================================
   */

  body.freight-page .v870-freight-hero,
  body.ior-page .v890-ior-hero{
    position:relative!important;

    min-height:0!important;
    height:auto!important;

    overflow:hidden!important;

    isolation:isolate!important;
  }


  body.freight-page .v870-freight-hero::before,
  body.ior-page .v890-ior-hero::before{
    content:""!important;

    display:block!important;

    position:absolute!important;

    inset:0!important;

    width:auto!important;
    height:auto!important;

    background:
      linear-gradient(
        180deg,
        rgba(3,18,29,.54) 0%,
        rgba(3,18,29,.74) 34%,
        rgba(3,18,29,.89) 100%
      )!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    pointer-events:none!important;

    z-index:0!important;
  }


  body.freight-page .v870-freight-hero::after,
  body.ior-page .v890-ior-hero::after{
    content:none!important;
    display:none!important;
  }


  body.freight-page .v870-freight-hero-inner,
  body.ior-page .v890-ior-hero-inner{
    position:relative!important;
    z-index:2!important;
  }


  body.freight-page .v870-freight-copy h1,
  body.ior-page .v890-ior-copy h1{
    color:#fff!important;

    text-shadow:
      0 4px 22px rgba(0,0,0,.38)!important;
  }


  body.freight-page .v870-freight-copy h1 span,
  body.ior-page .v890-ior-copy h1 span{
    color:#e2ad36!important;

    text-shadow:
      0 3px 18px rgba(0,0,0,.24)!important;
  }


  body.freight-page .v870-freight-copy .lead,
  body.ior-page .v890-ior-copy .lead{
    color:rgba(255,255,255,.88)!important;

    text-shadow:
      0 2px 10px rgba(0,0,0,.22)!important;
  }


  /*
   * Primary service CTA must remain visibly gold.
   */

  body.freight-page .v870-primary,
  body.ior-page .v890-primary{
    color:#071b29!important;

    background:
      linear-gradient(
        145deg,
        #e6ba50,
        #cc982d
      )!important;

    border:0!important;

    box-shadow:
      0 8px 24px rgba(0,0,0,.18)!important;
  }


  /*
   * Secondary CTA.
   */

  body.freight-page .v870-secondary,
  body.ior-page .v890-secondary{
    color:#fff!important;

    background:
      rgba(5,27,40,.76)!important;

    border:
      1px solid rgba(255,255,255,.25)!important;

    backdrop-filter:
      blur(8px)!important;

    -webkit-backdrop-filter:
      blur(8px)!important;
  }


  /*
   * =========================================================
   * TOOL / DIGITAL HERO SAFETY
   * =========================================================
   */

  body.v8 .tool-hero{
    max-width:100%!important;

    overflow:hidden!important;
  }


  body.v8 .tool-hero h1{
    max-width:100%!important;

    overflow-wrap:normal!important;

    word-break:normal!important;
  }


  /*
   * =========================================================
   * MOBILE CARDS / CONTENT OVERFLOW
   * =========================================================
   */

  body.v8 .section .container,
  body.v8 main .container{
    max-width:100%;
  }


  body.v8 table{
    max-width:100%;
  }


  body.v8 input,
  body.v8 select,
  body.v8 textarea,
  body.v8 button{
    max-width:100%;
  }

}

/* END V8.55.0 SITE-WIDE MOBILE NORMALIZATION */


/* BEGIN V8.55.1 SPECIALIZED SERVICE HERO STACK */

@media (max-width:720px){

  /*
   * =========================================================
   * SPECIALIZED SERVICE DETAIL HERO
   *
   * Native templates contain their own hero-bg / hero-overlay
   * layers. V8.55.0 also added a generic subhero layer.
   *
   * V8.55.1 establishes one predictable stack:
   *
   * 0 = image / background
   * 1 = ONE controlled readability overlay
   * 2 = all content
   * =========================================================
   */

  body.v8551-special-service .subhero-full{
    position:relative!important;

    isolation:isolate!important;

    min-height:0!important;
    height:auto!important;

    overflow:hidden!important;
  }


  /*
   * Background element stays at the bottom.
   */

  body.v8551-special-service
  .subhero-full [class*="hero-bg"]{
    display:block!important;

    position:absolute!important;

    inset:0!important;

    width:100%!important;
    height:100%!important;

    z-index:0!important;

    opacity:1!important;

    visibility:visible!important;

    pointer-events:none!important;
  }


  /*
   * Disable each template's extra overlay.
   * We replace it with one controlled pseudo overlay below.
   */

  body.v8551-special-service
  .subhero-full [class*="hero-overlay"]{
    display:none!important;

    visibility:hidden!important;

    opacity:0!important;

    pointer-events:none!important;
  }


  /*
   * ONE universal mobile readability layer.
   */

  body.v8551-special-service
  .subhero-full::before{
    content:""!important;

    display:block!important;

    position:absolute!important;

    inset:0!important;

    width:auto!important;
    height:auto!important;

    z-index:1!important;

    pointer-events:none!important;

    background:
      linear-gradient(
        180deg,
        rgba(3,18,28,.25) 0%,
        rgba(3,18,28,.43) 36%,
        rgba(3,18,28,.68) 72%,
        rgba(3,18,28,.80) 100%
      )!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    filter:none!important;

    transform:none!important;
  }


  /*
   * Never allow another full-screen pseudo layer.
   */

  body.v8551-special-service
  .subhero-full::after{
    content:none!important;

    display:none!important;

    background:none!important;

    border:0!important;

    box-shadow:none!important;

    filter:none!important;

    transform:none!important;
  }


  /*
   * Remove legacy desktop decorative circles / orbs.
   */

  body.v8551-special-service
  .subhero-full .subhero-shade,

  body.v8551-special-service
  .subhero-full [class*="hero-orb"],

  body.v8551-special-service
  .subhero-full [class*="hero-circle"],

  body.v8551-special-service
  .subhero-full [class*="-orb"],

  body.v8551-special-service
  .subhero-full [class*="-circle"]{
    display:none!important;

    visibility:hidden!important;

    opacity:0!important;

    background:none!important;

    border:0!important;

    box-shadow:none!important;

    pointer-events:none!important;
  }


  /*
   * Remove decorative pseudos attached to custom inner/copy
   * containers. These caused several of the earlier circles.
   */

  body.v8551-special-service
  .subhero-full [class*="hero-inner"]::before,

  body.v8551-special-service
  .subhero-full [class*="hero-inner"]::after,

  body.v8551-special-service
  .subhero-full [class*="hero-copy"]::before,

  body.v8551-special-service
  .subhero-full [class*="hero-copy"]::after{
    content:none!important;

    display:none!important;

    background:none!important;
    background-image:none!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    filter:none!important;

    mask-image:none!important;
    -webkit-mask-image:none!important;

    transform:none!important;
  }


  /*
   * =========================================================
   * CONTENT ALWAYS ABOVE OVERLAY
   * =========================================================
   */

  body.v8551-special-service
  .subhero-full > .container,

  body.v8551-special-service
  .subhero-full [class*="hero-inner"]{
    position:relative!important;

    z-index:2!important;

    opacity:1!important;

    visibility:visible!important;

    filter:none!important;
  }


  body.v8551-special-service
  .subhero-full [class*="hero-copy"]{
    position:relative!important;

    z-index:2!important;

    opacity:1!important;

    visibility:visible!important;

    filter:none!important;

    transform:none!important;
  }


  /*
   * Anything directly beside the copy — generally the
   * Operating Principle / Advantage / Release Discipline card —
   * must also stay above the overlay.
   */

  body.v8551-special-service
  .subhero-full [class*="hero-inner"] > *{
    position:relative;

    z-index:2!important;
  }


  /*
   * =========================================================
   * TYPOGRAPHY READABILITY
   * =========================================================
   */

  body.v8551-special-service
  .subhero-full h1{
    color:#fff!important;

    opacity:1!important;

    filter:none!important;

    text-shadow:
      0 4px 22px rgba(0,0,0,.34)!important;
  }


  body.v8551-special-service
  .subhero-full h1 span{
    color:#e2ad36!important;

    opacity:1!important;

    text-shadow:
      0 3px 16px rgba(0,0,0,.22)!important;
  }


  body.v8551-special-service
  .subhero-full .lead{
    color:rgba(255,255,255,.86)!important;

    opacity:1!important;

    filter:none!important;

    text-shadow:
      0 2px 10px rgba(0,0,0,.20)!important;
  }


  body.v8551-special-service
  .subhero-full .breadcrumbs{
    color:rgba(255,255,255,.70)!important;

    opacity:1!important;
  }


  body.v8551-special-service
  .subhero-full .breadcrumbs a{
    color:#eccb82!important;
  }


  body.v8551-special-service
  .subhero-full .eyebrow{
    color:#e0ae3e!important;

    opacity:1!important;
  }


  /*
   * =========================================================
   * HERO ACTIONS
   * =========================================================
   */

  body.v8551-special-service
  .subhero-full [class*="hero-actions"]{
    position:relative!important;

    z-index:3!important;

    opacity:1!important;

    filter:none!important;
  }


  body.v8551-special-service
  .subhero-full .btn{
    opacity:1!important;

    visibility:visible!important;

    filter:none!important;
  }


  body.v8551-special-service
  .subhero-full .btn-primary{
    color:#082536!important;

    background:
      linear-gradient(
        145deg,
        #e4b64b,
        #ca962c
      )!important;

    border-color:transparent!important;

    box-shadow:
      0 9px 24px rgba(0,0,0,.16)!important;
  }


  body.v8551-special-service
  .subhero-full .btn-light{
    color:#fff!important;

    background:
      rgba(5,28,41,.70)!important;

    border:
      1px solid rgba(255,255,255,.25)!important;

    backdrop-filter:
      blur(8px)!important;

    -webkit-backdrop-filter:
      blur(8px)!important;
  }


  /*
   * =========================================================
   * HERO NOTE / PRINCIPLE CARD
   * =========================================================
   */

  body.v8551-special-service
  .subhero-full [class*="hero-note"]{
    position:relative!important;

    z-index:3!important;

    opacity:1!important;

    visibility:visible!important;

    filter:none!important;

    margin-top:22px!important;

    padding:22px 20px!important;

    border:
      1px solid rgba(222,177,72,.24)!important;

    border-radius:17px!important;

    background:
      linear-gradient(
        145deg,
        rgba(7,36,51,.95),
        rgba(5,26,39,.93)
      )!important;

    box-shadow:
      0 15px 36px rgba(0,0,0,.21)!important;

    backdrop-filter:
      blur(8px)!important;

    -webkit-backdrop-filter:
      blur(8px)!important;

    transform:none!important;
  }


  body.v8551-special-service
  .subhero-full [class*="hero-note"] h2,

  body.v8551-special-service
  .subhero-full [class*="hero-note"] h3,

  body.v8551-special-service
  .subhero-full [class*="hero-note"] strong{
    color:#fff!important;

    opacity:1!important;
  }


  body.v8551-special-service
  .subhero-full [class*="hero-note"] p,

  body.v8551-special-service
  .subhero-full [class*="hero-note"] small{
    color:rgba(255,255,255,.68)!important;

    opacity:1!important;
  }


  /*
   * =========================================================
   * SAFARI MOBILE COMPOSITING
   * =========================================================
   *
   * Avoid inherited opacity/filter layers becoming a giant
   * translucent sheet during Safari compositing.
   */

  body.v8551-special-service
  .subhero-full .reveal{
    opacity:1!important;

    visibility:visible!important;

    filter:none!important;
  }

}

/* END V8.55.1 SPECIALIZED SERVICE HERO STACK */


/* BEGIN V8.56.1 WAREHOUSE MOBILE */

@media (max-width:720px){

  /*
   * =========================================================
   * WAREHOUSE PAGE — MOBILE FOUNDATION
   * =========================================================
   */

  body.warehouse-page main{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }


  body.warehouse-page
  .v8120-zones > .container,

  body.warehouse-page
  .v8120-inventory > .container,

  body.warehouse-page
  .v8120-flow > .container,

  body.warehouse-page
  .v8120-distribution > .container,

  body.warehouse-page
  .v8120-exceptions > .container,

  body.warehouse-page
  .v8120-faq > .container,

  body.warehouse-page
  .v8120-cta > .container{
    width:calc(100% - 30px)!important;
    max-width:none!important;

    margin-left:auto!important;
    margin-right:auto!important;
  }


  /*
   * Disable desktop chapter entrance transforms on phone.
   */

  body.warehouse-page.v8120-motion
  .v8120-chapter > .container,

  body.warehouse-page.v8120-motion
  .v8120-chapter.v8120-in > .container{
    transform:none!important;
  }


  /*
   * =========================================================
   * SHARED SECTION HEADS
   * =========================================================
   */

  body.warehouse-page
  .v8120-section-head,

  body.warehouse-page
  .v8120-dark-head{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:15px!important;

    align-items:start!important;

    margin-bottom:30px!important;
  }


  body.warehouse-page
  .v8120-section-head h2,

  body.warehouse-page
  .v8120-dark-head h2{
    max-width:100%!important;

    margin:8px 0 0!important;

    font-size:
      clamp(2.15rem,9.5vw,2.75rem)!important;

    line-height:.97!important;

    letter-spacing:-.045em!important;
  }


  body.warehouse-page
  .v8120-section-copy{
    width:100%!important;
    max-width:none!important;
  }


  body.warehouse-page
  .v8120-section-copy p,

  body.warehouse-page
  .v8120-dark-head > p{
    width:100%!important;
    max-width:none!important;

    margin:0!important;

    font-size:.94rem!important;
    line-height:1.62!important;
  }


  /*
   * =========================================================
   * WAREHOUSE ZONES
   * =========================================================
   */

  body.warehouse-page
  .v8120-zones{
    padding:
      58px 0 62px!important;
  }


  body.warehouse-page
  .v8120-zone-layout{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:18px!important;
  }


  /*
   * Preserve the actual warehouse visual rather than replacing it.
   */

  body.warehouse-page
  .v8120-zone-map{
    width:100%!important;

    min-height:470px!important;

    overflow:hidden!important;
  }


  body.warehouse-page
  .v8120-map-toolbar{
    min-height:50px!important;

    padding:
      10px 14px!important;

    display:flex!important;

    flex-wrap:wrap!important;

    gap:8px!important;

    font-size:.55rem!important;
  }


  body.warehouse-page
  .v8120-map-toolbar > div{
    display:flex!important;

    flex-wrap:wrap!important;

    gap:8px!important;
  }


  body.warehouse-page
  .v8120-map-canvas{
    position:relative!important;

    min-height:350px!important;

    overflow:hidden!important;
  }


  body.warehouse-page
  .v8120-zone{
    min-width:135px!important;
    min-height:68px!important;

    padding:
      10px 11px!important;

    gap:8px!important;

    transform:
      scale(.78)!important;

    transform-origin:
      center center!important;
  }


  body.warehouse-page
  .v8120-zone > span{
    width:27px!important;
    height:27px!important;

    font-size:.55rem!important;
  }


  body.warehouse-page
  .v8120-zone small{
    font-size:.43rem!important;
  }


  body.warehouse-page
  .v8120-zone strong{
    font-size:.64rem!important;
  }


  body.warehouse-page
  .v8120-zone em{
    font-size:.48rem!important;
  }


  body.warehouse-page
  .v8120-map-legend{
    min-height:0!important;

    padding:
      13px 14px!important;

    display:grid!important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:9px 12px!important;
  }


  body.warehouse-page
  .v8120-map-legend > div{
    display:flex!important;

    gap:7px!important;

    font-size:.58rem!important;
  }


  /*
   * Zone information cards.
   */

  body.warehouse-page
  .v8120-zone-cards{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:12px!important;
  }


  body.warehouse-page
  .v8120-zone-card{
    min-height:0!important;

    padding:
      20px!important;
  }


  body.warehouse-page
  .v8120-zone-icon{
    width:44px!important;
    height:44px!important;
  }


  body.warehouse-page
  .v8120-zone-card h3{
    font-size:1.12rem!important;
  }


  body.warehouse-page
  .v8120-zone-card p{
    font-size:.87rem!important;

    line-height:1.55!important;
  }


  /*
   * =========================================================
   * INVENTORY CONTROL DASHBOARD
   * =========================================================
   */

  body.warehouse-page
  .v8120-inventory{
    padding:
      58px 0 62px!important;
  }


  body.warehouse-page
  .v8120-dashboard{
    width:100%!important;

    overflow:hidden!important;
  }


  body.warehouse-page
  .v8120-dashboard-top{
    min-height:0!important;

    padding:
      13px 14px!important;

    display:flex!important;

    flex-wrap:wrap!important;

    gap:7px!important;

    font-size:.53rem!important;
  }


  body.warehouse-page
  .v8120-dashboard-body{
    display:block!important;
  }


  /*
   * Desktop sidebar becomes a compact mobile control strip.
   */

  body.warehouse-page
  .v8120-dashboard-nav{
    padding:
      14px!important;

    display:grid!important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:6px!important;
  }


  body.warehouse-page
  .v8120-dashboard-nav > small{
    grid-column:1/-1!important;

    margin:
      0 0 7px!important;
  }


  body.warehouse-page
  .v8120-dashboard-nav > div{
    min-height:42px!important;

    padding:
      7px 9px!important;

    gap:7px!important;

    font-size:.63rem!important;
  }


  body.warehouse-page
  .v8120-dashboard-main{
    padding:
      14px!important;
  }


  body.warehouse-page
  .v8120-metrics{
    display:grid!important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:8px!important;
  }


  body.warehouse-page
  .v8120-metrics > div{
    min-height:88px!important;

    padding:
      13px!important;
  }


  body.warehouse-page
  .v8120-metrics strong{
    font-size:1.18rem!important;
  }


  /*
   * Keep stock table intact, but make it swipeable instead of
   * compressing five desktop columns into the phone width.
   */

  body.warehouse-page
  .v8120-stock-table{
    width:100%!important;

    overflow-x:auto!important;

    -webkit-overflow-scrolling:touch!important;
  }


  body.warehouse-page
  .v8120-stock-row{
    width:620px!important;
    min-width:620px!important;

    min-height:52px!important;

    padding:
      0 12px!important;

    display:grid!important;

    grid-template-columns:
      90px 150px 85px 90px 145px!important;

    gap:10px!important;

    font-size:.61rem!important;
  }


  body.warehouse-page
  .v8120-stock-header{
    min-height:38px!important;
  }


  body.warehouse-page
  .v8120-dashboard-strip{
    display:grid!important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }


  body.warehouse-page
  .v8120-dashboard-strip > div{
    min-height:54px!important;

    padding:
      10px 12px!important;
  }


  /*
   * =========================================================
   * FLOW
   * =========================================================
   */

  body.warehouse-page
  .v8120-flow{
    padding:
      58px 0 62px!important;
  }


  body.warehouse-page
  .v8120-flow-rail{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:0!important;
  }


  body.warehouse-page
  .v8120-flow-line{
    display:none!important;
  }


  body.warehouse-page
  .v8120-flow-rail article{
    display:grid!important;

    grid-template-columns:
      52px minmax(0,1fr)!important;

    column-gap:14px!important;

    padding:
      16px 0!important;

    border-bottom:
      1px solid rgba(10,52,70,.10)!important;
  }


  body.warehouse-page
  .v8120-flow-rail article > div{
    grid-column:1!important;
    grid-row:1/4!important;

    width:46px!important;
    height:46px!important;
  }


  body.warehouse-page
  .v8120-flow-rail small,

  body.warehouse-page
  .v8120-flow-rail h3,

  body.warehouse-page
  .v8120-flow-rail p{
    grid-column:2!important;

    padding:0!important;
  }


  body.warehouse-page
  .v8120-flow-rail h3{
    margin:
      3px 0 6px!important;

    font-size:1.05rem!important;
  }


  body.warehouse-page
  .v8120-flow-rail p{
    font-size:.84rem!important;

    line-height:1.52!important;
  }


  body.warehouse-page
  .v8120-flow-rule{
    min-height:0!important;

    padding:
      18px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:7px!important;
  }


  /*
   * =========================================================
   * DISTRIBUTION
   * =========================================================
   */

  body.warehouse-page
  .v8120-distribution{
    padding:
      58px 0 62px!important;
  }


  body.warehouse-page
  .v8120-distribution-shell{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    min-height:0!important;
  }


  body.warehouse-page
  .v8120-distribution-map{
    min-height:340px!important;
  }


  /*
   * Cancel desktop-only artificial width expansion.
   */

  body.warehouse-page
  .v8120-distribution
  :is(
    .v8120-distribution-grid,
    .v8120-distribution-layout,
    .v8120-distribution-board,
    .v8120-dispatch-grid,
    .v8120-dispatch-layout
  ){
    width:100%!important;
    max-width:100%!important;
  }


  body.warehouse-page
  .v8120-distribution
  :is(
    .v8120-distribution-visual,
    .v8120-dispatch-visual,
    .v8120-dispatch-map,
    .v8120-route-map
  ){
    min-height:300px!important;
  }


  body.warehouse-page
  .v8120-distribution-panel{
    padding:
      25px 20px!important;
  }


  body.warehouse-page
  .v8120-distribution-panel h3{
    margin:
      8px 0 18px!important;

    font-size:1.65rem!important;
  }


  body.warehouse-page
  .v8120-distribution-checks > div{
    min-height:64px!important;

    padding:
      12px!important;

    grid-template-columns:
      29px minmax(0,1fr)!important;
  }


  body.warehouse-page
  .v8120-distribution-checks strong{
    font-size:.76rem!important;
  }


  body.warehouse-page
  .v8120-distribution-checks small{
    font-size:.64rem!important;
  }


  /*
   * =========================================================
   * EXCEPTION MANAGEMENT
   * =========================================================
   */

  body.warehouse-page
  .v8120-exceptions{
    padding:
      58px 0!important;
  }


  body.warehouse-page
  .v8120-exception-layout{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:27px!important;
  }


  body.warehouse-page
  .v8120-exception-copy h2{
    font-size:
      clamp(2.15rem,9vw,2.7rem)!important;
  }


  body.warehouse-page
  .v8120-exception-copy p{
    width:100%!important;
    max-width:none!important;

    font-size:.91rem!important;
  }


  body.warehouse-page
  .v8120-exception-board{
    width:100%!important;

    overflow:hidden!important;
  }


  body.warehouse-page
  .v8120-exception-head{
    min-height:48px!important;

    padding:
      0 13px!important;
  }


  body.warehouse-page
  .v8120-exception-row{
    min-height:0!important;

    padding:
      13px!important;

    display:grid!important;

    grid-template-columns:
      80px minmax(0,1fr)!important;

    gap:
      4px 11px!important;
  }


  body.warehouse-page
  .v8120-exception-row .status{
    min-width:0!important;

    width:max-content!important;

    padding:
      5px 7px!important;
  }


  body.warehouse-page
  .v8120-exception-row strong{
    font-size:.77rem!important;
    line-height:1.3!important;
  }


  body.warehouse-page
  .v8120-exception-row small{
    grid-column:2!important;

    font-size:.65rem!important;
    line-height:1.45!important;
  }


  /*
   * =========================================================
   * FAQ
   * =========================================================
   */

  body.warehouse-page
  .v8120-faq{
    padding:
      58px 0 62px!important;
  }


  body.warehouse-page
  .v8120-faq .faq{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:28px!important;
  }


  body.warehouse-page
  .v8120-faq .faq > .reveal:first-child{
    width:100%!important;
    max-width:none!important;
  }


  body.warehouse-page
  .v8120-faq h2{
    max-width:100%!important;

    margin:
      8px 0 14px!important;

    font-size:
      clamp(2.15rem,9vw,2.7rem)!important;

    line-height:.97!important;
  }


  body.warehouse-page
  .v8120-faq-intro{
    width:100%!important;
    max-width:none!important;

    font-size:.91rem!important;
  }


  body.warehouse-page
  .v8120-faq .accordion{
    width:100%!important;
  }


  body.warehouse-page
  .v8120-faq .accordion-button{
    min-height:61px!important;

    padding:
      0 4px!important;

    font-size:.87rem!important;
  }


  body.warehouse-page
  .v8120-faq .accordion-content p{
    padding:
      0 25px 18px 4px!important;

    font-size:.84rem!important;
  }


  /*
   * =========================================================
   * FINAL CTA
   * =========================================================
   */

  body.warehouse-page
  .v8120-cta{
    padding:
      55px 0 59px!important;
  }


  body.warehouse-page
  .v8120-cta .cta-inner{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:20px!important;

    align-items:start!important;
  }


  body.warehouse-page
  .v8120-cta h2{
    font-size:
      clamp(2.1rem,9vw,2.65rem)!important;
  }

}

/* END V8.56.1 WAREHOUSE MOBILE */


/* BEGIN V8.58.0 MOBILE HERO TEXT WHITE */

@media (max-width:720px){

  /*
   * Homepage hero description only.
   * Keep text fully readable over the hero image.
   */

  body.home-page .v8470-hero-copy,
  body.home-page .v8470-hero-copy p,
  body.home-page .v6-hero-copy > p{
    color:#ffffff!important;
    opacity:1!important;
    -webkit-text-fill-color:#ffffff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.28)!important;
  }

}

/* END V8.58.0 MOBILE HERO TEXT WHITE */

/* BEGIN V8.58.2 FREIGHT MOBILE ICON FIX */

@media (max-width:720px){

  /*
   * Freight Forwarding capability icons only.
   *
   * Desktop icon dimensions were being inherited on mobile,
   * causing the SVG artwork to become enormous solid shapes.
   */

  body.freight-page
  .v870-modes
  .v870-mode-icon{
    width:56px!important;
    height:56px!important;

    min-width:56px!important;
    min-height:56px!important;

    max-width:56px!important;
    max-height:56px!important;

    aspect-ratio:1 / 1!important;

    display:grid!important;
    place-items:center!important;

    margin:18px 0 17px!important;
    padding:0!important;

    overflow:hidden!important;

    border:
      1px solid rgba(13,58,80,.12)!important;

    border-radius:14px!important;

    background:
      linear-gradient(
        145deg,
        #f1f6f6,
        #e7f0f1
      )!important;

    color:#123b50!important;

    box-shadow:
      0 7px 20px rgba(8,45,62,.06)!important;

    transform:none!important;
  }


  body.freight-page
  .v870-modes
  .v870-mode-icon svg{
    width:31px!important;
    height:31px!important;

    min-width:0!important;
    min-height:0!important;

    max-width:31px!important;
    max-height:31px!important;

    display:block!important;

    margin:0!important;
    padding:0!important;

    overflow:visible!important;

    fill:none!important;

    stroke:#123b50!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    transform:none!important;
  }


  /*
   * Explicitly prevent individual SVG geometry from
   * falling back to browser default black fills.
   */

  body.freight-page
  .v870-modes
  .v870-mode-icon svg path,

  body.freight-page
  .v870-modes
  .v870-mode-icon svg circle,

  body.freight-page
  .v870-modes
  .v870-mode-icon svg rect,

  body.freight-page
  .v870-modes
  .v870-mode-icon svg line,

  body.freight-page
  .v870-modes
  .v870-mode-icon svg polyline,

  body.freight-page
  .v870-modes
  .v870-mode-icon svg polygon{
    fill:none!important;

    stroke:#123b50!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    vector-effect:non-scaling-stroke!important;
  }

}

/* END V8.58.2 FREIGHT MOBILE ICON FIX */

/* BEGIN V8.58.4 CUSTOMS MOBILE ICON HARD FIX */

@media screen and (max-width:720px){

  /*
   * CUSTOMS & TRADE COMPLIANCE
   * Exact icon class only.
   */

  body.customs-page .v880-domain-icon{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    inset:auto!important;

    float:none!important;

    width:58px!important;
    height:58px!important;

    min-width:58px!important;
    min-height:58px!important;

    max-width:58px!important;
    max-height:58px!important;

    flex:0 0 58px!important;

    display:grid!important;
    place-items:center!important;

    box-sizing:border-box!important;

    margin:16px 0 18px!important;
    padding:0!important;

    overflow:hidden!important;

    border:1px solid rgba(11,52,72,.13)!important;
    border-radius:14px!important;

    background:#edf3f3!important;

    color:#123b50!important;

    box-shadow:
      0 7px 18px rgba(8,42,58,.06)!important;

    transform:none!important;
    scale:none!important;

    opacity:1!important;
  }


  body.customs-page .v880-domain-icon::before,
  body.customs-page .v880-domain-icon::after{
    content:none!important;

    display:none!important;

    width:0!important;
    height:0!important;

    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }


  body.customs-page .v880-domain-icon > svg{
    position:static!important;

    inset:auto!important;

    display:block!important;

    width:30px!important;
    height:30px!important;

    min-width:30px!important;
    min-height:30px!important;

    max-width:30px!important;
    max-height:30px!important;

    margin:0!important;
    padding:0!important;

    overflow:visible!important;

    fill:none!important;
    color:#123b50!important;

    stroke:#123b50!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    transform:none!important;
    scale:none!important;

    opacity:1!important;
  }


  body.customs-page .v880-domain-icon > svg *{
    fill:none!important;

    stroke:#123b50!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    vector-effect:non-scaling-stroke!important;
  }

}

/* END V8.58.4 CUSTOMS MOBILE ICON HARD FIX */

/* BEGIN V8.58.5 CUSTOMS MOBILE PRESENTATION */

@media screen and (max-width:720px){

  /*
   * =========================================================
   * 1. CUSTOMS HERO — SECONDARY COPY CONTRAST
   * =========================================================
   */

  body.customs-page
  .v880-customs-hero
  :is(
    .v880-customs-note,
    .v880-hero-note,
    .subhero-note
  ) p{
    color:rgba(255,255,255,.82)!important;
    opacity:1!important;
    -webkit-text-fill-color:rgba(255,255,255,.82)!important;
  }


  body.customs-page
  .v880-customs-hero
  :is(
    .v880-customs-note,
    .v880-hero-note,
    .subhero-note
  ) strong{
    color:#fff!important;
  }


  /*
   * =========================================================
   * 2. CUSTOMS CONTROL DESK — MOBILE EXPERIENCE
   * =========================================================
   */

  body.customs-page .v880-control-desk{
    position:relative!important;

    padding:58px 0 62px!important;

    color:#fff!important;

    overflow:hidden!important;

    background:
      radial-gradient(
        circle at 90% 5%,
        rgba(54,143,177,.25),
        transparent 30%
      ),
      linear-gradient(
        145deg,
        #061823 0%,
        #082a3c 58%,
        #0a384d 100%
      )!important;
  }


  body.customs-page .v880-control-desk::before{
    content:""!important;

    display:block!important;

    position:absolute!important;
    inset:0!important;

    pointer-events:none!important;

    opacity:.12!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.07) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.07) 1px,
        transparent 1px
      )!important;

    background-size:56px 56px!important;
  }


  body.customs-page
  .v880-control-desk > .container{
    position:relative!important;
    z-index:2!important;

    width:calc(100% - 32px)!important;
    max-width:none!important;

    margin-inline:auto!important;
  }


  body.customs-page .v880-control-head{
    display:block!important;

    margin:0 0 25px!important;
  }


  body.customs-page .v880-control-head .eyebrow{
    color:#e1b248!important;
  }


  body.customs-page .v880-control-head h2{
    max-width:none!important;

    margin:11px 0 17px!important;

    color:#fff!important;

    font-size:
      clamp(2.35rem,10.5vw,3.05rem)!important;

    line-height:.94!important;

    letter-spacing:-.05em!important;
  }


  body.customs-page .v880-control-head > p{
    max-width:none!important;

    margin:0!important;

    color:rgba(255,255,255,.72)!important;

    font-size:.96rem!important;
    line-height:1.64!important;
  }


  /*
   * MAIN DESK SHELL
   */

  body.customs-page .v880-desk-shell{
    width:100%!important;

    overflow:hidden!important;

    border:
      1px solid rgba(255,255,255,.11)!important;

    border-radius:18px!important;

    background:
      rgba(3,19,29,.58)!important;

    box-shadow:
      0 20px 52px rgba(0,0,0,.20)!important;
  }


  body.customs-page .v880-desk-top{
    min-height:0!important;

    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:8px 14px!important;

    padding:16px!important;

    color:rgba(255,255,255,.48)!important;

    border-bottom:
      1px solid rgba(255,255,255,.08)!important;

    font-size:.62rem!important;
    font-weight:850!important;

    letter-spacing:.08em!important;
  }


  body.customs-page
  .v880-desk-top > div:first-child{
    display:flex!important;
    align-items:center!important;

    gap:8px!important;

    color:rgba(255,255,255,.82)!important;
  }


  body.customs-page .v880-live-dot{
    width:7px!important;
    height:7px!important;

    flex:0 0 7px!important;

    display:block!important;

    border-radius:50%!important;

    background:#68d8a6!important;

    box-shadow:
      0 0 0 4px rgba(104,216,166,.10)!important;
  }


  body.customs-page .v880-desk-grid{
    display:block!important;

    grid-template-columns:none!important;
  }


  /*
   * READINESS PANEL
   */

  body.customs-page .v880-desk-sidebar{
    padding:19px 17px!important;

    border-right:0!important;

    border-bottom:
      1px solid rgba(255,255,255,.08)!important;

    background:
      rgba(2,17,27,.30)!important;
  }


  body.customs-page .v880-desk-title{
    margin:0 0 12px!important;

    color:#e1ad3f!important;

    font-size:.66rem!important;
    font-weight:900!important;

    letter-spacing:.12em!important;

    text-transform:uppercase!important;
  }


  body.customs-page .v880-readiness{
    display:grid!important;

    gap:0!important;
  }


  body.customs-page .v880-readiness > div{
    min-height:50px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:12px!important;

    padding:10px 0!important;

    border-bottom:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.customs-page
  .v880-readiness > div:last-child{
    border-bottom:0!important;
  }


  body.customs-page .v880-readiness span{
    color:rgba(255,255,255,.72)!important;

    font-size:.80rem!important;
    line-height:1.35!important;
  }


  body.customs-page .v880-readiness b{
    width:max-content!important;

    padding:6px 8px!important;

    border-radius:999px!important;

    font-size:.53rem!important;
    font-weight:900!important;

    letter-spacing:.06em!important;
  }


  body.customs-page .v880-readiness .ready{
    color:#72dda9!important;
    background:rgba(70,195,139,.11)!important;
  }


  body.customs-page .v880-readiness .review{
    color:#e4b64a!important;
    background:rgba(216,167,59,.12)!important;
  }


  body.customs-page .v880-readiness .pending{
    color:rgba(255,255,255,.58)!important;
    background:rgba(255,255,255,.07)!important;
  }


  /*
   * METRICS
   */

  body.customs-page .v880-desk-main{
    padding:16px!important;
  }


  body.customs-page .v880-desk-metrics{
    display:grid!important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:9px!important;
  }


  body.customs-page
  .v880-desk-metrics > div{
    min-width:0!important;
    min-height:94px!important;

    padding:14px!important;

    display:flex!important;
    flex-direction:column!important;

    justify-content:center!important;

    border:
      1px solid rgba(255,255,255,.075)!important;

    border-radius:12px!important;

    background:
      rgba(255,255,255,.045)!important;
  }


  body.customs-page .v880-desk-metrics small{
    color:rgba(255,255,255,.40)!important;

    font-size:.52rem!important;
    font-weight:900!important;

    letter-spacing:.09em!important;
  }


  body.customs-page .v880-desk-metrics strong{
    margin:6px 0 3px!important;

    color:#fff!important;

    font-size:1.35rem!important;
    line-height:1!important;
  }


  body.customs-page .v880-desk-metrics span{
    color:rgba(255,255,255,.48)!important;

    font-size:.63rem!important;
  }


  /*
   * TABLE -> MOBILE OPERATION CARDS
   */

  body.customs-page .v880-desk-table{
    display:grid!important;

    gap:8px!important;

    margin-top:10px!important;

    overflow:visible!important;

    border:0!important;
    border-radius:0!important;
  }


  body.customs-page .v880-table-head{
    display:none!important;
  }


  body.customs-page
  .v880-table-row:not(.v880-table-head){
    min-height:0!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr)!important;

    gap:9px 13px!important;

    align-items:start!important;

    padding:14px!important;

    color:rgba(255,255,255,.66)!important;

    border:
      1px solid rgba(255,255,255,.075)!important;

    border-radius:12px!important;

    background:
      rgba(255,255,255,.038)!important;

    font-size:.72rem!important;
    line-height:1.38!important;
  }


  body.customs-page
  .v880-table-row:not(.v880-table-head) strong{
    grid-column:1 / -1!important;

    display:block!important;

    padding-bottom:9px!important;

    color:#fff!important;

    border-bottom:
      1px solid rgba(255,255,255,.07)!important;

    font-size:.82rem!important;
    line-height:1.3!important;
  }


  body.customs-page
  .v880-table-row:not(.v880-table-head)
  > span{
    min-width:0!important;

    display:block!important;

    color:rgba(255,255,255,.68)!important;
  }


  body.customs-page
  .v880-table-row:not(.v880-table-head)
  > span::before{
    display:block!important;

    margin-bottom:4px!important;

    color:rgba(255,255,255,.33)!important;

    font-size:.48rem!important;
    font-weight:900!important;

    letter-spacing:.08em!important;

    text-transform:uppercase!important;
  }


  body.customs-page
  .v880-table-row:not(.v880-table-head)
  > span:nth-child(2)::before{
    content:"Owner"!important;
  }


  body.customs-page
  .v880-table-row:not(.v880-table-head)
  > span:nth-child(3)::before{
    content:"Status"!important;
  }


  body.customs-page
  .v880-table-row:not(.v880-table-head)
  > span:nth-child(4){
    grid-column:1 / -1!important;
  }


  body.customs-page
  .v880-table-row:not(.v880-table-head)
  > span:nth-child(4)::before{
    content:"Next action"!important;
  }


  body.customs-page .v880-table-row i{
    width:6px!important;
    height:6px!important;

    display:inline-block!important;

    margin-right:6px!important;

    border-radius:50%!important;
  }


  body.customs-page .v880-table-row i.green{
    background:#63d5a1!important;
  }


  body.customs-page .v880-table-row i.amber{
    background:#ddb043!important;
  }


  body.customs-page .v880-table-row i.grey{
    background:#7e9199!important;
  }


  /*
   * CONTROL FOOT
   */

  body.customs-page .v880-control-foot{
    display:grid!important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:1px!important;

    margin-top:12px!important;

    overflow:hidden!important;

    border:
      1px solid rgba(255,255,255,.075)!important;

    border-radius:13px!important;

    background:
      rgba(255,255,255,.07)!important;
  }


  body.customs-page
  .v880-control-foot > div{
    min-height:65px!important;

    display:flex!important;
    align-items:center!important;

    gap:9px!important;

    padding:13px!important;

    color:rgba(255,255,255,.68)!important;

    border:0!important;

    background:
      rgba(2,18,28,.74)!important;

    font-size:.68rem!important;
    line-height:1.35!important;
  }


  body.customs-page .v880-control-foot span{
    color:#dfac3f!important;

    font-size:.56rem!important;
    font-weight:900!important;
  }


  /*
   * =========================================================
   * 3. CLEARANCE SEQUENCE — MOBILE CARD FLOW
   * =========================================================
   */

  body.customs-page .v880-clearance{
    position:relative!important;

    padding:58px 0 64px!important;

    overflow:hidden!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(45,128,158,.10),
        transparent 30%
      ),
      linear-gradient(
        180deg,
        #f3f7f6,
        #edf4f3
      )!important;
  }


  body.customs-page
  .v880-clearance > .container{
    width:calc(100% - 32px)!important;
    max-width:none!important;

    margin-inline:auto!important;
  }


  body.customs-page
  .v880-clearance .v880-section-head{
    display:block!important;

    margin:0 0 28px!important;
  }


  body.customs-page
  .v880-clearance .v880-section-head h2{
    max-width:none!important;

    margin:11px 0 16px!important;

    color:#092f43!important;

    font-size:
      clamp(2.35rem,10.4vw,3rem)!important;

    line-height:.94!important;

    letter-spacing:-.05em!important;
  }


  body.customs-page
  .v880-clearance .v880-section-copy{
    max-width:none!important;

    padding:0!important;

    justify-self:auto!important;
  }


  body.customs-page
  .v880-clearance .v880-section-copy p{
    margin:0!important;

    color:#536a74!important;

    font-size:.96rem!important;
    line-height:1.64!important;
  }


  /*
   * FLOW
   */

  body.customs-page .v880-clearance-flow{
    position:relative!important;

    display:grid!important;

    grid-template-columns:1fr!important;

    gap:11px!important;
  }


  body.customs-page .v880-clearance-line{
    display:none!important;
  }


  body.customs-page .v880-clearance-step{
    position:relative!important;

    min-width:0!important;
    min-height:0!important;

    display:grid!important;

    grid-template-columns:
      48px minmax(0,1fr)!important;

    grid-template-rows:
      auto auto auto!important;

    column-gap:13px!important;

    padding:16px!important;

    border:
      1px solid rgba(8,48,66,.095)!important;

    border-radius:15px!important;

    background:
      rgba(255,255,255,.82)!important;

    box-shadow:
      0 8px 22px rgba(8,41,57,.045)!important;
  }


  body.customs-page .v880-clearance-node{
    grid-column:1!important;
    grid-row:1 / 4!important;

    width:42px!important;
    height:42px!important;

    display:grid!important;
    place-items:center!important;

    align-self:start!important;

    margin:0!important;

    color:#0b4058!important;

    border:
      1px solid rgba(16,76,100,.13)!important;

    border-radius:12px!important;

    background:#e7f1f2!important;

    font-size:.70rem!important;
    font-weight:900!important;

    letter-spacing:.04em!important;
  }


  body.customs-page .v880-clearance-step small{
    grid-column:2!important;

    display:block!important;

    margin:1px 0 5px!important;

    color:#b17f1f!important;

    font-size:.52rem!important;
    font-weight:900!important;

    line-height:1.2!important;

    letter-spacing:.11em!important;
  }


  body.customs-page .v880-clearance-step h3{
    grid-column:2!important;

    margin:0 0 6px!important;

    color:#0a3348!important;

    font-size:1.05rem!important;
    line-height:1.15!important;

    letter-spacing:-.025em!important;
  }


  body.customs-page .v880-clearance-step p{
    grid-column:2!important;

    margin:0!important;

    color:#627680!important;

    font-size:.78rem!important;
    line-height:1.55!important;
  }


  /*
   * RELEASE RULE
   */

  body.customs-page .v880-release-rule{
    margin-top:15px!important;

    display:block!important;

    padding:18px!important;

    border:
      1px solid rgba(193,145,43,.18)!important;

    border-left:
      3px solid #d5a43b!important;

    border-radius:14px!important;

    background:
      linear-gradient(
        145deg,
        #fffaf0,
        #f7f1e4
      )!important;

    box-shadow:
      0 8px 22px rgba(8,40,54,.04)!important;
  }


  body.customs-page .v880-release-rule span{
    display:block!important;

    margin-bottom:7px!important;

    color:#a97718!important;

    font-size:.52rem!important;
    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.customs-page .v880-release-rule strong{
    display:block!important;

    color:#12364a!important;

    font-size:.84rem!important;
    line-height:1.48!important;
  }

}

/* END V8.58.5 CUSTOMS MOBILE PRESENTATION */

/* BEGIN V8.58.6 CUSTOMS MOBILE HERO REFINEMENT */

@media screen and (max-width:720px){

  /*
   * =========================================================
   * CUSTOMS HERO ONLY
   * =========================================================
   */

  body.customs-page .v880-customs-hero{
    min-height:0!important;
    height:auto!important;

    overflow:hidden!important;
  }


  body.customs-page .v880-customs-hero-inner{
    width:calc(100% - 32px)!important;
    max-width:none!important;

    min-height:0!important;
    height:auto!important;

    margin:0 auto!important;

    padding:
      24px 0
      30px!important;

    display:block!important;

    grid-template-columns:none!important;

    gap:0!important;
  }


  /*
   * MAIN COPY
   */

  body.customs-page .v880-customs-copy{
    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;
  }


  body.customs-page
  .v880-customs-copy .breadcrumbs{
    display:flex!important;
    flex-wrap:wrap!important;

    gap:4px 7px!important;

    margin:0 0 18px!important;

    color:rgba(255,255,255,.67)!important;

    font-size:.64rem!important;
    line-height:1.4!important;
  }


  body.customs-page
  .v880-customs-copy .breadcrumbs a{
    color:#e4bf69!important;
  }


  body.customs-page
  .v880-customs-copy > .eyebrow{
    margin:0!important;

    color:#e0ae3f!important;

    font-size:.61rem!important;
    line-height:1.2!important;

    letter-spacing:.15em!important;
  }


  /*
   * MAIN TITLE
   *
   * Still strong, but no longer consumes most
   * of the mobile viewport.
   */

  body.customs-page
  .v880-customs-copy h1{
    max-width:355px!important;

    margin:
      12px 0
      18px!important;

    color:#fff!important;

    font-size:
      clamp(
        2.75rem,
        11.7vw,
        3.25rem
      )!important;

    line-height:.91!important;

    letter-spacing:-.052em!important;

    text-shadow:
      0 4px 22px rgba(0,0,0,.22)!important;
  }


  body.customs-page
  .v880-customs-copy h1 span{
    color:#e2ad35!important;
  }


  /*
   * INTRO COPY
   */

  body.customs-page
  .v880-customs-copy .lead{
    width:100%!important;
    max-width:350px!important;

    margin:0!important;

    color:rgba(255,255,255,.84)!important;

    font-size:.92rem!important;
    line-height:1.58!important;

    -webkit-text-fill-color:
      rgba(255,255,255,.84)!important;
  }


  /*
   * =========================================================
   * CTA ROW
   * =========================================================
   */

  body.customs-page .v880-hero-actions{
    width:100%!important;

    display:flex!important;

    flex-wrap:wrap!important;

    align-items:center!important;

    gap:10px 14px!important;

    margin:
      22px 0
      0!important;
  }


  body.customs-page
  .v880-hero-actions .btn{
    width:auto!important;

    min-width:0!important;
    min-height:44px!important;

    margin:0!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    gap:9px!important;

    border-radius:999px!important;

    font-size:.76rem!important;
    line-height:1!important;

    font-weight:850!important;

    text-decoration:none!important;
  }


  /*
   * Primary CTA becomes the obvious action.
   */

  body.customs-page
  .v880-hero-actions .v880-primary{
    padding:
      0 17px!important;

    color:#071b29!important;

    border:
      1px solid rgba(239,198,99,.65)!important;

    background:
      linear-gradient(
        145deg,
        #e4b74d,
        #cf982e
      )!important;

    box-shadow:
      0 8px 22px
      rgba(192,139,36,.20)!important;
  }


  /*
   * Secondary action stays intentionally lighter.
   */

  body.customs-page
  .v880-hero-actions .v880-secondary{
    min-height:40px!important;

    padding:
      0 5px!important;

    color:rgba(255,255,255,.89)!important;

    border:0!important;

    background:transparent!important;

    box-shadow:none!important;
  }


  body.customs-page
  .v880-hero-actions .v880-secondary span{
    color:#e3ba62!important;
  }


  /*
   * =========================================================
   * AASHMAAN ADVANTAGE PANEL
   * =========================================================
   */

  body.customs-page .v880-customs-note{
    position:relative!important;

    width:100%!important;
    max-width:none!important;

    margin:
      24px 0
      0!important;

    padding:
      18px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(255,255,255,.13)!important;

    border-left:
      2px solid
      rgba(225,174,63,.90)!important;

    border-radius:16px!important;

    background:
      linear-gradient(
        145deg,
        rgba(5,28,41,.73),
        rgba(7,35,49,.57)
      )!important;

    backdrop-filter:
      blur(12px)!important;

    -webkit-backdrop-filter:
      blur(12px)!important;

    box-shadow:
      0 14px 34px
      rgba(0,0,0,.16)!important;
  }


  body.customs-page
  .v880-customs-note::before{
    content:""!important;

    display:block!important;

    position:absolute!important;

    width:120px!important;
    height:120px!important;

    top:-55px!important;
    right:-42px!important;

    border-radius:50%!important;

    background:
      radial-gradient(
        circle,
        rgba(216,169,61,.14),
        transparent 70%
      )!important;

    pointer-events:none!important;
  }


  body.customs-page
  .v880-customs-note .eyebrow{
    position:relative!important;

    margin:0 0 9px!important;

    color:#e1b34d!important;

    font-size:.57rem!important;

    letter-spacing:.15em!important;
  }


  body.customs-page
  .v880-customs-note h3{
    position:relative!important;

    max-width:none!important;

    margin:
      0 0
      9px!important;

    color:#fff!important;

    font-size:1.12rem!important;
    line-height:1.16!important;

    letter-spacing:-.025em!important;
  }


  body.customs-page
  .v880-customs-note > p{
    position:relative!important;

    max-width:none!important;

    margin:
      0 0
      15px!important;

    color:rgba(255,255,255,.73)!important;

    font-size:.80rem!important;
    line-height:1.54!important;

    -webkit-text-fill-color:
      rgba(255,255,255,.73)!important;
  }


  /*
   * =========================================================
   * 01 / 02 / 03 PROOF ROWS
   * =========================================================
   */

  body.customs-page .v880-note-status{
    position:relative!important;

    display:grid!important;

    grid-template-columns:1fr!important;

    gap:0!important;

    margin:0!important;
  }


  body.customs-page
  .v880-note-status > div{
    min-height:51px!important;

    display:grid!important;

    grid-template-columns:
      32px minmax(0,1fr)!important;

    grid-template-rows:
      auto auto!important;

    column-gap:10px!important;

    align-items:center!important;

    padding:
      9px 0!important;

    border-top:
      1px solid
      rgba(255,255,255,.09)!important;
  }


  body.customs-page
  .v880-note-status > div > span{
    grid-column:1!important;
    grid-row:1 / 3!important;

    width:27px!important;
    height:27px!important;

    display:grid!important;
    place-items:center!important;

    align-self:center!important;

    margin:0!important;

    color:#e2b34b!important;

    border:
      1px solid
      rgba(224,177,70,.22)!important;

    border-radius:8px!important;

    background:
      rgba(224,177,70,.075)!important;

    font-size:.54rem!important;
    line-height:1!important;

    font-weight:900!important;
  }


  body.customs-page
  .v880-note-status > div > strong{
    grid-column:2!important;
    grid-row:1!important;

    display:block!important;

    margin:0!important;

    color:#fff!important;

    font-size:.77rem!important;
    line-height:1.2!important;

    font-weight:850!important;
  }


  body.customs-page
  .v880-note-status > div > small{
    grid-column:2!important;
    grid-row:2!important;

    display:block!important;

    margin:2px 0 0!important;

    color:rgba(255,255,255,.52)!important;

    font-size:.64rem!important;
    line-height:1.3!important;
  }

}

/* END V8.58.6 CUSTOMS MOBILE HERO REFINEMENT */

/* BEGIN V8.59.0 IOR MOBILE COMPLETE POLISH */

@media screen and (max-width:720px){


  /*
   * =========================================================
   * ROLE MODEL SECTION
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8590-role-section{
    padding:
      56px 0
      60px!important;

    overflow:hidden!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(47,128,157,.08),
        transparent 30%
      ),
      linear-gradient(
        180deg,
        #faf8f2,
        #f5f3ed
      )!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-role-section > .container{
    width:
      calc(100% - 32px)!important;

    max-width:none!important;

    margin-inline:auto!important;
  }


  /*
   * Main section heading.
   */

  body.v8590-ior-mobile-polish
  .v8590-role-section h2{
    max-width:350px!important;

    margin:
      10px 0
      14px!important;

    color:#0b3044!important;

    font-size:
      clamp(
        2.35rem,
        10.4vw,
        3rem
      )!important;

    line-height:.95!important;

    letter-spacing:-.05em!important;
  }


  /*
   * Intro paragraph beneath heading.
   */

  body.v8590-ior-mobile-polish
  .v8590-role-section
  > .container
  > div
  > p{
    max-width:none!important;

    color:#586d77!important;

    font-size:.92rem!important;
    line-height:1.58!important;
  }


  /*
   * =========================================================
   * ROLE CARDS
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8590-role-card{
    position:relative!important;

    width:100%!important;
    min-width:0!important;

    min-height:0!important;
    height:auto!important;

    display:block!important;

    margin:
      12px 0
      0!important;

    padding:
      17px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(8,48,66,.095)!important;

    border-radius:
      16px!important;

    background:
      rgba(255,255,255,.84)!important;

    box-shadow:
      0 8px 24px
      rgba(8,42,58,.045)!important;

    transform:none!important;
  }


  /*
   * Disable giant decorative layers inherited
   * from desktop generations.
   */

  body.v8590-ior-mobile-polish
  .v8590-role-card::before,

  body.v8590-ior-mobile-polish
  .v8590-role-card::after{
    content:none!important;

    display:none!important;

    width:0!important;
    height:0!important;

    background:none!important;
    border:0!important;
  }


  /*
   * 01 / 02 / 03 / 04
   */

  body.v8590-ior-mobile-polish
  .v8590-role-number{
    position:absolute!important;

    top:17px!important;
    right:17px!important;

    width:auto!important;
    height:auto!important;

    margin:0!important;

    color:
      rgba(10,49,68,.28)!important;

    font-size:.71rem!important;
    line-height:1!important;

    font-weight:900!important;

    letter-spacing:.06em!important;
  }


  /*
   * Small professional icon holder.
   */

  body.v8590-ior-mobile-polish
  .v8590-role-icon{
    position:static!important;

    width:48px!important;
    height:48px!important;

    min-width:48px!important;
    min-height:48px!important;

    max-width:48px!important;
    max-height:48px!important;

    display:grid!important;

    place-items:center!important;

    margin:
      0 0
      13px!important;

    padding:0!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(12,61,82,.11)!important;

    border-radius:
      13px!important;

    background:
      linear-gradient(
        145deg,
        #eaf2f2,
        #f2f5f2
      )!important;

    transform:none!important;

    box-shadow:none!important;
  }


  /*
   * Critical SVG reset:
   * stops giant black person / shield / truck.
   */

  body.v8590-ior-mobile-polish
  .v8590-role-svg{
    position:static!important;

    width:27px!important;
    height:27px!important;

    min-width:27px!important;
    min-height:27px!important;

    max-width:27px!important;
    max-height:27px!important;

    margin:0!important;
    padding:0!important;

    display:block!important;

    overflow:visible!important;

    fill:none!important;

    stroke:#123f55!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    color:#123f55!important;

    transform:none!important;

    opacity:1!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-role-svg *{
    fill:none!important;

    stroke:#123f55!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    vector-effect:
      non-scaling-stroke!important;
  }


  /*
   * Role classification.
   */

  body.v8590-ior-mobile-polish
  .v8590-role-code{
    display:block!important;

    margin:
      0 0
      5px!important;

    color:#a8781d!important;

    font-size:.54rem!important;
    line-height:1.2!important;

    font-weight:900!important;

    letter-spacing:.12em!important;

    text-transform:uppercase!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-role-title{
    margin:
      0 0
      7px!important;

    color:#0b3247!important;

    font-size:1.14rem!important;
    line-height:1.12!important;

    letter-spacing:-.025em!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-role-copy{
    max-width:none!important;

    margin:0!important;

    color:#61747d!important;

    font-size:.79rem!important;
    line-height:1.53!important;
  }


  /*
   * Small responsibility connector content,
   * if present under the four cards.
   */

  body.v8590-ior-mobile-polish
  .v8590-role-mini-wrap{
    display:flex!important;

    flex-wrap:wrap!important;

    gap:7px!important;

    margin-top:13px!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-role-mini{
    width:auto!important;
    min-height:34px!important;

    display:inline-flex!important;

    align-items:center!important;

    gap:5px!important;

    padding:
      7px 10px!important;

    margin:0!important;

    border:
      1px solid
      rgba(11,54,74,.09)!important;

    border-radius:
      999px!important;

    background:
      rgba(255,255,255,.72)!important;

    color:#526873!important;

    font-size:.66rem!important;
    line-height:1.2!important;
  }



  /*
   * =========================================================
   * TRANSACTION SEQUENCE
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8590-sequence-section{
    padding:
      56px 0
      62px!important;

    overflow:hidden!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(39,126,159,.09),
        transparent 28%
      ),
      linear-gradient(
        180deg,
        #f2f6f5,
        #edf3f2
      )!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-sequence-section
  > .container{
    width:
      calc(100% - 32px)!important;

    max-width:none!important;

    margin-inline:auto!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-sequence-section h2{
    max-width:355px!important;

    margin:
      10px 0
      14px!important;

    color:#0a3044!important;

    font-size:
      clamp(
        2.35rem,
        10.3vw,
        3rem
      )!important;

    line-height:.95!important;

    letter-spacing:-.05em!important;
  }


  /*
   * Intro copy.
   */

  body.v8590-ior-mobile-polish
  .v8590-sequence-section
  > .container
  > div
  > p{
    color:#566d77!important;

    font-size:.91rem!important;
    line-height:1.58!important;
  }


  /*
   * =========================================================
   * 01–06 SEQUENCE CARDS
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8590-sequence-step{
    position:relative!important;

    width:100%!important;
    min-width:0!important;

    min-height:0!important;
    height:auto!important;

    display:grid!important;

    grid-template-columns:
      46px minmax(0,1fr)!important;

    grid-template-rows:
      auto auto auto!important;

    column-gap:12px!important;

    margin:
      10px 0
      0!important;

    padding:
      15px!important;

    border:
      1px solid
      rgba(8,48,66,.09)!important;

    border-radius:
      15px!important;

    background:
      rgba(255,255,255,.84)!important;

    box-shadow:
      0 7px 20px
      rgba(8,41,57,.04)!important;

    transform:none!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-sequence-step::before,

  body.v8590-ior-mobile-polish
  .v8590-sequence-step::after{
    content:none!important;

    display:none!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-sequence-number{
    grid-column:1!important;
    grid-row:1 / 4!important;

    width:40px!important;
    height:40px!important;

    min-width:40px!important;

    display:grid!important;

    place-items:center!important;

    align-self:start!important;

    margin:0!important;

    color:#0e4056!important;

    border:
      1px solid
      rgba(15,74,98,.12)!important;

    border-radius:
      11px!important;

    background:
      #e6eff0!important;

    font-size:.65rem!important;

    font-weight:900!important;

    letter-spacing:.04em!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-sequence-code{
    grid-column:2!important;

    display:block!important;

    margin:
      1px 0
      4px!important;

    color:#aa791e!important;

    font-size:.51rem!important;

    font-weight:900!important;

    line-height:1.2!important;

    letter-spacing:.11em!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-sequence-title{
    grid-column:2!important;

    margin:
      0 0
      5px!important;

    color:#0b3448!important;

    font-size:1.02rem!important;
    line-height:1.13!important;

    letter-spacing:-.025em!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-sequence-copy{
    grid-column:2!important;

    margin:0!important;

    color:#61757e!important;

    font-size:.76rem!important;
    line-height:1.51!important;
  }



  /*
   * =========================================================
   * CONTROL PRINCIPLE
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8590-control-principle{
    margin:
      14px 0
      0!important;

    padding:
      17px!important;

    display:block!important;

    border:
      1px solid
      rgba(190,143,40,.17)!important;

    border-left:
      3px solid
      #d4a23a!important;

    border-radius:
      13px!important;

    background:
      linear-gradient(
        145deg,
        #fff9ec,
        #f5eee0
      )!important;

    color:#173b4c!important;

    box-shadow:
      0 7px 20px
      rgba(8,40,54,.035)!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-control-principle
  > *{
    margin-top:0!important;
    margin-bottom:0!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-control-principle strong{
    color:#15394a!important;

    font-size:.83rem!important;
    line-height:1.45!important;
  }



  /*
   * =========================================================
   * FAQ — KEEP EXISTING FUNCTIONALITY, CLEAN MOBILE SPACING
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8590-faq-section{
    padding:
      58px 0
      68px!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-faq-section
  > .container{
    width:
      calc(100% - 32px)!important;

    max-width:none!important;

    margin-inline:auto!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-faq-section h2{
    max-width:355px!important;

    font-size:
      clamp(
        2.35rem,
        10.2vw,
        3rem
      )!important;

    line-height:.95!important;

    letter-spacing:-.05em!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-faq-section p{
    font-size:.88rem!important;
    line-height:1.58!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-faq-item{
    overflow:hidden!important;

    margin-top:9px!important;

    border:
      1px solid
      rgba(9,46,64,.09)!important;

    border-radius:
      13px!important;

    background:
      rgba(255,255,255,.72)!important;
  }


  body.v8590-ior-mobile-polish
  .v8590-faq-question{
    min-height:58px!important;

    padding:
      14px 15px!important;

    font-size:.80rem!important;
    line-height:1.35!important;
  }

}

/* END V8.59.0 IOR MOBILE COMPLETE POLISH */

/* BEGIN V8.59.1 IOR MOBILE MATRIX AND FIT */

@media screen and (max-width:720px){


  /*
   * =========================================================
   * RESPONSIBILITY MATRIX SECTION
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8591-matrix-section{
    padding:
      56px 0
      62px!important;

    overflow:hidden!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(45,126,158,.075),
        transparent 30%
      ),
      linear-gradient(
        180deg,
        #f9f7f1,
        #f4f2eb
      )!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-matrix-section > .container{
    width:
      calc(100% - 32px)!important;

    max-width:none!important;

    margin-inline:auto!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-matrix-section h2{
    max-width:350px!important;

    margin:
      10px 0
      13px!important;

    color:#0b3044!important;

    font-size:
      clamp(
        2.35rem,
        10.3vw,
        3rem
      )!important;

    line-height:.95!important;

    letter-spacing:-.05em!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-matrix-section
  .v8591-matrix-source{
    display:none!important;
  }



  /*
   * =========================================================
   * MOBILE MATRIX HEADER
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8591-mobile-matrix{
    display:grid!important;

    grid-template-columns:
      1fr!important;

    gap:10px!important;

    margin-top:
      24px!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-mobile-matrix-top{
    position:relative!important;

    padding:
      16px 17px!important;

    overflow:hidden!important;

    border-radius:
      15px!important;

    border:
      1px solid
      rgba(255,255,255,.09)!important;

    background:
      linear-gradient(
        140deg,
        #082738,
        #0b3a50
      )!important;

    box-shadow:
      0 12px 28px
      rgba(7,38,53,.12)!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-mobile-matrix-top::after{
    content:""!important;

    position:absolute!important;

    width:110px!important;
    height:110px!important;

    right:-40px!important;
    top:-55px!important;

    border-radius:50%!important;

    background:
      radial-gradient(
        circle,
        rgba(218,174,71,.15),
        transparent 68%
      )!important;

    pointer-events:none!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-mobile-matrix-top span{
    position:relative!important;
    z-index:1!important;

    display:block!important;

    margin:
      0 0
      5px!important;

    color:#deb24c!important;

    font-size:.52rem!important;

    font-weight:900!important;

    line-height:1.25!important;

    letter-spacing:.13em!important;

    text-transform:uppercase!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-mobile-matrix-top strong{
    position:relative!important;
    z-index:1!important;

    display:block!important;

    color:#fff!important;

    font-size:.83rem!important;

    line-height:1.3!important;

    font-weight:800!important;

    letter-spacing:.015em!important;

    text-transform:uppercase!important;
  }



  /*
   * =========================================================
   * INDIVIDUAL RESPONSIBILITY CARDS
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8591-matrix-card{
    position:relative!important;

    min-height:0!important;

    padding:
      16px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(8,48,66,.09)!important;

    border-radius:
      15px!important;

    background:
      rgba(255,255,255,.88)!important;

    box-shadow:
      0 7px 22px
      rgba(7,40,55,.045)!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-matrix-number{
    position:absolute!important;

    right:15px!important;
    top:15px!important;

    color:
      rgba(12,54,72,.23)!important;

    font-size:.66rem!important;

    font-weight:900!important;

    letter-spacing:.05em!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-matrix-card h3{
    max-width:
      calc(100% - 40px)!important;

    margin:
      0 0
      13px!important;

    color:#0a3347!important;

    font-size:.93rem!important;

    line-height:1.25!important;

    letter-spacing:-.02em!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-matrix-role-grid{
    display:grid!important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:7px!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-matrix-role{
    min-width:0!important;

    padding:
      10px!important;

    border:
      1px solid
      rgba(10,51,69,.075)!important;

    border-radius:
      10px!important;

    background:
      linear-gradient(
        145deg,
        #f7f8f5,
        #f0f4f3
      )!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-matrix-role small{
    display:block!important;

    margin:
      0 0
      5px!important;

    color:#a8781e!important;

    font-size:.46rem!important;

    line-height:1.15!important;

    font-weight:900!important;

    letter-spacing:.10em!important;

    text-transform:uppercase!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-matrix-role strong{
    display:block!important;

    color:#475f6a!important;

    font-size:.67rem!important;

    line-height:1.38!important;

    font-weight:700!important;

    overflow-wrap:anywhere!important;
  }



  /*
   * =========================================================
   * POTENTIAL FIT / CASE REVIEW SECTION
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8591-fit-section{
    padding:
      56px 0
      64px!important;

    background:
      linear-gradient(
        180deg,
        #f5f6f1,
        #f8f5ee
      )!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-fit-section > .container{
    width:
      calc(100% - 32px)!important;

    max-width:none!important;

    margin-inline:auto!important;
  }



  /*
   * =========================================================
   * SHARED FIT CARD
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8591-fit-card{
    position:relative!important;

    width:100%!important;

    min-height:0!important;
    height:auto!important;

    margin:
      0 0
      14px!important;

    padding:
      18px!important;

    overflow:hidden!important;

    border-radius:
      16px!important;

    background:
      rgba(255,255,255,.88)!important;

    box-shadow:
      0 8px 24px
      rgba(7,40,55,.045)!important;
  }


  /*
   * Remove old giant/floating decoration.
   */

  body.v8590-ior-mobile-polish
  .v8591-fit-card::before,

  body.v8590-ior-mobile-polish
  .v8591-fit-card::after{
    content:none!important;

    display:none!important;
  }



  /*
   * POSITIVE / POTENTIAL FIT
   */

  body.v8590-ior-mobile-polish
  .v8591-fit-positive{
    border:
      1px solid
      rgba(54,148,103,.15)!important;

    border-left:
      3px solid
      #4aa477!important;

    background:
      linear-gradient(
        145deg,
        #f7fcf8,
        #f1f7f2
      )!important;
  }



  /*
   * REVIEW REQUIRED
   */

  body.v8590-ior-mobile-polish
  .v8591-fit-review{
    border:
      1px solid
      rgba(199,148,42,.17)!important;

    border-left:
      3px solid
      #d1a03c!important;

    background:
      linear-gradient(
        145deg,
        #fffaf0,
        #f8f1e2
      )!important;
  }



  /*
   * Integrated status icon.
   */

  body.v8590-ior-mobile-polish
  .v8591-fit-icon{
    position:static!important;

    width:32px!important;
    height:32px!important;

    min-width:32px!important;

    display:grid!important;

    place-items:center!important;

    margin:
      0 0
      12px!important;

    padding:0!important;

    border-radius:
      10px!important;

    font-size:.86rem!important;

    line-height:1!important;

    font-weight:900!important;

    transform:none!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-fit-icon-positive{
    color:#347a59!important;

    border:
      1px solid
      rgba(56,145,99,.14)!important;

    background:
      rgba(63,156,108,.09)!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-fit-icon-review{
    color:#9b701c!important;

    border:
      1px solid
      rgba(191,139,34,.15)!important;

    background:
      rgba(204,153,49,.10)!important;
  }



  /*
   * Eyebrows.
   */

  body.v8590-ior-mobile-polish
  .v8591-fit-card .eyebrow{
    margin-bottom:
      8px!important;

    font-size:.51rem!important;

    letter-spacing:.13em!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-fit-positive .eyebrow{
    color:#397a59!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-fit-review .eyebrow{
    color:#a67820!important;
  }



  /*
   * Card heading.
   */

  body.v8590-ior-mobile-polish
  .v8591-fit-card h2,

  body.v8590-ior-mobile-polish
  .v8591-fit-card h3{
    max-width:none!important;

    margin:
      0 0
      13px!important;

    color:#0c3448!important;

    font-size:1.16rem!important;

    line-height:1.18!important;

    letter-spacing:-.027em!important;
  }



  /*
   * Bullet lists.
   */

  body.v8590-ior-mobile-polish
  .v8591-fit-card ul{
    margin:
      0!important;

    padding:
      0!important;

    list-style:none!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-fit-card li{
    position:relative!important;

    margin:0!important;

    padding:
      9px 0
      9px 19px!important;

    color:#566b75!important;

    border-top:
      1px solid
      rgba(10,51,69,.07)!important;

    font-size:.80rem!important;

    line-height:1.48!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-fit-card li::before{
    content:""!important;

    position:absolute!important;

    left:2px!important;
    top:16px!important;

    width:5px!important;
    height:5px!important;

    border-radius:50%!important;

    background:#72919d!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-fit-positive li::before{
    background:#55a47b!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-fit-review li::before{
    background:#c39737!important;
  }



  /*
   * =========================================================
   * IMPORTANT NOTE
   * =========================================================
   */

  body.v8590-ior-mobile-polish
  .v8591-important-card{
    margin:
      14px 0
      0!important;

    padding:
      16px 17px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(11,55,74,.09)!important;

    border-radius:
      14px!important;

    background:
      linear-gradient(
        145deg,
        #eef4f4,
        #f5f5f0
      )!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-important-card
  > div:first-child,

  body.v8590-ior-mobile-polish
  .v8591-important-card
  > span:first-child,

  body.v8590-ior-mobile-polish
  .v8591-important-card
  > small:first-child{
    display:block!important;

    margin:
      0 0
      7px!important;

    color:#aa791f!important;

    font-size:.51rem!important;

    font-weight:900!important;

    letter-spacing:.13em!important;

    text-transform:uppercase!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-important-card p{
    margin:0!important;

    color:#566d77!important;

    font-size:.79rem!important;

    line-height:1.52!important;
  }



  /*
   * =========================================================
   * VERY NARROW PHONES
   * =========================================================
   */

  @media screen and (max-width:360px){

    body.v8590-ior-mobile-polish
    .v8591-matrix-role-grid{
      grid-template-columns:
        1fr!important;
    }

  }

}

/* END V8.59.1 IOR MOBILE MATRIX AND FIT */

/* BEGIN V8.59.2 IOR MOBILE LEGACY CLEANUP */

@media screen and (max-width:720px){

  body.v8590-ior-mobile-polish
  .v8592-mobile-hide{
    display:none!important;

    visibility:hidden!important;

    width:0!important;
    height:0!important;

    min-width:0!important;
    min-height:0!important;

    max-width:0!important;
    max-height:0!important;

    margin:0!important;
    padding:0!important;

    border:0!important;

    overflow:hidden!important;

    opacity:0!important;
  }


  /*
   * The new matrix should flow directly into
   * Transaction Fit with deliberate spacing.
   */

  body.v8590-ior-mobile-polish
  .v8591-mobile-matrix{
    margin-bottom:0!important;
  }


  body.v8590-ior-mobile-polish
  .v8591-matrix-section{
    padding-bottom:
      56px!important;
  }

}

/* END V8.59.2 IOR MOBILE LEGACY CLEANUP */

/* BEGIN V8.60.0 WAREHOUSE MOBILE VISUAL SYSTEM */

@media screen and (max-width:720px){

  /*
   * =========================================================
   * WAREHOUSE MOBILE
   * COMPLETE PRESENTATION LAYER
   *
   * Desktop remains untouched.
   * =========================================================
   */


  body.warehouse-page{
    --wh-navy:#082b3d;
    --wh-navy-deep:#061d2a;
    --wh-blue:#123f55;
    --wh-gold:#c9942e;
    --wh-gold-soft:#e7c878;
    --wh-cream:#f8f5ee;
    --wh-paper:#fffdf8;
    --wh-mist:#edf3f2;
    --wh-line:rgba(8,48,66,.10);
    --wh-copy:#60727b;
    --wh-shadow:
      0 12px 32px rgba(7,38,53,.065);
  }


  body.warehouse-page main{
    background:#f8f5ee!important;
  }


  body.warehouse-page
  .v8120-chapter{
    scroll-margin-top:92px!important;
  }



  /*
   * =========================================================
   * COMMON SECTION PRESENTATION
   * =========================================================
   */

  body.warehouse-page
  :is(
    .v8120-zones,
    .v8120-inventory,
    .v8120-flow,
    .v8120-distribution,
    .v8120-exceptions,
    .v8120-faq
  ){
    position:relative!important;

    overflow:hidden!important;
  }


  body.warehouse-page
  .v8120-section-head,
  body.warehouse-page
  .v8120-dark-head{
    position:relative!important;

    z-index:2!important;
  }


  body.warehouse-page
  .v8120-section-head .eyebrow,
  body.warehouse-page
  .v8120-dark-head .eyebrow{
    color:#a8781d!important;

    font-size:.57rem!important;

    line-height:1.2!important;

    font-weight:900!important;

    letter-spacing:.16em!important;

    text-transform:uppercase!important;
  }


  body.warehouse-page
  .v8120-section-head h2,
  body.warehouse-page
  .v8120-dark-head h2{
    color:#0a3043!important;

    text-wrap:balance;
  }


  body.warehouse-page
  .v8120-section-copy p,
  body.warehouse-page
  .v8120-dark-head > p{
    color:#5b6d76!important;
  }



  /*
   * =========================================================
   * WAREHOUSE CAPABILITY CARDS
   * Know what arrived / know where it is / etc.
   * =========================================================
   */

  body.warehouse-page
  .v8120-zone-cards{
    gap:12px!important;
  }


  body.warehouse-page
  .v8120-zone-card{
    position:relative!important;

    width:100%!important;
    min-height:0!important;

    display:grid!important;

    grid-template-columns:
      54px minmax(0,1fr)!important;

    grid-template-rows:
      auto auto auto!important;

    column-gap:14px!important;

    align-items:start!important;

    margin:0!important;

    padding:
      17px 17px 18px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(9,49,67,.09)!important;

    border-radius:
      17px!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(53,133,166,.055),
        transparent 30%
      ),
      rgba(255,255,255,.90)!important;

    box-shadow:
      var(--wh-shadow)!important;
  }


  body.warehouse-page
  .v8120-zone-card::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:18px!important;
    bottom:18px!important;

    width:2px!important;

    border-radius:99px!important;

    background:
      linear-gradient(
        #d5a43c,
        #ebd18d
      )!important;
  }


  body.warehouse-page
  .v8120-zone-icon{
    grid-column:1!important;
    grid-row:1 / 4!important;

    position:static!important;

    inset:auto!important;

    width:48px!important;
    height:48px!important;

    min-width:48px!important;
    min-height:48px!important;

    max-width:48px!important;
    max-height:48px!important;

    display:grid!important;

    place-items:center!important;

    margin:0!important;
    padding:0!important;

    border:
      1px solid
      rgba(13,65,86,.10)!important;

    border-radius:
      13px!important;

    background:
      linear-gradient(
        145deg,
        #e9f0f0,
        #f7faf8
      )!important;

    color:#123f55!important;

    box-shadow:none!important;

    transform:none!important;
  }


  body.warehouse-page
  .v8120-zone-icon svg{
    position:static!important;

    width:25px!important;
    height:25px!important;

    min-width:25px!important;
    min-height:25px!important;

    max-width:25px!important;
    max-height:25px!important;

    margin:0!important;

    overflow:visible!important;

    fill:none!important;

    stroke:#123f55!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    transform:none!important;
  }


  body.warehouse-page
  .v8120-zone-icon svg *{
    fill:none!important;

    stroke:#123f55!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    vector-effect:
      non-scaling-stroke!important;
  }


  body.warehouse-page
  .v8120-zone-card > small{
    grid-column:2!important;

    margin:
      1px 0 5px!important;

    color:#a47721!important;

    font-size:.52rem!important;

    line-height:1.2!important;

    font-weight:900!important;

    letter-spacing:.12em!important;

    text-transform:uppercase!important;
  }


  body.warehouse-page
  .v8120-zone-card h3{
    grid-column:2!important;

    margin:
      0 0 6px!important;

    color:#0c3347!important;

    font-size:1.08rem!important;

    line-height:1.14!important;

    letter-spacing:-.025em!important;
  }


  body.warehouse-page
  .v8120-zone-card p{
    grid-column:2!important;

    margin:0!important;

    color:#60737c!important;

    font-size:.78rem!important;

    line-height:1.52!important;
  }



  /*
   * =========================================================
   * WAREHOUSE OPERATING VIEW
   * Turn desktop map into compact mobile operating board.
   * =========================================================
   */

  body.warehouse-page
  .v8120-zone-map{
    min-height:0!important;
    height:auto!important;

    border:
      1px solid
      rgba(9,49,67,.10)!important;

    border-radius:
      18px!important;

    background:
      linear-gradient(
        155deg,
        #092d40,
        #061d2a
      )!important;

    box-shadow:
      0 18px 42px
      rgba(6,29,42,.14)!important;
  }


  body.warehouse-page
  .v8120-map-toolbar{
    min-height:52px!important;

    padding:
      12px 14px!important;

    color:
      rgba(255,255,255,.72)!important;

    border-bottom:
      1px solid
      rgba(255,255,255,.08)!important;

    background:
      rgba(255,255,255,.025)!important;
  }


  body.warehouse-page
  .v8120-map-toolbar strong{
    color:#fff!important;
  }


  body.warehouse-page
  .v8120-map-canvas{
    position:relative!important;

    min-height:0!important;
    height:auto!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:8px!important;

    padding:
      14px!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(65,139,169,.12),
        transparent 34%
      )!important;
  }


  body.warehouse-page
  .v8120-map-canvas::before,
  body.warehouse-page
  .v8120-map-canvas::after{
    content:none!important;

    display:none!important;
  }


  body.warehouse-page
  .v8120-map-canvas
  > svg{
    display:none!important;
  }


  body.warehouse-page
  .v8120-zone{
    position:relative!important;

    inset:auto!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    width:100%!important;

    min-width:0!important;
    min-height:64px!important;

    max-width:none!important;

    display:grid!important;

    grid-template-columns:
      34px minmax(0,1fr)!important;

    align-items:center!important;

    gap:10px!important;

    margin:0!important;

    padding:
      11px 12px!important;

    color:#fff!important;

    border:
      1px solid
      rgba(255,255,255,.08)!important;

    border-radius:
      12px!important;

    background:
      rgba(255,255,255,.045)!important;

    box-shadow:none!important;

    transform:none!important;
  }


  body.warehouse-page
  .v8120-zone > span{
    width:30px!important;
    height:30px!important;

    display:grid!important;
    place-items:center!important;

    margin:0!important;

    border-radius:
      9px!important;

    color:#0b2f43!important;

    background:
      #e4bd64!important;

    font-size:.58rem!important;

    font-weight:900!important;
  }


  body.warehouse-page
  .v8120-zone small{
    color:
      rgba(255,255,255,.43)!important;

    font-size:.46rem!important;
  }


  body.warehouse-page
  .v8120-zone strong{
    color:#fff!important;

    font-size:.73rem!important;
  }


  body.warehouse-page
  .v8120-zone em{
    color:
      rgba(255,255,255,.51)!important;

    font-size:.52rem!important;

    font-style:normal!important;
  }


  body.warehouse-page
  .v8120-map-legend{
    border-top:
      1px solid
      rgba(255,255,255,.075)!important;

    background:
      rgba(1,15,23,.22)!important;
  }


  body.warehouse-page
  .v8120-map-legend > div{
    color:
      rgba(255,255,255,.59)!important;
  }



  /*
   * =========================================================
   * INVENTORY DASHBOARD
   * =========================================================
   */

  body.warehouse-page
  .v8120-inventory{
    background:
      radial-gradient(
        circle at 100% 0,
        rgba(41,125,157,.06),
        transparent 30%
      ),
      #eef3f1!important;
  }


  body.warehouse-page
  .v8120-dashboard{
    border:
      1px solid
      rgba(7,45,63,.10)!important;

    border-radius:
      18px!important;

    background:#fff!important;

    box-shadow:
      0 18px 45px
      rgba(7,37,52,.075)!important;
  }


  body.warehouse-page
  .v8120-dashboard-top{
    color:
      rgba(255,255,255,.70)!important;

    border-bottom:
      1px solid
      rgba(255,255,255,.08)!important;

    background:
      linear-gradient(
        135deg,
        #082d40,
        #061e2c
      )!important;
  }


  body.warehouse-page
  .v8120-dashboard-top strong{
    color:#fff!important;
  }


  body.warehouse-page
  .v8120-dashboard-nav{
    border-bottom:
      1px solid
      var(--wh-line)!important;

    background:
      #f7f4ed!important;
  }


  body.warehouse-page
  .v8120-dashboard-nav > small{
    color:#997120!important;

    font-size:.51rem!important;

    font-weight:900!important;

    letter-spacing:.11em!important;

    text-transform:uppercase!important;
  }


  body.warehouse-page
  .v8120-dashboard-nav > div{
    border:
      1px solid
      rgba(10,52,70,.08)!important;

    border-radius:
      10px!important;

    color:#506873!important;

    background:
      rgba(255,255,255,.78)!important;
  }


  body.warehouse-page
  .v8120-dashboard-main{
    background:#fff!important;
  }


  body.warehouse-page
  .v8120-metrics > div{
    border:
      1px solid
      rgba(7,50,68,.08)!important;

    border-radius:
      12px!important;

    background:
      linear-gradient(
        145deg,
        #f8faf8,
        #eef3f2
      )!important;
  }


  body.warehouse-page
  .v8120-metrics small{
    display:block!important;

    margin-bottom:4px!important;

    color:#78878d!important;

    font-size:.48rem!important;

    font-weight:850!important;

    letter-spacing:.08em!important;
  }


  body.warehouse-page
  .v8120-metrics strong{
    display:block!important;

    color:#0c3549!important;

    font-weight:850!important;
  }


  body.warehouse-page
  .v8120-metrics span{
    color:#60737c!important;

    font-size:.62rem!important;
  }


  body.warehouse-page
  .v8120-stock-table{
    margin-top:
      12px!important;

    border:
      1px solid
      rgba(8,47,65,.08)!important;

    border-radius:
      12px!important;

    background:#fff!important;
  }


  body.warehouse-page
  .v8120-stock-row{
    color:#5a6e77!important;

    border-bottom:
      1px solid
      rgba(8,47,65,.07)!important;

    background:#fff!important;
  }


  body.warehouse-page
  .v8120-stock-row:last-child{
    border-bottom:0!important;
  }


  body.warehouse-page
  .v8120-stock-header{
    color:#8b979c!important;

    background:
      #f2f5f4!important;

    font-weight:850!important;

    letter-spacing:.05em!important;
  }


  body.warehouse-page
  .v8120-stock-row strong{
    color:#173c4d!important;
  }


  body.warehouse-page
  .v8120-dashboard-strip{
    margin-top:
      11px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(8,47,65,.08)!important;

    border-radius:
      12px!important;

    background:#f7f4ed!important;
  }


  body.warehouse-page
  .v8120-dashboard-strip > div{
    color:#5b7079!important;

    border-right:
      1px solid
      rgba(8,47,65,.07)!important;

    border-bottom:
      1px solid
      rgba(8,47,65,.07)!important;
  }



  /*
   * =========================================================
   * RECEIVE → VERIFY → PUT AWAY → CONTROL
   * =========================================================
   */

  body.warehouse-page
  .v8120-flow{
    background:
      #fbfaf6!important;
  }


  body.warehouse-page
  .v8120-flow-rail{
    gap:10px!important;
  }


  body.warehouse-page
  .v8120-flow-rail article{
    position:relative!important;

    min-height:0!important;

    padding:
      15px!important;

    border:
      1px solid
      rgba(8,49,67,.09)!important;

    border-radius:
      15px!important;

    background:
      rgba(255,255,255,.90)!important;

    box-shadow:
      0 7px 22px
      rgba(8,41,57,.045)!important;
  }


  body.warehouse-page
  .v8120-flow-rail article > div{
    width:43px!important;
    height:43px!important;

    min-width:43px!important;

    display:grid!important;

    place-items:center!important;

    border:
      1px solid
      rgba(12,62,83,.10)!important;

    border-radius:
      11px!important;

    color:#114158!important;

    background:
      #e7eff0!important;
  }


  body.warehouse-page
  .v8120-flow-rail article > div svg{
    width:22px!important;
    height:22px!important;

    fill:none!important;

    stroke:#114158!important;
    stroke-width:2!important;
  }


  body.warehouse-page
  .v8120-flow-rail small{
    color:#a5761d!important;

    font-size:.51rem!important;

    font-weight:900!important;

    letter-spacing:.11em!important;

    text-transform:uppercase!important;
  }


  body.warehouse-page
  .v8120-flow-rail h3{
    color:#0c3448!important;
  }


  body.warehouse-page
  .v8120-flow-rail p{
    margin:0!important;

    color:#62757e!important;
  }


  body.warehouse-page
  .v8120-flow-rule{
    margin-top:
      13px!important;

    border:
      1px solid
      rgba(191,143,39,.16)!important;

    border-left:
      3px solid
      #d4a13a!important;

    border-radius:
      13px!important;

    background:
      linear-gradient(
        145deg,
        #fff9ec,
        #f3ecdd
      )!important;

    color:#173d4e!important;
  }



  /*
   * =========================================================
   * DISTRIBUTION PLANNING
   * =========================================================
   */

  body.warehouse-page
  .v8120-distribution{
    background:
      radial-gradient(
        circle at 100% 0,
        rgba(48,128,158,.06),
        transparent 28%
      ),
      #eef3f2!important;
  }


  body.warehouse-page
  .v8120-distribution-shell{
    gap:13px!important;
  }


  /*
   * Desktop distribution map uses absolute positioning.
   * On the phone it becomes a compact regional information card.
   */

  body.warehouse-page
  .v8120-distribution-map{
    position:relative!important;

    width:100%!important;

    min-height:0!important;
    height:auto!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:7px!important;

    padding:
      16px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(8,48,66,.09)!important;

    border-radius:
      16px!important;

    background:
      rgba(255,255,255,.88)!important;

    box-shadow:
      var(--wh-shadow)!important;
  }


  body.warehouse-page
  .v8120-distribution-map::before,
  body.warehouse-page
  .v8120-distribution-map::after{
    content:none!important;

    display:none!important;
  }


  body.warehouse-page
  .v8120-distribution-map svg,
  body.warehouse-page
  .v8120-distribution-map canvas{
    display:none!important;
  }


  body.warehouse-page
  .v8120-distribution-map *{
    max-width:100%!important;
  }


  body.warehouse-page
  .v8120-distribution-map
  > div{
    position:relative!important;

    inset:auto!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    width:100%!important;
    height:auto!important;

    min-height:0!important;

    margin:0!important;

    padding:
      10px 11px!important;

    transform:none!important;

    border-bottom:
      1px solid
      rgba(8,48,66,.07)!important;

    color:#5b6f78!important;

    background:transparent!important;
  }


  body.warehouse-page
  .v8120-distribution-map
  > div:last-child{
    border-bottom:0!important;
  }


  body.warehouse-page
  .v8120-distribution-map strong{
    color:#12394c!important;
  }


  body.warehouse-page
  .v8120-distribution-panel{
    width:100%!important;

    border:
      1px solid
      rgba(8,48,66,.09)!important;

    border-radius:
      17px!important;

    background:#fff!important;

    box-shadow:
      var(--wh-shadow)!important;
  }


  body.warehouse-page
  .v8120-distribution-panel .eyebrow{
    color:#a7791e!important;
  }


  body.warehouse-page
  .v8120-distribution-panel h3{
    color:#0a3246!important;

    line-height:1.04!important;

    letter-spacing:-.035em!important;
  }


  body.warehouse-page
  .v8120-distribution-checks{
    display:grid!important;

    gap:8px!important;
  }


  body.warehouse-page
  .v8120-distribution-checks > div{
    min-height:0!important;

    display:grid!important;

    grid-template-columns:
      34px minmax(0,1fr)!important;

    gap:
      2px 10px!important;

    padding:
      11px 12px!important;

    border:
      1px solid
      rgba(8,48,66,.08)!important;

    border-radius:
      11px!important;

    background:
      #f5f8f6!important;
  }


  body.warehouse-page
  .v8120-distribution-checks
  > div
  > span:first-child{
    grid-column:1!important;

    grid-row:1 / 3!important;

    width:29px!important;
    height:29px!important;

    display:grid!important;

    place-items:center!important;

    border-radius:
      8px!important;

    color:#16465b!important;

    background:
      #e5edef!important;

    font-size:.55rem!important;

    font-weight:900!important;
  }


  body.warehouse-page
  .v8120-distribution-checks strong{
    grid-column:2!important;

    color:#173b4d!important;
  }


  body.warehouse-page
  .v8120-distribution-checks small{
    grid-column:2!important;

    color:#687a82!important;

    line-height:1.45!important;
  }



  /*
   * =========================================================
   * INVENTORY DISCIPLINE / HOLD / RELEASE
   * =========================================================
   */

  body.warehouse-page
  .v8120-exceptions{
    background:
      #f8f5ee!important;
  }


  body.warehouse-page
  .v8120-exception-board{
    overflow:hidden!important;

    border:
      1px solid
      rgba(8,48,66,.10)!important;

    border-radius:
      17px!important;

    background:#fff!important;

    box-shadow:
      var(--wh-shadow)!important;
  }


  body.warehouse-page
  .v8120-exception-head{
    color:#fff!important;

    background:
      linear-gradient(
        135deg,
        #092f43,
        #061e2c
      )!important;

    border-bottom:
      1px solid
      rgba(255,255,255,.08)!important;
  }


  body.warehouse-page
  .v8120-exception-head strong{
    color:#fff!important;
  }


  body.warehouse-page
  .v8120-exception-row{
    border-bottom:
      1px solid
      rgba(8,48,66,.08)!important;

    background:#fff!important;
  }


  body.warehouse-page
  .v8120-exception-row:last-child{
    border-bottom:0!important;
  }


  body.warehouse-page
  .v8120-exception-row
  .status{
    display:inline-flex!important;

    align-items:center!important;

    justify-content:center!important;

    min-height:27px!important;

    border:
      1px solid
      rgba(9,58,79,.09)!important;

    border-radius:
      999px!important;

    color:#17475a!important;

    background:
      #eaf1f1!important;

    font-size:.54rem!important;

    font-weight:900!important;

    letter-spacing:.05em!important;
  }


  body.warehouse-page
  .v8120-exception-row strong{
    color:#123a4c!important;
  }


  body.warehouse-page
  .v8120-exception-row small{
    color:#687a82!important;
  }



  /*
   * =========================================================
   * GENERIC MOBILE SAFETY
   * Remove desktop-scale graphical SVG treatment ONLY
   * inside warehouse visual/control components.
   * =========================================================
   */

  body.warehouse-page
  :is(
    .v8120-zone-card,
    .v8120-flow-rail,
    .v8120-dashboard,
    .v8120-distribution-shell,
    .v8120-exception-board
  )
  svg{
    max-width:100%!important;
  }


  /*
   * Ensure no desktop component forces giant minimum heights.
   */

  body.warehouse-page
  :is(
    .v8120-zone-card,
    .v8120-dashboard,
    .v8120-flow-rail,
    .v8120-distribution-shell,
    .v8120-distribution-panel,
    .v8120-exception-board
  ){
    min-height:0!important;
  }


  /*
   * Improve visible separation between sections.
   */

  body.warehouse-page
  .v8120-inventory,
  body.warehouse-page
  .v8120-distribution{
    border-top:
      1px solid
      rgba(8,48,66,.055)!important;

    border-bottom:
      1px solid
      rgba(8,48,66,.055)!important;
  }

}

/* END V8.60.0 WAREHOUSE MOBILE VISUAL SYSTEM */

/* BEGIN V8.60.1 WAREHOUSE MOBILE FLOW */

@media screen and (max-width:720px){

  /*
   * =========================================================
   * WAREHOUSE OPERATING FLOW
   * Actual markup uses V8130 classes.
   * =========================================================
   */

  body.warehouse-page
  .v8120-flow.v8130-flow{
    position:relative!important;

    padding:
      58px 0
      64px!important;

    overflow:hidden!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(55,131,158,.08),
        transparent 30%
      ),
      linear-gradient(
        180deg,
        #f4f6f3 0%,
        #edf3f1 100%
      )!important;
  }


  body.warehouse-page
  .v8120-flow.v8130-flow
  > .container{
    width:
      calc(100% - 30px)!important;

    max-width:none!important;

    margin-left:auto!important;
    margin-right:auto!important;
  }


  /*
   * Heading.
   */

  body.warehouse-page
  .v8120-flow.v8130-flow
  .v8130-section-head{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:14px!important;

    align-items:start!important;

    margin:
      0 0
      28px!important;
  }


  body.warehouse-page
  .v8120-flow.v8130-flow
  .v8130-section-head h2{
    max-width:350px!important;

    margin:
      8px 0
      0!important;

    color:#0a3044!important;

    font-size:
      clamp(
        2.2rem,
        9.7vw,
        2.8rem
      )!important;

    line-height:.96!important;

    letter-spacing:-.047em!important;
  }


  body.warehouse-page
  .v8120-flow.v8130-flow
  .v8130-section-head
  .v8120-section-copy{
    width:100%!important;

    max-width:none!important;

    margin:0!important;
    padding:0!important;
  }


  body.warehouse-page
  .v8120-flow.v8130-flow
  .v8130-section-head
  .v8120-section-copy p{
    width:100%!important;

    max-width:none!important;

    margin:0!important;

    color:#5c7079!important;

    font-size:.90rem!important;
    line-height:1.58!important;
  }


  /*
   * Remove desktop connecting-track geometry.
   */

  body.warehouse-page
  .v8130-warehouse-flow{
    position:relative!important;

    width:100%!important;
    max-width:none!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:11px!important;

    margin:0!important;

    padding:0!important;

    overflow:visible!important;
  }


  body.warehouse-page
  .v8130-flow-track{
    display:none!important;

    width:0!important;
    height:0!important;

    margin:0!important;
    padding:0!important;
  }


  body.warehouse-page
  .v8130-flow-track > span{
    display:none!important;
  }


  /*
   * =========================================================
   * INDIVIDUAL 01–06 FLOW CARDS
   * =========================================================
   */

  body.warehouse-page
  .v8130-flow-stage{
    position:relative!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    min-height:0!important;
    height:auto!important;

    display:grid!important;

    grid-template-columns:
      48px minmax(0,1fr)!important;

    grid-template-rows:
      auto auto auto!important;

    column-gap:13px!important;

    align-items:start!important;

    margin:0!important;

    padding:
      16px 16px
      17px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(9,49,67,.09)!important;

    border-radius:
      16px!important;

    background:
      rgba(255,255,255,.86)!important;

    box-shadow:
      0 8px 23px
      rgba(7,40,55,.045)!important;

    transform:none!important;
  }


  body.warehouse-page
  .v8130-flow-stage::before,
  body.warehouse-page
  .v8130-flow-stage::after{
    content:none!important;

    display:none!important;
  }


  /*
   * Number.
   */

  body.warehouse-page
  .v8130-stage-number{
    grid-column:1!important;
    grid-row:1 / 4!important;

    width:42px!important;
    height:42px!important;

    min-width:42px!important;
    min-height:42px!important;

    display:grid!important;
    place-items:center!important;

    align-self:start!important;

    margin:0!important;
    padding:0!important;

    color:#0e4258!important;

    border:
      1px solid
      rgba(17,74,96,.13)!important;

    border-radius:
      11px!important;

    background:
      #e6eff0!important;

    font-size:.65rem!important;
    line-height:1!important;

    font-weight:900!important;

    letter-spacing:.04em!important;
  }


  /*
   * Small operational icon becomes a neat badge rather than
   * a huge standalone symbol.
   */

  body.warehouse-page
  .v8130-stage-icon{
    position:absolute!important;

    top:16px!important;
    right:16px!important;

    width:30px!important;
    height:30px!important;

    min-width:30px!important;

    display:grid!important;
    place-items:center!important;

    margin:0!important;
    padding:0!important;

    color:#b17f1e!important;

    border:
      1px solid
      rgba(181,132,34,.13)!important;

    border-radius:
      9px!important;

    background:
      #fbf4e4!important;

    font-size:.88rem!important;
    line-height:1!important;

    font-weight:800!important;

    transform:none!important;
  }


  /*
   * Stage category.
   */

  body.warehouse-page
  .v8130-flow-stage > small{
    grid-column:2!important;

    display:block!important;

    max-width:
      calc(100% - 38px)!important;

    margin:
      1px 0
      4px!important;

    padding:0!important;

    color:#aa791d!important;

    font-size:.51rem!important;
    line-height:1.2!important;

    font-weight:900!important;

    letter-spacing:.12em!important;

    text-transform:uppercase!important;
  }


  /*
   * Stage title.
   */

  body.warehouse-page
  .v8130-flow-stage > h3{
    grid-column:2!important;

    max-width:
      calc(100% - 38px)!important;

    margin:
      0 0
      5px!important;

    padding:0!important;

    color:#0b3448!important;

    font-size:1.05rem!important;
    line-height:1.14!important;

    letter-spacing:-.025em!important;
  }


  /*
   * Stage copy.
   */

  body.warehouse-page
  .v8130-flow-stage > p{
    grid-column:2!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;

    padding:0!important;

    color:#61757e!important;

    font-size:.77rem!important;
    line-height:1.51!important;
  }


  /*
   * =========================================================
   * CONTROL PRINCIPLE CARD
   * =========================================================
   */

  body.warehouse-page
  .v8130-flow-control{
    width:100%!important;

    min-height:0!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:5px!important;

    margin:
      3px 0
      0!important;

    padding:
      17px 17px
      18px!important;

    border:
      1px solid
      rgba(189,142,39,.18)!important;

    border-left:
      3px solid
      #d2a13a!important;

    border-radius:
      14px!important;

    background:
      linear-gradient(
        145deg,
        #fff9ec,
        #f5eee1
      )!important;

    box-shadow:
      0 7px 20px
      rgba(8,40,54,.035)!important;
  }


  body.warehouse-page
  .v8130-flow-control > span{
    display:block!important;

    margin:0!important;

    color:#a87920!important;

    font-size:.51rem!important;
    line-height:1.2!important;

    font-weight:900!important;

    letter-spacing:.12em!important;

    text-transform:uppercase!important;
  }


  body.warehouse-page
  .v8130-flow-control > strong{
    display:block!important;

    margin:0!important;

    color:#12394b!important;

    font-size:.91rem!important;
    line-height:1.35!important;
  }


  body.warehouse-page
  .v8130-flow-control > small{
    display:block!important;

    margin:0!important;

    color:#64757d!important;

    font-size:.72rem!important;
    line-height:1.48!important;
  }

}

/* END V8.60.1 WAREHOUSE MOBILE FLOW */

/* BEGIN V8.60.2 WAREHOUSE MOBILE DISTRIBUTION */

@media screen and (max-width:720px){

  /*
   * =========================================================
   * DISTRIBUTION SECTION
   * =========================================================
   */

  body.warehouse-page
  .v8120-distribution{
    position:relative!important;

    padding:
      58px 0
      64px!important;

    overflow:hidden!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(55,133,160,.08),
        transparent 30%
      ),
      linear-gradient(
        180deg,
        #eef5f5 0%,
        #eaf1f0 100%
      )!important;
  }


  body.warehouse-page
  .v8120-distribution
  > .container{
    width:
      calc(100% - 30px)!important;

    max-width:none!important;

    margin-left:auto!important;
    margin-right:auto!important;
  }


  /*
   * Section heading.
   */

  body.warehouse-page
  .v8120-distribution
  .v8120-section-head{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:14px!important;

    align-items:start!important;

    margin:
      0 0
      29px!important;
  }


  body.warehouse-page
  .v8120-distribution
  .v8120-section-head h2{
    width:100%!important;
    max-width:355px!important;

    margin:
      8px 0
      0!important;

    color:#0a3044!important;

    font-size:
      clamp(
        2.25rem,
        9.8vw,
        2.85rem
      )!important;

    line-height:.95!important;

    letter-spacing:-.048em!important;
  }


  body.warehouse-page
  .v8120-distribution
  .v8120-section-copy{
    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;
  }


  body.warehouse-page
  .v8120-distribution
  .v8120-section-copy p{
    width:100%!important;
    max-width:none!important;

    margin:0!important;

    color:#5b7079!important;

    font-size:.90rem!important;
    line-height:1.60!important;
  }


  /*
   * =========================================================
   * COMPLETE DISTRIBUTION SHELL
   * =========================================================
   */

  body.warehouse-page
  .v8120-distribution-shell{
    width:100%!important;

    min-height:0!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:14px!important;

    margin:0!important;

    padding:0!important;

    overflow:visible!important;

    background:none!important;

    border:0!important;

    box-shadow:none!important;

    transform:none!important;
  }


  /*
   * =========================================================
   * KARACHI HUB / DESTINATION CARD
   * =========================================================
   */

  body.warehouse-page
  .v8120-distribution-map{
    position:relative!important;

    width:100%!important;

    min-width:0!important;
    max-width:none!important;

    min-height:0!important;
    height:auto!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:0!important;

    margin:0!important;

    padding:
      18px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(9,49,67,.09)!important;

    border-radius:
      18px!important;

    background:
      rgba(255,255,255,.90)!important;

    box-shadow:
      0 10px 28px
      rgba(8,42,57,.055)!important;
  }


  /*
   * Hide desktop connecting lines.
   */

  body.warehouse-page
  .v8120-distribution-map
  .v8120-route{
    display:none!important;

    position:static!important;

    width:0!important;
    height:0!important;

    margin:0!important;
    padding:0!important;

    border:0!important;

    background:none!important;

    transform:none!important;
  }


  /*
   * Karachi warehouse origin.
   */

  body.warehouse-page
  .v8120-origin{
    position:relative!important;

    inset:auto!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    width:100%!important;

    display:grid!important;

    grid-template-columns:
      42px minmax(0,1fr)!important;

    gap:12px!important;

    align-items:center!important;

    margin:0!important;

    padding:
      5px 3px
      17px!important;

    border-bottom:
      1px solid
      rgba(9,49,67,.10)!important;

    transform:none!important;
  }


  body.warehouse-page
  .v8120-origin > span{
    position:relative!important;

    inset:auto!important;

    width:40px!important;
    height:40px!important;

    min-width:40px!important;

    display:grid!important;
    place-items:center!important;

    margin:0!important;

    border-radius:
      12px!important;

    background:
      linear-gradient(
        145deg,
        #0b3a50,
        #092b3e
      )!important;

    border:
      1px solid
      rgba(220,177,74,.18)!important;

    box-shadow:
      0 6px 15px
      rgba(7,38,53,.12)!important;
  }


  body.warehouse-page
  .v8120-origin > span::before{
    content:"HUB"!important;

    color:#e6bd62!important;

    font-size:.46rem!important;

    font-weight:900!important;

    letter-spacing:.08em!important;
  }


  body.warehouse-page
  .v8120-origin > div{
    min-width:0!important;

    margin:0!important;
  }


  body.warehouse-page
  .v8120-origin small{
    display:block!important;

    margin:
      0 0
      4px!important;

    color:#a8781e!important;

    font-size:.50rem!important;

    line-height:1.2!important;

    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.warehouse-page
  .v8120-origin strong{
    display:block!important;

    margin:0!important;

    color:#0b3448!important;

    font-size:1.02rem!important;

    line-height:1.18!important;
  }


  body.warehouse-page
  .v8120-origin em{
    display:block!important;

    margin:
      4px 0
      0!important;

    color:#708088!important;

    font-size:.70rem!important;

    line-height:1.35!important;
  }


  /*
   * =========================================================
   * DESTINATION ROWS
   * =========================================================
   */

  body.warehouse-page
  .v8120-destination{
    position:relative!important;

    inset:auto!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    width:100%!important;

    min-width:0!important;

    display:grid!important;

    grid-template-columns:
      32px minmax(0,1fr) 20px!important;

    gap:10px!important;

    align-items:center!important;

    margin:0!important;

    padding:
      14px 3px!important;

    border-bottom:
      1px solid
      rgba(9,49,67,.085)!important;

    transform:none!important;

    background:none!important;
  }


  body.warehouse-page
  .v8120-destination:last-child{
    border-bottom:0!important;
  }


  body.warehouse-page
  .v8120-destination > i{
    position:relative!important;

    inset:auto!important;

    width:28px!important;
    height:28px!important;

    min-width:28px!important;

    display:grid!important;
    place-items:center!important;

    margin:0!important;

    border:
      1px solid
      rgba(13,65,86,.10)!important;

    border-radius:
      9px!important;

    background:
      #edf3f3!important;

    transform:none!important;
  }


  body.warehouse-page
  .v8120-destination > i::before{
    content:"•"!important;

    color:#12718d!important;

    font-size:1.1rem!important;

    line-height:1!important;
  }


  body.warehouse-page
  .v8120-destination > span{
    min-width:0!important;

    margin:0!important;

    color:#536972!important;

    font-size:.78rem!important;

    line-height:1.38!important;
  }


  body.warehouse-page
  .v8120-destination small{
    display:block!important;

    margin:
      0 0
      3px!important;

    color:#aa791f!important;

    font-size:.48rem!important;

    line-height:1.2!important;

    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.warehouse-page
  .v8120-destination::after{
    content:"→"!important;

    grid-column:3!important;

    color:#9aabb1!important;

    font-size:.85rem!important;

    line-height:1!important;

    text-align:right!important;
  }


  /*
   * =========================================================
   * DISPATCH READINESS PANEL
   * =========================================================
   */

  body.warehouse-page
  .v8120-distribution-panel{
    position:relative!important;

    width:100%!important;

    min-width:0!important;
    max-width:none!important;

    min-height:0!important;
    height:auto!important;

    margin:0!important;

    padding:
      22px 18px
      19px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(221,178,75,.16)!important;

    border-radius:
      18px!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(43,119,149,.18),
        transparent 34%
      ),
      linear-gradient(
        145deg,
        #082b3d,
        #061e2d
      )!important;

    box-shadow:
      0 12px 30px
      rgba(5,30,43,.13)!important;

    transform:none!important;
  }


  body.warehouse-page
  .v8120-distribution-panel
  .eyebrow{
    color:#e1b34c!important;
  }


  body.warehouse-page
  .v8120-distribution-panel h3{
    width:100%!important;
    max-width:330px!important;

    margin:
      8px 0
      17px!important;

    color:#ffffff!important;

    font-size:1.55rem!important;
    line-height:1.02!important;

    letter-spacing:-.038em!important;
  }


  /*
   * Readiness cards.
   */

  body.warehouse-page
  .v8120-distribution-checks{
    width:100%!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:8px!important;

    margin:0!important;

    padding:0!important;
  }


  body.warehouse-page
  .v8120-distribution-checks > div{
    position:relative!important;

    width:100%!important;

    min-height:0!important;
    height:auto!important;

    display:grid!important;

    grid-template-columns:
      36px minmax(0,1fr)!important;

    grid-template-rows:
      auto auto!important;

    gap:
      2px 10px!important;

    align-items:center!important;

    margin:0!important;

    padding:
      12px!important;

    border:
      1px solid
      rgba(255,255,255,.075)!important;

    border-radius:
      12px!important;

    background:
      rgba(255,255,255,.045)!important;

    transform:none!important;
  }


  body.warehouse-page
  .v8120-distribution-checks
  > div > span{
    grid-column:1!important;
    grid-row:1 / 3!important;

    width:34px!important;
    height:34px!important;

    display:grid!important;
    place-items:center!important;

    margin:0!important;

    color:#e4b54c!important;

    border:
      1px solid
      rgba(226,179,73,.16)!important;

    border-radius:
      10px!important;

    background:
      rgba(226,179,73,.07)!important;

    font-size:.59rem!important;

    font-weight:900!important;
  }


  body.warehouse-page
  .v8120-distribution-checks
  > div > strong{
    grid-column:2!important;

    margin:0!important;

    color:#ffffff!important;

    font-size:.79rem!important;

    line-height:1.28!important;
  }


  body.warehouse-page
  .v8120-distribution-checks
  > div > small{
    grid-column:2!important;

    margin:0!important;

    color:
      rgba(255,255,255,.56)!important;

    font-size:.67rem!important;

    line-height:1.42!important;
  }

}

/* END V8.60.2 WAREHOUSE MOBILE DISTRIBUTION */

/* BEGIN V8.60.3 WAREHOUSE MOBILE HERO PRECISION FIX */

@media screen and (max-width:720px){

  /*
   * =========================================================
   * WAREHOUSING & DISTRIBUTION — HERO ONLY
   * =========================================================
   */

  body.warehouse-page .v8120-hero{
    overflow:visible!important;
  }


  /*
   * Restore proper mobile hero breathing room.
   */
  body.warehouse-page .v8120-hero-inner{
    width:calc(100% - 36px)!important;
    max-width:none!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding-top:20px!important;
    padding-bottom:54px!important;
  }


  /*
   * ---------------------------------------------------------
   * BREADCRUMBS
   * Previously missing / suppressed on mobile.
   * ---------------------------------------------------------
   */
  body.warehouse-page .v8120-hero .breadcrumbs{
    display:flex!important;

    flex-wrap:wrap!important;

    align-items:center!important;

    gap:5px 7px!important;

    width:100%!important;

    margin:
      0 0
      18px!important;

    padding:0!important;

    color:
      rgba(255,255,255,.66)!important;

    font-size:.70rem!important;
    line-height:1.4!important;

    opacity:1!important;
    visibility:visible!important;

    transform:none!important;
  }


  body.warehouse-page .v8120-hero .breadcrumbs a{
    color:#e8c46d!important;

    opacity:1!important;

    text-decoration:none!important;
  }


  body.warehouse-page .v8120-hero .breadcrumbs span{
    color:
      rgba(255,255,255,.42)!important;
  }


  /*
   * Keep hero copy aligned to one clean left edge.
   */
  body.warehouse-page .v8120-hero-copy{
    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;
  }


  /*
   * ---------------------------------------------------------
   * CTA LINKS
   * Align them with headline / paragraph.
   * ---------------------------------------------------------
   */
  body.warehouse-page .v8120-hero-actions{
    width:100%!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:13px!important;

    margin:
      22px 0
      0!important;

    padding:0!important;

    justify-items:start!important;
    align-items:start!important;
  }


  body.warehouse-page .v8120-hero-actions .btn,
  body.warehouse-page .v8120-hero-actions a{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;

    min-height:0!important;
    height:auto!important;

    display:inline-flex!important;

    align-items:center!important;
    justify-content:flex-start!important;

    gap:10px!important;

    margin:0!important;

    padding:
      7px 0!important;

    border:0!important;
    border-radius:0!important;

    background:none!important;

    box-shadow:none!important;

    text-align:left!important;

    font-size:.93rem!important;
    line-height:1.3!important;

    font-weight:800!important;

    transform:none!important;
  }


  body.warehouse-page .v8120-hero-actions .v8120-primary,
  body.warehouse-page .v8120-hero-actions .v8120-secondary{
    color:#ffffff!important;
  }


  body.warehouse-page .v8120-hero-actions .btn span{
    display:inline-block!important;

    margin-left:3px!important;

    font-size:1.05em!important;
  }


  /*
   * ---------------------------------------------------------
   * WAREHOUSE MODEL CARD
   * Preserve current approved visual.
   * ---------------------------------------------------------
   */
  body.warehouse-page .v8120-hero-note{
    position:relative!important;

    z-index:2!important;

    width:100%!important;

    margin:
      34px 0
      0!important;
  }


  /*
   * ---------------------------------------------------------
   * ATL ASSISTANT
   * Lower it slightly so it does not sit on the card edge.
   * ---------------------------------------------------------
   */
  body.warehouse-page .aash-assistant-launch{
    right:7px!important;

    bottom:
      max(
        7px,
        env(safe-area-inset-bottom)
      )!important;
  }

}

/* END V8.60.3 WAREHOUSE MOBILE HERO PRECISION FIX */

/* BEGIN V8.61.0 PROJECT LOGISTICS MOBILE COMPLETE POLISH */

@media screen and (max-width:720px){

  /*
   * =========================================================
   * FOUNDATION
   * =========================================================
   */

  body.v8610-project-mobile main{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.v8610-project-mobile
  :is(
    .v8610-basis-section,
    .v8610-control-section,
    .v8610-route-section,
    .v8610-method-section,
    .v8610-assessment-section
  ){
    width:100%!important;
    max-width:100%!important;

    min-height:0!important;
    height:auto!important;

    overflow:hidden!important;
  }

  body.v8610-project-mobile
  :is(
    .v8610-basis-section,
    .v8610-control-section,
    .v8610-route-section,
    .v8610-method-section,
    .v8610-assessment-section
  ) > .container{
    width:calc(100% - 32px)!important;
    max-width:none!important;

    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.v8610-project-mobile
  :is(
    .v8610-basis-section,
    .v8610-control-section,
    .v8610-route-section,
    .v8610-method-section,
    .v8610-assessment-section
  )
  .reveal{
    opacity:1!important;
    visibility:visible!important;

    transform:none!important;
    translate:none!important;

    filter:none!important;
  }


  /*
   * =========================================================
   * SHARED MOBILE TYPOGRAPHY
   * =========================================================
   */

  body.v8610-project-mobile
  :is(
    .v8610-basis-section,
    .v8610-route-section,
    .v8610-method-section,
    .v8610-assessment-section
  )
  h2{
    max-width:100%!important;

    margin:9px 0 15px!important;

    color:#0a3043!important;

    font-size:
      clamp(
        2.30rem,
        10.2vw,
        3rem
      )!important;

    line-height:.95!important;
    letter-spacing:-.05em!important;
  }

  body.v8610-project-mobile
  :is(
    .v8610-basis-section,
    .v8610-route-section,
    .v8610-method-section,
    .v8610-assessment-section
  )
  .eyebrow{
    color:#a87920!important;

    font-size:.58rem!important;
    line-height:1.25!important;

    font-weight:900!important;
    letter-spacing:.16em!important;
  }

  body.v8610-project-mobile
  :is(
    .v8610-basis-section,
    .v8610-route-section,
    .v8610-method-section,
    .v8610-assessment-section
  )
  p{
    max-width:none!important;

    color:#5b6d76!important;

    font-size:.91rem!important;
    line-height:1.58!important;
  }


  /*
   * =========================================================
   * MOVEMENT BASIS
   * Cargo facts drive the plan.
   * =========================================================
   */

  body.v8610-project-mobile
  .v8610-basis-section{
    padding:58px 0 64px!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(58,135,165,.07),
        transparent 30%
      ),
      linear-gradient(
        180deg,
        #faf8f2 0%,
        #f4f2eb 100%
      )!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-basis-grid{
    width:100%!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:13px!important;

    margin-top:25px!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-basis-card{
    position:relative!important;

    width:100%!important;

    min-width:0!important;
    max-width:none!important;

    min-height:0!important;
    height:auto!important;
    max-height:none!important;

    margin:0!important;

    padding:18px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(8,48,66,.09)!important;

    border-radius:16px!important;

    background:
      rgba(255,255,255,.87)!important;

    box-shadow:
      0 8px 24px
      rgba(8,40,55,.045)!important;

    transform:none!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-card-top{
    width:100%!important;

    min-height:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:12px!important;

    margin:0 0 13px!important;
    padding:0!important;
  }

  /*
   * This is the core fix for the giant black SVG shapes.
   */

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-icon{
    position:relative!important;

    inset:auto!important;

    width:46px!important;
    height:46px!important;

    min-width:46px!important;
    min-height:46px!important;

    max-width:46px!important;
    max-height:46px!important;

    flex:0 0 46px!important;

    display:grid!important;
    place-items:center!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    color:#123d52!important;

    border:
      1px solid
      rgba(12,59,79,.10)!important;

    border-radius:12px!important;

    background:#edf3f2!important;

    box-shadow:none!important;

    transform:none!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-icon::before,

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-icon::after{
    content:none!important;

    display:none!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-icon svg{
    position:static!important;

    inset:auto!important;

    display:block!important;

    width:25px!important;
    height:25px!important;

    min-width:25px!important;
    min-height:25px!important;

    max-width:25px!important;
    max-height:25px!important;

    margin:0!important;
    padding:0!important;

    overflow:visible!important;

    fill:none!important;

    color:#123d52!important;

    stroke:#123d52!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    transform:none!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-icon svg *{
    fill:none!important;

    stroke:#123d52!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    vector-effect:
      non-scaling-stroke!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-card-top > span{
    width:36px!important;
    height:36px!important;

    display:grid!important;
    place-items:center!important;

    margin:0!important;

    color:#a87820!important;

    border-radius:10px!important;

    background:#f7edd7!important;

    font-size:.63rem!important;
    line-height:1!important;

    font-weight:900!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-basis-card > small{
    display:block!important;

    margin:0 0 5px!important;

    color:#a87820!important;

    font-size:.55rem!important;
    line-height:1.2!important;

    font-weight:900!important;
    letter-spacing:.12em!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-basis-card h3{
    margin:0 0 7px!important;

    color:#0c3347!important;

    font-size:1.14rem!important;
    line-height:1.12!important;

    letter-spacing:-.025em!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-basis-card p{
    margin:0!important;

    color:#61747c!important;

    font-size:.80rem!important;
    line-height:1.52!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-basis-card ul{
    margin:12px 0 0 17px!important;
    padding:0!important;
  }

  body.v8610-project-mobile
  .v8610-basis-section
  .v8100-basis-card li{
    margin:4px 0!important;

    color:#536a74!important;

    font-size:.76rem!important;
    line-height:1.47!important;
  }


  /*
   * =========================================================
   * PROJECT MOVEMENT CONTROL
   * =========================================================
   */

  body.v8610-project-mobile
  .v8610-control-section{
    position:relative!important;

    padding:58px 0 64px!important;

    color:#fff!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(57,143,177,.24),
        transparent 31%
      ),
      linear-gradient(
        145deg,
        #051823 0%,
        #082b3e 57%,
        #0a3a50 100%
      )!important;
  }

  body.v8610-project-mobile
  .v8610-control-section::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    pointer-events:none!important;

    opacity:.10!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.08) 1px,
        transparent 1px
      )!important;

    background-size:
      58px 58px!important;
  }

  body.v8610-project-mobile
  .v8610-control-section > .container{
    position:relative!important;
    z-index:2!important;
  }

  body.v8610-project-mobile
  .v8610-control-section h2{
    max-width:100%!important;

    margin:9px 0 15px!important;

    color:#fff!important;

    font-size:
      clamp(
        2.3rem,
        10.2vw,
        3rem
      )!important;

    line-height:.95!important;
    letter-spacing:-.05em!important;
  }

  body.v8610-project-mobile
  .v8610-control-section .eyebrow{
    color:#e0af42!important;
  }

  body.v8610-project-mobile
  .v8610-control-section p{
    color:rgba(255,255,255,.70)!important;

    font-size:.91rem!important;
    line-height:1.60!important;
  }

  /*
   * Main operational dashboard wrapper.
   * The original desktop structure stays intact.
   */

  body.v8610-project-mobile
  .v8610-control-section
  > .container
  > div:nth-of-type(2){
    width:100%!important;

    min-width:0!important;
    max-width:none!important;

    min-height:0!important;
    height:auto!important;

    margin:24px 0 0!important;

    padding:15px!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(255,255,255,.10)!important;

    border-radius:18px!important;

    background:
      rgba(2,18,28,.56)!important;

    box-shadow:
      0 18px 48px rgba(0,0,0,.18)!important;
  }

  body.v8610-project-mobile
  .v8610-control-section
  [class*="metric"]{
    display:grid!important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:8px!important;

    width:100%!important;
  }

  body.v8610-project-mobile
  .v8610-control-section
  [class*="metric"] > div{
    min-width:0!important;
    min-height:78px!important;

    padding:12px!important;

    border:
      1px solid
      rgba(255,255,255,.075)!important;

    border-radius:11px!important;

    background:
      rgba(255,255,255,.045)!important;
  }

  body.v8610-project-mobile
  .v8610-control-section
  [class*="metric"] small{
    display:block!important;

    color:rgba(255,255,255,.43)!important;

    font-size:.49rem!important;

    font-weight:900!important;
    letter-spacing:.09em!important;
  }

  body.v8610-project-mobile
  .v8610-control-section
  [class*="metric"] strong{
    display:block!important;

    margin:4px 0 2px!important;

    color:#fff!important;

    font-size:1.17rem!important;
  }

  body.v8610-project-mobile
  .v8610-control-section
  [class*="table"]{
    width:100%!important;

    min-width:0!important;

    margin-top:10px!important;

    display:grid!important;

    gap:7px!important;

    overflow:visible!important;

    border:0!important;
  }

  body.v8610-project-mobile
  .v8610-control-section
  [class*="table-head"]{
    display:none!important;
  }

  body.v8610-project-mobile
  .v8610-control-section
  [class*="row"]:not([class*="table-head"]){
    width:100%!important;

    min-width:0!important;
    min-height:0!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:4px!important;

    padding:12px!important;

    color:rgba(255,255,255,.67)!important;

    border:
      1px solid
      rgba(255,255,255,.07)!important;

    border-radius:11px!important;

    background:
      rgba(255,255,255,.035)!important;

    font-size:.68rem!important;
    line-height:1.4!important;
  }

  body.v8610-project-mobile
  .v8610-control-section
  [class*="row"] strong{
    color:#fff!important;

    font-size:.76rem!important;
    line-height:1.32!important;
  }

  body.v8610-project-mobile
  .v8610-control-section
  [class*="gate"]{
    width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:0!important;

    padding:12px!important;

    border-radius:11px!important;
  }


  /*
   * =========================================================
   * ROUTE / PHYSICAL FEASIBILITY
   * =========================================================
   */

  body.v8610-project-mobile
  .v8610-route-section{
    padding:58px 0 64px!important;

    background:
      radial-gradient(
        circle at 100% 20%,
        rgba(56,132,160,.065),
        transparent 30%
      ),
      #f7f4ed!important;
  }

  body.v8610-project-mobile
  .v8610-route-section
  :is(
    [class*="route-grid"],
    [class*="route-layout"],
    [class*="feasibility-grid"],
    [class*="check-grid"]
  ){
    width:100%!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:11px!important;
  }

  body.v8610-project-mobile
  .v8610-route-section
  :is(
    article,
    [class*="check-item"],
    [class*="feasibility-item"]
  ){
    width:100%!important;

    min-width:0!important;

    min-height:0!important;
    height:auto!important;

    margin:0!important;

    padding:15px!important;

    border:
      1px solid
      rgba(9,48,65,.09)!important;

    border-radius:14px!important;

    background:
      rgba(255,255,255,.76)!important;

    box-shadow:
      0 6px 18px
      rgba(8,42,57,.035)!important;
  }

  body.v8610-project-mobile
  .v8610-route-section
  :is(
    article,
    [class*="check-item"],
    [class*="feasibility-item"]
  ) h3{
    margin:4px 0 5px!important;

    color:#0b3347!important;

    font-size:1.02rem!important;
    line-height:1.15!important;
  }

  body.v8610-project-mobile
  .v8610-route-section
  :is(
    article,
    [class*="check-item"],
    [class*="feasibility-item"]
  ) p{
    margin:0!important;

    font-size:.77rem!important;
    line-height:1.50!important;
  }

  body.v8610-project-mobile
  .v8610-route-section
  :is(
    [class*="route-line"],
    [class*="connector"],
    [class*="track"]
  ){
    display:none!important;
  }


  /*
   * =========================================================
   * SEVEN-CONTROL METHODOLOGY
   * =========================================================
   */

  body.v8610-project-mobile
  .v8610-method-section{
    padding:58px 0 64px!important;

    background:
      linear-gradient(
        180deg,
        #eef5f4,
        #f6f5ef
      )!important;
  }

  body.v8610-project-mobile
  .v8610-method-section
  :is(
    [class*="grid"],
    [class*="sequence"],
    [class*="method"]
  ){
    max-width:100%!important;
  }

  body.v8610-project-mobile
  .v8610-method-section
  :is(
    article,
    [class*="step"]
  ){
    position:relative!important;

    width:100%!important;

    min-width:0!important;

    min-height:0!important;
    height:auto!important;

    margin:10px 0 0!important;

    padding:15px 15px 15px 61px!important;

    border:
      1px solid
      rgba(8,48,66,.09)!important;

    border-radius:14px!important;

    background:
      rgba(255,255,255,.83)!important;

    box-shadow:
      0 6px 18px
      rgba(8,40,55,.035)!important;
  }

  body.v8610-project-mobile
  .v8610-method-section
  :is(
    article,
    [class*="step"]
  ) small{
    display:block!important;

    margin:0 0 4px!important;

    color:#a8781f!important;

    font-size:.52rem!important;
    line-height:1.2!important;

    font-weight:900!important;
    letter-spacing:.11em!important;
  }

  body.v8610-project-mobile
  .v8610-method-section
  :is(
    article,
    [class*="step"]
  ) h3{
    margin:0 0 5px!important;

    color:#0a3347!important;

    font-size:1.03rem!important;
    line-height:1.13!important;

    letter-spacing:-.025em!important;
  }

  body.v8610-project-mobile
  .v8610-method-section
  :is(
    article,
    [class*="step"]
  ) p{
    margin:0!important;

    color:#61747d!important;

    font-size:.76rem!important;
    line-height:1.50!important;
  }

  body.v8610-project-mobile
  .v8610-method-section
  :is(
    [class*="number"],
    [class*="node"]
  ){
    width:38px!important;
    height:38px!important;

    min-width:38px!important;

    display:grid!important;
    place-items:center!important;

    color:#0e4056!important;

    border:
      1px solid
      rgba(15,74,98,.11)!important;

    border-radius:10px!important;

    background:#e5eef0!important;

    font-size:.62rem!important;

    font-weight:900!important;
  }

  body.v8610-project-mobile
  .v8610-method-section
  :is(
    [class*="line"],
    [class*="track"],
    [class*="connector"]
  ){
    display:none!important;
  }


  /*
   * =========================================================
   * PROJECT PRE-ASSESSMENT
   * =========================================================
   */

  body.v8610-project-mobile
  .v8610-assessment-section{
    padding:58px 0 64px!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(200,155,61,.06),
        transparent 30%
      ),
      #faf8f2!important;
  }

  body.v8610-project-mobile
  .v8610-assessment-section
  a.v8403-assessment-cta{
    width:100%!important;

    min-height:54px!important;

    margin:17px 0 15px!important;

    padding:
      0 17px!important;

    border-radius:12px!important;

    font-size:.76rem!important;
  }

  body.v8610-project-mobile
  .v8610-assessment-section
  :is(
    ol,
    ul
  ){
    margin:13px 0 0!important;
    padding:0!important;

    list-style:none!important;
  }

  body.v8610-project-mobile
  .v8610-assessment-section
  :is(
    ol,
    ul
  ) li{
    position:relative!important;

    margin:7px 0!important;

    padding:
      11px 12px!important;

    color:#536873!important;

    border:
      1px solid
      rgba(8,47,65,.08)!important;

    border-radius:11px!important;

    background:
      rgba(255,255,255,.74)!important;

    font-size:.76rem!important;
    line-height:1.43!important;
  }

  body.v8610-project-mobile
  .v8610-assessment-section
  a.v8403-assessment-cta ~ div{
    max-width:100%!important;
  }

  body.v8610-project-mobile
  .v8610-assessment-section
  a.v8403-assessment-cta ~ div > div{
    min-height:0!important;

    margin-top:7px!important;

    padding:
      11px 12px!important;

    border:
      1px solid
      rgba(8,47,65,.08)!important;

    border-radius:11px!important;

    background:
      rgba(255,255,255,.73)!important;
  }


  /*
   * =========================================================
   * MOBILE SAFETY
   * =========================================================
   */

  body.v8610-project-mobile
  :is(
    .v8610-basis-section,
    .v8610-control-section,
    .v8610-route-section,
    .v8610-method-section,
    .v8610-assessment-section
  )
  *{
    box-sizing:border-box!important;
  }

  body.v8610-project-mobile
  :is(
    .v8610-basis-section,
    .v8610-control-section,
    .v8610-route-section,
    .v8610-method-section,
    .v8610-assessment-section
  )
  :is(
    article,
    div
  ){
    max-width:100%;
  }

}

/* END V8.61.0 PROJECT LOGISTICS MOBILE COMPLETE POLISH */
/* BEGIN V8.61.0 COLD CHAIN MOBILE COMPLETE POLISH */

@media screen and (max-width:720px){

  /*
   * =========================================================
   * COLD CHAIN MOBILE FOUNDATION
   * =========================================================
   */

  body.v8610-cold-mobile-polish main{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }


  body.v8610-cold-mobile-polish
  [class^="v8110-"],
  body.v8610-cold-mobile-polish
  [class*=" v8110-"]{
    box-sizing:border-box!important;
  }


  /*
   * =========================================================
   * SECTION WIDTH / RHYTHM
   * =========================================================
   */

  body.v8610-cold-mobile-polish
  section[class*="v8110"] > .container{
    width:calc(100% - 32px)!important;
    max-width:none!important;

    margin-left:auto!important;
    margin-right:auto!important;
  }


  body.v8610-cold-mobile-polish
  section[class*="v8110"]{
    overflow:hidden!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-chapter{
    padding:58px 0 62px!important;
  }


  /*
   * =========================================================
   * SHARED SECTION HEADINGS
   * =========================================================
   */

  body.v8610-cold-mobile-polish
  .v8110-section-head{
    display:grid!important;

    grid-template-columns:1fr!important;

    gap:14px!important;

    margin-bottom:28px!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-section-head h2{
    width:100%!important;
    max-width:100%!important;

    margin:8px 0 0!important;

    color:#0b3044!important;

    font-size:
      clamp(2.25rem,10vw,2.9rem)!important;

    line-height:.96!important;

    letter-spacing:-.05em!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-section-copy{
    width:100%!important;
    max-width:none!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-section-copy p{
    width:100%!important;
    max-width:none!important;

    margin:0!important;

    color:#5e7079!important;

    font-size:.93rem!important;
    line-height:1.62!important;
  }


  /*
   * =========================================================
   * MOVEMENT / TEMPERATURE BASIS
   *
   * Fixes the huge thermometer, truck, route and handover SVGs.
   * =========================================================
   */

  body.v8610-cold-mobile-polish
  .v8110-basis-grid{
    display:grid!important;

    grid-template-columns:1fr!important;

    gap:13px!important;

    width:100%!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-basis-card{
    position:relative!important;

    width:100%!important;
    min-width:0!important;

    min-height:0!important;
    height:auto!important;

    display:block!important;

    margin:0!important;

    padding:19px!important;

    overflow:hidden!important;

    border:
      1px solid rgba(10,53,71,.09)!important;

    border-radius:17px!important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.96),
        rgba(248,249,246,.91)
      )!important;

    box-shadow:
      0 8px 24px rgba(7,39,53,.05)!important;

    transform:none!important;
  }


  /*
   * Card top must stay compact.
   */

  body.v8610-cold-mobile-polish
  .v8110-card-top{
    position:relative!important;

    width:100%!important;
    height:auto!important;
    min-height:58px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:space-between!important;

    margin:0 0 15px!important;

    padding:0!important;
  }


  /*
   * Exact V8.11 icon holder.
   */

  body.v8610-cold-mobile-polish
  .v8110-icon{
    position:relative!important;

    inset:auto!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    float:none!important;

    width:54px!important;
    height:54px!important;

    min-width:54px!important;
    min-height:54px!important;

    max-width:54px!important;
    max-height:54px!important;

    flex:0 0 54px!important;

    display:grid!important;
    place-items:center!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border:
      1px solid rgba(13,62,82,.10)!important;

    border-radius:14px!important;

    background:
      linear-gradient(
        145deg,
        #edf4f3,
        #f8faf8
      )!important;

    color:#103f54!important;

    box-shadow:
      0 6px 18px rgba(8,42,58,.05)!important;

    transform:none!important;
    translate:none!important;
    scale:none!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-icon::before,
  body.v8610-cold-mobile-polish
  .v8110-icon::after{
    content:none!important;

    display:none!important;
  }


  /*
   * Critical SVG repair:
   * desktop/global rules are allowing SVG paths to become black fills.
   */

  body.v8610-cold-mobile-polish
  .v8110-icon svg{
    position:static!important;

    width:29px!important;
    height:29px!important;

    min-width:29px!important;
    min-height:29px!important;

    max-width:29px!important;
    max-height:29px!important;

    margin:0!important;
    padding:0!important;

    display:block!important;

    overflow:visible!important;

    fill:none!important;

    stroke:#123f55!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    color:#123f55!important;

    transform:none!important;
    translate:none!important;
    scale:none!important;

    opacity:1!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-icon svg *{
    fill:none!important;

    stroke:#123f55!important;
    stroke-width:2!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    vector-effect:non-scaling-stroke!important;
  }


  /*
   * Defensive repair for any alternate V8.11 icon wrapper.
   */

  body.v8610-cold-mobile-polish
  div[class^="v8110-"][class*="icon"]:not(.v8110-profile-icon),
  body.v8610-cold-mobile-polish
  div[class*=" v8110-"][class*="icon"]:not(.v8110-profile-icon){
    max-width:58px!important;
    max-height:58px!important;

    transform:none!important;
  }


  body.v8610-cold-mobile-polish
  div[class^="v8110-"][class*="icon"] svg,
  body.v8610-cold-mobile-polish
  div[class*=" v8110-"][class*="icon"] svg{
    max-width:30px!important;
    max-height:30px!important;

    fill:none!important;

    stroke:#123f55!important;
    stroke-width:2!important;
  }


  body.v8610-cold-mobile-polish
  div[class^="v8110-"][class*="icon"] svg *,
  body.v8610-cold-mobile-polish
  div[class*=" v8110-"][class*="icon"] svg *{
    fill:none!important;

    stroke:#123f55!important;
    stroke-width:2!important;

    vector-effect:non-scaling-stroke!important;
  }


  /*
   * Sequence number in card top.
   */

  body.v8610-cold-mobile-polish
  .v8110-card-top > span{
    position:static!important;

    width:38px!important;
    height:38px!important;

    min-width:38px!important;

    display:grid!important;
    place-items:center!important;

    margin:0!important;

    border:
      1px solid rgba(13,62,82,.10)!important;

    border-radius:11px!important;

    background:#f3f6f4!important;

    color:#9f731d!important;

    font-size:.62rem!important;
    font-weight:900!important;

    letter-spacing:.05em!important;

    transform:none!important;
  }


  /*
   * Card typography.
   */

  body.v8610-cold-mobile-polish
  .v8110-basis-card > small{
    display:block!important;

    margin:0 0 5px!important;

    color:#aa791f!important;

    font-size:.55rem!important;
    line-height:1.2!important;

    font-weight:900!important;

    letter-spacing:.12em!important;

    text-transform:uppercase!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-basis-card > h3{
    margin:0 0 7px!important;

    color:#0b3347!important;

    font-size:1.13rem!important;
    line-height:1.13!important;

    letter-spacing:-.025em!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-basis-card > p{
    margin:0!important;

    color:#5d707a!important;

    font-size:.84rem!important;
    line-height:1.55!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-basis-card > ul{
    margin:14px 0 0!important;

    padding-left:20px!important;

    color:#5c6f78!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-basis-card > ul li{
    margin:5px 0!important;

    font-size:.80rem!important;
    line-height:1.45!important;
  }


  /*
   * =========================================================
   * TEMPERATURE-INTEGRITY INTRO
   *
   * Some generations use the first child as a large visual.
   * Prevent artificial mobile height.
   * =========================================================
   */

  body.v8610-cold-mobile-polish
  .v8110-basis{
    padding:58px 0 64px!important;

    background:
      radial-gradient(
        circle at 100% 0,
        rgba(43,126,157,.07),
        transparent 29%
      ),
      linear-gradient(
        180deg,
        #f8f7f2,
        #f4f4ee
      )!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-basis
  [class*="visual"]{
    width:100%!important;

    min-height:0!important;
    height:auto!important;

    margin:0!important;
  }


  /*
   * =========================================================
   * PRODUCT PROFILES
   * =========================================================
   */

  body.v8610-cold-mobile-polish
  .v8110-profile-grid{
    display:grid!important;

    grid-template-columns:1fr!important;

    gap:12px!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-profile{
    position:relative!important;

    min-height:0!important;
    height:auto!important;

    padding:19px!important;

    border:
      1px solid rgba(10,53,71,.09)!important;

    border-radius:16px!important;

    background:
      rgba(255,255,255,.78)!important;

    box-shadow:
      0 7px 20px rgba(7,39,53,.04)!important;

    transform:none!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-profile-number{
    position:absolute!important;

    top:17px!important;
    right:17px!important;

    color:rgba(10,49,67,.33)!important;

    font-size:.65rem!important;
    font-weight:900!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-profile-icon{
    width:44px!important;
    height:44px!important;

    display:grid!important;
    place-items:center!important;

    margin:0 0 14px!important;

    border:
      1px solid rgba(11,58,78,.09)!important;

    border-radius:12px!important;

    color:#0e4158!important;

    background:#edf3f2!important;

    font-size:1.18rem!important;

    transform:none!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-profile > small{
    color:#aa791d!important;

    font-size:.53rem!important;
    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-profile h3{
    margin:6px 0 7px!important;

    color:#0b3347!important;

    font-size:1.12rem!important;
    line-height:1.14!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-profile p{
    color:#60727a!important;

    font-size:.83rem!important;
    line-height:1.54!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-profile > div:last-child{
    display:flex!important;

    flex-wrap:wrap!important;

    gap:6px!important;

    margin-top:13px!important;
  }


  body.v8610-cold-mobile-polish
  .v8110-profile > div:last-child span{
    padding:6px 8px!important;

    border:
      1px solid rgba(11,58,78,.08)!important;

    border-radius:999px!important;

    background:#f3f6f4!important;

    color:#5f727b!important;

    font-size:.60rem!important;
    line-height:1.2!important;
  }


  /*
   * =========================================================
   * REMOVE ANY ACCIDENTAL HUGE SVG CANVAS
   * =========================================================
   */

  body.v8610-cold-mobile-polish
  main svg{
    overflow:visible!important;
  }


  body.v8610-cold-mobile-polish
  main svg:not(.v8120-route-svg){
    transform:none!important;
  }


  /*
   * Generic safety for V8.11 cards only:
   * no icon SVG should ever occupy half a phone screen.
   */

  body.v8610-cold-mobile-polish
  article[class*="v8110"]
  svg{
    width:30px!important;
    height:30px!important;

    min-width:0!important;
    min-height:0!important;

    max-width:30px!important;
    max-height:30px!important;

    fill:none!important;

    stroke:#123f55!important;
    stroke-width:2!important;
  }


  body.v8610-cold-mobile-polish
  article[class*="v8110"]
  svg *{
    fill:none!important;

    stroke:#123f55!important;

    vector-effect:non-scaling-stroke!important;
  }


  /*
   * Protect ordinary imagery.
   */

  body.v8610-cold-mobile-polish
  img{
    max-width:100%!important;
    height:auto;
  }

}

/* END V8.61.0 COLD CHAIN MOBILE COMPLETE POLISH */