/* A sculpted navy section connects the photo destinations and dispatch support. */
[data-page="services"] #channels.service-resources{position:relative;isolation:isolate;background:#0a3550!important;color:#fff;padding:82px 0 62px;scroll-margin-top:80px;border-radius:0}
#channels .channel-section-curve{position:absolute;left:0;width:100%;height:44px;display:block;fill:#fff;pointer-events:none;overflow:hidden}
#channels .channel-section-curve--top{top:-1px}
#channels .channel-section-curve--bottom{bottom:-1px}
#channels .resource-heading{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8%;align-items:end;margin-bottom:26px}
[data-page="services"] #channels.service-resources .resource-heading .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:14px;color:#9ec7df}
[data-page="services"] #channels.service-resources .resource-heading h2{font-size:clamp(25px,2.1vw,32px);font-weight:550;line-height:1.45;letter-spacing:-.035em;text-wrap:balance;max-width:19em;color:#fff}
[data-page="services"] #channels.service-resources .resource-heading .section-lead{font-size:14px;line-height:1.8;color:#b5ccd9;max-width:370px;margin:0 0 4px auto}
#channels .channel-market-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);grid-template-columns:none;gap:20px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:6px 0 0;margin-top:-6px}
#channels .channel-market-card{position:relative;display:block;min-width:0;min-height:290px;aspect-ratio:.98;scroll-snap-align:start;padding:0;isolation:isolate;overflow:hidden;border:0;border-radius:12px;background:#143b50;color:#fff;text-decoration:none;transition:transform .35s,box-shadow .35s}
#channels .channel-city-photo{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.65,.3,1)}
#channels .channel-city-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,30,45,.26),rgba(10,30,45,.02) 34%,rgba(10,30,45,.18) 48%,rgba(7,29,44,.78) 78%,rgba(7,29,44,.94))}
#channels .channel-city-top{position:absolute;left:22px;right:22px;top:22px;display:flex;align-items:center;justify-content:flex-end;color:#fff;font-size:10px;line-height:1.4;letter-spacing:.14em;text-shadow:0 1px 5px #0005}
#channels .channel-city-dot{height:5px;width:5px;border-radius:50%;background:#ffffffb3;box-shadow:0 0 0 4px #ffffff1a}
#channels .channel-city-copy{position:absolute;left:22px;right:22px;bottom:20px;display:block}
#channels .channel-market-card h3{margin:0!important;color:#fff!important;font-size:30px!important;line-height:1.3!important;letter-spacing:-.02em;font-weight:550!important;text-shadow:0 2px 16px #051f3666}
#channels .channel-city-en{display:block;margin-top:5px;font-size:9px;line-height:1.5;letter-spacing:.13em;color:#ffffffb8}
#channels .channel-city-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding-top:13px;border-top:1px solid #ffffff30}
#channels .channel-city-carriers{min-width:0;font-size:12px;line-height:1.5;letter-spacing:.015em;color:#ffffffe6}
#channels .channel-city-carriers>span[aria-hidden]{padding:0 5px;color:#ffffff80}
#channels .channel-market-arrow{position:relative;overflow:hidden;display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #ffffff59;border-radius:50%;background:#ffffff0d;color:#fff;transition:background .25s,color .25s,border-color .25s}
#channels .channel-market-arrow svg{position:absolute;left:50%;top:50%;width:16px;height:16px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}
#channels .channel-market-arrow svg:first-child{opacity:1;transform:translate(-50%,-50%)}
#channels .channel-market-arrow svg:last-child{opacity:0;transform:translate(-190%,-50%)}
#channels .channel-market-card:focus-visible .channel-market-arrow svg:first-child{opacity:0;transform:translate(90%,-50%)}
#channels .channel-market-card:focus-visible .channel-market-arrow svg:last-child{opacity:1;transform:translate(-50%,-50%)}
#channels .channel-market-card:focus-visible{outline:3px solid #c1e1f5;outline-offset:-3px}
#channels .channel-market-card:focus-visible .channel-market-arrow{background:#fff;color:#075cba}
@media(hover:hover){
 #channels .channel-market-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #031f3540}
 #channels .channel-market-card:hover .channel-city-photo{transform:scale(1.045)}
 #channels .channel-market-card:hover .channel-market-arrow{background:#fff;border-color:#fff;color:#075cba}
 #channels .channel-market-card:hover .channel-market-arrow svg:first-child{opacity:0;transform:translate(90%,-50%)}
 #channels .channel-market-card:hover .channel-market-arrow svg:last-child{opacity:1;transform:translate(-50%,-50%)}
}
@media(max-width:1100px){
 #channels .channel-market-grid{grid-template-columns:none;grid-auto-columns:calc((100% - 18px)/2);gap:18px}
 #channels .channel-market-card{aspect-ratio:1.3;min-height:260px}
}
@media(max-width:760px){
 [data-page="services"] #channels.service-resources{padding:60px 0 50px;scroll-margin-top:75px}
 #channels .channel-section-curve{height:27px}
 #channels .resource-heading{display:block;margin-bottom:20px}
 [data-page="services"] #channels.service-resources .resource-heading h2{font-size:25px;max-width:13em;line-height:1.45}
 [data-page="services"] #channels.service-resources .resource-heading .section-lead{margin:14px 0 0;font-size:13px}
 html[lang=en] #channels .channel-market-card h3{font-size:25px!important}
}
@media(max-width:600px){
 #channels .channel-market-grid{grid-template-columns:none;grid-auto-columns:88%;gap:15px}
 #channels .channel-market-card{aspect-ratio:1.3;min-height:250px}
 #channels .channel-city-copy{left:22px;right:22px;bottom:20px}
 #channels .channel-market-card h3{font-size:29px!important}
}
@media(prefers-reduced-motion:reduce){#channels *,#channels *::after{transition:none!important;transform:none!important}}


#channels .channel-market-grid:focus-visible{outline:2px solid #c1e1f5;outline-offset:5px;border-radius:12px}

/* A compact editorial service band, with the contact action beside its introduction. */
#channels .channel-dispatch-support{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,2.6fr);gap:36px;margin-top:28px;padding:24px 0 0;border:0;border-top:1px solid #ffffff26;color:#fff}
#channels .dispatch-support-kicker{margin:0 0 6px;font-size:9px;letter-spacing:.1em;color:#9ec7df}
#channels .dispatch-support-intro h3{margin:0;font-size:clamp(18px,1.35vw,21px);line-height:1.45;font-weight:550;letter-spacing:-.03em;color:#fff!important}
#channels .dispatch-support-lead{max-width:22em;margin:8px 0 12px;font-size:12px;line-height:1.75;color:#b5ccd9}
#channels .dispatch-support-link{display:inline-flex;align-items:center;gap:18px;min-height:36px;padding:6px 14px;border:1px solid #ffffff6b;border-radius:999px;font-size:12px;line-height:1.6;color:#fff;transition:background .25s,color .25s,border-color .25s}
#channels .dispatch-support-link svg{width:15px;height:15px;transition:transform .25s}
#channels .dispatch-support-link:hover svg{transform:translateX(3px)}
#channels .dispatch-support-link:is(:hover,:focus-visible){background:#fff;color:#0a3550;border-color:#fff}
#channels .dispatch-support-link:focus-visible{outline:2px solid #c1e1f5;outline-offset:5px}
#channels .dispatch-support-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0;align-self:center}
#channels .dispatch-support-steps li{min-width:0;margin:0;padding:2px 20px 4px}
#channels .dispatch-support-steps li+li{border-left:1px solid #ffffff26}
#channels .dispatch-step-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}
#channels .dispatch-step-icon{display:grid;place-items:center;width:32px;height:32px;color:#a9d2ed}
#channels .dispatch-step-icon svg{width:29px;height:29px}
#channels .dispatch-step-icon [fill="#dceaf7"]{fill:#ffffff0d}
#channels .dispatch-step-icon circle{fill:#fff}
#channels .dispatch-step-icon [stroke="white"]{stroke:#0a3550}
#channels .dispatch-step-number{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#9bbcd0}
#channels .dispatch-step-copy strong{display:block;margin-bottom:6px;font-size:15px;line-height:1.5;font-weight:550;color:#f4f9fc}
#channels .dispatch-step-copy>span{display:block;font-size:12px;line-height:1.75;color:#b5ccd9}
#channels .channel-market-grid.is-autoplay-enabled{scroll-snap-type:none}
@media(max-width:1000px){
 #channels .channel-dispatch-support{grid-template-columns:1fr;gap:20px}
 #channels .dispatch-support-intro{display:grid;grid-template-columns:1fr auto;gap:0 30px;align-items:start}
 #channels .dispatch-support-kicker,#channels .dispatch-support-intro h3,#channels .dispatch-support-lead{grid-column:1}
 #channels .dispatch-support-intro h3{max-width:none}
 #channels .dispatch-support-link{grid-column:2;grid-row:2;align-self:center}
 #channels .dispatch-support-lead{max-width:none;margin-bottom:0}
 #channels .dispatch-support-steps li:first-child{padding-left:0}
}
@media(max-width:600px){
 #channels .channel-dispatch-support{padding-top:22px;gap:16px;margin-top:24px}
 #channels .dispatch-support-intro{display:block}
 #channels .dispatch-support-intro h3{font-size:20px}
 #channels .dispatch-support-lead{font-size:13px;margin-bottom:12px}
 #channels .dispatch-support-steps{grid-template-columns:1fr;gap:0}
 #channels .dispatch-support-steps li,#channels .dispatch-support-steps li:first-child{display:grid;grid-template-columns:32px minmax(0,1fr);gap:13px;padding:14px 0;border:0}
 #channels .dispatch-support-steps li+li{border-left:0;border-top:1px solid #ffffff26}
 #channels .dispatch-step-top{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;margin:0}
 #channels .dispatch-step-copy strong{font-size:15px;margin-bottom:7px}
 #channels .dispatch-step-copy>span{font-size:13px}
}

html[lang^="zh"] #channels .dispatch-support-intro h3{white-space:nowrap}

#channels .channel-market-grid::-webkit-scrollbar{display:none;width:0;height:0}

@media(prefers-reduced-motion:reduce){
 #channels .channel-market-arrow svg:first-child{opacity:1!important;transform:translate(-50%,-50%)!important}
 #channels .channel-market-arrow svg:last-child{opacity:0!important;transform:translate(-50%,-50%)!important}
}

/* Route timeline: every destination reveals its photograph below the road. */
#channels .channel-route{--route-axis:76px;--route-node-offset:90px;position:relative;min-width:0}
#channels .channel-route .channel-market-grid{position:relative;grid-auto-columns:clamp(250px,23vw,300px);gap:24px;height:330px;margin:0;padding:0;cursor:grab;scroll-snap-type:none;touch-action:pan-x pan-y}
#channels .channel-route-stop{position:relative;min-width:0;height:100%}
#channels .channel-route-stop::before{content:"";position:absolute;top:var(--route-axis);left:0;width:calc(100% + 24px);height:1px;background:#c3dced66}
#channels .channel-route-stop::after{content:"";position:absolute;left:var(--route-node-offset);top:var(--route-axis);width:1px;height:44px;background:#c3dced66;opacity:0;transform:scaleY(0);transform-origin:top;transition:opacity .3s,transform .45s cubic-bezier(.22,1,.36,1)}
#channels .channel-route-stop.is-route-current::after{opacity:1;transform:scaleY(1)}
#channels .channel-route-stop[data-route-side="below"]::after{top:var(--route-axis)}
#channels .channel-route-stop .channel-market-card{position:absolute;top:14px;left:0;width:100%;height:190px;min-height:0;aspect-ratio:auto;border-radius:10px;user-select:none;-webkit-user-drag:none;box-shadow:0 8px 24px #031f351f}
#channels .channel-route-stop[data-route-side="below"] .channel-market-card{top:120px}
#channels .channel-route .channel-city-photo{pointer-events:none;-webkit-user-drag:none}
#channels .channel-route .channel-city-top{top:18px;left:20px;right:20px;font-size:9px}
#channels .channel-route .channel-city-copy{bottom:14px;left:18px;right:18px}
#channels .channel-route .channel-market-card h3{font-size:24px!important}
#channels .channel-route .channel-city-en{font-size:8px}
#channels .channel-route .channel-city-bottom{margin-top:10px;padding-top:8px}
#channels .channel-route .channel-city-shade{background:linear-gradient(180deg,#071d3b1f,#071d3b00 20%,#071d2c40 42%,#071d2cf0 100%)}
#channels .channel-route-node{position:absolute;z-index:1;left:var(--route-node-offset);top:var(--route-axis);width:19px;height:19px;margin:-9px 0 0 -9px;border:4px solid #0a3550;border-radius:50%;background:#6f9bb7;box-shadow:0 0 0 1px #a8cbe2;transition:background .3s,box-shadow .3s;pointer-events:none}
#channels .channel-route-stop.is-route-passed .channel-route-node{background:#e6f3fb}
#channels .channel-route-stop.is-route-current .channel-route-node{background:#fff;box-shadow:0 0 0 1px #d8edfb,0 0 0 6px #d0eaff1a}
#channels .channel-route-vehicle{position:absolute;z-index:3;left:clamp(48px,10%,130px);top:calc(var(--route-axis) - 66px);display:block;width:210px;height:68px;pointer-events:none;filter:drop-shadow(0 5px 4px #021a2d40)}
#channels .channel-route-vehicle img{display:block;width:100%;height:100%;object-fit:contain;animation:channel-truck-idle 4s ease-in-out infinite;transform-origin:50% 85%}
#channels .channel-route.is-dragging .channel-market-grid{cursor:grabbing;user-select:none}
#channels .channel-route.is-dragging .channel-market-card{pointer-events:none}
#channels .channel-route.is-dragging .channel-market-card:hover{transform:none}
@keyframes channel-truck-idle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-.4px) rotate(0)}}
@media(max-width:1100px){
 #channels .channel-route .channel-market-grid{grid-auto-columns:clamp(250px,32vw,300px);gap:24px}
 #channels .channel-route-stop::before{width:calc(100% + 24px)}
}
@media(max-width:600px){
 #channels .channel-route{--route-axis:68px;--route-node-offset:64px}
 #channels .channel-route .channel-market-grid{grid-auto-columns:88%;gap:20px;height:344px}
 #channels .channel-route-stop::before{width:calc(100% + 20px)}
 #channels .channel-route-stop .channel-market-card,#channels .channel-route-stop[data-route-side="below"] .channel-market-card{top:112px;height:210px}
 #channels .channel-route-stop::after,#channels .channel-route-stop[data-route-side="below"]::after{top:var(--route-axis);height:44px}
 #channels .channel-route-vehicle{left:0;width:172px;height:56px;top:calc(var(--route-axis) - 54px)}
}
@media(prefers-reduced-motion:reduce){
 #channels .channel-route-vehicle img{animation:none}
 #channels .channel-route-node{transition:none}
}

/* Text stays readable at every stop; the reached destination unfolds its photo. */
#channels .channel-route-stop .channel-market-card{background:transparent;border:1px solid transparent;box-shadow:none;transition:border-color .45s,box-shadow .45s,transform .35s,left .5s}
#channels .channel-route-stop .channel-city-photo{opacity:0;clip-path:inset(100% 0 0 0);transform:scale(1.025);transition:clip-path .7s cubic-bezier(.22,1,.36,1),opacity .5s,transform .8s}
#channels .channel-route-stop[data-route-side="below"] .channel-city-photo{clip-path:inset(0 0 100% 0)}
#channels .channel-route-stop .channel-city-shade{opacity:0;transition:opacity .5s}
#channels .channel-route-stop .channel-city-copy{transition:transform .6s cubic-bezier(.22,1,.36,1)}
#channels .channel-route-stop[data-route-side="above"] .channel-city-top{top:16px;bottom:auto}
#channels .channel-route-stop[data-route-side="below"] .channel-city-top{top:16px}
#channels .channel-route-stop[data-route-side="below"] .channel-city-copy{top:36px;bottom:auto;transform:translateY(0)}
#channels .channel-route-stop .channel-city-dot{opacity:.35;transition:opacity .4s}
#channels .channel-route-stop.is-route-current .channel-market-card{background:#143b50;border-color:#ffffff21;box-shadow:0 10px 30px #031f3533}
#channels .channel-route-stop.is-route-current .channel-city-photo{opacity:1;clip-path:inset(0);transform:scale(1)}
#channels .channel-route-stop.is-route-current .channel-city-shade{opacity:1}
#channels .channel-route-stop.is-route-current .channel-city-top{top:18px;bottom:auto}
#channels .channel-route-stop.is-route-current[data-route-side="below"] .channel-city-copy{transform:translateY(48px)}
#channels .channel-route-stop.is-route-current .channel-city-dot{opacity:1}
#channels .channel-route-node{padding:0;pointer-events:auto;cursor:pointer;transition:background .3s,box-shadow .3s,opacity .28s,transform .28s}
#channels .channel-route-node:is(:hover,:focus-visible){background:#fff;outline:2px solid #d6efff;outline-offset:4px}
@media(max-width:600px){
 #channels .channel-route-stop.is-route-current .channel-market-card{left:var(--route-photo-shift,0px);z-index:2}
 #channels .channel-route-stop[data-route-side="below"] .channel-city-photo{clip-path:inset(0 0 100% 0)}
 #channels .channel-route-stop.is-route-current[data-route-side="below"] .channel-city-photo{clip-path:inset(0)}
 #channels .channel-route-stop[data-route-side="below"] .channel-city-top{top:16px;bottom:auto}
 #channels .channel-route-stop.is-route-current[data-route-side="below"] .channel-city-top{top:18px;bottom:auto}
 #channels .channel-route-stop[data-route-side="below"] .channel-city-copy{top:36px;bottom:auto;transform:none}
 #channels .channel-route-stop.is-route-current[data-route-side="below"] .channel-city-copy{transform:translateY(62px)}
}
@media(prefers-reduced-motion:reduce){
 #channels .channel-route-stop .channel-city-photo,#channels .channel-route-stop .channel-city-copy,#channels .channel-route-stop .channel-city-shade{transition:none}
}

/* The vehicle responds to the road speed; the destination layout stays intact. */
#channels .channel-route-vehicle{transform:translate3d(var(--route-truck-x,0px),0,0);will-change:transform}
#channels .channel-route-vehicle .channel-truck-art{display:block;width:100%;height:100%;overflow:visible}
#channels .channel-route-vehicle .channel-truck-wheel{transform:rotate(var(--route-wheel-angle,0deg));transform-origin:0px 0px}
@media(prefers-reduced-motion:reduce){#channels .channel-route-vehicle{will-change:auto}}

/* A single suspension settle gives a deliberate swipe the weight of a truck starting. */
#channels .channel-truck-body{transform:rotate(var(--route-truck-pitch,0deg));transform-origin:390px 216px}
#channels .is-truck-starting .channel-truck-body{animation:channel-truck-ignition .9s linear both}
#channels .is-truck-starting .channel-truck-headlamp{fill:#fff7da;filter:drop-shadow(2px 0 3px #fff4d477)}
@keyframes channel-truck-ignition{
  0%,100%{transform:translateY(0) rotate(0)}
  12%{transform:translateY(3px) rotate(.1deg)}
  22%{transform:translateY(.5px) rotate(-.14deg)}
  32%{transform:translateY(2px) rotate(.08deg)}
  48%{transform:translateY(-2px) rotate(-.55deg)}
  68%{transform:translateY(-.4px) rotate(-.22deg)}
  84%{transform:translateY(.4px) rotate(.04deg)}
}
@media(prefers-reduced-motion:reduce){
 #channels .channel-truck-body{animation:none!important}
 #channels .is-truck-starting .channel-truck-headlamp{filter:none}
}

/* A route point fades out only after the front of the truck has passed it. */
#channels .channel-route-stop.is-route-passed .channel-route-node{opacity:0;transform:scale(.5);pointer-events:none}

#channels .channel-route .channel-market-arrow{width:28px;height:28px}