/* Scroll choreography inspired by Terminal; DMS layout, content and artwork. */

.capabilities{padding-top:84px;padding-bottom:76px}
.journey{padding:60px 0 100px;background:#fff;--reading-ink:#102c47;--reading-accent:#398ed7;isolation:isolate}
.journey-intro{text-align:center;margin-bottom:92px}
.journey-intro .kicker{font:500 11px/1.7 system-ui,monospace;letter-spacing:2.2px;color:#6c8598;margin-bottom:28px}
.journey-intro h2{font-weight:500;font-size:clamp(40px,4.8vw,70px);line-height:1.25;letter-spacing:-1.8px}
.journey-intro-copy{font-size:17px;line-height:1.8;color:#6a7c89;margin-top:28px}
.journey-explore{display:inline-flex;align-items:center;gap:16px;margin-top:34px;font-size:11px;letter-spacing:1px;color:#668299;padding-bottom:9px;border-bottom:1px solid #d5e1e9}
.journey-explore>span:last-child{font-size:18px;transition:transform .25s}.journey-explore:hover>span:last-child{transform:translateY(4px)}
.journey-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:7%;max-width:1380px;width:calc(100% - 8vw)}
.journey-steps{min-width:0;padding-left:2.3vw}
.journey-step{min-height:83svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:90px 0;scroll-margin-top:130px}
.journey-step:last-child{min-height:85svh}


.journey-step h3{font-size:clamp(25px,2.3vw,35px);font-weight:550;line-height:1.5;letter-spacing:-.7px;margin-bottom:29px}
.journey-reading{font-size:clamp(27px,2.5vw,38px);line-height:1.65;letter-spacing:-.6px;font-weight:400;max-width:540px;color:var(--reading-ink);text-wrap:pretty}
.motion-ready .journey-reading .read-char{color:#cbd0d3;transition:color .25s}
.motion-ready .journey-reading .read-char.is-read{color:var(--reading-ink);animation:read-ink .55s both}
.read-word{white-space:nowrap}
@keyframes read-ink{0%{color:#cbd0d3}35%{color:var(--reading-accent)}100%{color:var(--reading-ink)}}
.journey-note{font-size:13px;line-height:1.9;color:#768b9c;margin-top:28px;max-width:425px}
.journey-step .text-link{margin-top:24px;font-size:13px}
.journey-visual-column{position:relative;min-width:0}
.journey-sticky{position:sticky;top:110px;padding-bottom:12px}
.journey-canvas{height:calc(100svh - 181px);max-height:740px;min-height:min(480px,calc(100svh - 181px));background:#07131d;position:relative;clip-path:url(#journey-clip);overflow:hidden}
.journey-blueprint{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .9s,opacity .6s;opacity:.95;transform:scale(1);transform-origin:50% 44%}
.journey-sticky[data-active-step="1"] .journey-blueprint{transform:scale(1.035)}
.journey-sticky[data-active-step="2"] .journey-blueprint{transform:scale(1.02) translateX(-1%)}
.journey-visual-top{position:absolute;top:26px;left:36px;right:26px;display:flex;justify-content:space-between;gap:20px;color:#a2bacb;font:10px/1.5 system-ui,monospace;letter-spacing:1.6px}
.journey-visual-index{color:#6e8fa7}
.journey-scene-captions{position:absolute;bottom:39px;left:36px;right:26px;height:35px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}
.journey-scene-captions>p{position:absolute;left:0;bottom:0;display:flex;align-items:baseline;gap:13px;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s;color:#e7eff5}
.journey-scene-captions>p.is-active{opacity:1;transform:none}
.journey-scene-captions p>span{font:12px/1 system-ui,monospace;color:#80b9e8}
.journey-scene-captions strong{font-size:20px;font-weight:400;letter-spacing:.5px}
.scene-illustration-label{position:absolute;right:0;bottom:2px;color:#738b9b;font-size:9px;letter-spacing:.5px}
.journey-route-rail{position:absolute;bottom:20px;left:36px;right:26px;height:1px;background:#4b69794d}
.journey-route-progress{position:absolute;left:0;top:0;width:var(--route-progress,4%);height:1px;background:#70b7ef}
.journey-route-rail i{position:absolute;width:5px;height:5px;border:1px solid #7590a2;background:#07131d;top:-2px}.journey-route-rail i:nth-of-type(1){left:0}.journey-route-rail i:nth-of-type(2){left:50%}.journey-route-rail i:nth-of-type(3){right:0}
.journey-controls{display:flex;justify-content:space-between;margin-top:17px;gap:10px}
.journey-controls a{display:flex;align-items:center;gap:10px;color:#8699a8;font-size:11px;padding:7px 0;position:relative}
.journey-controls a>span:first-child{font:10px system-ui,monospace;color:#8e9eab}
.journey-controls a[aria-current="step"],.journey-controls a[aria-current="step"]>span:first-child{color:var(--blue)}
.journey-controls a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--blue);transition:width .4s}.journey-controls a[aria-current="step"]:after{width:100%}
.journey-mobile-controls{display:none}
/* Fine grid, intersection marks, and a pointer-local highlight. */
.technical-grid-section{background:#f7f9fa;padding:82px 0 92px}
.technical-grid-section .compliance-intro{display:block;margin-bottom:42px}
.technical-grid-section .compliance-intro .copy{margin-top:12px}
.technical-grid-section h2{font-size:clamp(28px,3.3vw,46px);font-weight:500;letter-spacing:-1px}
.technical-grid-section .compliance-items{gap:0;border:1px solid #cfdae1;position:relative}
.technical-grid-section .compliance-items>button{position:relative;isolation:isolate;min-height:245px;padding:32px 27px 28px;border-right:1px solid #cfdae1;transition:background .3s;overflow:visible}
.technical-grid-section .compliance-items>button:last-child{border-right:0}
.technical-grid-section .compliance-items>button:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(180px circle at var(--pointer-x,50%) var(--pointer-y,50%),#448ccd22,transparent 75%);opacity:0;transition:opacity .4s}
.technical-grid-section .compliance-items>button:after{content:"";position:absolute;left:-5px;top:-5px;width:9px;height:9px;background:linear-gradient(#8296a7,#8296a7) center/1px 9px no-repeat,linear-gradient(#8296a7,#8296a7) center/9px 1px no-repeat;pointer-events:none}
.technical-grid-section .compliance-items>button:hover:before,.technical-grid-section .compliance-items>button:focus-visible:before{opacity:1}
.technical-grid-section .compliance-items>button:hover{background:#eaf2f74d}
.technical-grid-section .service-number{color:#8596a4;font:11px/1.4 system-ui,monospace;letter-spacing:1.5px;margin-bottom:22px}
.technical-grid-section h3{font-size:21px;font-weight:500;margin-bottom:13px}
.technical-grid-section .inline-arrow{margin-top:20px;transition:transform .3s}.technical-grid-section button:hover .inline-arrow{transform:translateX(7px)}
/* A shallow, curved cut links white and dark chapters. */
.sculpted-section{position:relative;padding-top:110px;padding-bottom:70px;isolation:isolate}
.sculpted-section:before{content:"";position:absolute;left:0;right:0;top:-1px;height:43px;background:#f7f9fa;clip-path:polygon(0 0,100% 0,100% 7%,86% 7%,84% 15%,81% 81%,79% 100%,21% 100%,19% 81%,16% 15%,14% 7%,0 7%)}
/* Percentage SVG preserves the shoulders at any screen width. */
.sculpted-section:before{clip-path:none;background:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 44' preserveAspectRatio='none'%3E%3Cpath fill='%23f7f9fa' d='M0 0H1440V3H1265Q1240 3 1223 14L1193 32Q1177 42 1154 42H286Q263 42 247 32L217 14Q200 3 175 3H0Z'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}
.market figure img{will-change:transform;transform:scale(1.06) translateY(var(--photo-drift,0px));transition:transform .7s ease-out}
.market:hover figure img{transform:scale(1.105) translateY(var(--photo-drift,0px))}
.contact{padding:28px 0 15px}.contact-arrow{transform:translateY(var(--arrow-drift,0px));transition:transform .7s ease-out}
html[lang="en"] .journey-reading{font-family:system-ui,sans-serif;line-height:1.4;letter-spacing:-1.1px;font-size:clamp(28px,2.55vw,39px)}
html[lang="en"] .journey-step h3{font-size:clamp(25px,2.15vw,33px);line-height:1.3}
html[lang="en"] .journey-intro h2{font-family:system-ui,sans-serif;letter-spacing:-2.5px}
html[lang="en"] .journey-scene-captions strong{font-size:17px;letter-spacing:0}
html[lang="en"] .technical-grid-section h3{font-size:19px}
@media(max-width:1100px) and (min-width:810px){.journey-layout{gap:5%;width:92%}.journey-steps{padding-left:0}.journey-reading{font-size:28px}.journey-step h3{font-size:26px}.journey-canvas{min-height:min(440px,calc(100svh - 181px))}.scene-illustration-label{display:none}.journey-scene-photo{bottom:92px;width:35%}.technical-grid-section .compliance-items>button{padding:28px 19px}.technical-grid-section h3{font-size:18px}}
@media(max-width:809px){
 .capabilities{padding-top:43px;padding-bottom:44px}
 .journey{padding:34px 0 55px}.journey-intro{margin-bottom:35px;width:88%}.journey-intro .kicker{font-size:9px;margin-bottom:20px;letter-spacing:1.4px}.journey-intro h2{font-size:37px;letter-spacing:-1px;line-height:1.4}.journey-intro-copy{font-size:13px;margin-top:19px}.journey-explore{display:none}
 .journey-layout{display:flex;flex-direction:column-reverse;width:100%;gap:0}
 .journey-visual-column{width:88%;margin:0 auto}.journey-sticky{position:relative;top:auto;padding:0}.journey-canvas{height:440px;min-height:0;max-height:none;clip-path:none;border-radius:12px}.journey-blueprint{object-fit:cover;object-position:50% 45%}.journey-visual-top{top:19px;left:21px;right:21px;font-size:8px;letter-spacing:1px}.journey-scene-photo{width:30%;right:20px;bottom:81px}.journey-scene-captions{left:21px;right:21px;bottom:36px}.journey-scene-captions strong{font-size:19px}.scene-illustration-label{font-size:8px}.journey-route-rail{left:21px;right:21px;bottom:18px}.journey-controls{margin-top:12px}.journey-controls a{font-size:11px}
 .journey-steps{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 6%;gap:24px;width:100%;scroll-padding-left:6%}.journey-steps::-webkit-scrollbar{display:none}
 .journey-step,.journey-step:last-child{flex:0 0 100%;min-height:0;padding:34px 0 15px;display:block;scroll-snap-align:start;scroll-margin-top:100px}
 .journey-step h3{font-size:24px;margin-bottom:17px;letter-spacing:-.7px}.journey-reading{font-size:26px;line-height:1.6;letter-spacing:-.5px;max-width:100%}.motion-ready .journey-reading .read-char{color:var(--reading-ink)}.journey-note{font-size:12px;margin-top:20px;min-height:46px}.journey-step .text-link{font-size:12px;margin-top:17px}
 .journey-mobile-controls{display:flex;align-items:center;justify-content:space-between;width:88%;margin:20px auto 0;border-top:1px solid #dbe5ed;padding-top:16px}.journey-mobile-controls button{display:grid;place-items:center;border:1px solid #ccdae5;border-radius:50%;width:42px;height:42px;font-size:20px;color:var(--blue)}.journey-mobile-controls button:disabled{opacity:.28}.journey-mobile-controls>span{font:11px system-ui,monospace;letter-spacing:1.5px;color:#8a9ba8}.journey-mobile-controls b{font-weight:500;color:var(--blue)}
 .technical-grid-section{padding:44px 0 48px}.technical-grid-section .compliance-intro{margin-bottom:28px}.technical-grid-section h2{font-size:27px;line-height:1.5}.technical-grid-section .compliance-items{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-grid-section .compliance-items>button{min-height:231px;padding:24px 19px;border-right:1px solid #cfdae1}.technical-grid-section .compliance-items>button:nth-child(2n){border-right:0}.technical-grid-section .compliance-items>button:nth-child(n+3){border-top:1px solid #cfdae1}.technical-grid-section h3{font-size:17px;line-height:1.5}.technical-grid-section .service-number{margin-bottom:16px}.technical-grid-section .compliance-items p{font-size:12px;line-height:1.7}
 .sculpted-section{padding-top:69px;padding-bottom:34px}.sculpted-section:before{height:24px}.contact{padding:0}.market figure img{transform:scale(1.03)}.contact-arrow{transform:none}
 html[lang="en"] .journey-intro h2{font-size:39px;line-height:1.15;letter-spacing:-1.4px}html[lang="en"] .journey-reading{font-size:28px;line-height:1.4}html[lang="en"] .journey-step h3{font-size:24px}html[lang="en"] .journey-note{min-height:62px}html[lang="en"] .technical-grid-section h3{font-size:16px}html[lang="en"] .journey-scene-captions strong{font-size:16px}.scene-illustration-label{display:none}
}
@media(max-width:400px){.journey-canvas{height:380px}.journey-intro h2{font-size:32px}.journey-reading{font-size:24px}.journey-step h3{font-size:22px}.technical-grid-section .compliance-items>button{padding:22px 15px}.technical-grid-section h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.motion-ready .journey-reading .read-char{color:var(--reading-ink)!important;animation:none!important}.journey-blueprint,.market figure img,.contact-arrow{transform:none!important}.journey-step,.journey-step:last-child{min-height:0;padding:75px 0}.journey-sticky{position:sticky}.journey-reading{color:var(--reading-ink)}}
.reading-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.journey-blueprint #route-line{stroke:#315670}.journey-blueprint #route-progress-line{stroke-dasharray:100;stroke-dashoffset:92}
.journey-blueprint .node,.journey-blueprint .structure,.journey-blueprint .label{transition:stroke .5s,fill .5s}
.journey-sticky[data-active-step="0"] #customs-gate .structure,.journey-sticky[data-active-step="1"] #warehouse .structure,.journey-sticky[data-active-step="2"] #delivery-truck .structure{stroke:#c9e6fa}
.journey-sticky[data-active-step="0"] #flow-node-01 .node,.journey-sticky[data-active-step="1"] #flow-node-02 .node,.journey-sticky[data-active-step="2"] #flow-node-03 .node{fill:#0753a2;stroke:#8bc9fb}
.journey-sticky[data-active-step="0"] #flow-node-01 .label,.journey-sticky[data-active-step="1"] #flow-node-02 .label,.journey-sticky[data-active-step="2"] #flow-node-03 .label{fill:#e1f2ff}
@media(prefers-reduced-motion:reduce){#route-cursor{display:none}}
html{overflow-x:clip}

/* Give each support description enough room for one readable Chinese line. */
.technical-grid-section .compliance-items { grid-template-columns:repeat(4,minmax(0,1fr)); }
.technical-grid-section .compliance-items>button { min-width:0; min-height:190px; padding:30px 20px; }
.technical-grid-section .compliance-items p { width:100%; max-width:none; font-size:13px; line-height:1.7; }
html[lang="zh-CN"] .technical-grid-section .compliance-items p { white-space:nowrap; }
@media(max-width:1199px) {
  .technical-grid-section .compliance-items { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .technical-grid-section .compliance-items>button { min-height:174px; padding:26px 20px; }
  .technical-grid-section .compliance-items>button:nth-child(2n) { border-right:0; }
  .technical-grid-section .compliance-items>button:nth-child(n+3) { border-top:1px solid #cfdae1; }
}
@media(max-width:599px) {
  .technical-grid-section .compliance-items { grid-template-columns:minmax(0,1fr); }
  .technical-grid-section .compliance-items>button { min-height:154px; padding:24px 20px; border-right:0; }
  .technical-grid-section .compliance-items>button+button { border-top:1px solid #cfdae1; }
}