:root{--bg:#040b15;--panel:#0b1b2b;--ink:#f1f6fb;--muted:#a6b8ca;--gold:#e5c889;--line:rgba(111,169,210,.21)}
.cinematic{background:#040b15}
.cinematic .header{position:absolute;inset:0 0 auto;max-width:none;width:100%;height:96px;padding-inline:max(48px,calc((100vw - 1360px)/2));border-bottom:1px solid #89ceff23;background:linear-gradient(180deg,#020811c9,#05152655);backdrop-filter:blur(12px);z-index:10}
.cinematic .brand img{filter:drop-shadow(0 0 12px #ddbb6b33)}
.cinematic .desktop-nav{color:#c7d8e8}
.cinematic .desktop-nav a:hover{color:#8bdbff}
.cinematic .header-link{border-color:#85adca65;background:#08162940}
.cinematic .mobile-nav{position:absolute;top:96px;inset-inline:0;z-index:9;background:#071526f5;backdrop-filter:blur(18px);border-bottom:1px solid #457594}
.cinematic .hero{position:relative;display:flex;align-items:center;isolation:isolate;width:100%;max-width:none;min-height:760px;height:100svh;max-height:1040px;padding:96px 0 100px;margin:0;overflow:hidden;gap:0;background:#030b17}
.cinematic .hero:after{display:none}
.hero-visual{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;animation:scene-arrival 1.5s cubic-bezier(.2,.6,.2,1) both}
.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020b1799 0,#020b174d 30%,transparent 62%),linear-gradient(0deg,#030b15 0,transparent 14%,transparent 88%,#030b1522)}
.hero-content{position:relative;z-index:2;width:min(1360px,calc(100% - 112px));margin-inline:auto}
.cinematic .hero-copy{width:47%;max-width:630px}
.cinematic .hero .eyebrow{font-size:10px;letter-spacing:.16em;color:#b8e8ff;gap:14px}
.cinematic .small-line{background:#83d7ff;box-shadow:0 0 18px #39bcff;width:32px}
.cinematic .hero h1{font-size:clamp(52px,4.8vw,84px);line-height:1.09;letter-spacing:-.055em;font-weight:500;max-width:none;margin-top:30px;color:#eef6ff;text-shadow:0 3px 24px #010713}
.cinematic .hero h1 em{display:block;font-weight:500;font-style:normal;padding:0 0 .12em;margin-top:3px;margin-bottom:-.12em;background:linear-gradient(180deg,#ffefc3 4%,#dec084 45%,#bd9553 76%,#efdba4);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:none}
.cinematic .hero-description{max-width:445px;margin:28px 0 0;font-size:16px;line-height:1.8;color:#c0d1e0;text-shadow:0 2px 12px #020915}
.cinematic .hero-actions{margin-top:32px;gap:30px;flex-direction:row;align-items:center}
.cinematic .button.gold{background:linear-gradient(140deg,#f8e5b1,#d9b974 70%,#bb9956);border:1px solid #fff0c3a6;box-shadow:inset 0 1px 0 #fff8d9,0 8px 24px #0006,0 0 25px #e8bb4920;border-radius:2px;color:#122131}
.cinematic .button.gold:hover{background:linear-gradient(140deg,#fff1cd,#edcf90);box-shadow:0 8px 28px #b58f3230}
.cinematic .hero .text-link{color:#d5e9f7}
.cinematic .hero-footnote{margin-top:36px;color:#84a7c3;font-size:9px;letter-spacing:.12em}
.cinematic .status-dot{background:#83dbff;box-shadow:0 0 10px #39bdff}
.hero-signature{position:absolute;bottom:27px;left:0;right:0;display:flex;align-items:end;justify-content:space-between;z-index:2;pointer-events:none;font-size:9px;line-height:1.6;letter-spacing:.17em;color:#91b7d1}
.hero-signature>span:first-child{color:#d4c397;font-size:10px}
.hero-signature>span:last-child{text-align:right}
.cinematic .identity-strip{margin:0;position:relative;background:linear-gradient(100deg,#081424,#0d2235 52%,#081423);border-top:1px solid #75bcf044;border-bottom:1px solid #75bcf033;box-shadow:0 -18px 70px #113e5d30}
.cinematic .identity-strip:before{content:'';position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#9adcff,transparent);box-shadow:0 0 16px #4eb8ff}
.cinematic .strip-inner{color:#d9e9f5}
.cinematic .strip-inner>span+span{border-color:#6597bd40}
.cinematic main>section.wrap{width:100%;max-width:none;padding-inline:max(56px,calc((100vw - 1240px)/2));position:relative;isolation:isolate}
.cinematic #vision{background:radial-gradient(ellipse at 90% 15%,#0c355a5c,transparent 56%),linear-gradient(180deg,#050e1b,#06101c)}
.cinematic #vision:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#5cb5f009 1px,transparent 1px),linear-gradient(90deg,#5cb5f009 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(180deg,#0008,transparent 85%)}
.cinematic .section-head>.eyebrow,.cinematic .founder-copy>.eyebrow,.cinematic .resource-intro>.eyebrow{font-size:11px;color:#d9c08a}
.cinematic .tag{border-color:#6ba3c457;color:#a4d3ef;background:#142c4140;font-size:9px;letter-spacing:.12em}
.cinematic h2 em{color:#9bc9e5}
.cinematic .lead{color:#c6d6e4}
.cinematic .value-cycle{gap:22px;border:0;margin-top:48px}
.cinematic .value-cycle article,.cinematic .value-cycle article+article{padding:34px 28px 36px;border:1px solid #598aaa3d;background:linear-gradient(135deg,#17334b99,#091727d9);border-radius:8px;box-shadow:inset 0 1px 0 #c5eaff0f,0 18px 38px #0003;transition:transform .2s,border-color .2s}
.cinematic .value-cycle article:hover{transform:translateY(-4px);border-color:#91cbf080}
.cinematic .value-cycle svg{stroke:#9edbff;filter:drop-shadow(0 0 8px #4dbdff26)}
.cinematic .value-cycle .step{color:#8cb3ce}
.cinematic .value-cycle p{color:#a7bdcf;max-width:100%}
.cinematic .asset-principles{border-color:#47718c40}
.cinematic .principle-list>div{border-color:#47718c40}
.cinematic .principle-list strong{color:#d6e9f7}
.cinematic .token-section{position:relative;background:radial-gradient(ellipse at 85% 20%,#13486888,transparent 58%),linear-gradient(115deg,#09192b,#071421);color:#eff7ff;border-block:1px solid #5b8dac45;box-shadow:inset 0 1px 0 #b9e5ff0a}
.cinematic .token-section .eyebrow,.cinematic .token-section .mini-label,.cinematic .token-basics dt{color:#8bb3cc}
.cinematic .token-section em{color:#a7d7f3}
.cinematic .token-heading p,.cinematic .identity-note,.cinematic .token-basics small{color:#9eb8cd}
.cinematic .token-basics{border-color:#6c9fbe42}
.cinematic .contract{background:#03101f80;border-color:#6aafda5c;border-radius:5px;box-shadow:inset 0 1px 0 #bdeaff12,0 12px 35px #0002}
.cinematic .contract code{color:#d4ecfc}
.cinematic .copy-button{color:#d5c38c}
.cinematic .copy-feedback{color:#b7d7e9}
.cinematic .token-section .text-link:hover{color:#9ce0ff}
.cinematic #governance{background:radial-gradient(ellipse at 0 90%,#0b294846,transparent 60%),#040c16}
.cinematic .governance-grid{gap:22px}
.cinematic .governance-grid article{padding:27px;border:1px solid #5383a33b;border-radius:8px;background:linear-gradient(145deg,#132a3f88,#071423b0);box-shadow:0 16px 35px #0003,inset 0 1px 0 #beeaff0b}
.cinematic .governance-icon{color:#81c8f0}
.cinematic .governance-grid p{color:#acc0d1}
.cinematic .roadmap-section{background:radial-gradient(ellipse at 45% 0,#103d5c70,transparent 70%),#071422;border-color:#4779974a}
.cinematic .roadmap article{border-color:#6499bd6e}
.cinematic .roadmap-node{background:#122d45;border-color:#8fc9e6;box-shadow:0 0 16px #3da8ed30;color:#cfefff}
.cinematic #founder{background:radial-gradient(ellipse at 15% 50%,#0d365350,transparent 55%),linear-gradient(180deg,#050e19,#040b15)}
.cinematic .magazine-book{box-shadow:0 28px 65px #0008,0 0 45px #308acc15;border-color:#54768f}
.cinematic #resources{background:linear-gradient(115deg,#071423,#0a1b2b);border-color:#4c7d9d40}
.cinematic .resource-links{border-color:#5984a044}
.cinematic .resource-links a{border-color:#5984a044}
.cinematic .insights-section{background:radial-gradient(ellipse at 100% 0,#16476840,transparent 55%),#050e1b;border-top:1px solid #47799740}
.cinematic .article-visual{border-color:#70b7e44d;box-shadow:inset 0 0 25px #4db1e80d,0 15px 30px #0002}
.cinematic .questions{background:linear-gradient(180deg,#050e1b,#040b15)}
.cinematic .closing{padding-block:110px!important;margin:0;min-height:470px;border-block:1px solid #507c9a66;background:linear-gradient(90deg,#04101be8,#04101bbd 52%,#04101b45),url('assets/tgb-cinematic-hero.jpg') center 58%/cover}
.cinematic .closing h2{position:relative;z-index:1;font-size:clamp(38px,4.2vw,61px)}
.cinematic .closing h2 em{color:#e7ce98}
.cinematic .closing-watermark{display:none}
.cinematic footer{background:transparent}
@keyframes scene-arrival{from{opacity:.55;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(min-width:1600px){.cinematic .hero{max-height:1080px}.cinematic .hero h1{font-size:86px}}
@media(max-width:1150px){.cinematic .header{padding-inline:36px}.cinematic .hero h1{font-size:52px}.cinematic .hero-description{font-size:14px;max-width:390px}.cinematic .hero-copy{width:46%}.hero-content{width:calc(100% - 72px)}.cinematic .hero-actions{gap:22px}.cinematic .value-cycle{gap:16px}.cinematic .value-cycle article,.cinematic .value-cycle article+article{padding-inline:23px}.cinematic .governance-grid{gap:16px}.cinematic .governance-grid article{padding:24px}}
@media(max-width:900px){.cinematic .hero{height:auto;min-height:980px;max-height:none;display:block;padding:0}.hero-content{padding-top:144px;padding-bottom:460px}.cinematic .hero-copy{width:100%;max-width:620px}.cinematic .hero h1{font-size:clamp(55px,8vw,72px);max-width:670px}.cinematic .hero-description{max-width:490px;font-size:16px;margin-top:24px}.hero-scene{inset:auto -5% 0 auto;width:170%;height:auto;object-fit:initial;mask-image:linear-gradient(180deg,transparent,#000 18%)}.hero-visual:after{background:linear-gradient(0deg,#030b15 0,transparent 12%,transparent 53%,#030b1577 72%,#030b15 93%)}.hero-signature{bottom:23px}.hero-signature>span:first-child{font-size:8px}.hero-signature>span:last-child{font-size:8px}.cinematic main>section.wrap{padding-inline:36px}.cinematic .hero .eyebrow{font-size:10px}.cinematic .hero-footnote{margin-top:28px}}
@media(max-width:800px){.cinematic .header{height:82px;padding-inline:24px}.cinematic .mobile-nav{top:82px}.hero-content{width:calc(100% - 48px)}.cinematic main>section.wrap{padding-inline:24px}.cinematic .governance-grid article{padding:22px}.cinematic .value-cycle article,.cinematic .value-cycle article+article{padding:26px 22px}.cinematic .section-head>.eyebrow{font-size:10px}.cinematic .tag{font-size:8px}.cinematic .value-cycle h3{font-size:18px}}
@media(max-width:580px){.cinematic .hero{min-height:0}.hero-scene{right:-12%;width:185%}.hero-content{padding-top:127px;padding-bottom:440px}.cinematic .hero h1{font-size:clamp(42px,10.7vw,62px);line-height:1.12;margin-top:26px}.cinematic .hero-description{font-size:14px;line-height:1.8;max-width:430px;margin-top:23px}.cinematic .hero .eyebrow{font-size:8px;gap:10px;letter-spacing:.13em}.cinematic .small-line{width:22px}.cinematic .hero-actions{gap:23px;margin-top:27px}.cinematic .hero-actions .button{padding:16px 20px;font-size:12px;gap:27px}.cinematic .hero-actions .text-link{font-size:12px;gap:10px}.cinematic .hero-footnote{font-size:8px;letter-spacing:.07em;margin-top:29px}.hero-signature>span:last-child{display:none}.hero-signature{bottom:21px}.cinematic .value-cycle{gap:16px}.cinematic .value-cycle article,.cinematic .value-cycle article+article{padding:28px 24px;min-height:230px}.cinematic .value-cycle p{font-size:14px;line-height:1.8}.cinematic .value-cycle h3{font-size:21px}.cinematic .value-cycle svg{margin-bottom:18px}.cinematic .governance-grid{gap:15px}.cinematic .governance-grid article{padding:26px}.cinematic .closing{min-height:450px;padding-block:85px!important;background-position:67% center}.cinematic .closing h2{font-size:35px}.cinematic .contract{padding:20px}.cinematic .token-basics dd{font-size:18px}.cinematic .token-section .section-head .text-link{font-size:10px}html[lang=zh-Hant] .cinematic .hero h1{font-size:clamp(45px,12vw,61px);line-height:1.16}html[lang=zh-Hant] .cinematic .hero-description{max-width:100%}}
@media(max-width:380px){.cinematic .hero-actions{gap:16px}.cinematic .hero-actions .button{padding-inline:15px;gap:17px}.hero-content{padding-bottom:405px}.cinematic .hero h1{font-size:40px}.cinematic .hero-footnote{font-size:7px}.cinematic .hero .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-scene{animation:none}.cinematic .value-cycle article{transition:none}.cinematic .value-cycle article:hover{transform:none}}
/* Editorial imagery, shaded for live, bilingual metallic figures. */
.cinematic .article-visual{isolation:isolate;container-type:inline-size;height:auto;aspect-ratio:1/1;padding:24px;justify-content:flex-start;border:1px solid #6389a25c;border-radius:5px;background:#07182a;box-shadow:inset 0 1px 0 #cde8ff26,0 14px 35px #0003;text-align:left}
.cinematic .article-visual:before{content:'';position:absolute;inset:0;z-index:-2;background:var(--insight-scene) center/cover no-repeat;transition:transform .45s ease}
.cinematic .article-visual:after{content:'';position:absolute;inset:0;z-index:-1;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,#020b1773 0%,#020d2233 47%,#02102005 65%,#020913b8 100%),linear-gradient(90deg,#03102138,transparent 80%)}
.cinematic .yuan-visual{--insight-scene:url('assets/insight-currency.jpg')}
.cinematic .swap-visual{--insight-scene:url('assets/insight-crossborder.jpg')}
.cinematic .growth-visual{--insight-scene:url('assets/insight-economy.jpg')}
.cinematic .article-visual .mini-label{position:relative;inset:auto;font-size:9px;letter-spacing:.13em;color:#c5d5e2;line-height:1.6;min-height:28px;text-shadow:0 2px 6px #000}
.cinematic .visual-number{display:flex;align-items:baseline;position:relative;font-family:'Manrope',var(--sans);font-size:clamp(38px,22cqw,84px);font-weight:700;line-height:1.1;letter-spacing:-.055em;margin-top:13px;filter:drop-shadow(1px 2px 0 #46576b) drop-shadow(1px 2px 0 #1b2e43) drop-shadow(2px 6px 6px #0009)}
.cinematic .visual-number .numeral{font:inherit;letter-spacing:inherit;padding:0;color:#f2e5c4;background:linear-gradient(168deg,#fff9e9 3%,#f2d99d 30%,#ad864e 54%,#f6e2af 64%,#ccb080 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cinematic .visual-number .unit{font-size:.45em;letter-spacing:-.055em;padding-left:5px;color:#e9d7ad;font-weight:500}
.cinematic .visual-sub{position:relative;margin-top:9px;color:#d0dae3;font-size:10px;letter-spacing:.08em;text-shadow:0 1px 4px #000}
.cinematic .visual-years{right:24px;bottom:21px;font-size:10px;letter-spacing:.12em;color:#d1dce6;text-shadow:0 1px 6px #000}
.cinematic .currency-lines{left:24px;right:24px;bottom:21px;color:#d1dce6;font-size:9px;letter-spacing:.12em;text-shadow:0 1px 6px #000}
.cinematic .currency-lines i{background:#9cb9c963}
.cinematic .hero-actions .text-link{padding-block:10px}
.cinematic .closing h2{margin-bottom:0}
@media(hover:hover){.cinematic .insight-card:hover .article-visual:before{transform:scale(1.025)}}
@media(min-width:581px) and (max-width:1000px){.cinematic .article-visual{padding:16px}.cinematic .article-visual .mini-label{font-size:7px;min-height:23px;letter-spacing:.07em}.cinematic .visual-number{margin-top:7px;font-size:24cqw}.cinematic .visual-sub{font-size:7px;margin-top:7px}.cinematic .currency-lines{left:16px;right:16px;bottom:16px;font-size:7px}.cinematic .visual-years{right:16px;bottom:16px;font-size:8px}}
@media(max-width:580px){.cinematic .article-visual{padding:25px}.cinematic .article-visual .mini-label{font-size:9px}.cinematic .visual-number{font-size:24cqw;margin-top:16px}.cinematic .visual-sub{font-size:10px}.cinematic .currency-lines{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cinematic .article-visual:before{transition:none}}