.sim{--u:1cqw;--lock:0;--notif:0;--tap:0;--kbd:0;--sheet:0;--roam:0;--accent:#6c6bef;--signal:#7aa7ff;--signal-soft:#a9c4ff;--success:#83e58c;--warn:#ffb35c;--primary:#f4f1e8f5;--secondary:#e8e3d6b8;--meta:#c7c1b570;--term:#e7e2d5a8;--term-muted:#aeb7c575;--fill:#ffffff0b;--ring:#ffffff13;--ag-attention:var(--warn);--ag-working:#5ee3d9;--ag-done:var(--success);--kbd-h:74.7;container-type:inline-size}.sim .screen{aspect-ratio:1320/2763;color:var(--primary);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",var(--sans);-webkit-font-smoothing:antialiased;isolation:isolate;background:#06070a;position:relative;overflow:hidden}.sim .screen>div{position:absolute;inset:0}.sim .app{isolation:isolate}.sim svg{width:100%;height:100%;display:block}.sim .sbar{height:calc(var(--u) * 13.6);position:absolute;top:0;left:0;right:0}.sim .sbar .time{left:calc(var(--u) * 14.7);top:calc(var(--u) * 5.35);font:600 calc(var(--u) * 3.9)/1 -apple-system,BlinkMacSystemFont,var(--sans);letter-spacing:-.01em;color:var(--primary);position:absolute}.sim .sbar .island{left:50%;top:calc(var(--u) * 4.4);width:calc(var(--u) * 28.4);height:calc(var(--u) * 6);margin-left:calc(var(--u) * -14.2);border-radius:calc(var(--u) * 3);background:#000;position:absolute}.sim .stat{right:calc(var(--u) * 9.4);top:calc(var(--u) * 5.9);height:calc(var(--u) * 2.9);gap:calc(var(--u) * 1.6);color:var(--primary);align-items:center;display:flex;position:absolute}.sim .stat svg{width:auto;height:100%}.sim .stat svg:first-child{height:86%}.sim .stat svg:last-child{height:108%}.sim .nav{left:0;right:0;top:calc(var(--u) * 13.2);height:calc(var(--u) * 12);align-items:center;gap:calc(var(--u) * 2);padding:0 calc(var(--u) * 3.2);border-bottom:1px solid var(--ring);display:flex;position:absolute}.sim .back{width:calc(var(--u) * 10);height:calc(var(--u) * 10);background:var(--fill);box-shadow:inset 0 0 0 1px var(--ring);color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.sim .back svg{width:calc(var(--u) * 4);height:calc(var(--u) * 4)}.sim .pill{align-items:center;gap:calc(var(--u) * 1.14);padding:calc(var(--u) * 1.6) calc(var(--u) * 2.27);border-radius:calc(var(--u) * 4);background:var(--fill);color:var(--secondary);font:700 calc(var(--u) * 2.27)/1.2 var(--mono);letter-spacing:.045em;cursor:default;border:0;flex:none;display:inline-flex}.sim .pill .dot{width:calc(var(--u) * 1.36);height:calc(var(--u) * 1.36);background:var(--success);box-shadow:0 0 calc(var(--u) * .9) #83e58cb3;border-radius:50%}.sim .pill[data-transport=mosh]{color:var(--signal-soft);background:#7aa7ff24;box-shadow:inset 0 0 0 1px #7aa7ff57}.sim .pill[data-transport=mosh] .dot{background:var(--signal);box-shadow:0 0 calc(var(--u) * .9) #7aa7ffcc}.sim .crumbs{align-items:center;gap:calc(var(--u) * .9);min-width:0;padding:calc(var(--u) * 1.6) calc(var(--u) * 2.27);border-radius:calc(var(--u) * 4);background:var(--fill);box-shadow:inset 0 0 0 1px var(--ring);white-space:nowrap;flex:1;display:flex;overflow:hidden}.sim .crumb{align-items:center;gap:calc(var(--u) * .7);padding:calc(var(--u) * .9) calc(var(--u) * 1.36);border-radius:calc(var(--u) * 3);color:var(--accent);font:500 calc(var(--u) * 2.5)/1.2 var(--mono);cursor:default;background:#6c6bef14;border:0;flex:none;display:inline-flex}.sim .crumb svg{width:calc(var(--u) * 2);height:calc(var(--u) * 2)}.sim .sep{width:calc(var(--u) * 1.6);height:calc(var(--u) * 1.6);color:var(--meta);flex:none}.sim .crumb.agent{gap:calc(var(--u) * .9);transition:background .3s,color .3s}.sim .crumb.agent .dot{width:calc(var(--u) * 1.14);height:calc(var(--u) * 1.14);box-shadow:0 0 calc(var(--u) * 1.1) currentColor;background:currentColor;border-radius:50%}.sim[data-agent=attention] .crumb.agent{color:var(--ag-attention);background:#ffb35c14}.sim[data-agent=working] .crumb.agent{color:var(--ag-working);background:#53dcc914}.sim[data-agent=idle] .crumb.agent{color:var(--ag-done);background:#83e58c14}.sim .crumb.agent .pi{width:calc(var(--u) * 2);height:calc(var(--u) * 2);display:none}.sim[data-agent=shell] .crumb.agent .dot{display:none}.sim[data-agent=shell] .crumb.agent .pi{display:block}.sim .roam{left:calc(var(--u) * 3.2);top:calc(var(--u) * 26.7);z-index:2;padding:calc(var(--u) * 1.4) calc(var(--u) * 2.6);border-radius:calc(var(--u) * 3);color:#ffd39a;font:500 calc(var(--u) * 2.5)/1 var(--mono);letter-spacing:.02em;white-space:nowrap;opacity:var(--roam);transform:translateY(calc((1 - var(--roam)) * -8px));transition:opacity .3s,transform .3s var(--ease-out);background:#ffb35c24;position:absolute;box-shadow:inset 0 0 0 1px #ffb35c5c}.sim .tty{left:0;right:0;top:calc(var(--u) * 25.2);bottom:calc(var(--u) * (12 + var(--kbd) * (var(--kbd-h) - .6)));padding:calc(var(--u) * .9) calc(var(--u) * .6) 0;box-shadow:none;font:calc(var(--u) * 2.2)/1.2 var(--mono);color:var(--term);white-space:pre-wrap;overflow-wrap:anywhere;background:#030405;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;margin:0;display:flex;position:absolute;overflow:hidden}.sim .tty:before{display:none}.sim .ln{min-height:1.2em;display:block}.sim .ln:empty{display:none!important}.sim .ln i{font-style:normal}.sim .ln.pr .p1{color:var(--success)}.sim .ln.pr .p2{color:#e7e2d5d1}.sim .ln.pr .p3{color:var(--term-muted)}.sim .ln.pr .p4{color:var(--primary)}.sim .ln.us .gt{color:var(--term-muted)}.sim .ln.ag .bd{color:#83e58cd9}.sim .ln.tl{color:#9394f4}.sim .ln.dm{color:var(--term-muted)}.sim .ln.dfd{color:var(--warn)}.sim .ln.dfa{color:var(--success)}.sim .ln.q{color:#e8b98a}.sim .ln.opt{color:var(--term-muted)}.sim .ln.opt.on{color:var(--primary);font-weight:600}.sim .ln.tx{color:var(--term)}.sim .ln.ok{color:var(--success)}.sim .ln.after{display:none}.sim[data-phase=after] .ln.after,.sim[data-phase=done] .ln.after{display:block}.sim .caret{background:#53dcc9;width:.6em;height:1.1em;margin-top:.1em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}html.test .sim .caret{animation:none}.sim[data-phase=answer] .ln.opt.on,.sim[data-phase=after] .ln.opt.on,.sim[data-phase=done] .ln.opt.on{color:var(--success)}.sim[data-phase=after] .ln.opt:not(.on),.sim[data-phase=done] .ln.opt:not(.on){display:none}.sim .keybar{z-index:2;height:calc(var(--u) * 12);padding:calc(var(--u) * 2.85) calc(var(--u) * 1.8) calc(var(--u) * 2.35) calc(var(--u) * 1.9);gap:calc(var(--u) * 1.8);background:linear-gradient(#6c6bef14,#6c6bef00 calc(var(--u) * 3.2)),#0b0d11fa;border-top:1px solid var(--ring);transform:translateY(calc(var(--kbd) * var(--u) * (var(--kbd-h) - .6) * -1));align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.sim .keybar button{width:calc(var(--u) * 10.4);height:calc(var(--u) * 6.8);border-radius:calc(var(--u) * 3.4);box-shadow:inset 0 0 0 1px var(--ring);color:var(--primary);font:500 calc(var(--u) * 2.5)/1 var(--mono);cursor:default;background:#1b2028;border:0;flex:none;place-items:center;padding:0;transition:background .12s,color .12s,transform .12s;display:grid}.sim .keybar button svg{width:calc(var(--u) * 3);height:calc(var(--u) * 3)}.sim .keybar .kb{width:calc(var(--u) * 9.5)}.sim .keybar .kb svg{width:calc(var(--u) * 3.4);height:calc(var(--u) * 3.4)}.sim .keybar .sp{flex:1}.sim .keybar button.hit,.sim .keybar button:active{background:var(--accent);color:#090b0d;transform:scale(.94)}.sim[data-mode=play] .keybar button,.sim[data-mode=play] .pill,.sim[data-mode=play] .crumb[data-open-windows],.sim[data-mode=play] .sheet button{cursor:pointer}.sim .kbd{z-index:3;height:calc(var(--u) * var(--kbd-h));padding:0 calc(var(--u) * 2);transform:translateY(calc((1 - var(--kbd)) * 100%));background:#1c1c1e;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.sim .kbd .pred{height:calc(var(--u) * 10.7);margin-bottom:calc(var(--u) * 1.4);flex:none;position:relative}.sim .kbd .pred:before,.sim .kbd .pred:after{content:"";top:calc(var(--u) * 3.3);width:1px;height:calc(var(--u) * 4);background:#ffffff2e;position:absolute}.sim .kbd .pred:before{left:33.3%}.sim .kbd .pred:after{left:66.6%}.sim .kbd .krow{justify-content:center;gap:calc(var(--u) * 1.36);height:calc(var(--u) * 9.8);margin-bottom:calc(var(--u) * 3);flex:none;display:flex}.sim .kbd b{width:calc(var(--u) * 8.2);border-radius:calc(var(--u) * 1.2);color:#fff;font:400 calc(var(--u) * 5)/1 -apple-system,BlinkMacSystemFont,var(--sans);background:#3b3b3d;flex:none;place-items:center;display:grid;box-shadow:0 1px #000}.sim .kbd b svg{width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4)}.sim .kbd .fn{font-size:calc(var(--u) * 3.4);background:#242426}.sim .kbd .shift,.sim .kbd .del{width:calc(var(--u) * 10.8)}.sim .kbd .shift{margin-right:calc(var(--u) * 2.2)}.sim .kbd .del{margin-left:calc(var(--u) * 2)}.sim .kbd .num,.sim .kbd .emo{width:calc(var(--u) * 10.5)}.sim .kbd .space{background:#3b3b3d;flex:1}.sim .kbd .ret{width:calc(var(--u) * 22);transition:background .15s,color .15s}.sim .kbd .ret.hit{color:#000;background:#fff}.sim .kbd .kfoot{padding:0 calc(var(--u) * 5.5) calc(var(--u) * 1);color:#fff;flex:1;justify-content:space-between;align-items:center;display:flex}.sim .kbd .kfoot svg{width:calc(var(--u) * 6);height:calc(var(--u) * 6)}.sim[data-mode=play] .kbd,.sim[data-mode=play] .keybar{transition:transform .35s var(--ease-out)}.sim[data-mode=play] .tty{transition:bottom .35s var(--ease-out)}.sim .sheet{z-index:4;padding:0 calc(var(--u) * 3.2) calc(var(--u) * 5);border-radius:calc(var(--u) * 7.3) calc(var(--u) * 7.3) 0 0;transform:translateY(calc((1 - var(--sheet)) * 104%));transition:transform .4s var(--ease-out);background:#10131afa;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #ffffff14,0 -40px 80px #00000080}.sim .sheet .grab{width:calc(var(--u) * 8.2);height:calc(var(--u) * 1.14);margin:calc(var(--u) * 1.2) auto 0;border-radius:calc(var(--u) * .6);background:#ffffff4d;display:block}.sim .sheet .sh{padding:calc(var(--u) * 2.4) 0 calc(var(--u) * 2.7);font:600 calc(var(--u) * 3.9)/1.2 ui-rounded,-apple-system,BlinkMacSystemFont,var(--sans);color:var(--primary);place-items:center;display:grid;position:relative}.sim .sheet .sh b{width:calc(var(--u) * 7.3);height:calc(var(--u) * 7.3);margin-top:calc(var(--u) * -3.65);color:var(--accent);background:#6c6bef1c;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:0;box-shadow:inset 0 0 0 1px #6c6bef3d}.sim .sheet .sh b svg{width:calc(var(--u) * 3.2);height:calc(var(--u) * 3.2)}.sim .sheet ul{gap:calc(var(--u) * .45);margin:0;padding:0;list-style:none;display:grid}.sim .sheet li button{align-items:center;gap:calc(var(--u) * 2.27);width:100%;min-height:calc(var(--u) * 10.9);padding:calc(var(--u) * 1.6) calc(var(--u) * 2.27) calc(var(--u) * 1.6) calc(var(--u) * 1.8);border-radius:calc(var(--u) * 4.5);color:var(--primary);text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto auto;transition:background .15s;display:grid}.sim .sheet li button.on{background:#6c6bef1f;box-shadow:inset 0 0 0 1px #6c6bef3d}.sim .sheet .tile{width:calc(var(--u) * 6.8);height:calc(var(--u) * 6.8);border-radius:calc(var(--u) * 1.6);background:var(--fill);color:var(--secondary);place-items:center;display:grid}.sim .sheet .tile svg{width:calc(var(--u) * 3.2);height:calc(var(--u) * 3.2)}.sim .sheet .on .tile{color:var(--accent);background:#6c6bef1f}.sim .sheet .txt{gap:calc(var(--u) * .23);min-width:0;display:grid}.sim .sheet .wn{font:600 calc(var(--u) * 3.2)/1.2 -apple-system,BlinkMacSystemFont,var(--sans);color:var(--primary)}.sim .sheet .wm{font:400 calc(var(--u) * 2.5)/1.2 var(--mono);color:var(--meta)}.sim .sheet .ws{width:calc(var(--u) * 1.8);height:calc(var(--u) * 1.8);box-shadow:0 0 calc(var(--u) * .9) currentColor;background:currentColor;border-radius:50%}.sim .sheet .ws.attention{color:var(--ag-attention)}.sim .sheet .ws.working{color:var(--ag-working)}.sim .sheet .ws.idle{visibility:hidden}.sim .sheet .chk{width:calc(var(--u) * 4.1);height:calc(var(--u) * 2.7);color:var(--accent);visibility:hidden}.sim .sheet .chk svg{width:calc(var(--u) * 2.7);height:calc(var(--u) * 2.7);margin:0 auto}.sim .sheet .on .chk{visibility:visible}.sim .sheet .sf{align-items:center;gap:calc(var(--u) * .9);margin-top:calc(var(--u) * 1.8);padding:calc(var(--u) * 3.2) 0 0;border-top:1px solid var(--ring);font:500 calc(var(--u) * 2.5)/1 var(--mono);color:var(--meta);display:flex}.sim .sheet .sf span{flex:1}.sim .sheet kbd{padding:calc(var(--u) * .45) calc(var(--u) * 1.14);border-radius:calc(var(--u) * 1.14);box-shadow:inset 0 0 0 1px var(--ring);color:#e8e3d6bd;font:inherit;background:#ffffff16}.sim .lock{z-index:5;opacity:var(--lock);pointer-events:none;color:#f4f1e8}.sim .wall{background:radial-gradient(120% 80% at 18% 92%,#10382e 0,#10382e00 46%),radial-gradient(90% 70% at 88% 12%,#1b3d8f 0,#1b3d8f00 52%),radial-gradient(70% 60% at 60% 60%,#0e1e4a 0,#0e1e4a00 60%),linear-gradient(160deg,#0b1226 0%,#08111c 55%,#04070c 100%);position:absolute;inset:0}.sim .wall:before{content:"";border:1.5px solid #8caaff59;border-radius:50%;width:120%;height:70%;position:absolute;top:22%;left:-30%;transform:rotate(-24deg)}.sim .wall:after{content:"";background:radial-gradient(circle at 60% 40%,#1e785f8c,#1e785f00 70%);border-radius:50%;width:90%;height:60%;position:absolute;bottom:-10%;left:-20%}.sim .ldate{left:0;right:0;top:calc(var(--u) * 12.6);text-align:center;font:600 calc(var(--u) * 3.8)/1 -apple-system,var(--sans);color:#e2e8fad1;position:absolute}.sim .ltime{left:0;right:0;top:calc(var(--u) * 17.4);text-align:center;font:500 calc(var(--u) * 21.5)/1 -apple-system,var(--sans);letter-spacing:-.02em;color:#e2e8fadb;position:absolute}.sim .notif{left:calc(var(--u) * 5.2);right:calc(var(--u) * 5.2);bottom:calc(var(--u) * 33.6);gap:calc(var(--u) * 2.7);padding:calc(var(--u) * 3.4) calc(var(--u) * 3.4) calc(var(--u) * 2.7) calc(var(--u) * 2.3);border-radius:calc(var(--u) * 5.5);-webkit-backdrop-filter:blur(20px);opacity:var(--notif);transform:translateY(calc((1 - var(--notif)) * -18%)) scale(calc(.96 + var(--notif) * .04));transform-origin:50% 0;background:#28343c8c;grid-template-columns:auto 1fr auto;align-items:center;transition:opacity .3s,transform .45s cubic-bezier(.2,1.4,.4,1);display:grid;position:absolute;box-shadow:inset 0 0 0 1px #ffffff1f,0 20px 40px #00000059}.sim .appicon{width:calc(var(--u) * 8.6);height:calc(var(--u) * 8.6);place-items:center;display:grid}.sim .appicon svg,.sim .appicon img{width:100%;height:100%;display:block}.sim .notif .body{gap:calc(var(--u) * .4);min-width:0;font:400 calc(var(--u) * 3.4)/1.22 -apple-system,var(--sans);color:#f4f1e8eb;display:grid}.sim .notif .kind{font-weight:600;font-size:calc(var(--u) * 2.7);letter-spacing:.02em;color:#7bd6c4}.sim .notif b{font-weight:700;font-size:calc(var(--u) * 3.4)}.sim .notif .when{font-size:calc(var(--u) * 2.9);color:#f4f1e88c;align-self:start}.sim .tap{left:50%;bottom:calc(var(--u) * 37.9);width:calc(var(--u) * 12);height:calc(var(--u) * 12);margin-left:calc(var(--u) * -6);opacity:calc(var(--tap) * (1 - var(--tap)) * 4);transform:scale(calc(.3 + var(--tap) * 2.2));background:#ffffff59;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #ffffff80}.sim .screen:after{content:"";z-index:6;opacity:var(--black,0);pointer-events:none;background:#000;position:absolute;inset:0}html.test{scroll-behavior:auto!important}html.test .hero *,html.test .hero :before,html.test .hero :after{transition:none!important;animation:none!important}html.test .track{stroke-dashoffset:0}.poster{font-family:var(--poster);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;font-weight:400;line-height:.9}:lang(zh) .poster{font-family:var(--sans);letter-spacing:-.02em;text-transform:none;font-weight:800;line-height:1.06}.acid{color:var(--acid)}.intro{color:var(--dim);max-width:52ch;font-size:clamp(17px,1.3vw,20px);line-height:1.5}.device{background:#000;border:1px solid #ffffff38;border-radius:clamp(22px,9.5%,44px);margin:0;padding:clamp(6px,1.9%,10px);position:relative;box-shadow:0 0 0 1px #000c,0 50px 100px -40px #000000e6}.device .screen{aspect-ratio:1320/2763;background:#0a0a0a;border-radius:clamp(16px,8%,36px);position:relative;overflow:hidden}.device:before,.device:after{content:"";background:#1a1d1a;border-radius:2px;width:3px;position:absolute;box-shadow:0 0 0 1px #ffffff12}.device:before{height:9%;top:17%;left:-3px}.device:after{height:14%;top:23%;right:-3px}.sim[data-mode=story] .app button,.sim[data-mode=story] .kbd{pointer-events:none}.tracks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tracks.back{z-index:0}.tracks.front{z-index:3}.track{fill:none;stroke:var(--acid);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;filter:drop-shadow(0 0 7px #cdff3d80);stroke-dasharray:1;stroke-dashoffset:1px;animation:draw 1.2s var(--ease-out) .6s forwards}.track.a{stroke-width:2px;animation-delay:.5s}.track.b{opacity:.55;stroke-width:1.25px;animation-delay:.7s}.track.c{opacity:.35;stroke-width:1px;filter:none;animation-delay:.9s}@keyframes draw{to{stroke-dashoffset:0}}.tlabel{z-index:4;font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);white-space:nowrap;animation:fade .4s var(--ease-out) 1.6s both;align-items:center;gap:8px;display:inline-flex;position:absolute}.tlabel:before{content:"";background:var(--acid);width:2px;height:12px;box-shadow:0 0 6px var(--acid);flex:none}:lang(zh) .tlabel{letter-spacing:.1em;text-transform:none}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero{--stage-h:clamp(720px,calc(100svh - var(--nav-h)),900px);isolation:isolate;position:relative;overflow:clip}.hero:after{content:"";z-index:-1;pointer-events:none;opacity:.055;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.stage{height:var(--stage-h);max-width:var(--wrap);margin:0 auto;position:relative}.hero-copy{z-index:2;left:var(--gutter);width:min(58%,880px);position:absolute;top:50%;transform:translateY(-52%)}.hero-copy>*{animation:rise .55s var(--ease-out) both}.hero-copy .category{animation-delay:50ms}.hero-copy h1{animation-delay:.1s}.hero-copy .lede{animation-delay:.3s}.hero-copy .cta-row{animation-delay:.4s}.category{font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--meta);margin-bottom:28px}:lang(zh) .category{letter-spacing:.1em;text-transform:none}.hero h1{--h1:clamp(96px,min(11.4vw,var(--stage-h) * .19),184px);font-size:var(--h1);letter-spacing:0;text-wrap:initial;flex-direction:column;align-items:flex-start;margin:0 0 30px -.03em;line-height:.84;display:flex}.hero h1 .l{white-space:nowrap;display:block}:lang(zh) .hero h1{--h1:clamp(64px,min(7.6vw,var(--stage-h) * .13),128px);letter-spacing:-.02em;margin-left:-.04em;line-height:1.08}.hero .lede{max-width:44ch;margin-bottom:34px;font-size:clamp(18px,1.5vw,22px)}.hero .lede span{display:block}.hero .lede span:first-child{color:var(--ink)}.hero .cta-row{gap:14px}.hero .pricenote{margin-top:18px}.hero-device{z-index:1;width:min(21.2%,calc(var(--stage-h) * .36));animation:rise .6s var(--ease-out) .25s both;position:absolute;top:8%;left:67.9%}.dev-box{position:relative}.node[data-set=phone],.signal[data-set=phone]{display:none}.hero-phone{will-change:transform;z-index:1;position:relative;transform:perspective(1600px)rotateY(-4deg)rotateX(1deg)}.hero-device .tracks.m{display:none}.node{z-index:4;width:14px;height:14px;animation:fade .4s var(--ease-out) 1.5s both;margin:-7px 0 0 -7px;position:absolute}.node .ring{border:1.5px solid var(--acid);border-radius:50%;transition:border-color .3s,box-shadow .3s;position:absolute;inset:0;box-shadow:0 0 12px #cdff3d66}.node .tlabel{animation:none;bottom:calc(100% + 10px);left:auto;right:0}.hero.alerted .node .ring{border-color:var(--amber);box-shadow:0 0 14px #ffbc578c}.hero.alerted .node .tlabel{color:var(--amber)}.hero.alerted .node .tlabel:before{background:var(--amber);box-shadow:0 0 6px var(--amber)}.signal{z-index:5;background:var(--acid);width:10px;height:10px;box-shadow:0 0 10px var(--acid),0 0 24px #cdff3d80;opacity:0;pointer-events:none;border-radius:50%;margin:-5px 0 0 -5px;transition:opacity .25s;position:absolute}.hero.signal-live .signal{opacity:1}.tlabel.host{top:93.2%;left:5%}.tlabel.sealed{top:90.6%;left:46%}.ticket-box{z-index:6;text-align:center;width:max-content;max-width:420px;position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%)}.ticket{font:500 13px/1.45 var(--mono);color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:10px;margin:0;transition:color .3s;display:flex}.ticket .dot{background:var(--acid);width:8px;height:8px;box-shadow:0 0 8px var(--acid);border-radius:50%;flex:none;transition:background .3s,box-shadow .3s}.hero[data-beat=prompt] .ticket .dot,.hero[data-beat=alert] .ticket .dot{background:var(--amber);box-shadow:0 0 8px var(--amber)}.hero[data-beat=away] .ticket .dot{background:var(--meta);box-shadow:none}.hero[data-beat=alert] .ticket{color:var(--amber)}.hero[data-beat=away] .ticket{color:var(--dim)}.demo-note{font:11px/1.4 var(--mono);color:var(--meta);white-space:nowrap;justify-content:center;align-items:center;gap:14px;margin:6px 0 0;display:flex}.replay{font:inherit;color:var(--ink);cursor:pointer;letter-spacing:.02em;white-space:nowrap;background:0 0;border:0;padding:0}.replay:hover{color:var(--acid)}.hero-rule{border-top:1px solid var(--line);font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--meta);justify-content:space-between;gap:24px;padding-top:16px;padding-bottom:16px;display:flex}.hero-rule .tick{color:var(--ink);align-items:center;gap:12px;display:inline-flex}.hero-rule .tick:before{content:"";background:var(--acid);width:2px;height:12px}:lang(zh) .hero-rule{letter-spacing:.08em}.story{border-top:1px solid var(--line);padding:32px 0 0}.story .rule{margin-bottom:56px}.story-head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:48px;margin-bottom:24px;padding-bottom:40px;display:grid}.story h2{align-self:end;margin:0 0 0 -.02em;font-size:clamp(56px,9.3vw,150px)}:lang(zh) .story h2{font-size:clamp(40px,6.2vw,96px)}.story-aside{border-left:1px solid var(--line);flex-direction:column;justify-content:flex-end;gap:18px;padding-left:32px;display:flex}.story-aside .dash{background:var(--acid);width:28px;height:3px}.story-aside p{font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);gap:8px;margin:0;display:grid}:lang(zh) .story-aside p{letter-spacing:.06em;text-transform:none;font-size:13px}.story-scroll{height:400svh}.story-stage{top:var(--nav-h);height:calc(100svh - var(--nav-h));max-width:var(--wrap);padding:0 var(--gutter);grid-template-columns:48px minmax(0,1fr) minmax(0,46%);align-items:center;gap:32px;margin:0 auto;display:grid;position:sticky}.rail{font:500 12px/1 var(--mono);letter-spacing:.1em;color:var(--meta);align-self:center;gap:18px;margin:0;padding:0;list-style:none;display:grid}.rail li{padding-left:14px;transition:color .3s;position:relative}.rail li:before{content:"";background:var(--line);width:2px;height:12px;margin-top:-6px;transition:background .3s;position:absolute;top:50%;left:0}.rail li.on{color:var(--ink)}.rail li.on:before{background:var(--acid);box-shadow:0 0 6px var(--acid)}.rail .hint{letter-spacing:.2em;color:var(--meta);margin-top:18px;font-size:10px}.rail .hint:before{display:none}:lang(zh) .rail .hint{letter-spacing:.08em;white-space:nowrap}.steps-col{align-items:center;min-height:340px;display:grid;position:relative}.sstep{opacity:0;transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);grid-area:1/1;max-width:46ch;transform:translateY(14px)}.sstep.on{opacity:1;transform:none}.sstep .n{color:var(--acid);margin:0 0 14px -.02em;font-size:clamp(56px,5vw,88px);display:block}.sstep h3{font:600 clamp(26px,2.4vw,40px)/1.1 var(--sans);letter-spacing:-.025em;margin:0 0 18px}:lang(zh) .sstep h3{letter-spacing:-.01em}.sstep p{color:var(--dim);margin:0;font-size:clamp(16px,1.2vw,19px);line-height:1.55}.story-phone{z-index:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.story-phone .sim{width:min(100%,calc((100svh - var(--nav-h) - 96px) * .49),340px)}.route{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.route .track{stroke-dasharray:none;filter:drop-shadow(0 0 7px #cdff3d80);transition:stroke .3s;animation:none}.route.done .track{stroke:var(--amber);filter:drop-shadow(0 0 7px #ffbc5780)}.route .pulse{fill:var(--acid);filter:drop-shadow(0 0 8px var(--acid))}.story-stack{padding:0 var(--gutter);max-width:var(--wrap);margin:0 auto;list-style:none;display:none}.story-stack li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:40px;padding:40px 0;display:grid}.story-stack .n{color:var(--acid);margin-bottom:10px;font-size:48px;display:block}.story-stack h3{font:600 clamp(22px,2vw,30px)/1.15 var(--sans);letter-spacing:-.02em;margin:0 0 12px}.story-stack p{color:var(--dim);margin:0;font-size:16px;line-height:1.55}.story-stack .sim{width:100%}.control{border-top:1px solid var(--line);padding:96px 0 112px}.control .rule{margin-bottom:56px}.control h2{margin:0 0 28px -.02em;font-size:clamp(56px,7.6vw,132px)}:lang(zh) .control h2{font-size:clamp(40px,5.4vw,84px)}.control .intro{margin-bottom:64px}.control-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:64px;display:grid}.index{border-top:1px solid var(--line);display:grid}.tab{border:0;border-bottom:1px solid var(--line);color:var(--meta);text-align:left;cursor:pointer;background:0 0;grid-template-columns:96px minmax(0,1fr) 32px;grid-template-areas:"k name arrow"".tp."".does.";align-items:baseline;column-gap:16px;padding:28px 0;transition:color .2s;display:grid}.tab .k{color:inherit;grid-area:k;margin:0}.tab .name{color:var(--dim);grid-area:name;font-size:clamp(40px,4.4vw,72px);transition:color .2s}.tab .arrow{font:400 22px/1 var(--sans);opacity:0;grid-area:arrow;transition:opacity .2s}.tab .tp{font:16px/1.55 var(--sans);color:var(--dim);grid-area:tp;max-width:52ch;margin-top:14px}.tab .does{font:500 13px/1.5 var(--mono);color:var(--acid);grid-area:does;margin-top:12px;display:none}.tab .does:before{content:"→ "}.tab:hover .name,.tab.on .name{color:var(--ink)}.tab.on{color:var(--acid)}.tab.on .arrow{opacity:1;color:var(--acid)}.tab.on .does{display:block}.tab:focus-visible{outline:2px solid var(--acid);outline-offset:-2px}.playbox{top:calc(var(--nav-h) + 24px);justify-items:center;gap:14px;display:grid;position:sticky}.play-phone{width:min(100%,340px)}.playhint{font:500 13px/1.5 var(--mono);color:var(--dim);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;max-width:44ch;margin:8px 0 0;display:flex}.playbox .demo-note{margin:0}.paper{background:var(--paper);color:var(--paper-ink);--line:var(--paper-line);--meta:var(--paper-meta);--dim:#090b09b8;--ink:var(--paper-ink)}.paper .rule b{color:var(--paper-ink)}.paper .cta{background:var(--paper-ink);color:var(--paper)}.paper .cta:hover{background:#2a2e2a}.paper .ghost{color:var(--paper-ink);border-color:#090b0959}.paper .ghost:hover{border-color:var(--paper-ink)}.price{padding:96px 0 112px}.price .rule{margin-bottom:56px}.price h2{margin:0 0 64px -.02em;font-size:clamp(56px,7.6vw,132px)}:lang(zh) .price h2{font-size:clamp(40px,5.4vw,84px)}.price-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px;display:grid}.amount{align-content:start;gap:12px;display:grid}.amount .num,:lang(zh) .amount .num{font-family:var(--poster);letter-spacing:-.01em;color:var(--paper-ink);margin-left:-.03em;font-size:clamp(120px,15vw,260px);font-weight:400;line-height:.85}.amount .once{font:500 13px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--meta)}:lang(zh) .amount .once{letter-spacing:.1em;text-transform:none}.facts .body{color:var(--dim);max-width:46ch;margin:0 0 28px;font-size:clamp(17px,1.3vw,20px);line-height:1.5}.facts .cta-row{margin-bottom:56px}.cols{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:40px;padding-top:28px;display:grid}.cols h3{font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--meta);margin:0 0 18px}:lang(zh) .cols h3{letter-spacing:.1em;text-transform:none}.needs{color:var(--dim);gap:10px;margin:0;padding:0;font-size:15px;line-height:1.5;list-style:none;display:grid}.needs li{padding-left:18px;position:relative}.needs li:before{content:"";background:var(--paper-ink);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.where{gap:14px;margin:0;font-size:15px;line-height:1.5;display:grid}.where dt{color:var(--ink);font-weight:600}.where dd{color:var(--dim);margin:2px 0 0}.facts .label{font:500 12px/1.5 var(--mono);letter-spacing:.04em;color:var(--ink);margin:22px 0 0}.facts .fine{font:13px/1.6 var(--sans);color:var(--meta);max-width:60ch;margin:28px 0 0}.facts .fine b{color:var(--dim);font-weight:600}.facts .fine a{color:var(--dim);text-underline-offset:2px;text-decoration:underline}.facts .fine+.fine{margin-top:10px}.outro{padding:112px 0 128px;position:relative;overflow:clip}.outro h2{flex-direction:column;align-items:flex-start;margin:0 0 64px -.02em;font-size:clamp(64px,9.4vw,164px);display:flex}:lang(zh) .outro h2{font-size:clamp(44px,6.4vw,104px)}.outro-row{align-items:center;gap:20px;display:flex}.lines{flex:1;min-width:120px;height:120px;position:relative}.lines svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lines .track{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.lines .track.c{stroke-dasharray:6 8}.signal-dot{background:var(--acid);width:12px;height:12px;box-shadow:0 0 12px var(--acid),0 0 28px #cdff3d80;border-radius:50%;flex:none}.outro .tag{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--meta);margin:40px 0 0}:lang(zh) .outro .tag{letter-spacing:.08em;text-transform:none}@media (width<=1199px){.hero-copy{width:min(60%,700px)}.tlabel.sealed{display:none}}@media (width<=999px),(height<=559px){.story-scroll{display:none}.story-stack{display:block}}@media (width<=999px){.hero{--stage-h:auto}.stage{height:auto;padding:36px 0 0}.stage>.tracks,.stage>.tlabel{display:none}.hero-copy{width:auto;padding:0 var(--gutter);position:static;transform:none}.hero h1{--h1:clamp(58px,15.5vw,120px);margin-bottom:24px}:lang(zh) .hero h1{--h1:clamp(44px,11.5vw,88px)}.hero .lede{margin-bottom:28px;font-size:18px}.hero-device{flex-direction:column-reverse;width:min(100%,520px);margin:0 auto;animation-delay:.35s;display:flex;position:relative;top:auto;left:auto}.dev-box{padding:0 13% 8px}.node[data-set=desk],.signal[data-set=desk]{display:none}.node[data-set=phone],.signal[data-set=phone],.hero-device .tracks.m{display:block}.hero-phone{transform:perspective(1600px)rotateY(-2deg)}.ticket-box{width:auto;max-width:none;min-height:40px;margin:0 var(--gutter) 18px;text-align:left;position:static;transform:none}.ticket{white-space:normal;justify-content:flex-start}.demo-note{white-space:normal;flex-wrap:wrap;justify-content:flex-start;gap:4px 14px}.hero-copy .cta-row{margin-bottom:0}.hero .pricenote{margin:16px 0 32px}.story-head{grid-template-columns:1fr;gap:24px}.story-aside{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.control-grid,.price-grid{grid-template-columns:1fr;gap:40px}.playbox{position:static}.tab{grid-template-columns:72px minmax(0,1fr) 24px}.cols{grid-template-columns:1fr}.lines{display:none}.outro-row{flex-wrap:wrap}}@media (width<=640px){.category{letter-spacing:.12em;font-size:11px}.hero-copy .cta-row .cta,.hero-copy .cta-row .ghost{flex:auto;justify-content:center}.story h2,.control h2,.price h2{font-size:clamp(44px,13vw,72px)}:lang(zh) .story h2,:lang(zh) .control h2,:lang(zh) .price h2{font-size:clamp(34px,9.5vw,56px)}.story-stack li{grid-template-columns:1fr;gap:24px}.story-stack .sim{width:min(72%,260px);margin:0 auto}.amount .num{font-size:clamp(96px,30vw,160px)}.tab{grid-template-columns:56px minmax(0,1fr) 20px}.tab .name{font-size:clamp(36px,10vw,56px)}.outro h2{font-size:clamp(48px,14vw,80px)}:lang(zh) .outro h2{font-size:clamp(36px,10.5vw,60px)}.hero-rule{letter-spacing:.1em;font-size:11px}}@media (prefers-reduced-motion:reduce){.track.a,.track.b,.track.c{stroke-dashoffset:0!important}.story-scroll{display:none}.story-stack{display:block}}