/* Homepage motion layer: native SVG/CSS stays usable without the Remotion build. */
.hero-global{isolation:isolate;overflow:hidden}
.hero-visual-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-visual-layer:before{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 38%,rgba(159,216,229,.07) 48%,transparent 58%);transform:translateX(-28%);animation:light-sweep 9s ease-in-out infinite}
.hero-visual-layer:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 78% 31%,rgba(159,216,229,.16) 0 1px,transparent 2px),radial-gradient(circle at 67% 72%,rgba(227,75,67,.25) 0 1px,transparent 2px),linear-gradient(rgba(159,216,229,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(159,216,229,.045) 1px,transparent 1px);background-size:auto,auto,80px 80px,80px 80px;mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%);opacity:.55;animation:grid-breathe 5s ease-in-out infinite}
.hero-global:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--cursor-x,78%) var(--cursor-y,42%),rgba(159,216,229,.13),transparent 22%),linear-gradient(180deg,transparent 70%,rgba(4,22,40,.24))}
.hero-grid,.hero-bottom{z-index:2}
.hero-route-svg{position:absolute;right:-1%;top:50%;width:min(68vw,900px);height:auto;transform:translateY(-48%);opacity:.93;filter:drop-shadow(0 20px 34px rgba(0,0,0,.22))}
.hero-route-svg text{fill:#d7e6eb;font-size:11px;letter-spacing:3px;font-family:Arial,sans-serif;opacity:.75}
.hero-route-trail{fill:none;stroke:#f7fbfd;stroke-width:10;stroke-linecap:round;stroke-opacity:.12}
.hero-route-dash{fill:none;stroke:url(#heroRouteGradient);stroke-width:3;stroke-linecap:round;stroke-dasharray:10 17;animation:route-dash 8s linear infinite}
.hero-route-node{fill:#071c30;stroke:#9fd8e5;stroke-width:3}
.hero-route-node.node-origin{stroke:#e34b43}
.hero-route-node{animation:node-hover 3.8s ease-in-out infinite}
.hero-route-node:nth-of-type(4){animation-delay:.45s}.hero-route-node:nth-of-type(5){animation-delay:.9s}
.hero-route-pulse{fill:none;stroke:#e34b43;stroke-width:2;stroke-opacity:.7;animation:route-pulse 2.6s ease-out infinite}
.hero-route-dot{fill:#e34b43;filter:drop-shadow(0 0 8px rgba(227,75,67,.8))}
.hero-orbit{position:absolute;border:1px solid rgba(159,216,229,.2);border-radius:50%;transform:rotate(-20deg);animation:orbit-drift 13s ease-in-out infinite}
.orbit-one{width:460px;height:185px;right:15%;top:24%;opacity:.75}
.orbit-two{width:250px;height:100px;right:28%;top:48%;opacity:.42;animation-direction:reverse;animation-duration:9s}
.hero-visual-label{position:absolute;right:8%;bottom:15%;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#d6e4e9;display:flex;align-items:center;gap:9px;opacity:.8}
.hero-visual-label b{font-weight:400;color:#e34b43;margin-left:10px}
.hero-visual-label:after{content:"";width:44px;height:1px;background:linear-gradient(90deg,#e34b43,transparent);animation:signal-line 1.8s ease-in-out infinite}
.live-dot{width:7px;height:7px;border-radius:50%;background:#e34b43;box-shadow:0 0 0 5px rgba(227,75,67,.14);animation:live-pulse 1.8s ease-out infinite}
.metric-value{display:inline-block;min-width:1ch}
.hero-proof div{position:relative}
.hero-proof div:after{content:"";display:block;width:26px;height:1px;background:#e34b43;margin-top:11px;transform-origin:left;animation:metric-line 2s ease both}
.hero-proof div:nth-of-type(3):after{animation-delay:.18s}.hero-proof div:nth-of-type(4):after{animation-delay:.36s}.hero-proof div:nth-of-type(5):after{animation-delay:.54s}
.category-card,.news-card,.legacy-proof-grid article{will-change:transform}
.category-card .category-art,.news-card .news-image,.legacy-proof-grid article img{transition:transform .65s cubic-bezier(.16,1,.3,1),filter .65s ease}
.category-card:hover .category-art,.news-card:hover .news-image,.legacy-proof-grid article:hover img{transform:scale(1.06);filter:saturate(1.1)}
.category-card:hover .category-meta b,.news-card:hover .arrow-link{transform:translateX(5px)}
.category-meta b,.news-card .arrow-link{transition:transform .3s ease}
.export-route-motion{position:absolute;inset:0;z-index:2;opacity:.92;mix-blend-mode:multiply}
.export-route-motion svg{width:100%;height:100%;overflow:visible}
.export-route-motion path{fill:none;stroke:#e34b43;stroke-width:2;stroke-dasharray:9 15;stroke-linecap:round;animation:route-dash 6s linear infinite}
.export-route-motion circle{fill:#071c30;stroke:#9fd8e5;stroke-width:2}
.export-route-motion .export-route-dot{fill:#e34b43;stroke:none;animation:export-dot 6s ease-in-out infinite}
.export-route:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(7,28,48,.18);border-radius:50%;animation:radar-spin 16s linear infinite;z-index:1}
.motion-ready [data-reveal]{opacity:0;translate:0 30px;transition:opacity .8s ease,translate .8s cubic-bezier(.16,1,.3,1)}
.motion-ready [data-reveal="hero"]{translate:0 18px;transition-duration:1s}
.motion-ready [data-reveal="image"]{translate:-24px 0}
.motion-ready [data-reveal].is-visible{opacity:1;translate:0 0}
.motion-ready [data-reveal="card"]:nth-child(2){transition-delay:.08s}
.motion-ready [data-reveal="card"]:nth-child(3){transition-delay:.16s}
.motion-ready [data-reveal="card"]:nth-child(4){transition-delay:.24s}
.motion-ready [data-reveal="card"]:nth-child(5){transition-delay:.32s}
.motion-ready [data-reveal="card"]:nth-child(6){transition-delay:.4s}
.hero-content[data-reveal].is-visible h1{animation:hero-title-in 1.1s .12s both cubic-bezier(.16,1,.3,1)}
.hero-content[data-reveal].is-visible .hero-actions{animation:hero-fade-up .8s .32s both cubic-bezier(.16,1,.3,1)}
.hero-content[data-reveal].is-visible .hero-facts{animation:hero-fade-up .8s .45s both cubic-bezier(.16,1,.3,1)}
@keyframes route-dash{to{stroke-dashoffset:-216}}
@keyframes light-sweep{0%,100%{transform:translateX(-34%) rotate(0deg);opacity:0}30%{opacity:1}65%{transform:translateX(34%) rotate(0deg);opacity:.4}}
@keyframes grid-breathe{0%,100%{opacity:.35}50%{opacity:.8}}
@keyframes node-hover{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes signal-line{0%,100%{scale:.45 1;opacity:.2;transform-origin:left}50%{scale:1 1;opacity:1;transform-origin:left}}
@keyframes radar-spin{to{rotate:360deg}}
@keyframes route-pulse{0%{opacity:.8;transform:scale(.7);transform-origin:130px 418px}70%,100%{opacity:0;transform:scale(1.8);transform-origin:130px 418px}}
@keyframes orbit-drift{0%,100%{translate:0 0;rotate:-20deg}50%{translate:0 -12px;rotate:-12deg}}
@keyframes live-pulse{0%,100%{box-shadow:0 0 0 5px rgba(227,75,67,.12)}50%{box-shadow:0 0 0 9px rgba(227,75,67,0)}}
@keyframes metric-line{0%{scale:0 1;opacity:0}100%{scale:1 1;opacity:1}}
@keyframes hero-title-in{from{opacity:0;translate:0 24px;clip-path:inset(0 0 100% 0)}to{opacity:1;translate:0 0;clip-path:inset(0 0 0 0)}}
@keyframes hero-fade-up{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes export-dot{0%{translate:0 0}25%{translate:125px -115px}55%{translate:310px -64px}80%{translate:455px -98px}100%{translate:520px -80px}}
@media (max-width:900px){.hero-route-svg{right:-24%;width:700px;opacity:.48}.hero-visual-label{right:7%;bottom:10%}.hero-grid{grid-template-columns:minmax(0,1fr) 165px;gap:22px}.orbit-one{right:0}.orbit-two{right:12%}}
@media (max-width:640px){.hero-route-svg{right:-55%;top:40%;width:660px;opacity:.24}.hero-proof{padding-left:15px;gap:15px}.hero-proof strong{font-size:23px}.hero-visual-label{right:5%;bottom:8%;font-size:8px}.hero-visual-label b{display:none}.hero-orbit{display:none}.export-route-motion{opacity:.58}}
@media (prefers-reduced-motion:reduce){.hero-route-dash,.hero-route-pulse,.hero-orbit,.live-dot,.hero-proof div:after,.export-route-motion path,.export-route-motion .export-route-dot,.hero-content[data-reveal].is-visible h1,.hero-content[data-reveal].is-visible .hero-actions,.hero-content[data-reveal].is-visible .hero-facts{animation:none}.motion-ready [data-reveal]{opacity:1;translate:0 0;transition:none}.category-card .category-art,.news-card .news-image,.legacy-proof-grid article img,.category-meta b,.news-card .arrow-link{transition:none}}

/* Section atmosphere: layered, lightweight motion for the homepage rows. */
.categories-section,.legacy-capabilities,.catalog-gate,.about-section,.quality-section,.legacy-proof,.export-band,.news-section,.inquiry-band{isolation:isolate;overflow:hidden}
.categories-section,.about-section,.quality-section,.news-section{position:relative;background-color:#f7faf9;background-image:linear-gradient(rgba(74,117,113,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(74,117,113,.055) 1px,transparent 1px);background-size:76px 76px;animation:section-grid-pan 28s linear infinite}
.categories-section:before,.about-section:before,.quality-section:before,.news-section:before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(65,111,106,.16);border-radius:50%;right:-230px;top:-220px;box-shadow:0 0 0 24px rgba(65,111,106,.035),0 0 0 52px rgba(189,153,80,.045);animation:section-orb-drift 14s ease-in-out infinite;pointer-events:none}
.categories-section:after,.about-section:after,.quality-section:after,.news-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 22%,rgba(189,153,80,.12) 0 1px,transparent 2px),radial-gradient(circle at 76% 70%,rgba(65,111,106,.12) 0 1px,transparent 2px);background-size:124px 124px,158px 158px;opacity:.65;animation:section-particles 18s ease-in-out infinite;pointer-events:none}
.categories-section>.container,.about-section>.container,.quality-section>.container,.news-section>.container{position:relative;z-index:1}
.category-grid{position:relative}
.category-card{position:relative;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(27,63,65,.07);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}
.category-card:before{content:"";position:absolute;inset:0;border:1px solid rgba(65,111,106,.16);border-radius:inherit;z-index:2;pointer-events:none}
.category-card .category-art{position:relative;background-image:linear-gradient(120deg,rgba(255,255,255,.14),transparent 42%),url("images/stationery-collection.png");background-blend-mode:screen,normal;overflow:hidden}
.category-card .category-art:after,.news-card .news-image:after{content:"";position:absolute;inset:-45% -80%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.42) 50%,transparent 58%);transform:translateX(-70%) rotate(8deg);animation:section-sheen 8s ease-in-out infinite;pointer-events:none}
.category-card:nth-child(2) .category-art:after,.news-card:nth-child(2) .news-image:after{animation-delay:1.4s}.category-card:nth-child(3) .category-art:after,.news-card:nth-child(3) .news-image:after{animation-delay:2.8s}.category-card:nth-child(4) .category-art:after{animation-delay:4.2s}.category-card:nth-child(5) .category-art:after{animation-delay:5.6s}.category-card:nth-child(6) .category-art:after{animation-delay:7s}
.category-card:hover{transform:translateY(-7px);box-shadow:0 18px 36px rgba(27,63,65,.15)}

.legacy-capabilities{position:relative;background-color:#f0f6f4;background-image:linear-gradient(135deg,rgba(255,255,255,.7),transparent 45%),linear-gradient(rgba(65,111,106,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(65,111,106,.045) 1px,transparent 1px);background-size:100% 100%,82px 82px,82px 82px;animation:section-grid-pan 32s linear infinite}
.legacy-capabilities:after{content:"";position:absolute;width:620px;height:620px;right:-310px;bottom:-420px;border:1px solid rgba(189,153,80,.18);border-radius:50%;box-shadow:0 0 0 34px rgba(189,153,80,.035),0 0 0 70px rgba(65,111,106,.035);animation:section-orb-drift 16s ease-in-out infinite reverse;pointer-events:none}
.legacy-capabilities>.container{position:relative;z-index:1}
.legacy-capability-image:before{content:"";position:absolute;inset:-40% -90%;z-index:1;background:linear-gradient(105deg,transparent 43%,rgba(159,216,229,.35) 50%,transparent 57%);transform:translateX(-70%) rotate(-8deg);animation:section-sheen 11s ease-in-out infinite;pointer-events:none}

.catalog-gate{position:relative;background-color:#061a30;background-image:linear-gradient(90deg,rgba(6,26,48,.96),rgba(6,26,48,.78)),url("images/hero-global-supply-house.png");background-size:cover;background-position:center;animation:catalog-image-drift 24s ease-in-out infinite alternate}
.catalog-gate:before{content:"";position:absolute;width:520px;height:520px;right:-240px;top:-260px;border:1px solid rgba(159,216,229,.28);border-radius:50%;box-shadow:0 0 0 28px rgba(159,216,229,.045),0 0 0 58px rgba(227,75,67,.04);animation:section-orb-drift 15s ease-in-out infinite;pointer-events:none}
.catalog-gate:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(159,216,229,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(159,216,229,.065) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,#000,transparent 84%);animation:section-grid-pan 24s linear infinite;pointer-events:none}
.catalog-gate>.container{position:relative;z-index:1}

.quality-section{background-color:#fbfcfa}
.quality-section:before{left:-250px;right:auto;top:28%;width:420px;height:420px;border-color:rgba(189,153,80,.16);animation-delay:-4s}
.quality-collage{position:relative}
.quality-collage:after{content:"";position:absolute;left:0;top:20px;width:72%;height:72%;border:1px solid rgba(65,111,106,.3);transform:translate(16px,16px);animation:frame-breathe 6s ease-in-out infinite;pointer-events:none}
.quality-collage>*{position:relative;z-index:1}

.legacy-proof{position:relative;background-color:#f1f6f5;background-image:linear-gradient(135deg,rgba(255,255,255,.45),transparent 58%),linear-gradient(rgba(65,111,106,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(65,111,106,.05) 1px,transparent 1px);background-size:100% 100%,72px 72px,72px 72px;animation:section-grid-pan 30s linear infinite}
.legacy-proof:before{content:"QUALITY / 04";position:absolute;right:5%;top:56px;color:rgba(65,111,106,.22);font-size:10px;font-weight:700;letter-spacing:3px;writing-mode:vertical-rl;animation:label-float 5s ease-in-out infinite}
.legacy-proof>.container{position:relative;z-index:1}
.legacy-proof-grid article{position:relative;overflow:hidden;border-top:2px solid transparent;background:rgba(255,255,255,.88);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}
.legacy-proof-grid article:before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:linear-gradient(90deg,#e34b43,#bd9950,#416f6a);background-size:200% 100%;animation:accent-flow 5s linear infinite}
.legacy-proof-grid article:hover{transform:translateY(-8px);box-shadow:0 18px 34px rgba(27,63,65,.14)}

.export-band{position:relative;background-color:#edf4f3;background-image:radial-gradient(circle at 20% 30%,rgba(189,153,80,.1),transparent 28%),linear-gradient(rgba(65,111,106,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(65,111,106,.045) 1px,transparent 1px);background-size:auto,88px 88px,88px 88px;animation:section-grid-pan 30s linear infinite}
.export-band>.container{position:relative;z-index:1}
.export-route{box-shadow:0 24px 50px rgba(27,63,65,.16)}

.news-card{position:relative;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(27,63,65,.06);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}
.news-card:hover{transform:translateY(-8px);box-shadow:0 18px 36px rgba(27,63,65,.14)}
.news-card .news-image{position:relative;overflow:hidden}

.inquiry-band{background-color:#eee9de;background-image:linear-gradient(rgba(111,132,101,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(111,132,101,.07) 1px,transparent 1px);background-size:74px 74px;animation:section-grid-pan 26s linear infinite}
.inquiry-band:before{animation:inquiry-orbit 14s ease-in-out infinite}
.inquiry-actions{position:relative;overflow:hidden}
.inquiry-actions:before{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%);transform:translateX(-70%) rotate(8deg);animation:section-sheen 9s ease-in-out infinite;pointer-events:none}
.inquiry-actions>*{position:relative;z-index:1}

@keyframes section-grid-pan{0%{background-position:0 0,0 0,0 0}100%{background-position:76px 76px,-76px 76px,76px -76px}}
@keyframes section-orb-drift{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-18px,14px,0) rotate(6deg)}}
@keyframes section-particles{0%,100%{opacity:.4;transform:translate3d(0,0,0)}50%{opacity:.78;transform:translate3d(10px,-12px,0)}}
@keyframes section-sheen{0%,18%{transform:translateX(-70%) rotate(8deg);opacity:0}35%{opacity:1}58%,100%{transform:translateX(70%) rotate(8deg);opacity:0}}
@keyframes catalog-image-drift{0%{background-position:48% center}100%{background-position:54% center}}
@keyframes frame-breathe{0%,100%{opacity:.38;transform:translate(16px,16px) scale(1)}50%{opacity:.8;transform:translate(20px,20px) scale(1.025)}}
@keyframes label-float{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(-8px);opacity:1}}
@keyframes accent-flow{0%{background-position:0 0}100%{background-position:200% 0}}

@media(max-width:700px){.categories-section:before,.about-section:before,.quality-section:before,.news-section:before{width:300px;height:300px;right:-190px;top:-140px}.legacy-proof:before{top:30px;right:4%}.quality-collage:after{width:72%;height:68%}}
@media(prefers-reduced-motion:reduce){.categories-section,.legacy-capabilities,.catalog-gate,.about-section,.quality-section,.legacy-proof,.export-band,.news-section,.inquiry-band,.categories-section:before,.categories-section:after,.about-section:before,.about-section:after,.quality-section:before,.quality-section:after,.news-section:before,.news-section:after,.legacy-capabilities:after,.legacy-proof:before,.category-card .category-art:after,.news-card .news-image:after,.legacy-capability-image:before,.catalog-gate:before,.catalog-gate:after,.quality-collage:after,.legacy-proof-grid article:before,.inquiry-band:before,.inquiry-actions:before{animation:none}.category-card:hover,.news-card:hover,.legacy-proof-grid article:hover{transform:none}}

/* Photo-free quality panel: a vector inspection system keeps this row visual without another photo. */
.quality-text-only{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:80px;align-items:center}
.quality-visual{position:relative;height:430px;overflow:hidden;border:1px solid rgba(65,111,106,.2);border-radius:18px;background:linear-gradient(135deg,#eff6f3 0%,#f8f4e9 56%,#e6efed 100%);box-shadow:18px 18px 0 rgba(65,111,106,.1),0 24px 48px rgba(27,63,65,.12);isolation:isolate}
.quality-visual:before{content:"QUALITY / SYSTEM";position:absolute;left:25px;top:23px;color:#416f6a;font-size:10px;letter-spacing:2.5px;font-weight:700;z-index:3}
.quality-visual:after{content:"FROM IDEA TO SHIPMENT";position:absolute;right:24px;bottom:23px;color:rgba(65,111,106,.72);font-size:9px;letter-spacing:1.7px;z-index:3}
.quality-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(65,111,106,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(65,111,106,.08) 1px,transparent 1px);background-size:54px 54px;opacity:.55;animation:section-grid-pan 20s linear infinite}
.quality-visual-ring{position:absolute;border:1px solid rgba(65,111,106,.24);border-radius:50%;animation:quality-ring-float 9s ease-in-out infinite}
.quality-visual-ring.ring-a{width:310px;height:310px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 22px rgba(65,111,106,.035),0 0 0 52px rgba(189,153,80,.06)}
.quality-visual-ring.ring-b{width:420px;height:160px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-24deg);border-color:rgba(189,153,80,.3);animation-delay:-2.5s}
.quality-visual-route{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.quality-visual-route path{fill:none;stroke:#416f6a;stroke-width:2;stroke-dasharray:8 13;stroke-linecap:round;animation:quality-route-flow 7s linear infinite}
.quality-visual-route circle{fill:#f8f4e9;stroke:#e34b43;stroke-width:2;animation:quality-node-pulse 3s ease-in-out infinite}
.quality-visual-route circle:nth-of-type(2){animation-delay:.8s}.quality-visual-route circle:nth-of-type(3){animation-delay:1.6s}
.quality-visual-core{position:absolute;left:50%;top:50%;z-index:4;width:112px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(65,111,106,.45);border-radius:50%;background:rgba(255,255,255,.72);box-shadow:0 12px 26px rgba(65,111,106,.12);transform:translate(-50%,-50%);animation:quality-core-breathe 5s ease-in-out infinite}
.quality-visual-core span{color:#416f6a;font-size:10px;letter-spacing:2px;font-weight:700}.quality-visual-core strong{color:#263f38;font-size:33px;line-height:1;margin:4px 0}.quality-visual-core small{color:#9a8454;font-size:8px;letter-spacing:1.2px}
.quality-visual-label{position:absolute;z-index:4;padding:8px 10px;border:1px solid rgba(65,111,106,.2);border-radius:999px;background:rgba(255,255,255,.74);color:#416f6a;font-size:8px;letter-spacing:1.2px;box-shadow:0 5px 12px rgba(65,111,106,.08);animation:label-float 5s ease-in-out infinite}
.quality-visual-label:before{content:"";display:inline-block;width:5px;height:5px;margin:0 7px 1px 0;border-radius:50%;background:#e34b43;box-shadow:0 0 0 4px rgba(227,75,67,.1)}
.quality-visual-label.label-raw{left:24px;top:31%;animation-delay:-1s}.quality-visual-label.label-check{right:24px;top:42%;animation-delay:-2.3s}.quality-visual-label.label-pack{left:23%;bottom:25px;animation-delay:-3.5s}
@keyframes quality-ring-float{0%,100%{transform:translate(-50%,-50%) rotate(-24deg)}50%{transform:translate(-50%,-50%) rotate(-14deg) scale(1.03)}}
@keyframes quality-route-flow{to{stroke-dashoffset:-168}}
@keyframes quality-node-pulse{0%,100%{r:7;opacity:.72}50%{r:10;opacity:1}}
@keyframes quality-core-breathe{0%,100%{box-shadow:0 12px 26px rgba(65,111,106,.12);transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 16px 34px rgba(65,111,106,.2);transform:translate(-50%,-50%) scale(1.035)}}
@media(max-width:980px){.quality-text-only{gap:48px}.quality-visual{height:360px}}
@media(max-width:600px){.quality-text-only{gap:35px}.quality-visual{height:290px;box-shadow:10px 10px 0 rgba(65,111,106,.1),0 18px 32px rgba(27,63,65,.1)}.quality-visual-ring.ring-a{width:220px;height:220px}.quality-visual-ring.ring-b{width:300px;height:120px}.quality-visual-core{width:88px;height:88px}.quality-visual-core strong{font-size:27px}.quality-visual-label{font-size:7px;padding:6px 8px}.quality-visual-label.label-raw{left:14px}.quality-visual-label.label-check{right:14px}.quality-visual-label.label-pack{left:16%;bottom:16px}}
@media(prefers-reduced-motion:reduce){.quality-visual-grid,.quality-visual-ring,.quality-visual-route path,.quality-visual-route circle,.quality-visual-core,.quality-visual-label{animation:none}}

/* Global route map: China is the origin, destination nodes light up around the world. */
.quality-visual{background-image:linear-gradient(90deg,rgba(244,248,246,.8),rgba(244,248,246,.24)),url("images/export-logistics-map.png");background-position:center;background-size:cover}
.quality-visual:before{content:"GLOBAL EXPORT / ROUTE MAP";color:#416f6a}
.quality-visual:after{content:"CHINA  →  GLOBAL";color:#416f6a}
.quality-visual-grid{opacity:.28;background-size:58px 58px}
.quality-visual-ring{display:none}
.quality-visual-route{z-index:4;filter:drop-shadow(0 2px 5px rgba(65,111,106,.26))}
.quality-visual-route path.route-glow{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-opacity:.72}
.quality-visual-route path.route-trace{fill:none;stroke:url(#qualityRouteGradient);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:16 12;animation:global-route-flow 5.4s linear infinite}
.quality-visual-route .route-two{animation-delay:-1.3s}.quality-visual-route .route-three{animation-delay:-2.6s}.quality-visual-route .route-four{animation-delay:-3.9s}
.quality-visual-route .route-origin{fill:#e34b43;stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 7px rgba(227,75,67,.7));animation:global-origin-pulse 2.4s ease-in-out infinite}
.quality-visual-route .route-destination{fill:#416f6a;stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 0 5px rgba(65,111,106,.55));animation:global-destination-pulse 3.3s ease-in-out infinite}
.quality-visual-route .destination-two{animation-delay:.7s}.quality-visual-route .destination-three{animation-delay:1.4s}.quality-visual-route .destination-four{animation-delay:2.1s}
.quality-visual-core{left:76%;top:52%;width:92px;height:92px;background:rgba(38,63,56,.9);border-color:rgba(255,255,255,.75);box-shadow:0 12px 24px rgba(38,63,56,.24);color:#fff}
.quality-visual-core span{color:#f0dca8}.quality-visual-core strong{color:#fff;font-size:28px}.quality-visual-core small{color:#d8e0d1}
.quality-visual-label{background:rgba(255,255,255,.86);color:#416f6a}
.quality-visual-label.label-raw{left:65%;top:63%;animation-delay:-1s}.quality-visual-label.label-check{right:17%;top:25%;animation-delay:-2.3s}.quality-visual-label.label-pack{left:18%;bottom:22px;animation-delay:-3.5s}
@keyframes global-route-flow{to{stroke-dashoffset:-168}}
@keyframes global-origin-pulse{0%,100%{r:8;opacity:.86}50%{r:12;opacity:1}}
@keyframes global-destination-pulse{0%,100%{r:5;opacity:.7}50%{r:8;opacity:1}}
@media(max-width:600px){.quality-visual-core{left:74%;top:52%;width:76px;height:76px}.quality-visual-core strong{font-size:23px}.quality-visual-label.label-raw{left:60%;top:65%}.quality-visual-label.label-check{right:8%;top:24%}.quality-visual-label.label-pack{left:12%;bottom:14px}}
@media(prefers-reduced-motion:reduce){.quality-visual-grid,.quality-visual-route path.route-trace,.quality-visual-route .route-origin,.quality-visual-route .route-destination,.quality-visual-core,.quality-visual-label{animation:none}}