/* NSSC chain V5. Local Helvetica for Latin; Microsoft YaHei for Chinese. */
@font-face{font-family:NSSC Latin;src:local('Helvetica');font-weight:400;font-style:normal;unicode-range:U+0000-024F;font-display:swap}
@font-face{font-family:NSSC Latin;src:local('Helvetica-Bold'),local('Helvetica Bold');font-weight:700;font-style:normal;unicode-range:U+0000-024F;font-display:swap}
@font-face{font-family:'NSSC CN';src:url('../public/fonts/nssc-cn/noto-sans-sc-400-700-site.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF}
:root{--navy:#03143b;--brand:#173663;--ink:#f7fbff;--cyan:#73e3f4;--secondary:#d5e6f2;--gutter:5.5vw;font-family:'NSSC Latin','NSSC CN','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--navy);font-synthesis:none;scrollbar-color:#50789b var(--navy);scrollbar-width:thin}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:auto}body{margin:0;overflow-x:hidden}::selection{background:var(--cyan);color:var(--navy)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}a:hover,button:hover{color:var(--cyan)}h1,h2,h3,p{margin:0}button,input,textarea,select{border-radius:0}input,textarea{caret-color:var(--cyan)}
#stage{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--navy)}
.fallback-image,#globe-stage{position:absolute;inset:0;width:100%;height:100%}.fallback-image{background:var(--navy) center/cover no-repeat}#globe-stage{z-index:2;pointer-events:none}#globe-stage canvas{display:block}#transition-veil{position:absolute;inset:0;background:var(--navy);z-index:4;opacity:0;pointer-events:none}
.header{position:fixed;inset:0 0 auto;height:94px;padding:0 var(--gutter);display:flex;align-items:center;gap:28px;z-index:30;background:linear-gradient(180deg,rgba(3,20,59,.22),transparent);color:#fff}
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;background:none;padding:0;border:0;box-shadow:none}.wordmark img{display:block;width:104px;height:auto;aspect-ratio:361.12/149.536}
.header nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:34px;font-size:13px}.header nav a{padding:14px 0}.nav-contact{margin-left:auto;display:flex;align-items:center;gap:24px;background:none;padding:13px 0;border-bottom:1px solid #ffffff80;font-size:13px}.nav-contact span{font-size:19px}
.has-light-header .header{color:var(--brand);background:linear-gradient(180deg,rgba(243,248,252,.2),transparent)}.has-light-header .nav-contact{border-bottom-color:#17366375}.has-light-header .header a:hover,.has-light-header .nav-contact:hover{color:#005a79}
.skip{position:fixed;top:10px;left:10px;z-index:100;background:var(--navy);color:#fff;padding:12px;transform:translateY(-160%)}.skip:focus{transform:translateY(0)}
#story{height:1400vh;height:1400svh;position:relative;z-index:5;pointer-events:none}
.scene{position:fixed;inset:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity}.scene.is-active{visibility:visible}.scene a,.scene button{pointer-events:auto}.scene[inert] a,.scene[inert] button{pointer-events:none}
.scene-globe{opacity:1;visibility:visible}
.hero-copy{position:absolute;left:var(--gutter);top:29%;width:46%;max-width:900px}
.hero-copy h1{font-size:clamp(44px,5.2vw,88px);font-weight:700;line-height:1.18;letter-spacing:-.025em}.hero-copy h1 span{color:var(--cyan)}
.hero-copy p{margin-top:26px;font-size:clamp(14px,1.1vw,18px);line-height:1.9;color:var(--secondary)}
.explore{display:inline-flex;align-items:center;gap:30px;margin-top:30px;font-size:13px;padding:12px 0;border-bottom:1px solid #ffffff65}.explore span{font-size:21px}
.global-note{position:absolute;right:var(--gutter);bottom:7%;color:#b8cfe1;font-size:12px;line-height:1.6}
.chapter-copy{position:absolute;left:var(--gutter);bottom:17%;width:44%;max-width:760px;text-shadow:0 2px 12px rgba(0,0,0,.32)}
.chapter-copy h2{font-size:clamp(38px,4.15vw,76px);font-weight:700;letter-spacing:-.025em;line-height:1.18;text-wrap:balance}
.chapter-copy p{font-size:clamp(14px,1.05vw,18px);line-height:1.85;margin-top:22px;color:#f1f7fb}
.pickup-phases{list-style:none;display:flex;gap:30px;padding:0;margin:32px 0 0;max-width:360px}
.pickup-phases li{flex:1;font-size:13px;color:#d3e0e9;border-bottom:1px solid #ffffff65;padding-bottom:12px;position:relative}
.pickup-phases li.is-current{color:var(--cyan);border-bottom:2px solid var(--cyan)}
.scene-air .chapter-copy{color:var(--brand);text-shadow:none}.scene-air .chapter-copy p{color:var(--brand)}
.scene-delivery .chapter-copy{left:auto;right:var(--gutter);top:20%;bottom:auto;width:34%;max-width:620px}
.scene-delivery .chapter-copy h2{font-size:clamp(36px,4vw,72px)}
.delivery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px}
.primary-button{background:var(--cyan);color:#052346;padding:14px 20px;display:inline-flex;justify-content:space-between;gap:28px;align-items:center;font-weight:700;font-size:13px;border-radius:28px;transition:background .2s,transform .2s}
.primary-button:hover{background:#fff;color:#052346;transform:translateY(-2px)}.primary-button span{font-size:18px}.text-link{font-size:13px;display:inline-flex;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff85}.text-link span{font-size:18px}
.chapter-nav{position:fixed;right:2.3vw;top:50%;transform:translateY(-50%);z-index:30;display:grid;gap:4px}
.chapter-nav button{width:38px;height:38px;background:transparent;position:relative;padding:0;color:#e4eff6}
.chapter-nav button b{font-size:11px;font-weight:400;opacity:.65;font-variant-numeric:tabular-nums}
.chapter-nav button::after{content:'';position:absolute;right:0;top:17px;width:3px;height:3px;background:currentColor;border-radius:50%;opacity:.55}
.chapter-nav button[aria-current=step]{color:var(--cyan)}.chapter-nav button[aria-current=step] b{opacity:1;font-weight:700}
.chapter-nav button[aria-current=step]::after{height:18px;width:2px;top:10px;border-radius:0;opacity:1}
.chapter-nav button span{position:absolute;right:42px;white-space:nowrap;font-size:12px;top:10px;opacity:0;background:#03143bd9;padding:3px 7px;color:#fff;pointer-events:none}.chapter-nav button:hover span,.chapter-nav button:focus-visible span{opacity:1}
body[data-chapter=air] .chapter-nav{color:var(--brand)}body[data-chapter=air] .chapter-nav button{color:var(--brand)}body[data-chapter=air] .chapter-nav button[aria-current=step]{color:#005c7c}
.journey-status{position:fixed;left:var(--gutter);bottom:6%;width:210px;z-index:25;color:#fff}
.journey-position{display:flex;align-items:baseline;gap:8px;font-size:11px;font-variant-numeric:tabular-nums}.journey-position strong{font-size:22px;font-weight:400}.journey-position>span:first-of-type{color:#d1dfeb}.journey-position #chapter-label{margin-left:12px;font-size:12px}
.journey-track{height:1px;background:#ffffff50;margin-top:11px;overflow:hidden}.journey-track span{display:block;width:100%;height:100%;background:var(--cyan);transform:scaleX(0);transform-origin:left}
.scroll-prompt{position:fixed;right:var(--gutter);bottom:6.5%;z-index:25;font-size:11px;color:#e3edf5;display:flex;align-items:center;gap:20px}.scroll-prompt span{font-size:20px}
body[data-chapter=air] .journey-status,body[data-chapter=air] .journey-position>span:first-of-type,body[data-chapter=air] .scroll-prompt{color:var(--brand)}body[data-chapter=air] .journey-track{background:#17366345}body[data-chapter=air] .journey-track span{background:var(--brand)}
#load-status{position:fixed;inset:0;background:var(--navy);color:var(--secondary);z-index:80;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;font-size:12px;transition:opacity .4s}
.loading-mark{display:block;width:144px;height:auto;aspect-ratio:361.12/149.536;object-fit:contain;animation:loading-brand 2.4s ease-in-out infinite}@keyframes loading-brand{0%,100%{opacity:.78}50%{opacity:1}}body.is-ready #load-status{opacity:0;pointer-events:none}
@media(max-width:600px){.loading-mark{width:120px}}
#fallback-notice{position:fixed;z-index:40;bottom:16px;left:50%;transform:translateX(-50%);padding:10px 16px;background:var(--navy);color:var(--secondary);font-size:12px;max-width:90%;width:max-content}
footer{position:relative;z-index:20;background:#030e2b;display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:55px;padding:85px var(--gutter) 30px;color:#d5e3f2;font-size:13px}
.footer-brand .wordmark img{width:112px}.footer-brand h2{font-size:19px;font-weight:400;margin-top:26px}.footer-brand p{font-size:13px;line-height:1.9;color:#b6cbdd;margin-top:16px}
.footer-column h3{font-size:13px;color:#fff;margin:6px 0 24px}.footer-column a,.footer-column button{display:block;font-size:13px;color:#b6cbdd;margin:17px 0;background:none;padding:0;text-align:left}.footer-column a:hover,.footer-column button:hover{color:var(--cyan)}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;color:#a4bfd4;font-size:11px;margin-top:28px;padding-top:22px;border-top:1px solid #ffffff18}
dialog{background:#061b3c;border:0;color:#fff;padding:45px;max-width:560px;width:calc(100% - 32px);max-height:92svh;overflow-y:auto}dialog::backdrop{background:#00112bc9}
dialog h2{font-size:36px;line-height:1.35;font-weight:700}dialog>p{font-size:13px;line-height:1.7;margin:15px 0 25px;color:#c2d4e5}.dialog-close{position:absolute;right:18px;top:12px;padding:7px;background:none;font-size:27px;color:#c2d4e5}
form{display:grid;gap:17px}label{display:grid;gap:8px;font-size:13px;color:#c2d4e5}input,textarea,select{border:1px solid #58718d;background:#0b2649;color:#fff;width:100%;padding:12px;outline-offset:3px}input::placeholder,textarea::placeholder{color:#b1c5d8;opacity:1}input:focus,textarea:focus,select:focus{outline:1px solid var(--cyan);border-color:var(--cyan)}textarea{resize:vertical}.form-note{font-size:12px;line-height:1.7;color:#b1c5d8}#inquiry-summary{font-family:inherit;font-size:13px;white-space:pre-wrap;word-break:break-word;line-height:1.8;padding:20px 0}#inquiry-result h3{margin-top:25px;font-size:18px}#copy-status{font-size:12px;margin-top:12px;color:var(--cyan)}.noscript-notice{position:relative;z-index:99;padding:20px;background:var(--navy)}
@media(max-width:1000px){.header{height:80px}.wordmark img{width:92px}.header nav{gap:24px;font-size:12px}.nav-contact{font-size:12px}.hero-copy{top:30%;width:48%}.hero-copy h1{font-size:5.7vw}.hero-copy p,.chapter-copy p{font-size:14px}.scene-delivery .chapter-copy{width:35%}.delivery-actions{gap:12px}.primary-button{font-size:12px;padding:13px 17px;gap:20px}.text-link{font-size:12px}footer{gap:35px}}
@media(max-width:600px){:root{--gutter:7vw}.header{height:76px;gap:14px}.wordmark img{width:82px}.header nav{display:none}.nav-contact{font-size:12px;gap:16px;padding:10px 0}.hero-copy{top:auto;bottom:19%;width:86%;max-width:none}.hero-copy h1{font-size:10.5vw;line-height:1.2}.hero-copy p{font-size:13px;line-height:1.85;margin-top:20px}.explore{font-size:12px;margin-top:20px;gap:25px}.global-note{left:var(--gutter);right:auto;bottom:11%;font-size:11px}
.chapter-copy{left:var(--gutter);width:84%;bottom:19%}.chapter-copy h2{font-size:10vw;line-height:1.2}.chapter-copy p{font-size:13px;line-height:1.85;margin-top:18px}.pickup-phases{margin-top:24px;gap:22px;max-width:290px}.pickup-phases li{font-size:12px;padding-bottom:10px}
.scene-delivery .chapter-copy{left:var(--gutter);right:auto;top:auto;bottom:18%;width:84%}.scene-delivery .chapter-copy h2{font-size:9vw}.delivery-actions{margin-top:21px;gap:15px}.primary-button{font-size:12px;padding:13px 17px}.text-link{font-size:12px}
.chapter-nav{right:1.5vw;gap:0}.chapter-nav button{width:30px;height:34px}.chapter-nav button b{font-size:11px}.chapter-nav button span{display:none}.chapter-nav button::after{right:0;top:15px}.chapter-nav button[aria-current=step]::after{top:8px}
.journey-status{bottom:5%;width:175px}.journey-position strong{font-size:19px}.journey-position #chapter-label{font-size:11px;margin-left:9px}.scroll-prompt{font-size:0;right:7vw;bottom:5%}.scroll-prompt span{font-size:23px}.journey-track{margin-top:8px}
footer{padding:60px var(--gutter) 25px;grid-template-columns:1fr 1fr;gap:35px 25px}.footer-brand{grid-column:1/-1}.footer-brand h2{font-size:17px}.footer-brand p{font-size:12px;line-height:1.85}.footer-brand p br{display:none}.footer-column h3,.footer-column a,.footer-column button{font-size:12px}.footer-bottom{margin-top:10px;gap:18px;align-items:flex-start;font-size:11px;line-height:1.7}.footer-bottom>span{max-width:220px}dialog{padding:35px 24px 28px}dialog h2{font-size:30px}}
@media(pointer:coarse){.chapter-nav button{min-width:40px;min-height:40px}.header nav a{min-height:44px}.nav-contact{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loading-mark{animation:none;opacity:1}}