/* Three-dimensional connection experience. The content remains readable without WebGL. */
.immersive-site{--night:#071323;--cyan:#8af3dc;--electric:#67aaff}
.immersive-site .site-header{background:#071323ef;border-bottom-color:#aec7ff16;color:#eef5ff}
.immersive-site .brand strong span{color:#9bb0ca;border-color:#afc6e330}
.immersive-site .nav-wrap nav a{color:#b6c5da}.immersive-site .nav-wrap nav a:hover{color:#8af3dc}
.immersive-site .nav-cta{background:#f1f7ff;color:#142638;box-shadow:none}
.hero-shell{background:radial-gradient(ellipse at 75% 33%,#10385190,transparent 46%),radial-gradient(ellipse at 42% 91%,#0d265775,transparent 45%),var(--night);color:#eef4ff;position:relative;overflow:hidden}
.hero-shell:before{content:'';pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#a1c7ed03 1px,transparent 1px),linear-gradient(90deg,#a1c7ed03 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(transparent,#000,transparent)}
.hero-shell .hero{grid-template-columns:1fr 1.15fr;gap:0;min-height:710px;padding-top:32px;padding-bottom:35px;position:relative}
.hero-shell .hero-copy{padding-bottom:16px;z-index:3}
.hero-shell .hero .eyebrow{color:#82baa9;font-size:11px;letter-spacing:2px;margin-bottom:32px}
.hero-shell .mini-mark{color:#8af3dc;font-size:23px}
.hero-shell .hero h1{font-size:clamp(40px,3.65vw,59px);font-weight:600;letter-spacing:-2px;line-height:1.47}
.hero-shell .blue-word{color:#8af3dc;background:linear-gradient(105deg,#b4ffed,#6fd2f5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-shell .blue-word svg{stroke:#8af3dc60;bottom:-10px}
.hero-shell .hero-description{color:#a0b1c8;font-size:17px;line-height:2;margin-top:27px}
.hero-shell .hero-actions{gap:23px;margin-top:33px;flex-wrap:wrap}
.hero-shell .hero-actions>.button{background:#9aefdb;color:#0b2a2f;box-shadow:0 0 36px #74efcf12;border-radius:8px;padding:17px 23px}
.hero-shell .hero-actions>.button:hover{background:#c4ffed;box-shadow:0 0 35px #8af3dc32;transform:translateY(-3px)}
.hero-shell .text-button{color:#dce9f7;font-size:14px}.hero-shell .play-circle{border-color:#668299}
.hero-shell .hero-note{color:#668098;margin-top:25px;font-size:12px}.hero-shell .hero-note i{background:#668098}
.hero-scroll{margin-top:47px;display:flex;align-items:center;gap:15px;font-size:12px;color:#6e869e;letter-spacing:1px;width:fit-content}
.hero-scroll>span{width:27px;height:34px;border:1px solid #abc9ec27;border-radius:20px;display:grid;place-items:center;color:#b1d0e0;font-size:17px}
.hero-shell .network-demo{background:none;width:calc(100% + 34px);margin-left:-12px;min-width:0;padding-top:0;position:relative}
.hero-shell .network-top{color:#63849b;font-size:10px;letter-spacing:1.8px;padding:0 22px;align-items:center;gap:20px}
.hero-shell .network-top>span:first-child{display:flex;align-items:center;gap:7px}.network-top i{width:4px;height:4px;background:#85e3c8;border-radius:50%}
.hero-shell .network-top>span:last-child{font-size:11px;color:#7594aa;letter-spacing:.7px;white-space:nowrap}
.hero-shell .network-canvas{aspect-ratio:1.08;min-height:520px;background:none;touch-action:pan-y;isolation:isolate}
.network-webgl{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1;cursor:grab;touch-action:pan-y}
.network-webgl:active{cursor:grabbing}
[data-renderer=three]>.network-lines,[data-renderer=three]>.graph-dot{visibility:hidden}
.hero-shell .network-lines .orbit{stroke:#7bbdeb1c}.hero-shell .muted-lines{stroke:#66bde82e}.hero-shell .active-lines{stroke:#8af3dc}.hero-shell .line-label rect{fill:#122b3c;stroke:#81bfc830}.hero-shell .line-label text{fill:#a4dddf}
.hero-shell .graph-node{will-change:transform;z-index:2}.hero-shell .graph-node:focus-visible{outline:2px solid #a0ffe7;outline-offset:8px;border-radius:40px}.hero-shell .person-avatar{border-color:#12334a;box-shadow:0 0 0 1px #90cbe860,0 10px 35px #0004}
.hero-shell .selected .person-avatar{width:65px;height:65px;border:3px solid #183c50;box-shadow:0 0 0 1px #79dfe499,0 0 0 7px #82d9ea0b,0 0 35px #80e5e51c}
.hero-shell .node-zhou .person-avatar{width:81px;height:81px;box-shadow:0 0 0 1px #a0f4db,0 0 0 9px #a0f4db0b,0 0 45px #95eacf2f}
.hero-shell .node-label{color:#d3e8f4;background:#0a1c2bd9;backdrop-filter:blur(9px);font-size:12px;line-height:1.6;margin-top:9px;border:1px solid #93c8e31a;padding:4px 9px;border-radius:5px}
.hero-shell .node-label small{color:#779eb2}.hero-shell .node-chen .node-label{transform:none}.hero-shell .peripheral{opacity:.65}.hero-shell .peripheral .person-avatar{width:38px;height:38px}
.hero-shell .question-bubble{background:#11293dc9;border:1px solid #7eabc92c;color:#c6d9e9;backdrop-filter:blur(18px);left:5%;top:7%;padding:15px 17px;transform:rotate(-3deg);box-shadow:0 18px 48px #0003;font-size:13px;pointer-events:none}
.hero-shell .spark{color:#90ebd4}.hero-shell .question-arrow{color:#538294}
.hero-shell .answer-bubble{bottom:7%;left:23%;width:77%;background:linear-gradient(110deg,#133447f2,#101f36ed);border:1px solid #87c6d63b;box-shadow:0 20px 55px #0003,0 0 34px #6abdf405;backdrop-filter:blur(18px);padding:18px 20px;pointer-events:none}
.hero-shell .answer-bubble strong{color:#dbf7f0;font-size:17px;font-weight:550}.hero-shell .answer-bubble p{color:#7eabb8;font-size:12px}.hero-shell .answer-icon{background:#95edda17;color:#a6f9e2}.hero-shell .evidence{color:#6e9cae;font-size:11px}
.hero-shell .topic-tag{background:#1f423eaa;color:#90cdb4;border-color:#89d9b82a;top:77%;left:13%;font-size:11px;pointer-events:none}
.hero-shell .network-bottom{padding:0 18px;gap:10px;min-height:44px;font-size:11px;color:#6f92ab;justify-content:space-between}
.hero-shell .network-bottom .interact-hint{margin-left:0;color:#6f92ab;font-size:11px;letter-spacing:.5px}
.scene-controls{display:flex;gap:8px}.scene-controls button{color:#97b5c7;border:1px solid #90b3d02b;border-radius:6px;padding:7px 10px;min-height:35px;font-size:11px;white-space:nowrap}.scene-controls button:hover{border-color:#8af3dc80;color:#baffeb}
.hero-shell .value-strip{position:relative;padding:30px 0 32px;border-top:1px solid #9ab1d320;border-bottom:0;color:#adc0d4;font-size:14px}.hero-shell .value-strip p{color:#58748e;font-size:12px}.hero-shell .value-strip span{color:#477286}
.immersive-site .section-heading h2,.immersive-site .memory-copy h2{font-weight:650}
.immersive-site .product-panel{box-shadow:0 24px 80px #123e7016;border-color:#d2dfec}
.immersive-site .story-tab.active{border-color:#c2d6f1;background:linear-gradient(115deg,#fff,#f5f9ff)}
.immersive-site .closing{background:radial-gradient(ellipse at 88% 80%,#0d686258,transparent 55%),#091a2d}.immersive-site .closing .eyebrow{color:#76adaf}.immersive-site .closing .button.light{background:#a0eedc;color:#10353c}.immersive-site .closing p{color:#6d96a2}
.immersive-site .closing-word{color:#91ead30a}.immersive-site .menu-toggle span{background:#c5d8e8}
@media(min-width:1600px){.hero-shell .hero{min-height:790px}.hero-shell .network-canvas{min-height:580px}.hero-shell .hero h1{font-size:58px}}
@media(min-width:801px) and (max-width:1150px){.hero-shell .hero{min-height:670px;grid-template-columns:1fr 1.04fr}.hero-shell .hero h1{font-size:40px}.hero-shell .network-canvas{min-height:490px}.hero-shell .hero-description{font-size:16px}.hero-shell .hero-actions{gap:18px}.hero-shell .network-top{letter-spacing:.5px;padding-inline:7px}.hero-shell .network-top>span:first-child{font-size:9px}.hero-shell .answer-bubble{width:91%;left:9%;padding:15px}.hero-shell .question-bubble{font-size:12px;left:0}.hero-shell .network-bottom{flex-wrap:wrap;justify-content:flex-end}.hero-shell .network-bottom .interact-hint{margin-right:auto}.hero-shell .selected .person-avatar{width:54px;height:54px}.hero-shell .node-zhou .person-avatar{width:69px;height:69px}.immersive-site .nav-wrap nav{gap:18px}.hero-scroll{margin-top:30px}}
@media(min-width:801px) and (max-width:950px){.hero-shell .hero h1{font-size:35px}.hero-shell .hero .eyebrow{font-size:10px;letter-spacing:1px}.immersive-site .nav-wrap{gap:20px}.immersive-site .nav-wrap nav{gap:14px;font-size:12px}.hero-shell .hero-actions .button{font-size:13px;padding:15px 17px;gap:12px}}
@media(max-width:800px){.immersive-site .nav-wrap nav{background:#091b2d;border-bottom-color:#bfd7f321}.immersive-site .nav-wrap nav a{color:#c2d5e7}.hero-shell .hero{min-height:0;padding:47px 0 27px;gap:24px}.hero-shell .hero-copy{padding-bottom:0}.hero-shell .hero .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:22px}.hero-shell .hero h1{font-size:clamp(34px,6vw,48px);line-height:1.5;letter-spacing:-1px}.hero-shell .hero-description{font-size:16px;margin-top:24px;line-height:1.9}.hero-shell .hero-actions{gap:22px;margin-top:26px}.hero-shell .hero-actions>.button{padding:16px 21px}.hero-shell .hero-note{margin-top:23px;color:#7894aa}.hero-scroll{display:none}.hero-shell .network-demo{width:100%;max-width:580px;margin-left:0;margin-bottom:0}.hero-shell .network-canvas{min-height:0;aspect-ratio:1.08}.hero-shell .network-top{padding:0 6px;letter-spacing:1px;margin-top:8px}.hero-shell .network-top>span:first-child{font-size:9px}.hero-shell .network-top>span:last-child{font-size:10px}.hero-shell .network-bottom{padding:10px 0 0;flex-wrap:wrap;gap:7px}.hero-shell .network-bottom .interact-hint{font-size:10px;letter-spacing:0}.scene-controls button{font-size:11px;padding:6px 9px;min-height:35px}.hero-shell .question-bubble{left:2%;top:5%;font-size:12px;padding:12px}.hero-shell .answer-bubble{left:9%;width:91%;bottom:0;padding:14px}.hero-shell .answer-bubble strong{font-size:15px}.hero-shell .answer-bubble p{font-size:12px}.hero-shell .evidence{font-size:10px}.hero-shell .node-zhou .person-avatar{width:66px;height:66px}.hero-shell .selected .person-avatar{width:55px;height:55px}.hero-shell .node-label{font-size:11px;padding:3px 7px;margin-top:6px}.hero-shell .node-label small{display:none}.hero-shell .topic-tag{display:none}.hero-shell .value-strip{padding:24px 0 27px;row-gap:19px;font-size:13px}.hero-shell .value-strip>p{color:#7990a6}.hero-shell .value-strip>div{font-size:12px}.hero-shell .value-strip span{color:#608896}}
@media(max-width:420px){.hero-shell .hero{padding-top:34px;gap:19px}.hero-shell .hero h1{font-size:32px}.hero-shell .hero-description{font-size:15px}.hero-shell .hero-actions{gap:15px}.hero-shell .hero-actions>.button{font-size:13px;padding:15px 17px;gap:14px}.hero-shell .text-button{font-size:12px}.hero-shell .hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-shell .network-top{gap:8px}.hero-shell .network-top>span:first-child{font-size:8px}.hero-shell .network-top>span:last-child{font-size:9px}.hero-shell .question-bubble{font-size:11px;top:7%;padding:9px 12px}.hero-shell .selected .person-avatar{width:46px;height:46px}.hero-shell .node-zhou .person-avatar{width:58px;height:58px}.hero-shell .peripheral .person-avatar{width:27px;height:27px}.hero-shell .node-label{font-size:10px;padding:2px 5px}.hero-shell .answer-bubble{left:4%;width:96%;bottom:-1%;padding:11px 13px}.hero-shell .answer-bubble strong{font-size:14px}.hero-shell .answer-bubble p{font-size:11px}.hero-shell .network-bottom{padding-top:19px}.scene-controls{gap:5px}.scene-controls button{font-size:10px;padding:5px 7px}.hero-shell .hero-note{font-size:11px}.hero-shell .value-strip>div{font-size:11px}}
.film-section{padding-top:0!important}.film-section .section-heading{border-top:1px solid #dde5ef;padding-top:70px}.film-grid{display:grid;grid-template-columns:1.65fr 1fr;align-items:stretch;background:#0b1c30;border:1px solid #0b2540;border-radius:19px;overflow:hidden;box-shadow:0 25px 80px #0a244011}.film-poster{position:relative;overflow:hidden;width:100%;padding:0;display:block;min-height:370px;background:#081726;isolation:isolate;text-align:left}.film-poster img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.8;transition:transform .8s,opacity .8s}.film-poster:hover img{transform:scale(1.035);opacity:.6}.film-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#051321d6);pointer-events:none}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:74px;width:74px;border:1px solid #b8f4e59c;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:#0a2c36a8;color:#d6fff3;font-size:20px;backdrop-filter:blur(12px);box-shadow:0 0 0 10px #b6e7ef0c;z-index:1;transition:background .25s,box-shadow .25s}.film-poster:hover .film-play{background:#71d5c6b3;box-shadow:0 0 0 20px #b6e7ef08}.film-duration{position:absolute;bottom:20px;left:23px;color:#d2e0eb;font-size:12px;letter-spacing:.5px;z-index:2;display:flex;align-items:center;gap:10px}.film-duration i{height:3px;width:3px;border-radius:50%;background:#7fc3cd}.film-info{padding:35px 36px;color:#d0e1ed;background:linear-gradient(130deg,#102b3b,#0c1c32)}.film-kicker{font-size:12px;color:#84b6bb;letter-spacing:1px}.film-info h3{font-size:25px;line-height:1.6;font-weight:550;margin-top:17px}.film-info>p{font-size:14px;color:#7fa0b4;line-height:1.9;margin-top:15px}.film-versions{margin-top:22px;display:grid;gap:5px}.film-version{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 0;border-bottom:1px solid #adc7e317;color:#b8d8e4}.version-play{height:33px;width:33px;border:1px solid #749eab55;border-radius:50%;display:grid;place-items:center;font-size:10px;padding-left:1px}.film-version strong{font-size:14px;font-weight:500;display:block}.film-version small{display:block;font-size:11px;color:#658aa4;margin-top:4px}.film-version>span:last-child{margin-left:auto;font-size:18px}.film-version:hover{color:#a1ffdf}.film-download{color:#6995ab;font-size:12px;display:flex;justify-content:space-between;margin-top:23px}.film-download:hover{color:#abf1db}.video-switch{display:flex;gap:7px;margin-top:11px}.video-switch button{color:#8499af;font-size:12px;padding:7px 12px;border:1px solid #43536755;border-radius:6px;min-height:34px}.video-switch button[aria-pressed=true]{border-color:#76cdbc80;color:#b6ffe6;background:#81d5c114}.dialog-header>div{min-width:0}.dialog-header .close-dialog{flex-shrink:0;align-self:flex-start}.dialog-header h2{line-height:1.6}#video-status{padding:14px 23px;font-size:14px;color:#eedaa1}.hero-shell .node-current .person-avatar{box-shadow:0 0 0 2px #ccffe3,0 0 0 10px #a0f4db14,0 0 50px #95eacf65}.hero-shell .node-current .node-label{color:#c4ffe9;border-color:#91dec84a}
@media(max-width:1150px){.film-info{padding:27px}.film-info h3{font-size:23px}.film-grid{grid-template-columns:1.45fr 1fr}}
@media(max-width:800px){.film-grid{grid-template-columns:1fr}.film-poster{min-height:0;aspect-ratio:16/9}.film-poster img{height:100%;width:100%;object-fit:contain}.film-info{padding:28px}.film-section .section-heading{padding-top:52px}.film-info h3{font-size:26px}.film-info>p{font-size:16px}.film-versions{grid-template-columns:1fr 1fr;gap:20px}.film-version>span:last-child{display:none}.film-version{gap:10px}.film-download{font-size:14px}.film-duration{font-size:11px;left:17px;bottom:14px}.film-play{width:58px;height:58px;font-size:16px}.video-switch button{min-height:38px}.dialog-header h2{font-size:14px}.video-credit{font-size:11px}}
@media(max-width:420px){.film-info{padding:24px}.film-version strong{font-size:13px}.film-version small{font-size:10px}.film-version .version-play{width:28px;height:28px}.film-versions{gap:12px}.film-info h3{font-size:24px}.film-play{width:49px;height:49px;font-size:14px;box-shadow:0 0 0 7px #b6e7ef0c}}