@font-face{font-family:Rajdhani;src:url('fonts/Rajdhani-Light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Rajdhani;src:url('fonts/Rajdhani-Medium.ttf') format('truetype');font-weight:400 600;font-display:swap}
@font-face{font-family:Share Tech Mono;src:url('fonts/ShareTechMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#050e12;--panel:#09171c;--ink:#dcecf0;--muted:#95adb5;--cyan:#83e6ee;--line:#23434b;--amber:#e8b35b;--mono:'Share Tech Mono',monospace;--screen-accent:#83e6ee;--screen-on-accent:#061216;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Rajdhani,'PingFang SC',sans-serif;font-size:19px;line-height:1.55;background-image:radial-gradient(#36565c48 .65px,transparent .65px);background-size:24px 24px}body::before{content:'';position:absolute;pointer-events:none;inset:0 0 auto;height:850px;background:radial-gradient(ellipse at 76% 20%,#12303966,transparent 65%);z-index:-1}
a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:hover{color:var(--cyan)}:focus-visible{outline:2px solid var(--amber);outline-offset:6px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:300;line-height:1.02}h2{font-size:clamp(38px,4.8vw,68px);letter-spacing:-.02em}h3{font-size:25px;font-weight:500;line-height:1.2}p{color:var(--muted)}.wrap{width:min(1360px,100%);margin-inline:auto;padding-inline:48px}.skip{position:absolute;top:-100px;left:24px;z-index:10;padding:12px;background:var(--cyan);color:var(--bg)}.skip:focus{top:12px}
.masthead{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{font:14px/1.18 var(--mono);letter-spacing:.08em;text-decoration:none;display:flex;align-items:center;gap:13px;flex-shrink:0;color:var(--ink)}.brand svg{width:34px;fill:none;stroke:var(--cyan);stroke-width:1.5}.masthead nav{display:flex;gap:30px;font-size:17px}.masthead nav a{text-decoration:none}.studio-header-actions{gap:18px!important}.languages{display:flex;gap:3px}.languages button{border:0;background:none;padding:7px;color:var(--muted);font-size:15px}.languages button[aria-pressed=true]{color:var(--cyan);box-shadow:inset 0 -1px var(--cyan)}.studio-x-link{font-family:var(--mono)}
.hero{padding-top:38px;padding-bottom:30px}.system-line,.telemetry,.screen-top,.lab-hud,.lab-footer,.chapter-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;font:12px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted)}.system-line{color:var(--cyan)}.system-line>span:first-child{display:flex;align-items:center;gap:12px}.signal{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #83e6eeaa}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;align-items:end;gap:80px;padding:50px 0 42px}h1{font-size:clamp(50px,6.8vw,100px);letter-spacing:-.035em;margin:0}h1 em{font-style:normal;color:var(--cyan)}.hero-intro p{font-size:21px;max-width:390px;margin-bottom:22px}.text-link{font:13px var(--mono);color:var(--cyan);text-decoration:none}.telemetry{justify-content:flex-start;border-top:1px solid var(--line);padding-top:20px;gap:35px}.telemetry>span:first-child{margin-right:auto}
.final-screening{padding-top:30px;padding-bottom:62px;max-width:1360px}.eyebrow{font:12px/1.5 var(--mono);color:var(--cyan);letter-spacing:.12em;margin:0 0 16px}.final-screening h2{font-size:34px;letter-spacing:.02em;font-weight:400}.final-screening .film-heading{margin-bottom:19px}.film-meta{font-family:var(--mono);color:var(--muted)}.screen-frame{position:relative}.screen-frame::before,.screen-frame::after{content:'';position:absolute;width:20px;height:20px;pointer-events:none;border-color:var(--cyan);z-index:1}.screen-frame::before{border-top:2px solid;border-left:2px solid;left:-1px;top:-1px}.screen-frame::after{border-bottom:2px solid;border-right:2px solid;right:-1px;bottom:-1px}.screen-top{padding:12px 18px;border:1px solid var(--line);border-bottom:0;font-size:11px}.final-screening .film-stage{border-color:var(--line);box-shadow:0 20px 70px #0006}.final-screening video{max-height:none;background:#030a0c}.final-screening .film-actions{border-color:var(--line);padding:22px 0;gap:20px 30px}.film-actions .film-play{font:13px var(--mono);padding:14px 22px;letter-spacing:.03em}.final-screening .film-actions a{font-size:16px}.audio-note{font:11px var(--mono);color:var(--muted);margin-left:auto}.chapter-heading{padding:30px 0 16px}.chapter-heading .eyebrow{margin:0}.chapter-heading>span:last-child{font-size:10px}.chapters{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.chapters button{padding:16px 18px;text-align:left;border:0;background:var(--bg);display:flex;flex-direction:column;gap:4px;transition:background .2s;min-height:80px}.chapters button b{font:12px var(--mono);color:var(--muted)}.chapters button span{font-size:17px;line-height:1.25}.chapters button:hover,.chapters button[aria-current=true]{background:#112930}.chapters button[aria-current=true] b{color:var(--amber)}.transcript{font-size:17px;margin-top:24px}.transcript summary{color:var(--muted);cursor:pointer}.transcript[open] summary{margin-bottom:25px;color:var(--cyan)}[data-transcript]{columns:2;column-gap:50px}[data-transcript] p{break-inside:avoid;margin:0 0 18px;line-height:1.6}
.section{padding-block:85px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:46px}.section-heading h2{margin:0}.section-heading>p{max-width:340px;margin:0;line-height:1.65}.grammar-grid,.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.grammar-grid article{border-top:1px solid var(--line);padding-top:20px}.note-number{font:11px var(--mono);letter-spacing:.1em;color:var(--muted)}.grammar-grid h3{margin-bottom:13px}.grammar-grid p{font-size:18px;margin-bottom:0}.wire-specimen,.target-specimen,.depth-specimen{height:165px;margin:10px 0 16px;color:var(--cyan);position:relative;display:flex;align-items:center;justify-content:center}.wire-specimen svg{height:135px;filter:drop-shadow(0 0 6px #83e6ee55)}.target{width:72px;height:72px;border:1px solid var(--cyan);font:24px var(--mono);display:grid;place-items:center;position:relative;box-shadow:0 0 25px #83e6ee11}.target::before{content:'';position:absolute;inset:8px;border:1px dashed #83e6ee44}.leader{width:60px;height:1px;background:var(--cyan);transform:rotate(-25deg);transform-origin:left center}.value{font:12px var(--mono);line-height:1.4;margin-top:-30px}.value b{display:block;color:var(--amber);font:42px/1 Rajdhani;font-weight:300}.depth-specimen i{position:absolute;border:1px solid #83e6ee88;width:142px;height:72px;transform:skewY(-15deg);background:var(--bg)}.depth-specimen i:nth-child(1){margin:-48px 0 0 -52px;opacity:.3}.depth-specimen i:nth-child(2){margin:0;opacity:.6}.depth-specimen i:nth-child(3){margin:48px 0 0 52px;box-shadow:0 0 35px #83e6ee0b}
.lab-band{border-block:1px solid var(--line);background:#08171cb3;padding-block:76px}.lab-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;align-items:center}.lab-copy h2{font-size:54px;max-width:340px}.lab-copy p{font-size:18px}.lab-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.lab-controls button{padding:11px 15px;background:transparent;border:1px solid var(--line);font:12px var(--mono)}.lab-controls button:hover{border-color:var(--cyan)}.lab-controls button[aria-pressed=true]{border-color:var(--cyan);background:var(--cyan);color:var(--bg)}.lab-note{margin:20px 0 0;font:12px var(--mono)!important}.holo-lab{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 70%,#13384066,transparent 70%),#040d11;min-width:0}.lab-hud,.lab-footer{padding:18px;font-size:10px;letter-spacing:.04em;flex-wrap:wrap}.lab-hud output{color:var(--cyan)}.lab-footer{border-top:1px solid #23434b66}.module-study{display:block;width:100%;height:auto;color:var(--cyan)}.projector{opacity:.4;stroke-width:.6}.optic{filter:drop-shadow(0 0 5px #83e6ee66)}.shell,.lens,.detector{transition:transform .7s,opacity .7s}.study-target,.study-label{opacity:0;transition:opacity .25s}.study-label{fill:var(--amber);font:13px var(--mono)}.study-target{stroke:var(--amber)}.scan-plane{opacity:0;pointer-events:none}.holo-lab[data-state=lock] .study-target,.holo-lab[data-state=lock] .study-label{opacity:1}.holo-lab[data-state=lock] .shell{opacity:.25}.holo-lab[data-state=explode] .shell{transform:translateX(80px);opacity:.45}.holo-lab[data-state=explode] .lens{transform:translateX(-60px)}.holo-lab[data-state=explode] .detector{stroke:var(--amber)}
.create-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.workflow article{display:flex;gap:24px;padding:26px 0;border-top:1px solid var(--line)}.workflow b{font:17px var(--mono);color:var(--cyan)}.workflow h3{margin-bottom:10px}.workflow p{font-size:18px;max-width:330px;margin:0}.brief-panel{border:1px solid var(--line);background:var(--panel);padding:34px;min-width:0}.brief-panel h3{font-size:36px;margin:18px 0}.brief-panel p{font-size:18px}.guide-links{display:flex;flex-wrap:wrap;gap:16px;font-size:16px;margin-top:26px}.notes-grid h3{color:var(--cyan);font-size:25px}.notes-grid p{font-size:18px;margin-bottom:12px}.notes-grid a{font-size:16px}.sources{padding-block:45px 80px;border-top:1px solid var(--line)}.source-links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:30px}.source-links a{display:flex;flex-direction:column;gap:8px;text-decoration:none}.source-links span{font:11px var(--mono);color:var(--muted)}.source-links strong{font-size:20px;font-weight:400}footer{display:flex;align-items:center;gap:40px;justify-content:space-between;border-top:1px solid var(--line);padding-block:35px 50px}footer p{font-size:15px;margin:0;line-height:1.9}.back-top{font:12px var(--mono);text-decoration:none}html[lang=zh-CN] h1{font-size:clamp(43px,6vw,80px);line-height:1.35}html[lang=zh-CN] h2{font-size:clamp(34px,3.5vw,48px);line-height:1.35}html[lang=zh-CN] h3{font-size:23px;line-height:1.5}html[lang=zh-CN] .hero-intro p{font-size:18px;line-height:1.9}html[lang=zh-CN] .section p{font-size:16px;line-height:1.9}
@media(max-width:1100px){.masthead{gap:16px}.masthead nav{gap:18px}.studio-x-link span{display:none}.hero-grid{gap:35px}.lab-grid{gap:35px}.create-grid{gap:35px}.grammar-grid,.notes-grid{gap:26px}.chapters{grid-template-columns:repeat(5,1fr)}.chapters button{padding:14px 12px}}
@media(max-width:760px){.wrap{padding-inline:24px}.masthead{padding-block:23px;flex-wrap:wrap;min-height:0}.masthead nav{order:3;width:100%;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line);font-size:16px}.brand{font-size:12px}.studio-header-actions{margin-left:auto}.hero{padding-top:28px}.system-line{font-size:10px;gap:10px}.system-line>span:last-child{display:none}.hero-grid{grid-template-columns:1fr;padding:36px 0 28px;gap:25px}h1{font-size:clamp(48px,10.4vw,76px)}.hero-intro p{font-size:19px;max-width:540px;margin-bottom:20px}.telemetry{font-size:10px;gap:16px;flex-wrap:wrap}.telemetry>span:first-child{width:100%}.final-screening{padding-top:26px;padding-bottom:48px}.final-screening .film-heading{display:block}.final-screening h2{font-size:29px}.final-screening .film-meta{margin-top:12px;font-size:11px}.screen-top{font-size:9px;gap:12px;padding:9px 10px}.screen-top>span:last-child{font-size:8px}.final-screening .film-actions{gap:18px}.audio-note{width:100%;margin-left:0}.chapters{grid-template-columns:repeat(2,1fr)}.chapter-heading{font-size:10px}.chapter-heading>span:last-child{display:none}.chapters button{min-height:72px}.chapters button span{font-size:17px}[data-transcript]{columns:1}.section{padding-block:55px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;max-width:520px}.grammar-grid,.notes-grid{grid-template-columns:1fr;gap:35px}.grammar-grid article{display:grid;grid-template-columns:1fr 120px;column-gap:15px}.grammar-grid article .note-number{grid-column:1}.grammar-grid article h3{grid-column:1;margin-top:22px}.grammar-grid article p{grid-column:1/-1}.grammar-grid article :is(.wire-specimen,.target-specimen,.depth-specimen){grid-column:2;grid-row:1/3;height:115px;margin:0;transform:scale(.7)}.wire-specimen svg{width:190px;max-width:none;flex-shrink:0}.target-specimen .target{flex-shrink:0}.target-specimen .leader{flex-shrink:0;width:35px}.lab-band{padding-block:52px}.lab-grid,.create-grid{grid-template-columns:1fr;gap:34px}.lab-copy h2{font-size:46px;max-width:none}.lab-controls{margin-top:24px}.lab-hud,.lab-footer{font-size:9px;padding:12px}.brief-panel{padding:24px}.workflow article:first-child{padding-top:0;border-top:0}.source-links{grid-template-columns:1fr;gap:25px}.sources{padding-block:35px 50px}footer{flex-wrap:wrap;gap:24px}footer p{order:3;width:100%}.back-top{margin-left:auto}html[lang=zh-CN] h1{font-size:43px}html[lang=zh-CN] .hero-intro p{font-size:16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}