:root{--desk:#1d343a;--desk2:#28474d;--paper:#f1ecdf;--paper2:#e7dfcc;--ink:#283d40;--muted:#708183;--navy:#1f4f61;--orange:#d66a3c;--stamp:#aa4030;--line:#b9b7aa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#fff;background:var(--desk);font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;line-height:1.68}a{color:inherit;text-decoration:none}img{max-width:100%}.trade-shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.trade-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #466066;background:rgba(29,52,58,.95);backdrop-filter:blur(14px)}.trade-nav{min-height:70px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}.trade-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900}.trade-brand img{display:block;width:34px;height:34px;object-fit:contain}.trade-links{display:flex;justify-content:center;gap:clamp(18px,3vw,38px);color:#afbec0;font-size:13px;font-weight:800}.trade-links a:hover{color:#fff}
.trade-button{display:inline-flex;align-items:center;justify-content:center;min-width:170px;min-height:50px;padding:0 24px;border:1px solid #a34721;border-radius:2px;color:#fff;background:var(--orange);font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:transform .2s ease,filter .2s ease}.trade-button:hover{filter:brightness(1.07);transform:translateY(-2px)}.trade-button--small{min-width:128px;min-height:40px;padding-inline:15px}.trade-text-link{color:#275f74;font-weight:900}a:focus-visible,summary:focus-visible{outline:3px solid #ef9a73;outline-offset:4px}
.trade-desk-hero{padding:36px 0;background:#162a2f}.trade-desk{position:relative;min-height:830px;overflow:hidden;border:1px solid #52696d;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),var(--desk2)}.desk-ruler{display:grid;grid-template-columns:1fr auto 1fr;padding:10px 15px;border-bottom:1px solid #50696e;background:#172b30;color:#a4b4b6;font:700 8px Consolas,monospace}.desk-ruler b{text-align:center}.desk-ruler em{text-align:right;font-style:normal}.trade-title{position:absolute;z-index:5;top:75px;left:5%;width:55%}.trade-label{margin:0 0 12px;color:#cf784f;font-size:9px;font-weight:900;letter-spacing:.14em}.trade-title h1,.document-flow-layout h2,.port-layout h2,.timezone-layout h2,.office-copy h2,.capability-layout h2,.exception-layout h2,.guide-layout h2,.faq-layout h2,.callout-layout h2{margin:0;font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;font-size:clamp(49px,6vw,82px);line-height:.97;letter-spacing:-.055em;text-wrap:balance}.trade-title>p:not(.trade-label){max-width:580px;margin:23px 0;color:#b3c0c1}
.document-sheet{position:absolute;background:var(--paper);color:var(--ink);box-shadow:0 17px 35px rgba(0,0,0,.25)}.document-sheet--back{z-index:2;right:3%;bottom:85px;width:430px;height:530px;padding:25px;transform:rotate(4deg)}.document-sheet--back span{color:#8b8a80;font:700 9px Consolas,monospace}.document-sheet--back i{display:block;height:1px;margin:55px 0;background:#c4c0b4}.document-sheet--front{z-index:4;right:7%;top:90px;width:385px;min-height:610px;padding:18px;transform:rotate(-2deg)}.document-sheet--front>header{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:2px solid #40585c;font:800 9px Consolas,monospace}.document-lines p{display:flex;justify-content:space-between;margin:0;padding:8px 0;border-bottom:1px solid #c8c3b6;font-size:9px}.document-lines p span{color:#777c78}.document-sheet figure{height:auto;margin:18px 35px 0;padding:0;border:1px solid #8d9795;background:#fff;overflow:visible;align-self:center}.document-sheet figcaption,.office-preview figcaption{display:flex;justify-content:space-between;padding:7px 9px;border-bottom:1px solid var(--line);color:#757f7e;font-size:7px}.document-sheet img,.office-preview img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}.approval-stamp{position:absolute;right:18px;bottom:18px;width:90px;height:90px;display:grid;place-items:center;border:3px double var(--stamp);border-radius:50%;color:var(--stamp);font-weight:900;text-align:center;transform:rotate(-11deg)}.approval-stamp small{font-size:7px}
.time-zone-slip{position:absolute;z-index:6;left:5%;bottom:85px;width:330px;padding:16px;border-left:5px solid var(--orange);background:#f0eadc;color:var(--ink);box-shadow:8px 10px 20px rgba(0,0,0,.18)}.time-zone-slip span{color:#a84e28;font-size:9px;font-weight:900}.time-zone-slip p{margin:10px 0;color:#5f7070}.time-zone-slip b{font-size:9px}
.document-flow-section{padding:clamp(105px,13vw,165px) 0;color:var(--ink);background:#f3f0e8}.document-flow-layout>header{display:grid;grid-template-columns:.4fr 1.6fr;gap:38px;margin-bottom:65px}.document-flow-layout h2,.port-layout h2,.timezone-layout h2,.office-copy h2,.capability-layout h2,.exception-layout h2,.guide-layout h2,.faq-layout h2{font-size:clamp(40px,5vw,68px)}.document-flow-layout ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid var(--navy)}.document-flow-layout li{padding:25px;border-right:1px solid #c5c2b8;border-bottom:1px solid #c5c2b8}.document-flow-layout span{color:#a84e28;font-size:9px;font-weight:900}.document-flow-layout p{margin-top:35px;color:var(--muted)}
.port-section{padding:clamp(100px,12vw,150px) 0;background:#1b3840}.port-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.port-layout header>p:last-child{color:#a8babc}.port-manifest{border-top:1px solid #526b70}.manifest-head,.port-manifest article{display:grid;grid-template-columns:120px 1fr 130px;gap:25px;padding:16px 0;border-bottom:1px solid #526b70}.manifest-head{color:#82979a;font:700 8px Consolas,monospace}.port-manifest article p{margin:0;color:#a9b9bb}.port-manifest article strong{color:#e1936f;font-size:10px}
.timezone-section{padding:clamp(100px,12vw,150px) 0;color:var(--ink);background:#e5e1d6}.timezone-layout>header{display:grid;grid-template-columns:.4fr 1.6fr;gap:38px;margin-bottom:60px}.timezone-ledger{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #afada4;border-bottom:1px solid #afada4}.timezone-ledger article{padding:27px;border-right:1px solid #afada4}.timezone-ledger article:last-child{border:0}.timezone-ledger span{color:#a84e28;font-size:9px;font-weight:900}.timezone-ledger h3{margin:45px 0 8px}.timezone-ledger p{color:var(--muted)}
.office-terminal{padding:clamp(100px,12vw,150px) 0;color:var(--ink);background:#f7f5ef}.office-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(50px,8vw,100px);align-items:center}.office-preview{align-self:center;height:auto;margin:0;padding:0;border:1px solid #a6aaa4;background:#fff;overflow:visible;transform:none}.office-copy>p:not(.trade-label){color:var(--muted)}.office-copy nav{display:flex;flex-wrap:wrap;gap:6px;margin:27px 0}.office-copy nav a{padding:7px 11px;border:1px solid #b4b9b3;color:var(--navy);font-size:9px;font-weight:900}
.trade-capability{padding:clamp(100px,12vw,150px) 0;background:#1a343b}.capability-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.capability-layout dl{margin:0;border-top:1px solid #506a70}.capability-layout dl>div{display:grid;grid-template-columns:150px 1fr 1fr;gap:25px;padding:19px 0;border-bottom:1px solid #506a70}.capability-layout dt{color:#e28a61;font-weight:900}.capability-layout dd{margin:0;color:#a9b9bb}
.exception-section{padding:clamp(100px,12vw,150px) 0;color:var(--ink);background:#e8e4da}.exception-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.exception-layout>div{border-top:1px solid #aaa99f}.exception-layout article{display:grid;grid-template-columns:150px 1fr 100px;gap:25px;padding:19px 0;border-bottom:1px solid #aaa99f}.exception-layout span{font-weight:900}.exception-layout p{margin:0;color:var(--muted)}.exception-layout b{color:#a84e28;font-size:10px}.exception-layout>.trade-text-link{grid-column:2}
.trade-guides{padding:clamp(100px,12vw,150px) 0;color:var(--ink);background:#f8f7f2}.guide-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.guide-layout>div{border-top:1px solid var(--line)}.guide-layout article{display:grid;grid-template-columns:65px 1fr 1fr 55px;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.guide-layout span,.guide-layout a{color:#a84e28;font-weight:900}.guide-layout h3,.guide-layout p{margin:0}.guide-layout p{color:var(--muted)}.guide-layout a{text-align:right}
.trade-faq{padding:clamp(100px,12vw,150px) 0;color:var(--ink);background:#e6e2d8}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,105px)}.faq-layout>div{border-top:1px solid #aca99f}.faq-layout details{border-bottom:1px solid #aca99f}.faq-layout summary{padding:20px 0;cursor:pointer;list-style:none;font-weight:900}.faq-layout summary::-webkit-details-marker{display:none}.faq-layout details p{margin:0 0 20px;color:var(--muted)}
.trade-callout{padding:72px 0;background:var(--orange)}.callout-layout{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.callout-layout .trade-label{color:#ffe4d7}.callout-layout h2{max-width:17ch}.trade-button--dark{border-color:var(--desk);background:var(--desk)}
.trade-footer{padding:52px 0 22px;background:#12262b}.footer-layout{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:46px}.footer-layout h3{margin:0 0 10px;color:#e3936e;font-size:12px}.footer-layout>div>a:not(.trade-brand){display:block;margin:7px 0;color:#98abad;font-size:12px}.footer-layout>div:first-child p{color:#98abad;font-size:12px}.copyright{grid-column:1/4;margin:20px 0 0;padding-top:18px;border-top:1px solid #3e565b;color:#687e81;font-size:10px}
@media(max-width:920px){.trade-title{width:62%}.document-sheet--front{right:3%;width:335px}.document-sheet--back{width:360px}.port-layout,.office-layout,.capability-layout,.exception-layout,.guide-layout,.faq-layout{grid-template-columns:1fr}.exception-layout>.trade-text-link{grid-column:auto}.guide-layout article{grid-template-columns:65px 1fr}.guide-layout p{grid-column:2}.guide-layout a{grid-column:2;text-align:left}}
@media(max-width:680px){.trade-shell{width:min(100% - 24px,1220px)}.trade-nav{grid-template-columns:auto auto}.trade-nav>.trade-button{display:none}.trade-links{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:10px 0}.trade-desk{min-height:1120px}.desk-ruler{grid-template-columns:1fr auto}.desk-ruler em{display:none}.trade-title{top:60px;width:90%}.trade-title h1{font-size:clamp(44px,13vw,62px)}.document-sheet--front{top:400px;right:50%;width:330px;transform:translateX(50%) rotate(-2deg)}.document-sheet--back{top:430px;right:4%;width:340px;height:520px}.time-zone-slip{bottom:35px;left:5%;width:90%}.document-flow-layout>header,.timezone-layout>header{grid-template-columns:1fr}.document-flow-layout ol,.timezone-ledger{grid-template-columns:1fr}.manifest-head{display:none}.port-manifest article{grid-template-columns:1fr;gap:6px}.capability-layout dl>div{grid-template-columns:1fr;gap:6px}.exception-layout article{grid-template-columns:1fr;gap:6px}.guide-layout article{grid-template-columns:1fr}.guide-layout p,.guide-layout a{grid-column:auto}.callout-layout{grid-template-columns:1fr}.callout-layout .trade-button{width:100%}.footer-layout{grid-template-columns:1fr 1fr}.footer-layout>div:first-child{grid-column:1/3}.copyright{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trade-button{transition:none}}
.document-sheet figure,.office-preview{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible}.document-sheet img,.office-preview img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none}