:root{--nav:64px;--paper:#edf4fa;--ink:#112f50;--blue:#254c89;--gold:#9a5d19;--sans:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI","Noto Sans CJK SC",sans-serif;--serif:"Songti SC","Source Han Serif SC","Noto Serif CJK SC","Noto Serif SC","STSong","SimSun",serif;--latin:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Georgia,serif}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:auto;-webkit-text-size-adjust:100%;font-family:var(--sans);-webkit-overflow-scrolling:touch}body{margin:0;overflow-x:clip;touch-action:pan-y;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,p,figure{margin:0}img{display:block}::selection{background:#d4e5ff;color:#10254d}
.topbar{height:calc(var(--nav) + env(safe-area-inset-top,0px));position:fixed;top:0;left:0;right:0;z-index:80;background:linear-gradient(180deg,rgba(243,248,252,.98),rgba(243,248,252,.89));border-bottom:1px solid #d5e0ec66;display:flex;align-items:center;padding:env(safe-area-inset-top,0px) max(24px,4.5cqw) 0}.brand{display:flex;align-items:center;gap:11px;color:#172f4b;font-size:24px;letter-spacing:.08em;font-family:var(--sans);font-weight:750}.brand svg{width:35px;height:35px;color:#c68e43;filter:drop-shadow(0 0 5px #edc98566)}main{padding-top:var(--nav)}
.chapter{position:relative;height:calc(var(--run,1.68)*100svh);--copy-exit:0;--label-alpha:1;--bg-zoom:1;--bg-x:0px;--bg-y:0px;background:var(--paper)}.pin-stage{position:sticky;top:var(--nav);height:calc(100svh - var(--nav));overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#e4effa,#edf3fa 60%,#f3f7fa)}.visual-area{position:absolute;inset:0;overflow:hidden}.scene-fit{position:absolute;left:50%;top:50%;width:var(--w);height:var(--h);transform:translate(-50%,-50%) scale(var(--fit,.6));transform-origin:center}.scene-motion{position:relative;width:100%;height:100%;transform:translate(var(--bg-x),var(--bg-y)) scale(var(--bg-zoom));transform-origin:center}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.art-labels{position:absolute;inset:0;opacity:var(--label-alpha,1)}.scene-anchor{position:absolute;transform:translate(-50%,-50%);text-align:center;color:#153b68;opacity:1;filter:none;font-family:var(--serif);line-height:1.15;text-shadow:0 0 2px white,0 0 8px #ffffffe8,0 1px 1px #fff}
.copy-fit{position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--copy-fit,.6));transform-origin:center;pointer-events:none;z-index:8}.editorial{position:absolute;pointer-events:auto;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;opacity:var(--copy-alpha,1);transform:translateY(var(--copy-y,0px));will-change:auto}.editorial>*{background-color:transparent;transform:translateY(calc(var(--copy-exit)*var(--travel,12px)));text-shadow:0 1px 1px #fff,0 0 3px #fff,0 0 20px rgba(255,252,236,.75)}.headline{font-family:var(--sans);font-weight:750;font-size:76px;line-height:1.25;letter-spacing:-.02em;color:#0d223a;text-wrap:balance}.headline span{display:inline}/* V8.1: paint glyphs once with an opaque fill. Do not combine
 * background-clip:text, transparent text fill and filter:drop-shadow
 * on transformed CJK titles. Keep the glow in text-shadow only.
 * Keep this span inline so line-breaking and scene registration stay unchanged. */
.headline .gold-edge{
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  color:#c07214;
  -webkit-text-fill-color:currentColor;
  filter:none;
  text-shadow:0 0 1px #fff,0 1px 2px rgba(255,255,255,.95),0 0 8px rgba(255,198,55,.9),0 0 20px rgba(245,150,25,.55),0 0 40px rgba(230,110,10,.3);
}.hero-title{font-size:110px;line-height:1.27}.hero-title span{display:block}.hero-title .ai-era{font:750 64px/1.3 var(--sans);margin-bottom:8px;letter-spacing:.02em;color:#0284c7;text-shadow:0 0 1px #fff,0 1px 2px rgba(255,255,255,.9),0 0 10px rgba(56,189,248,.85),0 0 24px rgba(14,165,233,.5),0 0 45px rgba(2,132,199,.25)}.copy-line{font-size:27px;line-height:1.75;margin-top:24px;color:#1c364e;text-wrap:pretty;--travel:24px}.copy-line.lead{font-size:35px;line-height:1.62;margin-top:28px;font-family:var(--sans);font-weight:650;color:#122b45;--travel:17px}.copy-line.en-chain{font:600 27px/1.3 var(--sans);letter-spacing:.06em;margin-top:30px;color:#0369a1}.model-expansion{font:17px/1.4 var(--sans);letter-spacing:.12em;margin-top:8px;color:#34546e}.ending-line{font-weight:650;margin-top:28px;color:#21466b}.product-title{line-height:1.15}.product-title span{display:block}.brand-large{font-size:112px;letter-spacing:.055em;color:#c07214;text-shadow:0 0 2px #fff,0 1px 2px #fff,0 0 12px rgba(255,200,60,.9),0 0 28px rgba(245,155,30,.55),0 0 50px rgba(225,110,10,.3)}.product-name{font-size:48px;letter-spacing:.04em;margin-top:16px;font-family:var(--sans);font-weight:700;color:#0369a1;text-shadow:0 0 1px #fff,0 0 10px rgba(56,189,248,.8),0 0 24px rgba(14,165,233,.4)}.copy-line.answer-line{font:700 40px/1.35 var(--sans);margin-top:24px;color:#9a5b18;text-shadow:0 0 1px #fff,0 0 12px rgba(245,175,50,.4)}.times{font-family:var(--sans);font-weight:300;font-size:.88em}
.chapter[data-layout=above] .visual-area{top:clamp(120px,15cqh,185px)}.chapter[data-layout=above] .copy-fit{width:auto;height:auto;left:6%;right:6%;top:24px;transform:none}.chapter[data-layout=above] .editorial{position:relative;left:0!important;top:0!important;width:100%!important;text-align:center}.chapter[data-layout=above] .headline{font-size:clamp(34px,4.1cqw,65px);line-height:1.25}.chapter[data-layout=above] .copy-line.lead{font-size:clamp(18px,1.6cqw,25px);margin-top:18px;line-height:1.6}.chapter.neural .visual-area{top:clamp(110px,14cqh,165px)}.chapter.neural .headline{font-size:clamp(34px,4.2cqw,66px)}.chapter.neural .copy-fit{top:24px}.neural .scene-motion{background:#edf3fd}.language .scene-anchor{color:#173660}.language .floating-label strong{font-size:40px}.language .floating-label small{font-size:20px}.question .copy-line{color:#133555}.question .editorial>*{text-shadow:0 0 1px white,0 0 5px white,0 0 22px #ffffffcc}.grow .copy-line{max-width:620px}
.floating-label{font-family:var(--sans),var(--latin)}.floating-label strong{display:block;font-size:34px;font-weight:750;line-height:1.24}.floating-label strong[lang],.floating-label strong span{font-family:var(--latin)}.floating-label small{display:block;font:600 16px/1.48 var(--sans);letter-spacing:.2em;margin-top:10px;color:#385677}.floating-label.italic strong{font-size:42px;font-style:italic;font-weight:600}.floating-label.italic small{font-size:14px;line-height:1.5;letter-spacing:.22em}.structure-label strong{font-family:var(--sans);font-size:32px;font-weight:750;line-height:1.23}.structure-label small{font-size:15px;line-height:1.75;letter-spacing:.2em;margin-top:22px}.structure-label strong::after{content:"";width:36px;height:1px;background:#244877;display:block;margin:17px auto -9px;box-shadow:0 0 3px white}.script-label{font:italic 30px/1.35 var(--latin);color:#2a5581;letter-spacing:-.02em;transform:translate(-50%,-50%) rotate(-10deg);text-shadow:0 0 4px white}.orb-label{height:auto;aspect-ratio:1;display:grid;place-items:center}.orb-caption{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.orb-caption strong{font-family:var(--sans);font-size:27px;line-height:1.12;font-weight:750}.orb-caption span{font:22px/1.12 var(--latin);font-weight:600}.orb-label#phrase .orb-caption strong{font-size:24px}.orb-label#phrase .orb-caption span{font-size:20px}.with-sphere::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;border:1.7px solid #fffefa;box-shadow:inset -9px -8px 16px #bedafa88,inset 4px 5px 12px #ffffffef,0 0 7px 2px #ffffffea,0 0 25px #f8faff95;background:radial-gradient(ellipse at 32% 26%,#ffffffc7 0%,#f8fcff91 24%,#eff6ff60 56%,#ffffffc2 96%)}.with-sphere::after{content:"";position:absolute;inset:8%;z-index:-1;border-radius:50%;border-top:2px solid #ffffffbc;transform:rotate(-25deg)}.road-text{position:absolute;left:0;top:0;width:300px;height:265px;transform-origin:0 0;font-family:var(--sans);text-align:center;color:#fff9e9;line-height:1.35;letter-spacing:3px;text-shadow:0 1px 2px #223a6280,0 0 7px #ffefc99c,0 0 17px #ffee9b70}.road-text strong{font-size:34px;line-height:1.15;letter-spacing:4px;font-weight:750}.road-text p{margin:19px 0 12px;font-size:25px;line-height:1.4;letter-spacing:5px}.road-text i{display:block;width:45px;height:1px;background:currentColor;margin:0 auto 15px}.road-text small{display:block;font:600 16px/1.6 var(--latin);letter-spacing:4px}.road-text#native-road{color:#fffbf0;text-shadow:0 0 2px #fff,0 0 10px rgba(251,191,36,.95),0 0 24px rgba(217,119,6,.7),0 0 45px rgba(180,83,9,.4)}.road-text#english-road{color:#ffffff;text-shadow:0 0 2px #fff,0 0 10px rgba(96,165,250,.95),0 0 24px rgba(37,99,235,.7),0 0 45px rgba(29,78,216,.4)}
.neural-label strong{font-family:var(--sans);font-weight:750;font-size:37px;color:#23406a}.neural-label small{font-size:14px;letter-spacing:.075em}.visual-note{font:15px/1.55 var(--sans);color:#37536f;text-shadow:0 0 2px white}.learn-label strong{font-size:28px;line-height:1.1;font-weight:750;color:#173e70}.learn-label small{font-size:12px;letter-spacing:.18em;margin-top:7px;color:#1e3e68}.learn-label{background:none;border:0;box-shadow:none;text-shadow:0 0 2px white,0 0 5px white,0 0 8px white}.learn-label#notice{width:162px}.learn-label#play strong{font-size:32px}.neural-signals{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:var(--signals-alpha,.2)}.signal-fibres path{fill:none;stroke:#d3edff;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 4px #6bbdff)}.signal-points circle{fill:white;filter:drop-shadow(0 0 8px #2f97ff)}
.mapping .pin-stage{background:radial-gradient(ellipse at 76% 38%,#fafdff 10%,#e8f1fc 50%,#edf4fa 72%)}.mapping .scene-motion{background:radial-gradient(ellipse at 70% 48%,#fffaf0 4%,transparent 54%)}.map-connectors{position:absolute;inset:0;width:100%;height:100%}.map-connectors path{fill:none;stroke:#a9bad5;stroke-width:2;filter:drop-shadow(0 0 4px #fff)}.map-item{position:absolute;transform:translate(-50%,-50%);height:auto;aspect-ratio:1;display:grid;place-items:center}.map-item img{width:100%;height:100%;object-fit:contain}.map-item.text-orb{border-radius:50%;border:1.5px solid white;background:radial-gradient(circle at 35% 28%,#fff 8%,#eaf4ff77 55%,#cce6ffcc);box-shadow:inset 0 0 24px #fff,0 0 23px #fff; font:40px var(--latin);color:#204880;text-shadow:0 0 8px white}.audio-orb svg{width:72%;height:52%}.audio-orb line{stroke:#496cab;stroke-width:3;stroke-linecap:round}.map-label strong{font-family:var(--sans);font-weight:750;font-size:30px}.map-label small{font-family:var(--latin);font-weight:400;font-size:20px;margin-top:4px;letter-spacing:0}.map-connectors g{stroke-dasharray:800;stroke-dashoffset:var(--line-offset,160)}footer{padding:30px max(24px,5cqw) calc(30px + env(safe-area-inset-bottom,0px));display:flex;gap:25px;align-items:center;background:#ecf3fa;color:#415976;font-size:15px}footer strong{font:700 23px var(--sans)}
@container(min-width:1800px){.chapter[data-layout=above] .visual-area,.chapter.neural .visual-area{top:0}}
@container(max-width:860px){:root{--nav:58px}.topbar{padding:env(safe-area-inset-top,0px) 22px 0;height:calc(var(--nav) + env(safe-area-inset-top,0px))}.brand{font-size:22px;gap:8px}.brand svg{width:29px;height:29px}.chapter{height:auto!important}.pin-stage{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:flex;flex-direction:column;justify-content:flex-start;gap:16px;padding:24px 0 20px}.visual-area,.chapter[data-layout=above] .visual-area,.chapter.neural .visual-area{position:relative;inset:auto;order:1;width:100%;height:calc(100cqw * var(--ratio-inv,.5628));min-height:0;flex:0 0 auto}.copy-fit,.chapter[data-layout=above] .copy-fit,.chapter.neural .copy-fit{position:relative;left:auto;right:auto;top:auto;width:100%;height:auto;transform:none;padding:0 26px;order:0}.editorial,.chapter[data-layout=above] .editorial{position:relative;left:0!important;top:0!important;width:100%!important;text-align:left}.headline,.chapter[data-layout=above] .headline,.chapter.neural .headline{font-size:clamp(31px,6.1cqw,49px);line-height:1.28}.hero-title{font-size:clamp(42px,9.8cqw,70px);line-height:1.23}.hero-title .ai-era{font-size:clamp(29px,7.5cqw,49px);margin-bottom:8px}.copy-line{font-size:16px;line-height:1.65;margin-top:14px}.copy-line.lead,.chapter[data-layout=above] .copy-line.lead{font-size:20px;line-height:1.55;margin-top:17px}.copy-line.en-chain{font-size:21px;margin-top:21px}.model-expansion{font-size:12px;letter-spacing:.08em;margin-top:6px}.ending-line{font-size:17px}.product-title .brand-large{font-size:57px;letter-spacing:.065em}.product-name{font-size:27px;margin-top:10px;letter-spacing:.025em}.copy-line.answer-line{font-size:26px;margin-top:15px}.copy-line.ending-line{margin-top:17px}.mapping .copy-line br,.translation .copy-line br{display:none}.chapter[data-layout=above] .copy-line.lead br{display:none}footer{padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:10px 24px}.language .pin-stage,.neural .pin-stage{gap:18px}}
@container (max-width:480px){.question .headline{font-size:29px}.question .headline br{display:none}.headline .gold-edge{filter:none}.pin-stage{gap:24px}.editorial>*{text-shadow:0 1px 1px white,0 0 9px #fff}.copy-line:not(.lead):not(.en-chain):not(.model-expansion):not(.answer-line):not(.ending-line){font-size:16px}.chapter[data-layout=above] .headline{font-size:30px}.language .headline br{display:none}}

html:not(.js) .chapter{height:auto}html:not(.js) .pin-stage{height:auto;position:relative;top:auto;display:flex;flex-direction:column;padding-top:24px}html:not(.js) .visual-area{position:relative;inset:auto;order:1;height:calc(100cqw * var(--ratio-inv,.5628))}html:not(.js) .scene-fit{--fit:1;width:100%;height:auto;aspect-ratio:var(--ratio,1.777);transform:translate(-50%,-50%)}html:not(.js) .scene-motion{width:100%;height:100%}html:not(.js) .scene-image{position:relative;width:100%;height:auto}html:not(.js) .art-labels,html:not(.js) .neural-signals{display:none}html:not(.js) .copy-fit{position:relative;inset:auto;transform:none;width:100%;height:auto;padding:30px 5%;order:0}html:not(.js) .editorial{position:relative;inset:auto!important;width:100%!important}html:not(.js) .headline{font-size:clamp(34px,6cqw,70px)}
/* Finishing adjustments after visual inspection; no opaque text plates. */
@container(min-width:861px){.chapter[data-layout=above] .visual-area,.chapter.neural .visual-area{top:0}.chapter[data-layout=above] .copy-fit{top:6px;left:4%;right:4%}.chapter[data-layout=above].language .headline{font-size:34px;line-height:1.18}.chapter[data-layout=above].language .sub-statement{font-size:16px;line-height:1.3;margin-top:6px}.chapter.neural .copy-fit{top:12px;left:4%;right:4%}.chapter.neural .headline{font-size:clamp(30px,2.6cqw,46px);line-height:1.22}.chapter.neural .copy-line.lead{font-size:clamp(15px,1.2cqw,19px);margin-top:8px;line-height:1.38}.question .headline{font-size:64px;line-height:1.3}.question .copy-line:last-child{color:#f5f9ff;text-shadow:0 1px 2px #183655,0 0 9px #3c537acc}.language .scene-image,.neural .scene-image{mask-image:none;-webkit-mask-image:none}.neural .scene-motion{background:transparent}}


/* V8.5 — Quiet reading field and stationary circuit.
   Keep real glyphs opaque. No backdrop blur, text duplication, filter on text,
   mask-clipped/transparent type or border around editorial content. */
.reading-light{position:absolute;inset:0;pointer-events:none;opacity:var(--reading-alpha,1);background:linear-gradient(90deg,rgba(247,249,250,.91) 0%,rgba(247,249,250,.85) 20%,rgba(247,249,250,.71) 31%,rgba(247,249,250,.43) 37%,rgba(247,249,250,.12) 41%,rgba(247,249,250,0) 45%);mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 83%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 83%,transparent 100%)}
.translation .reading-light{background:linear-gradient(90deg,rgba(247,248,246,.99) 0%,rgba(247,248,246,.96) 23%,rgba(247,248,246,.9) 33%,rgba(247,248,246,.72) 38%,rgba(247,248,246,.24) 41%,rgba(247,248,246,0) 45%)}
.question .reading-light{background:linear-gradient(90deg,rgba(241,247,251,.98) 0%,rgba(241,247,251,.94) 23%,rgba(241,247,251,.88) 35%,rgba(241,247,251,.44) 40%,rgba(241,247,251,0) 46%)}
.chapter[data-layout=above] .reading-light,.mapping .reading-light{display:none}
.editorial{z-index:1}
.editorial>*{text-shadow:0 1px 2px rgba(255,255,255,.95),0 0 calc(12px + var(--copy-exit)*14px) rgba(255,242,205,calc(0.7 - var(--copy-exit)*0.3));letter-spacing:calc(var(--copy-exit)*0.015em)}
.editorial>:nth-child(1){--travel:-18px}
.editorial>:nth-child(2){--travel:-32px}
.editorial>:nth-child(3){--travel:-48px}
.editorial>:nth-child(4){--travel:-64px}
.editorial>:nth-child(5){--travel:-80px}
.headline{color:#0d223a;font-family:var(--sans);font-weight:750;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(255,255,255,.9),0 0 12px rgba(255,255,255,.8),0 0 24px rgba(210,230,255,.4)}
.headline .gold-edge{color:#c07214;display:inline;text-shadow:0 0 1px #fff,0 1px 2px rgba(255,255,255,.95),0 0 8px rgba(255,198,55,.9),0 0 20px rgba(245,150,25,.55),0 0 40px rgba(230,110,10,.3)}
.hero-title .ai-era{font:750 58px/1.28 var(--sans);margin-bottom:12px;letter-spacing:.02em;color:#0284c7;text-shadow:0 0 1px #fff,0 1px 2px rgba(255,255,255,.9),0 0 10px rgba(56,189,248,.85),0 0 24px rgba(14,165,233,.5),0 0 45px rgba(2,132,199,.25)}
.hero-title .gold-edge{color:#c07214;font-size:104px;line-height:1.22;margin-bottom:8px;letter-spacing:-.01em;text-shadow:0 0 2px #fff,0 1px 2px #fff,0 0 12px rgba(255,200,60,.9),0 0 28px rgba(245,155,30,.55),0 0 50px rgba(225,110,10,.3);animation:heroGoldBreathe 5s ease-in-out infinite}
@keyframes heroGoldBreathe{0%,100%{text-shadow:0 0 2px #fff,0 1px 2px #fff,0 0 10px rgba(255,198,55,.85),0 0 24px rgba(245,150,25,.5),0 0 45px rgba(230,110,10,.25)}50%{text-shadow:0 0 3px #fff,0 1px 3px #fff,0 0 16px rgba(255,215,75,1),0 0 34px rgba(250,170,35,.7),0 0 60px rgba(240,125,15,.45)}}
.chapter[data-layout=above] .headline{font-size:clamp(32px,3.7cqw,54px);line-height:1.28;letter-spacing:-.02em}
.chapter[data-layout=above] .sub-statement{font-size:clamp(19px,1.75cqw,25px);margin-top:16px;line-height:1.6;font-family:var(--sans);font-weight:600;color:#122b45}
.copy-line{color:#1c364e;font-weight:500;line-height:1.76;text-shadow:0 1px 2px rgba(255,255,255,.92),0 0 8px rgba(255,255,255,.6)}
.copy-line.lead{font-weight:600;color:#122b45;line-height:1.62;text-shadow:0 1px 2px #fff,0 0 12px rgba(255,255,255,.85),0 0 26px rgba(225,240,255,.5)}
.copy-line.en-chain{display:inline-flex;align-items:center;gap:10px;padding:6px 20px;border-radius:999px;border:1px solid rgba(56,189,248,.6);background:linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(224,242,254,.88) 100%);box-shadow:0 4px 16px rgba(2,132,199,.15),0 0 14px rgba(56,189,248,.28),inset 0 1px 0 rgba(255,255,255,.98);color:#0369a1;letter-spacing:.07em;margin-top:24px;font-family:var(--sans);font-weight:600}
.copy-line.model-expansion{font-weight:600;color:#345e80;font-size:13px;letter-spacing:.15em;text-transform:uppercase;margin-top:8px;padding-left:6px;text-shadow:0 1px 1px #fff,0 0 8px rgba(255,255,255,.7)}
.question .copy-line:last-child{color:#1f3b52;text-shadow:0 1px 2px rgba(255,255,255,.9),0 0 8px rgba(255,255,255,.5)}
.translation .headline{font-size:72px;line-height:1.28;letter-spacing:0}
.translation .headline .gold-edge{color:#b66a15;text-shadow:0 0 1px #fff,0 0 12px rgba(245,160,40,.6),0 0 28px rgba(230,130,20,.3)}
.translation .copy-line{max-width:610px}
.translation .copy-line:last-child{max-width:570px}
.future .headline.hero-title{letter-spacing:0}
.future .ending-line{font-weight:650;color:#1a4162;text-shadow:0 1px 2px #fff,0 0 12px rgba(100,180,250,.35)}
.answer .copy-line.answer-line{color:#9a5b18;text-shadow:0 0 1px #fff,0 0 12px rgba(245,175,50,.4)}
.product-title .brand-large{color:#c07214;text-shadow:0 0 2px #fff,0 1px 2px #fff,0 0 14px rgba(255,200,60,.9),0 0 32px rgba(245,155,30,.55),0 0 55px rgba(225,110,10,.3)}
.product-title .product-name{color:#0369a1;font-family:var(--sans);font-weight:700;text-shadow:0 0 1px #fff,0 0 10px rgba(56,189,248,.8),0 0 24px rgba(14,165,233,.4)}

/* Positions are fixed within one diagram coordinate system.
   Only beam paint / node halo intensity changes with time. */
.flow-fit{position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--flow-fit,.6));transform-origin:center;z-index:7;pointer-events:none;opacity:var(--flow-alpha,var(--label-alpha,1))}
.hero-flow{position:absolute;left:793px;top:114px;width:840px;height:300px;pointer-events:none}
.circuit-lines{position:absolute;inset:0;width:840px;height:300px;overflow:visible}
.circuit-branches{fill:none;stroke:#467ca7;stroke-opacity:.48;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.circuit-branches circle{fill:#eef8ff;stroke:#79a5c1;stroke-opacity:1;stroke-width:1.7}
.circuit-underlay{fill:none;stroke:#e2f2ff;stroke-width:8;stroke-linecap:round;opacity:.95}
.circuit-rails{fill:none;stroke:#4a799d;stroke-width:2.2;stroke-linecap:round}
.circuit-arrows{fill:none;stroke:#427092;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.packet{fill:none;stroke:#5ec5ff;stroke-width:8;stroke-linecap:round;stroke-dasharray:24 140;stroke-dashoffset:24;opacity:0;animation-duration:6.6s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}
.packet-a{animation-name:packetA}.packet-b{animation-name:packetB}.packet-c{animation-name:packetC}
.circuit-node{position:absolute;top:95px;width:144px;height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #fbfdff;border-radius:38px;background:linear-gradient(155deg,#ffffff 0%,#f4f8fc 72%,#e8f2fa 100%);box-shadow:inset 0 1px 0 #fff,0 5px 18px #22486d1f;text-align:center;color:#16394f;isolation:isolate;transform:none;filter:none;animation:none;backdrop-filter:none}
.node-idea{left:0}.node-language{left:219px;top:84px;width:164px;height:146px;border-radius:42px;border-color:#e8be79;background:linear-gradient(145deg,#244663,#18384f);box-shadow:0 5px 20px #19395530,inset 0 1px 0 #e7f4ff26}
.node-ai{left:458px}.node-realize{left:676px;width:154px;background:linear-gradient(145deg,#fffdf7,#fcf3e1);color:#785025;border-color:#fffaf0}
.circuit-node strong{position:relative;font:750 32px/1.15 var(--sans);letter-spacing:.025em;color:inherit;text-shadow:none;filter:none}
.circuit-node small{position:relative;display:block;font:500 15px/1.25 var(--sans);letter-spacing:.015em;color:#45637a;white-space:nowrap}
.node-ai strong{font-family:var(--latin);font-size:40px;letter-spacing:0}
.node-language strong{font-family:var(--sans);font-size:39px;font-weight:750;letter-spacing:.06em;color:#ffe2a1}
.node-language small{font-size:16px;letter-spacing:.04em;color:#e1ebf7}
.node-realize small{color:#80613d}
.node-halo{position:absolute;inset:-5px;border:2px solid #77acd2;border-radius:inherit;opacity:0;pointer-events:none;animation-duration:6.6s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}
.node-language .node-halo{border-color:#f4c873}.node-realize .node-halo{border-color:#ddb96b}
.node-idea .node-halo{animation-name:haloIdea}.node-language .node-halo{animation-name:haloLanguage}.node-ai .node-halo{animation-name:haloAI}.node-realize .node-halo{animation-name:haloRealize}
.hero-flow[data-running=true] .packet,.hero-flow[data-running=true] .node-halo{animation-play-state:running}
@keyframes packetA{0%,5%{stroke-dashoffset:18;opacity:0}6%{stroke-dashoffset:18;opacity:1}30%{stroke-dashoffset:-118;opacity:1}31%,100%{stroke-dashoffset:-118;opacity:0}}
@keyframes packetB{0%,30%{stroke-dashoffset:18;opacity:0}31%{stroke-dashoffset:18;opacity:1}55%{stroke-dashoffset:-118;opacity:1}56%,100%{stroke-dashoffset:-118;opacity:0}}
@keyframes packetC{0%,55%{stroke-dashoffset:18;opacity:0}56%{stroke-dashoffset:18;opacity:1}80%{stroke-dashoffset:-118;opacity:1}81%,100%{stroke-dashoffset:-118;opacity:0}}
@keyframes haloIdea{0%,20%,100%{opacity:0}6%,10%{opacity:.8}}
@keyframes haloLanguage{0%,20%,48%,100%{opacity:0}27%,33%{opacity:.85}}
@keyframes haloAI{0%,46%,72%,100%{opacity:0}53%,59%{opacity:.8}}
@keyframes haloRealize{0%,70%,100%{opacity:0}77%,88%{opacity:.85}}

@container(max-width:860px){
 .reading-light{display:none}
 .editorial>*{text-shadow:none}
 .translation .headline{font-size:clamp(31px,6.1cqw,49px);line-height:1.28}
 .future.chapter{height:auto}
 .future .pin-stage{position:relative;top:auto;height:auto;min-height:calc(100svh - var(--nav));padding:20px 0 12px;gap:6px;justify-content:center}
 .future .copy-fit{order:0}
 .future .flow-fit{order:1;position:relative;left:auto;top:auto;width:100%;height:calc(var(--diagram-fit,.42)*262px);transform:none;margin:0;flex:none}
 .future .hero-flow{left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--diagram-fit,.42));transform-origin:center}
 .future .visual-area{order:2}
 .future .copy-line{margin-top:12px}
 .future .copy-line.lead{margin-top:15px}
 .future .copy-line.en-chain{margin-top:17px}
 .future .copy-line.model-expansion{margin-top:5px}
 .future .ending-line{margin-top:14px}
}
@container(max-width:540px){
 .circuit-node strong{font-family:var(--sans);font-size:42px;letter-spacing:0}
 .node-language strong{font-size:46px}
 .node-ai strong{font-size:46px}
 .circuit-node small{display:none}
 .circuit-node{gap:0}
}

html:not(.js) .reading-light{display:none}
html:not(.js) .flow-fit{position:relative;inset:auto;order:1;transform:none;width:100%;height:130px;opacity:1}
html:not(.js) .hero-flow{left:50%;top:50%;transform:translate(-50%,-50%) scale(.4)}
html:not(.js) .future .visual-area{order:2}
/* Keep the original single-line hero statement without using transparent fills. */
@container(min-width:861px){
 .future .headline.hero-title{font-size:102px;letter-spacing:0}
 .translation .reading-light{mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 66%,transparent 96%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 66%,transparent 96%)}
}


/* V8.6: effects are drawn outside layout; text remains opaque and unfiltered. */
.pulsating-surface{position:fixed;inset:auto;pointer-events:none;z-index:12;display:block;contain:strict;touch-action:auto;visibility:hidden}
.pulsating-surface[hidden]{display:none}
.hero-flow[data-border-ready="true"] .node-halo,
.hero-flow[data-border-ready="true"] .packet{visibility:hidden;animation:none!important}
.hero-flow[data-border-ready="true"] .circuit-node{box-shadow:inset 0 1px 0 #fff,0 4px 14px #20426019}
.hero-flow[data-border-ready="true"] .node-language{box-shadow:inset 0 1px 0 #f4e4bc33,0 5px 18px #16314a33}
.hero-flow[data-border-ready="true"] .circuit-node strong,
.hero-flow[data-border-ready="true"] .circuit-node small{filter:none!important;opacity:1;text-shadow:none!important}
@media print{.pulsating-surface{display:none!important}}


/* Every chapter uses one source-coordinate canvas. Resizing only scales this canvas. */
.scene-board {
 position:absolute; left:50%; top:50%;
 width:var(--board-w); height:var(--board-h);
 transform:translate(-50%,-50%) scale(var(--board-scale,1));
 transform-origin:center; container-type:size;
}
.js .chapter .visual-area { position:absolute; inset:var(--heading-h) 0 0; width:100%; height:auto; }
.js .chapter .copy-fit { position:absolute; inset:0; width:100%; height:100%; padding:0; transform:none; }
.js .chapter .flow-fit { position:absolute; inset:0; width:100%; height:100%; transform:none; }
.js .chapter .hero-flow { left:793px; top:114px; transform:none; }
.js .chapter[data-layout=above] .copy-fit { height:var(--heading-h); padding:28px 70px 20px; }
.js .chapter[data-layout=above] .editorial { margin:0; max-width:none; }
.js .chapter[data-layout=above].language .headline { font-size:56px; line-height:1.32; }
.js .chapter[data-layout=above].language .sub-statement { font-size:36px; line-height:1.55; margin-top:20px; }
.js .chapter[data-layout=above].neural .headline { font-size:54px; line-height:1.3; }
.js .chapter[data-layout=above].neural .copy-line.lead { font-size:46px; line-height:1.42; margin-top:18px; }
@media(prefers-reduced-motion:reduce) {
 .js .chapter { height:calc(100svh - var(--nav)); }
 .js .pin-stage { position:relative; top:0; }
 .js .editorial { opacity:1!important; transform:none!important; }
 .js .editorial>*,.js .scene-motion { transform:none!important; }
 .js .flow-fit,.js .art-labels { opacity:1!important; }
 .js .hero-title .gold-edge { animation:none!important; }
}

/* Shared editorial hierarchy: solid type and a small contrast halo over artwork. */
.editorial .headline { font-weight:700; }
.editorial .copy-line { font-family:var(--sans); font-weight:400; }
.editorial .copy-line.lead { font-weight:600; }
.editorial>* { text-shadow:0 1px 2px #ffffffd9,0 0 8px #ffffff80; }
.question .editorial>* { text-shadow:0 1px 2px #ffffffd9,0 0 8px #ffffff80; }
.js .editorial .gold-edge,.js .product-title .brand-large {
 color:#a56a22; -webkit-text-fill-color:currentColor;
 text-shadow:0 1px 2px #ffffffd9; -webkit-text-stroke:0;
}
.js .hero-title .hero-future { animation:none; }
.js .hero-title .ai-era,.js .product-title .product-name {
 color:#087ba8; text-shadow:0 1px 2px #ffffffd9;
}
.copy-line.answer-line { text-shadow:0 1px 2px #ffffffd9; }
/* Scene-only veil blends arrival/departure; readable text and coordinates stay fixed. */
.pin-stage { background:linear-gradient(180deg,#eaf2f8,#edf4fa 65%,#f1f5f8); }
.scene-motion::after { content:""; position:absolute; inset:0; pointer-events:none;
 background:#edf4fa; opacity:var(--scene-veil,0); }
@media(prefers-reduced-motion:reduce) { .scene-motion::after { display:none; } }
.chapter { scroll-margin-top:var(--nav); }
@media(prefers-reduced-motion:reduce) {
 .js .hero-title .hero-future { animation:none!important; }
}

/* The written word is the shared center; fruit remains only in context/image branches. */
.map-item.text-orb.word-core {
 font-size:68px;
 background:radial-gradient(circle at 35% 28%,#fffefa 8%,#f5f8fc 65%,#e5effb);
 border:1.5px solid #fff;
 box-shadow:inset 0 0 24px #fff,0 0 25px #dceafb66;
}

/* Generated local repair shares the source image coordinate system. */
.scene-head-repair {
 position:absolute; left:980px; top:490px; width:150px; height:140px;
 pointer-events:none;
 mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);
 mask-composite:intersect;
}

/* The header shares the hero background; a hairline defines its lower edge. */
.topbar { background:#080b11; border-bottom:1px solid #c6d6e329; }
.brand { gap:0; background:none; border:0; border-radius:0; padding:0; box-shadow:none; }
.brand-logo { width:166px; height:auto; max-width:100%; object-fit:contain; }
.topbar .brand-logo { width:190px; max-height:64px; }
footer { background:linear-gradient(105deg,#1b2d40,#304c64); color:#e1eaf2; flex-wrap:wrap; }
footer .brand { padding:0; border-radius:0; }
footer .brand-logo { width:200px; }

/* Brand sign-off and editable legal template; independent of scene scaling. */
footer.site-footer {
 display:block; padding:28px 32px calc(24px + env(safe-area-inset-bottom,0px));
 background:linear-gradient(115deg,#18292f 0%,#24383e 100%);
 color:#f1eee5; font-family:var(--sans); border-top:1px solid #ffffff12;
}
.footer-inner { width:100%; max-width:960px; margin:0 auto; }
.footer-brand-row { display:flex; align-items:center; justify-content:center; gap:32px; }
.site-footer .brand-logo { width:220px; }
.footer-tagline { margin:0; padding-left:32px; border-left:1px solid #c7b99055; font-family:var(--sans); font-size:22px; font-weight:400; line-height:1.6; letter-spacing:.12em; color:#f1eee5; }
.footer-legal { margin-top:22px; text-align:center; font-size:16px; font-weight:400; line-height:1.8; letter-spacing:.015em; color:#c7d1d3; }
.footer-copyright { margin:0 0 6px; overflow-wrap:anywhere; }
.footer-records { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px 24px; margin-top:0; font-size:16px; color:#b9c7ca; }
.footer-legal a { display:inline-flex; align-items:center; min-height:28px; color:inherit; text-decoration:none; }
.footer-legal a:hover { color:#f5e2b9; text-decoration:underline; text-underline-offset:4px; }
.footer-legal a:focus-visible { outline:2px solid #e7c580; outline-offset:4px; border-radius:2px; }
.public-security-record { display:inline-flex; align-items:center; gap:6px; }
@media(max-width:600px) {
 footer.site-footer { padding:28px 24px calc(24px + env(safe-area-inset-bottom,0px)); }
 .footer-brand-row { flex-direction:column; gap:10px; }
 .site-footer .brand-logo { width:200px; }
 .footer-tagline { padding:0; border:0; font-size:18px; letter-spacing:.14em; }
 .footer-legal { margin-top:22px; font-size:14px; line-height:1.9; }
 .footer-records { font-size:14px; gap:2px 16px; margin-top:0; }
}

/* Isolated supplied animation retains its source-space composition. */
.mind-gap-chapter,.mind-gap-chapter .pin-stage{background:#080b11}
.mind-gap-frame{display:block;width:100%;height:100%;border:0;pointer-events:none;background:#080b11}
.mind-gap-chapter .scene-motion{transform:none}.mind-gap-chapter .scene-motion::after{display:none}
.hero-accessible{position:absolute!important;width:1px!important;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mind-gap-chapter .pin-stage::after{content:"";position:absolute;z-index:10;pointer-events:none;left:0;right:0;top:var(--hero-fade-start,86%);bottom:-1px;background:linear-gradient(180deg,rgba(8,11,17,0) 0%,rgba(17,25,34,.3) 12%,#273644 32%,#627989 54%,#a5bac9 74%,#d3e1eb 90%,#eaf2f8 100%)}
.hero-color-bridge{height:0;background:linear-gradient(#eaf2f8,#eaf2f8)}
html:not(.js) .hero-accessible{position:relative!important;width:auto!important;height:auto;clip-path:none;white-space:normal;color:#f3f0e9;padding:24px}

/* Keep the opening title close to the header even in tall windows. */
.mind-gap-chapter .scene-board{top:0;transform:translateX(-50%) scale(var(--board-scale,1));transform-origin:top center}

/* Crop only the unused bottom of the 941px animation, not its subjects. */
.mind-gap-chapter{--hero-stage-height:min(calc(100svh - var(--nav)),calc(100vw * 900 / 1672));height:var(--hero-stage-height)}
.mind-gap-chapter .pin-stage{height:var(--hero-stage-height);position:relative;top:0}
.mind-gap-chapter .mind-gap-frame{height:941px}
@media(prefers-reduced-motion:reduce){.js .mind-gap-chapter{height:var(--hero-stage-height)}}

/* Fit section height to its source canvas, leaving no viewport letterboxing.
   A short stage flows directly into its neighbour; only full-height stages pin. */
.js .chapter{height:var(--chapter-height)}
.js .chapter .pin-stage{height:var(--scene-height)}
.js .chapter[data-pinned="false"] .pin-stage{position:relative;top:0}

/* Match visible brush-letter heights, accounting for each SVG's internal whitespace. */
:root{--nav:clamp(52px,3.4vw,64px)}
.topbar{--brand-unit:clamp(5px,.55vw,9px)}
.topbar .brand{max-width:100%}
.topbar .brand-logo{flex:0 0 auto;width:calc(16 * var(--brand-unit));height:auto;max-height:none}
.topbar .brand-slogan{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:calc(20 * var(--brand-unit));height:auto;object-fit:contain}
.footer-brand-row{--logo-width:clamp(160px,16vw,280px)}
.site-footer .brand-logo{width:var(--logo-width)}
.footer-tagline{display:flex;align-items:center}
.footer-slogan{display:block;width:calc(var(--logo-width) * 1.25);max-width:100%;height:auto}
.footer-legal,.footer-records,.footer-copyright{color:#fff}
@media(max-width:760px){
 .topbar{padding-left:16px;padding-right:16px}
}

/* Company naming uses modern type; the supplied calligraphic logo stays intact. */
.topbar .brand-descriptor{transform:translateY(calc(.2 * var(--brand-unit)));margin-left:calc(-.7 * var(--brand-unit));font-family:var(--sans);font-size:calc(2.85 * var(--brand-unit));font-weight:400;line-height:1.1;letter-spacing:.02em;white-space:nowrap;color:#fff}
.js .answer .company-title{font-family:var(--sans);font-size:64px;font-weight:700;line-height:1.3;letter-spacing:.025em;color:#087bc5;text-shadow:0 1px 2px #ffffffc9;white-space:nowrap}
.js .answer .copy-line.answer-line{font-family:var(--sans);font-size:68px;font-weight:650;line-height:1.3;letter-spacing:.015em;margin-top:16px;color:#996019;text-shadow:0 1px 2px #ffffffd9}
.js .helix .helix-title,.js .helix .helix-path,.js .helix .helix-growth{font-family:var(--sans);font-size:56px;font-weight:650;line-height:1.4;letter-spacing:.015em}
.js .helix .helix-title{color:#087bc5}
.js .helix .helix-path{margin-top:18px;color:#a66a1c}
.js .helix .helix-growth{margin-top:18px;color:#173a52}
@media(max-width:760px){
 :root{--nav:64px}
 .topbar .brand{display:flex;flex-direction:column;align-items:center}
 .topbar .brand-descriptor{margin:-3px 0 0;line-height:1.1;letter-spacing:.02em}
}

/* Retain the still as a fallback asset; touch devices now keep the hero animation.
   These decoration rules apply only to the parent page, not the isolated hero. */
.mind-gap-poster{display:none}
html[data-scroll-motion="off"] main *{animation:none!important;backdrop-filter:none!important;filter:none!important;will-change:auto!important}
html[data-scroll-motion="off"] .scene-motion{transform:none!important}