/* Small visual upgrades around the established Chinese site layout. */
html{scroll-padding-top:var(--td-nav-offset,100px)}
/* Clip sideways overflow without creating a body scroll container that breaks sticky navigation. */
html,body{overflow-x:clip}
.td-site-nav{background:#f9fbf7f5;transition:box-shadow .2s}
.td-site-nav.td-scrolled{box-shadow:0 5px 20px #132c3a10}
.td-site-nav .nav-in{max-width:1280px;gap:20px}
.td-site-nav .nav-links{gap:24px;font-size:14px;font-weight:600;align-items:center}
.td-site-nav .nav-links a{position:relative;padding:12px 0;white-space:nowrap}
.td-site-nav .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--td-green);transform:scaleX(0);transition:transform .2s}
.td-site-nav .nav-links a[aria-current],.td-site-nav .nav-links a:hover{color:var(--td-green)}
.td-site-nav .nav-links a[aria-current]::after,.td-site-nav .nav-links a:hover::after{transform:scaleX(1)}
.td-nav-toggle{display:none!important}
.td-map-banner{position:relative;isolation:isolate;overflow:hidden;background:#102d40;color:#f2f7f3;padding:72px 0 55px;min-height:610px}
.td-map-banner::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#102d4055,#102d4008),url('img/trade-network-hero.png') center right/cover no-repeat;opacity:.94}
.td-map-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d263cf0 0%,#0d263cbb 35%,#0d263c05 74%);pointer-events:none}
.td-map-banner .td-hero-grid{display:block;position:relative;z-index:2}
.td-map-banner .td-hero-copy{max-width:540px}
.td-map-banner h1{color:#f4faf5;font-size:clamp(42px,4.2vw,62px);line-height:1.23}
.td-map-banner h1 span{color:#c9ef82}
.td-map-banner .td-kicker,.td-map-banner .td-hero-copy>p,.td-map-banner .td-hero-note{color:#c4d8d8}
.td-map-banner .td-hero-copy>p strong{color:#f1faf3}
.td-map-banner .td-primary{background:#c9ef82;color:#102d40;border-color:#c9ef82}
.td-map-banner .td-text-link{color:#d0e7d5}
.td-map-banner .td-hero-proof{border-color:#a8c7c133;margin-top:25px;gap:35px}
.td-map-banner .td-hero-proof strong{color:#e1efe4}
.td-map-banner .td-hero-proof small{color:#b7ceca}
.td-hero-data-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.08;background-image:linear-gradient(#b0d7d91a 1px,transparent 1px),linear-gradient(90deg,#b0d7d91a 1px,transparent 1px);background-size:64px 64px;animation:td-grid-breathe 8s ease-in-out infinite}
.td-hero-signal{position:absolute;right:15%;top:34%;width:60px;height:60px;border:1px solid #b1e4ce88;border-radius:50%;animation:td-signal-pulse 5s ease-in-out infinite;pointer-events:none}
.td-hero-signal::after{content:"";position:absolute;width:8px;height:8px;top:calc(50% - 4px);left:calc(50% - 4px);border-radius:50%;background:#b0e6ba;box-shadow:0 0 25px #d1f5a4}
.td-hero-explore{position:absolute;right:max(35px,calc((100% - 1128px)/2));bottom:48px;z-index:3;display:flex;gap:25px;align-items:center;color:#e5f4eb;background:#102b3bba;border:1px solid #95babc66;border-radius:8px;padding:15px 20px;font-size:15px;text-decoration:none;transition:background .2s,translate .2s}
.td-market-entry-links{display:grid;gap:14px}
.td-market-entry-links>a:not(.td-legacy-search){display:flex;align-items:center;gap:18px;background:#fff;padding:20px 23px;border:1px solid var(--td-line);border-radius:9px;text-decoration:none;transition:box-shadow .2s,translate .2s,border .2s}
.td-market-entry-links>a>span{width:42px;height:42px;background:#e2eee3;display:grid;place-items:center;border-radius:10px;font-size:28px;color:var(--td-green);flex:none}
.td-market-entry-links strong{font-size:21px;display:block;color:var(--td-ink)}
.td-market-entry-links small{font-size:12px;color:var(--td-muted);display:block;margin-top:6px;line-height:1.6}
.td-market-entry-links b{margin-left:auto;color:var(--td-green)}
.td-legacy-search{font-size:14px;color:var(--td-green);padding:5px 0}
.td-query-upgrade{display:flex;gap:15px;flex-wrap:wrap;margin:22px 0}
.td-query-upgrade a{padding:13px 17px;background:#eaf2e7;border:1px solid #c9ddca;border-radius:7px;text-decoration:none;font-size:14px;color:var(--td-green)}
/* Content stays visible if scripts fail; motion only starts when it enters view. */
.td-motion-enter h1,.td-motion-enter h2{animation:td-heading-in .45s ease both}
.td-motion-enter .td-kicker{animation:td-read-in .35s ease both}
.td-motion-enter svg:not(.td-mini-network svg){animation:td-icon-in .45s ease both}
.td-motion-enter .td-mini-bars i,.td-motion-enter .td-report-bars i{animation:td-chart-in .65s ease both;transform-origin:bottom}
.td-motion-enter .td-mini-network svg path{stroke-dasharray:180;animation:td-connect-in .7s ease both}
.td-motion-enter .td-use-cards article,.td-motion-enter .td-confidence-grid article{animation:td-panel-in .45s ease both}
.td-motion-enter .td-use-cards article:nth-child(2),.td-motion-enter .td-confidence-grid article:nth-child(2){animation-delay:.07s}
.td-motion-enter .td-use-cards article:nth-child(3),.td-motion-enter .td-confidence-grid article:nth-child(3){animation-delay:.14s}
[data-showcase] [role=tabpanel]:not([hidden]){animation:td-read-in .3s ease both}
.td-case-dialog[open] .td-case-dialog-body{animation:td-read-in .25s ease both}
.td-process i,.td-development-path>i{animation:td-direction-nudge 4s ease-in-out infinite}
.td-faq details[open] p{animation:td-read-in .23s ease both}
.td-contact-grid:focus-within{box-shadow:0 14px 40px #12645512}
.td-use-cards article,.td-confidence-grid article,.td-focus-card,.td-contact-preview,.td-showcase-tabs [role=tab],.btn,.nav-cta,.td-text-link,.td-market-chips button,.td-sample-form input{transition:translate .2s,box-shadow .2s,border-color .2s,color .2s,background .2s}
.td-sample-form input:focus{border-color:#4e9478;box-shadow:0 0 0 3px #72aa8a23}
.btn:active,.nav-cta:active,.td-market-chips button:active,.td-showcase-tabs [role=tab]:active{translate:0 1px}
.td-showcase-tabs [role=tab][aria-selected=true]{box-shadow:inset 0 -3px 0 #126455,0 4px 14px #173c3210}
@media(hover:hover) and (pointer:fine){.td-use-cards article:hover,.td-confidence-grid article:hover,.td-focus-card:hover,.td-market-entry-links>a:hover{translate:0 -3px;box-shadow:0 12px 25px #1d513515;border-color:#9bbda8}.btn:hover,.nav-cta:hover,.td-market-chips button:hover,.td-hero-explore:hover{translate:0 -2px;box-shadow:0 8px 15px #173c321a}.td-hero-explore:hover{background:#185142}.td-confidence-icon:hover,.td-market-visual svg:hover{animation:td-icon-in .35s ease}.td-text-link:hover{translate:3px 0}.td-faq summary:hover{color:var(--td-green)}}
@keyframes td-heading-in{from{opacity:.7;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes td-read-in{from{opacity:.5}to{opacity:1}}
@keyframes td-icon-in{from{opacity:.6;translate:0 4px}to{opacity:1;translate:0 0}}
@keyframes td-panel-in{from{opacity:.65;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes td-chart-in{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@keyframes td-connect-in{from{stroke-dashoffset:180}to{stroke-dashoffset:0}}
@keyframes td-signal-pulse{0%{scale:.65;opacity:0}25%{opacity:.65}100%{scale:1.8;opacity:0}}
@keyframes td-grid-breathe{0%,100%{opacity:.08}50%{opacity:.18}}
@keyframes td-direction-nudge{0%,85%,100%{translate:0 0}92%{translate:3px 0}}
@media(max-width:1050px){.td-site-nav .nav-in{flex-wrap:wrap;padding:12px 24px;gap:8px 15px}.td-site-nav .nav-links{display:flex!important;order:3;flex-basis:100%;overflow-x:auto!important;overflow-y:hidden!important;gap:24px;scrollbar-width:none}.td-site-nav .nav-links::-webkit-scrollbar{display:none}.td-site-nav .nav-in>div:last-child{margin-left:auto}.td-site-nav .nav-links a{font-size:14px;padding:10px 0}.td-map-banner{padding:55px 0 50px}}
@media(max-width:700px){.td-site-nav .nav-in{padding:10px 18px 0;gap:6px 12px}.td-site-nav .nav-links{gap:20px;padding-bottom:3px}.td-site-nav .nav-links a{font-size:13px}.td-site-nav .logo{font-size:21px}.td-site-nav .logo small{display:none}.td-site-nav .nav-cta{font-size:12px;padding:9px 12px}.td-map-banner{padding:42px 0 95px;min-height:0}.td-map-banner::before{background-position:66% center;opacity:.65}.td-map-banner::after{background:linear-gradient(90deg,#0d263cd9,#0d263c70)}.td-map-banner h1{font-size:40px}.td-map-banner .td-hero-copy>p{font-size:15px;max-width:100%}.td-map-banner .td-hero-proof{gap:20px}.td-map-banner .td-hero-proof strong{font-size:23px}.td-map-banner .td-hero-proof small{font-size:12px}.td-hero-explore{right:auto;left:22px;bottom:27px;font-size:13px;padding:12px 15px}.td-hero-signal{right:15%;top:24%}.td-market-entry-links strong{font-size:19px}.td-market-entry-links>a:not(.td-legacy-search){padding:18px 15px;gap:12px}.td-query-upgrade{gap:10px}.td-query-upgrade a{font-size:12px}.td-process{gap:10px}.td-process i{animation-name:td-direction-down}}
@keyframes td-direction-down{0%,85%,100%{translate:0 0}92%{translate:0 3px}}
@media(max-width:360px){.td-site-nav .logo{font-size:18px}.td-site-nav .nav-in{padding-left:12px;padding-right:12px}.td-site-nav .nav-links{gap:17px}.td-map-banner h1{font-size:35px}.td-map-banner .td-hero-proof{gap:14px}.td-map-banner .td-hero-proof small{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.td-hero-signal{display:none}.td-use-cards article,.td-confidence-grid article,.td-market-entry-links>a,.btn,.nav-cta,.td-market-chips button,.td-text-link{translate:none!important}}
