/* Two complete palettes, shared by the homepage and the help centre. */
:root{--surface:#fff;--surface-soft:#eef3fc;--text-soft:#556781;--accent:#225df2;--accent-soft:#e6edff;--header:#f5f8ffe8;--border:#dbe4f2;--hero-glow:#a6cdff55;color-scheme:light}
:root[data-theme=dark]{--paper:#050b19;--ink:#eef4ff;--muted:#99a9c3;--line:#243149;--blue:#87b6ff;--surface:#0b1527;--surface-soft:#101e34;--text-soft:#a4b5ce;--accent:#86f0dd;--accent-soft:#183849;--header:#050b19df;--border:#263952;--hero-glow:#095ece33;color-scheme:dark}
body{background:var(--paper);color:var(--ink)}
.site-header,.immersive-site .site-header{background:var(--header);color:var(--ink);border-bottom-color:var(--line);height:82px}
.nav-wrap{gap:24px}.nav-wrap nav,.immersive-site .nav-wrap nav{gap:26px}
.nav-wrap nav a,.immersive-site .nav-wrap nav a{color:var(--text-soft)}
.nav-wrap nav a:hover,.immersive-site .nav-wrap nav a:hover{color:var(--accent)}
.brand strong span,.immersive-site .brand strong span{color:var(--muted);border-color:var(--line)}
.theme-switch{display:flex;padding:4px;gap:2px;border:1px solid var(--border);border-radius:100px;background:var(--surface);flex-shrink:0}
.theme-switch button{border-radius:100px;color:var(--muted);font-size:12px;min-width:44px;min-height:32px;padding:5px 10px;transition:background .2s,color .2s}
.theme-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);box-shadow:0 1px 8px #0000000c}
.nav-cta,.immersive-site .nav-cta{background:var(--ink);color:var(--paper);border-radius:100px;box-shadow:none}
.hero-shell{background:radial-gradient(ellipse at 77% 43%,var(--hero-glow),transparent 55%),var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.hero-shell:before{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);opacity:.15;mask-image:radial-gradient(ellipse at 80% 50%,black,transparent 62%);background-size:84px 84px}
.hero-shell .hero{grid-template-columns:.93fr 1.2fr;min-height:720px;padding-top:28px;padding-bottom:28px}
.hero-shell .hero h1{font-weight:650;font-size:clamp(40px,3.8vw,58px);line-height:1.45;letter-spacing:-2px}
.hero-shell .hero .eyebrow{color:var(--accent);font-size:10px;letter-spacing:2.1px;margin-bottom:29px}
.hero-shell .mini-mark{color:var(--accent)}
.hero-shell .blue-word{background:linear-gradient(115deg,#61b1ff,#8cf3de);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-shell .blue-word svg{display:none}
.hero-shell .hero-description{color:var(--text-soft);font-size:17px;line-height:1.95;max-width:440px}
.hero-shell .hero-actions>.button{background:var(--accent);color:#07172c;border-radius:100px;padding:18px 25px;box-shadow:0 5px 36px #57a6f522}
.hero-shell .hero-actions>.button:hover{background:var(--accent);box-shadow:0 8px 46px #4cd0ca40}
.hero-shell .text-button,.hero-shell .hero-note,.hero-scroll{color:var(--text-soft)}
.hero-shell .hero-note i{background:var(--muted)}.hero-scroll>span{border-color:var(--border);color:var(--accent)}
.hero-shell .network-demo{width:calc(100% + 38px);margin-left:-6px}
.hero-shell .network-canvas{min-height:566px;aspect-ratio:1.05;overflow:visible}
.network-webgl{z-index:0;outline:0}.network-webgl[hidden]{display:none}
[data-renderer=canvas]>.network-lines,[data-renderer=canvas]>.graph-dot{visibility:hidden}
.hero-shell .network-top{color:var(--accent);padding-inline:25px;font-size:10px;letter-spacing:1.3px}
.hero-shell .network-top>span:last-child{color:var(--muted);font-size:11px}
.hero-shell .network-top i{background:var(--accent);box-shadow:0 0 14px var(--accent)}
.hero-shell .question-bubble{background:var(--surface);color:var(--ink);border-color:var(--border);top:4%;left:1%;padding:14px 17px;font-size:13px;box-shadow:0 12px 40px #02081525;transform:rotate(-3deg)}
.hero-shell .spark,.hero-shell .question-arrow{color:var(--accent)}
.hero-shell .answer-bubble{background:var(--surface);border-color:var(--border);width:75%;left:24%;bottom:2%;box-shadow:0 18px 50px #02081524;padding:17px 20px}
.hero-shell .answer-bubble strong{color:var(--ink);font-size:16px}.hero-shell .answer-bubble p{color:var(--text-soft);font-size:12px}.hero-shell .evidence{color:var(--muted);font-size:11px}.hero-shell .answer-icon{background:var(--accent-soft);color:var(--accent)}
.hero-shell .person-avatar{border-color:var(--surface);box-shadow:0 0 0 1px var(--border),0 5px 25px #0004}
.hero-shell .selected .person-avatar{width:59px;height:59px;border:3px solid var(--surface);box-shadow:0 0 0 1px #7eaef9,0 0 0 7px #469cfa0a,0 0 30px #6b9eff30}
.hero-shell .node-zhou .person-avatar{width:73px;height:73px;box-shadow:0 0 0 2px #8cf3de,0 0 0 8px #8cf3de14,0 0 38px #50d9ff40}
.hero-shell .node-label{color:var(--ink);background:var(--surface);border-color:var(--border);font-size:11px;border-radius:100px;padding:4px 10px;margin-top:8px}
.hero-shell .node-label small{color:var(--muted)}.hero-shell .node-current .node-label{color:var(--accent);border-color:var(--accent)}
.hero-shell .node-current .person-avatar{box-shadow:0 0 0 2px var(--accent),0 0 0 9px #61cfff20,0 0 50px #59caff60}
.hero-shell .peripheral{opacity:.8}.hero-shell .peripheral .person-avatar{width:34px;height:34px}.hero-shell .topic-tag{display:none}
.hero-shell .network-bottom{padding:10px 18px 0;color:var(--muted)}.hero-shell .network-bottom .interact-hint{color:var(--muted);font-size:11px}
.scene-controls button{border-color:var(--border);color:var(--text-soft);border-radius:100px;min-height:36px;padding:7px 11px;background:var(--surface)}
.scene-controls button:hover{color:var(--accent);border-color:var(--accent)}
.hero-shell .value-strip{padding:27px 0 29px;color:var(--ink);border-color:var(--line)}.hero-shell .value-strip p,.hero-shell .value-strip span{color:var(--muted)}
.section h2,.memory-copy h2,.trust-heading h2{font-weight:600}
.product-panel,.immersive-site .product-panel{background:var(--surface);border-color:var(--border);box-shadow:0 24px 80px #00194515}
.story-tab.active,.immersive-site .story-tab.active{background:var(--surface);border-color:var(--border);box-shadow:0 8px 30px #001f4509}
.mini-toolbar{border-color:var(--line);color:var(--muted)}.mini-toolbar>span:first-child{color:var(--ink)}
.demo-question,.demo-input,.source-card{background:var(--surface-soft);color:var(--ink)}
.demo-response p,.source-card p,.demo-timeline p{color:var(--text-soft)}
.source-card mark,.demo-response .response-mark{background:var(--accent-soft);color:var(--accent)}
.source-path{color:var(--accent)}.parse-result div,.demo-timeline{border-color:var(--line)}
.panel-label,.step-number,.source-card>span,.demo-timeline span,.parse-result span{color:var(--muted)}
.memory-section{background:var(--surface)}.scenario-choices{border-color:var(--line)}
#scenario-detail p,.trust-points p,.faq-list details p,.access-card p,.memory-copy>p{color:var(--text-soft)}
.scenario-choices button,.trust-points article>span,.access-foot{color:var(--muted)}
.access-card{border-color:var(--border);background:var(--surface)}.pc-card{background:var(--surface-soft)}
.pill{background:var(--accent-soft);color:var(--accent)}.pill.neutral{background:var(--surface-soft);color:var(--muted)}
.button.outline{background:var(--surface);border-color:var(--border);color:var(--ink)}
.download-resources{color:var(--muted)}.download-resources>a{color:var(--blue)}
.film-section .section-heading{border-color:var(--line)}
.film-grid{border-color:var(--border);box-shadow:0 22px 60px #00194515}
.film-section{max-width:1060px}.film-section .film-grid{display:block;border-radius:16px}
.film-section .film-poster{aspect-ratio:16/9;min-height:0}
.film-section .film-poster img{width:100%;height:100%;object-fit:contain}
.film-info{background:var(--surface);color:var(--ink)}.film-kicker{color:var(--accent)}
.film-info>p{color:var(--text-soft)}.film-version{color:var(--ink);border-color:var(--line)}
.film-version small,.film-download{color:var(--muted)}.film-version:hover,.film-download:hover{color:var(--accent)}
.version-play{border-color:var(--border);color:var(--accent)}
.immersive-site .closing{background:radial-gradient(ellipse at 83% 70%,var(--hero-glow),transparent 60%),var(--surface-soft);color:var(--ink);border-block:1px solid var(--line)}
.immersive-site .closing .button.light{background:var(--accent);color:#07172c;border-radius:100px}
.immersive-site .closing .eyebrow,.immersive-site .closing p{color:var(--muted)}.immersive-site .closing-word{color:var(--line);opacity:.35}
.site-footer>p,.site-footer>div{color:var(--muted)}
.help-search input,.help-group details,.no-results{background:var(--surface);border-color:var(--border);color:var(--ink)}
.help-search input::placeholder{color:var(--muted)}.help-sidebar a,.help-sidebar strong{color:var(--muted);border-color:var(--line)}
.help-sidebar a:hover,.help-sidebar a.active,.help-bottom,.help-group .help-note{background:var(--surface-soft);color:var(--ink);border-color:var(--accent)}
dialog{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:20px}
.video-switch button{color:var(--muted);border-color:var(--border);border-radius:100px}
.video-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
.close-dialog{color:var(--muted)}
.site-header .menu-toggle span,.immersive-site .menu-toggle span{background:var(--ink)}
:root[data-theme=light] .hero-shell .blue-word{background:linear-gradient(110deg,#2461ee,#058eae);background-clip:text;-webkit-background-clip:text}
:root[data-theme=light] .hero-shell .hero-actions>.button,:root[data-theme=light] .immersive-site .closing .button.light{color:white}
:root[data-theme=dark] .button:not(.nav-cta):not(.outline):not(.light){color:#07172c}
:root[data-theme=dark] .skip{background:var(--surface)}
@media(min-width:1600px){.hero-shell .hero{min-height:790px}.hero-shell .network-canvas{min-height:610px}.hero-shell .hero h1{font-size:59px}}
@media(max-width:1250px){.nav-wrap{gap:17px}.nav-wrap nav,.immersive-site .nav-wrap nav{gap:18px}.brand strong span{display:none!important}.hero-shell .hero h1{font-size:44px}}
@media(min-width:801px) and (max-width:1050px){.nav-wrap nav,.immersive-site .nav-wrap nav{gap:13px;font-size:12px}.nav-wrap{gap:14px}.theme-switch button{min-width:35px;padding:5px 7px}.hero-shell .hero h1{font-size:36px}.hero-shell .network-canvas{min-height:490px}.hero-shell .network-demo{width:calc(100% + 22px)}.hero-shell .answer-bubble{left:6%;width:94%}.hero-shell .hero{min-height:650px}.hero-shell .hero-description{font-size:16px}.hero-shell .hero-actions{gap:14px}.hero-shell .hero-actions>.button{padding:16px 19px;font-size:13px}.hero-shell .text-button{font-size:12px}}
@media(max-width:900px){.nav-cta{display:none}.nav-wrap nav{margin-left:auto}.theme-switch{margin-left:0}}
@media(max-width:800px){.site-header,.immersive-site .site-header{height:73px}.nav-wrap{gap:10px}.theme-switch{margin-left:auto}.site-header .nav-wrap nav{top:73px;background:var(--surface);border-color:var(--line)}.site-header .nav-wrap nav a{color:var(--ink)}.hero-shell .hero{padding-top:35px;gap:22px;min-height:0}.hero-shell .hero h1{font-size:clamp(32px,6vw,48px)}.hero-shell .hero .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:20px}.hero-shell .hero-description{font-size:16px;max-width:none;margin-top:20px}.hero-shell .hero-actions{margin-top:25px;gap:17px}.hero-shell .hero-actions>.button{padding:16px 21px}.hero-shell .network-demo{width:100%;margin:0;max-width:590px}.hero-shell .network-canvas{min-height:0;aspect-ratio:1.02}.hero-shell .network-top{padding-inline:4px;font-size:9px}.hero-shell .network-top>span:last-child{font-size:10px}.hero-shell .question-bubble{padding:10px 12px;font-size:11px;top:3%;left:0}.hero-shell .answer-bubble{left:6%;width:94%;bottom:-2%;padding:12px 14px}.hero-shell .answer-bubble strong{font-size:14px}.hero-shell .answer-bubble p{font-size:11px}.hero-shell .evidence{font-size:10px}.hero-shell .selected .person-avatar{width:47px;height:47px}.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:3px 7px}.hero-shell .network-bottom{padding:25px 0 0;gap:10px}.hero-shell .value-strip{padding:22px 0 25px}.hero-shell .network-bottom .interact-hint{font-size:10px}.scene-controls button{font-size:10px;min-height:36px;padding:6px 8px}.hero-shell .hero-note{font-size:11px}}
@media(max-width:360px){.theme-switch button{min-width:37px;padding-inline:7px}.nav-wrap{gap:6px}.brand strong{font-size:22px}.hero-shell .hero h1{font-size:28px}.hero-shell .hero-description{font-size:14px}.hero-shell .hero-actions>.button{padding:14px 16px;font-size:12px}.hero-shell .text-button{font-size:11px}.hero-shell .network-top>span:first-child{font-size:8px}.hero-shell .selected .person-avatar{width:41px;height:41px}.hero-shell .node-zhou .person-avatar{width:50px;height:50px}.hero-shell .answer-bubble{left:0;width:100%}.hero-shell .hero-actions{gap:10px}.hero-shell .network-bottom{justify-content:center}.hero-shell .network-bottom .interact-hint{width:100%;justify-content:center}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .85s both}.network-demo{animation:arrive 1.1s .12s both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}

/* Shared Chinese typography and reading rhythm. */
:root{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-weight:400;letter-spacing:.015em}
p{line-height:1.9}h1,h2,h3{font-weight:600;text-wrap:balance}
.container{width:min(1200px,calc(100% - 96px))}
.nav-wrap{width:min(1320px,calc(100% - 80px))}
.brand strong{font-size:24px;letter-spacing:.02em;font-weight:600}
.brand strong span{font-size:12px;font-weight:400;letter-spacing:.05em}
.site-header .nav-wrap nav{font-size:14px;letter-spacing:.01em;gap:28px}
.site-header .nav-wrap nav a{line-height:1.5}
.theme-switch{gap:2px;padding:3px;border-radius:100px}
.site-header .theme-switch button{display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;line-height:1}
.theme-switch svg{width:18px;height:18px;pointer-events:none}
.theme-switch button:hover{color:var(--accent);background:var(--accent-soft)}
.button{font-weight:500;letter-spacing:.015em}
.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.13em;font-weight:500}
.hero-shell .hero h1{font-size:clamp(38px,3.65vw,54px);font-weight:600;line-height:1.42;letter-spacing:-.025em}
.hero-shell .hero-description{font-size:17px;line-height:1.95;letter-spacing:.02em;max-width:25em;margin-top:26px}
.hero-shell .hero .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:26px}
.hero-shell .hero-actions{margin-top:32px}.hero-scroll{margin-top:38px}
.section{padding:88px 0}
.section-heading{gap:48px;margin-bottom:36px}
.section h2,.memory-copy h2,.trust-heading h2,.closing h2{font-size:clamp(30px,2.7vw,38px);font-weight:600;line-height:1.5;letter-spacing:-.02em}
.section-heading>p{font-size:16px;line-height:1.9;max-width:29em;padding-bottom:3px}
.story-tab{padding:24px;gap:18px}.story-tab h3{font-size:18px;font-weight:600;line-height:1.65}
.story-tab p{font-size:15px;line-height:1.9;max-width:28em;margin-top:8px}
.product-story{gap:40px;grid-template-columns:1fr 1.08fr}
.panel-inner{padding:28px}.demo-response h3{font-size:16px;font-weight:600;line-height:1.65}
.demo-response p,.source-card p,.demo-input,.demo-timeline p{line-height:1.85}
.film-section .section-heading{padding-top:56px}
.memory-copy>p,#scenario-detail p,.access-card p,.trust-points p,.faq-list details p{font-size:16px;line-height:1.9}
.memory-copy>p{max-width:28em}.memory-grid{gap:64px}
.access-card{padding:32px}.access-card h3{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.6}
.access-foot{font-size:13px;line-height:1.8}.download-resources{padding-top:28px;row-gap:15px}
.trust-section,.faq-section{grid-template-columns:.9fr 1.1fr;gap:64px}
.trust-points h3{font-size:18px;font-weight:600;line-height:1.65}
.faq-list summary{font-size:16px;font-weight:500;line-height:1.8;align-items:baseline}
.faq-list details p{padding-top:14px;max-width:42em}
.site-footer{gap:24px;padding-block:36px}.site-footer>div{font-size:12px;line-height:1.8}
.help-hero{padding:58px 0 42px}
.help-hero h1{font-size:40px;font-weight:600;line-height:1.45;letter-spacing:-.025em;margin:15px 0}
.help-hero>p{font-size:16px;line-height:1.9}
.help-search{max-width:600px;margin-top:26px}.help-search input{font-size:16px;line-height:1.6;padding-block:16px}
.help-layout{max-width:1080px;margin-inline:auto;grid-template-columns:180px minmax(0,1fr);gap:64px;padding-top:24px;padding-bottom:88px}
.help-content{min-width:0}.help-sidebar{top:116px}
.help-sidebar strong{font-size:12px;letter-spacing:.05em;margin-bottom:14px}
.help-sidebar a{font-size:14px;line-height:1.6;padding:12px 16px}
.help-group{padding-bottom:28px;scroll-margin-top:110px}
.help-group h2{font-size:24px;font-weight:600;line-height:1.5;letter-spacing:-.015em;margin-bottom:18px}
.help-group details{padding:22px 26px;border-radius:12px;margin-bottom:12px}
.help-group summary{font-size:16px;font-weight:500;line-height:1.8;gap:24px}
.help-group details p{font-size:16px;line-height:1.95;max-width:42em;color:var(--text-soft);overflow-wrap:anywhere}
.help-group details p+p{padding-top:10px}
.help-group .help-note{font-size:14px;line-height:1.85;padding:13px 16px;margin-top:16px}
.help-bottom{padding:24px;gap:24px}.help-bottom p{font-size:15px;line-height:1.85}
@media(min-width:1600px){.hero-shell .hero h1{font-size:56px}}
@media(min-width:801px) and (max-width:1150px){.container{width:calc(100% - 64px)}.nav-wrap{width:calc(100% - 56px)}.site-header .nav-wrap nav{gap:18px;font-size:13px}.hero-shell .hero h1{font-size:39px}.hero-shell .hero-description{font-size:16px}.product-story{gap:28px}.story-tab{padding:20px 16px}.story-tab h3{font-size:17px}.memory-grid,.trust-section,.faq-section{gap:40px}.help-layout{grid-template-columns:165px minmax(0,1fr);gap:36px}.help-group details{padding:22px}}
@media(min-width:801px) and (max-width:950px){.hero-shell .hero h1{font-size:34px}.site-header .nav-wrap nav{gap:14px;font-size:12px}}
@media(max-width:800px){.container,.nav-wrap{width:calc(100% - 40px)}.site-header .nav-wrap nav{gap:0;font-size:15px}.hero-shell .hero h1{font-size:clamp(30px,6vw,44px);line-height:1.45;letter-spacing:-.02em}.hero-shell .hero .eyebrow{font-size:10px;margin-bottom:21px}.hero-shell .hero-description{font-size:16px;line-height:1.9;max-width:25em;margin:23px auto 0}.hero-shell .hero-actions{margin-top:26px}.section{padding:60px 0}.section-heading{margin-bottom:28px;gap:24px}.section h2,.memory-copy h2,.trust-heading h2,.closing h2{font-size:30px;line-height:1.5;letter-spacing:-.02em}.section-heading>p{font-size:15px;line-height:1.9;margin-top:18px}.product-story{gap:24px}.story-tab{padding:20px 16px}.story-tab h3{font-size:17px}.story-tab p{font-size:15px}.panel-inner{padding:22px}.memory-grid{gap:32px}.access-card{padding:26px}.access-card h3{font-size:21px}.access-card p,.memory-copy>p,#scenario-detail p,.trust-points p{font-size:15px}.trust-section,.faq-section{grid-template-columns:1fr;gap:30px}.film-section .section-heading{padding-top:46px}.help-hero{padding:40px 0 28px}.help-hero h1{font-size:31px;line-height:1.45}.help-hero>p{font-size:15px}.help-search input{font-size:16px}.help-layout{grid-template-columns:1fr;gap:28px;padding-top:14px;padding-bottom:60px}.help-sidebar{position:static;gap:8px}.help-sidebar a{font-size:13px;line-height:1.6;padding:9px 12px}.help-group h2{font-size:22px;margin-bottom:15px}.help-group details{padding:19px 20px}.help-group summary{font-size:16px;line-height:1.8;gap:16px}.help-group details p{font-size:15px;line-height:1.95}.help-group .help-note{font-size:13px;padding:12px 14px}.help-bottom{padding:22px;gap:20px}.site-footer{padding-block:30px}}
@media(max-width:360px){.hero-shell .hero h1{font-size:28px}.hero-shell .hero-description{font-size:14px}.hero-shell .hero .eyebrow{font-size:9px}.help-hero h1{font-size:28px}.help-hero>p{font-size:14px}.help-group details{padding:17px}.section h2,.memory-copy h2,.closing h2{font-size:28px}}