:root{color:#eef0f6;font-synthesis:none;text-rendering:optimizelegibility;background:#08090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 9% 0,#8070ff2b,#0000 30rem),radial-gradient(circle at 90% 18%,#53eeb11c,#0000 28rem),#08090d;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:progress;opacity:.58}.playground-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:1.25rem 0 0}.topbar,.topbar-meta,.proof-strip,.stream-metrics,.card-topline,.diagram-labels,.footer{align-items:center;display:flex}.topbar{justify-content:space-between;padding:.5rem 0 3.5rem}.wordmark{color:#f1f3f8;letter-spacing:-.07em;font-size:1.08rem;font-weight:680;text-decoration:none}.topbar-meta{color:#8f95a5;gap:1rem;font:500 .75rem ui-monospace,SFMono-Regular,Menlo,monospace}.topbar-meta a{color:#eef0f6;text-decoration:none}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(2rem,7vw,7rem);padding-bottom:5.5rem;display:grid}.eyebrow{color:#94f2c4;letter-spacing:.15em;margin:0;font:600 .69rem ui-monospace,SFMono-Regular,Menlo,monospace}.hero h1,.section-intro h2,.feature-panel h2{letter-spacing:-.065em;margin:.9rem 0 0}.button{color:#eff1f6;background:#171a21;border:1px solid #343844;border-radius:.75rem;padding:.76rem 1rem;transition:transform .16s,border-color .16s,background .16s}.button:hover:not(:disabled){background:#20242d;border-color:#72798a;transform:translateY(-1px)}.button.primary{color:#07120d;background:#9bf5c6;border-color:#9bf5c6;font-weight:700}.button.ghost{background:0 0}.button.wide{width:100%}.hero-stage{isolation:isolate;background:linear-gradient(150deg,#252343b8,#10121af5 48%,#10241fb8);border:1px solid #a4a2ff47;border-radius:1.6rem;flex-direction:column;justify-content:flex-end;min-height:440px;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000052}.hero-stage:after{z-index:-1;content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:2rem 2rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.stage-orbit{z-index:-1;border:1px solid #b0a8ff47;border-radius:999px;position:absolute;transform:rotate(-24deg)}.stage-label{color:#b8b4ff;letter-spacing:.14em;margin:0 0 auto;font:600 .67rem ui-monospace,SFMono-Regular,Menlo,monospace}.stage-copy{letter-spacing:-.06em;max-width:620px;margin:1rem 0 2rem;font-size:clamp(2.55rem,4.4vw,4.6rem);font-weight:570;line-height:.94}.stage-copy>span,.stream-output>span{display:inline-block}.stage-footer{gap:.6rem;display:flex}.stage-footer span,.footer span{color:#a8adbb;border:1px solid #ffffff1f;border-radius:999px;padding:.38rem .58rem;font:500 .67rem ui-monospace,SFMono-Regular,Menlo,monospace}.proof-strip{border-block:1px solid #252934;justify-content:space-between;gap:1rem;margin-bottom:6rem;padding:1.2rem 0}.proof-strip div{gap:.22rem;display:grid}.proof-strip strong{font-size:.9rem}.proof-strip span{color:#8e95a5;font-size:.83rem}.section-intro{gap:.25rem;max-width:650px;margin-bottom:2rem;display:grid}.section-intro>p{margin:.65rem 0 0}.studio-grid{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"controls stream""controls code";gap:1rem;display:grid}.control-deck{background:#11131ad9;border:1px solid #292d38;border-radius:1rem;grid-area:controls;align-content:start;gap:1.1rem;padding:1.25rem;display:grid}.control-deck label{color:#b8becb;letter-spacing:.04em;text-transform:uppercase;gap:.52rem;font-size:.77rem;font-weight:650;display:grid}.control-deck output{float:right;color:#98f0c3}.control-deck select{color:#f0f2f7;background:#111319;border:1px solid #393f4d;border-radius:.55rem;width:100%;padding:.66rem .75rem}.control-deck input{accent-color:#9bf5c6;width:100%}.stream-card{background:linear-gradient(145deg,#12201df0,#0e1016fa);border:1px solid #79ecb540;border-radius:1rem;flex-direction:column;grid-area:stream;gap:1.4rem;min-height:360px;padding:1.45rem;display:flex}.card-topline{color:#8d94a4;letter-spacing:.09em;justify-content:space-between;font:600 .69rem ui-monospace,SFMono-Regular,Menlo,monospace}.signal i{background:currentColor;border-radius:99px;width:.48rem;height:.48rem;margin-right:.42rem;display:inline-block;box-shadow:0 0 0 .25rem #9bf5c61f}.chat-row{flex:1;grid-template-columns:2.2rem minmax(0,1fr);align-items:start;gap:.9rem;padding:1rem 0;display:grid}.assistant-avatar{color:#07120d;background:#9bf5c6;border-radius:.65rem;place-items:center;width:2.2rem;height:2.2rem;font-weight:800;display:grid}.stream-output,.stream-placeholder{margin:.15rem 0 0;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.62}.stream-metrics{border-top:1px solid #ffffff1a;justify-content:space-between;gap:1rem;padding-top:1rem}.stream-metrics div{gap:.18rem;display:grid}.stream-metrics span{color:#818899;font-size:.69rem}.stream-metrics strong{color:#edf1f3;font:650 .77rem ui-monospace,SFMono-Regular,Menlo,monospace}.code-card{color:#bbc4d1;background:#0d0f14;border:1px solid #292d38;border-radius:1rem;grid-area:code;margin:0;padding:1.1rem 1.35rem;font:.78rem/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.systems-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.feature-panel{background:linear-gradient(150deg,#14161d,#0f1015);border:1px solid #292d38;border-radius:1rem;flex-direction:column;gap:1rem;min-height:340px;padding:1.55rem;display:flex}.feature-panel>p{margin:0;font-size:.96rem}.tail-diagram{align-items:end;gap:.33rem;height:94px;margin-top:auto;display:flex}.tail-diagram span{border-radius:.35rem .35rem 0 0;flex:1;min-width:0}.settled-tail{background:#363b48;height:36%}.active-tail{background:linear-gradient(#9bf5c6,#67b8ff);height:88%;box-shadow:0 0 22px #9bf5c638}.diagram-labels{color:#8d94a4;justify-content:space-between;font-size:.72rem}.event-list{gap:.55rem;display:grid}.event-card{background:#191b22;border:1px solid #303541;border-radius:.65rem;padding:.8rem}.event-card>div{gap:.18rem;display:grid}.event-card strong{font-size:.83rem}.event-card span{color:#9298a7;font-size:.76rem}.footer{flex-wrap:wrap;gap:.5rem;padding:4rem 0 1rem}@media (width<=820px){.hero,.systems-grid{grid-template-columns:1fr}.hero{gap:2.5rem}.hero-stage{min-height:360px}.proof-strip{grid-template-columns:1fr;display:grid}.studio-grid{grid-template-columns:1fr;grid-template-areas:"controls""stream""code"}.control-deck{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.control-deck .wide{grid-column:span 2}}@media (width<=540px){.playground-shell{width:min(100% - 1.2rem,1180px)}.topbar{padding-bottom:2.5rem}.topbar-meta span{display:none}.hero h1{font-size:clamp(3.1rem,17vw,4.6rem)}.hero-stage{min-height:320px;padding:1.2rem}.stage-copy{font-size:clamp(2.3rem,12vw,3.3rem)}.stream-metrics{grid-template-columns:1fr 1fr;display:grid}.control-deck{grid-template-columns:1fr}.control-deck .wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:#191a1d;background:#f2efec}body{background:radial-gradient(circle at 96% 4%,#5b56e81c,#0000 23rem),radial-gradient(circle at 3% 39%,#57c6ac1a,#0000 24rem),#f2efec}.playground-shell{width:min(1220px,100% - 2rem);padding-top:1.2rem}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #191a1d14;border-radius:999px;justify-content:space-between;max-width:790px;margin:0 auto 5.8rem;padding:.7rem .82rem .7rem 1.15rem;position:sticky;top:1rem;box-shadow:0 12px 32px #2e272117}.wordmark{color:#191a1d;font-size:1rem;font-weight:760}.wordmark span{color:#5b56e8}.topbar-meta{color:#6d6c70;letter-spacing:.04em;gap:.5rem;font-size:.68rem;font-weight:600}.topbar-meta a{color:#fff;background:#191a1d;border-radius:999px;padding:.52rem .7rem}.hero{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:clamp(2.2rem,6vw,6.8rem);padding:0 clamp(.3rem,1vw,1rem) 6.5rem}.eyebrow{color:#5b56e8;letter-spacing:.13em;font-weight:700}.hero h1,.section-intro h2,.feature-panel h2{color:#191a1d;letter-spacing:-.075em}.hero h1{max-width:600px;font-size:clamp(3.55rem,6.7vw,6.35rem);line-height:.88}.hero-lede,.section-intro>p,.feature-panel>p{color:#67656b;max-width:580px;font-size:1rem;line-height:1.68}.button{color:#191a1d;background:#ffffff8a;border-color:#191a1d29;border-radius:999px;padding:.78rem 1.05rem;font-size:.88rem;font-weight:680;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.button:hover:not(:disabled){background:#fff;border-color:#191a1d57;transform:translateY(-2px);box-shadow:0 8px 18px #2a25211c}.button.primary{color:#fff;background:#5b56e8;border-color:#5b56e8}.button.primary:hover:not(:disabled){background:#4641c8;box-shadow:0 10px 23px #5b56e847}.hero-stage{background:#fff;border-color:#191a1d1a;border-radius:2.5rem;min-height:460px;padding:clamp(1.5rem,3vw,2.4rem);box-shadow:0 28px 70px #312a2321}.hero-stage:before{z-index:-1;content:"";opacity:.95;background:radial-gradient(circle at 42% 62%,#9a95ff 0 18%,#5b56e8 42%,#3934a2 72%);border-radius:999px;width:31rem;height:31rem;position:absolute;top:-18rem;right:-11rem}.hero-stage:after{z-index:-1;content:"";opacity:.7;border:1.4rem solid #8bd6c0;border-radius:999px;width:15rem;height:15rem;position:absolute;bottom:-9rem;right:10%}.stage-orbit{border-color:#191a1d1f;transform:rotate(-28deg)}.orbit-one{width:29rem;height:10rem;top:5rem;right:-7rem}.orbit-two{border-color:#ffffff7a;width:17rem;height:6rem;top:10rem;right:2rem}.stage-label{color:#fff;letter-spacing:.12em;font-weight:700}.stage-copy{color:#191a1d;letter-spacing:-.07em;max-width:650px;margin-bottom:2.3rem;font-size:clamp(2.5rem,4.3vw,4.65rem);font-weight:610;line-height:.91}.stage-footer span,.footer span{color:#65646a;background:#ffffff8a;border-color:#191a1d21}.proof-strip{background:#ffffff75;border-color:#191a1d1a;border-radius:1.5rem;align-items:stretch;margin-bottom:7.2rem;padding:1.45rem 1.7rem}.proof-strip>div{flex:1 1 0;gap:.48rem;padding:.2rem 1.05rem}.proof-strip>div:first-child{padding-left:0}.proof-strip>div+div{border-left:1px solid #191a1d1a}.proof-strip strong{color:#25252a;font-size:1rem}.proof-strip p{color:#747178;max-width:31ch;margin:0;font-size:.84rem;line-height:1.45}.proof-strip code{color:#514cc8;font:650 .78rem ui-monospace,SFMono-Regular,Menlo,monospace}.studio{padding:1rem clamp(.3rem,1vw,1rem) 7rem}.section-intro h2,.feature-panel h2{font-size:clamp(2.6rem,4.4vw,4.4rem);line-height:.9}.control-deck{background:#e9e5e0;border-color:#191a1d1a;border-radius:1.5rem;padding:1.35rem}.control-deck label{color:#5a585e;font-weight:750}.control-deck output{color:#5b56e8}.control-deck select{color:#25252a;background:#ffffffbd;border-color:#191a1d21;border-radius:.75rem}.control-deck input{accent-color:#5b56e8}.stream-card{background:linear-gradient(145deg,#45434a,#323138);border-color:#191a1d1f;border-radius:1.8rem;min-height:370px;padding:clamp(1.35rem,3vw,2rem);box-shadow:0 14px 30px #28221d17}.card-topline{color:#acaab3}.signal{color:#8bd6c0}.assistant-avatar{color:#191a1d;background:#8bd6c0;border-radius:.82rem}.stream-output,.stream-placeholder{color:#f6f4f0}.stream-placeholder{color:#96949c}.stream-metrics{border-top-color:#ffffff1f}.stream-metrics span{color:#9c9aa3}.stream-metrics strong{color:#fff}.code-card{color:#4f4c57;background:#fff;border-color:#191a1d1a;border-radius:1.3rem;padding:1.2rem 1.4rem}.systems-grid{padding:0 clamp(.3rem,1vw,1rem)}.feature-panel{background:#ffffffa3;border-color:#191a1d1a;border-radius:1.9rem;min-height:360px;padding:clamp(1.45rem,3vw,2rem)}.feature-panel h2{font-size:clamp(2.05rem,3.4vw,3.35rem)}.settled-tail{background:#d5d0cc}.active-tail{background:linear-gradient(#8bd6c0,#5b56e8);box-shadow:0 8px 20px #5b56e829}.diagram-labels{color:#77747a}.event-card{background:#f1eeea;border-color:#191a1d1c;border-radius:.85rem}.event-card strong{color:#302e34}.event-card span{color:#77747c}.footer{background:#191a1d;border-radius:1.8rem 1.8rem 0 0;justify-content:center;margin-top:4rem;padding:2rem}.footer span{color:#d3d1d6;background:0 0;border-color:#ffffff21}@media (width<=900px){.topbar{margin-bottom:4rem}.hero{grid-template-columns:1fr;gap:2.6rem}.hero-copy{max-width:620px}.hero-stage{min-height:400px}.proof-strip{grid-template-columns:1fr;display:grid}}@media (width<=540px){.playground-shell{width:min(100% - 1.1rem,1220px)}.topbar{margin-bottom:3.3rem;padding-left:1rem;top:.55rem}.hero{padding-bottom:4.5rem}.hero h1{font-size:clamp(3.2rem,16vw,4.55rem)}.hero-stage{border-radius:1.75rem;min-height:345px;padding:1.3rem}.hero-stage:before{width:22rem;height:22rem;top:-13rem;right:-10rem}.stage-copy{font-size:clamp(2.35rem,11.5vw,3.35rem)}.proof-strip{margin-bottom:4.8rem;padding:1.2rem}.studio{padding-bottom:4.8rem}.systems-grid{padding:0}}.hero-stage{background:linear-gradient(135deg,#4742bb,#6964da 62%,#8581e8)}.hero-stage:before{background:radial-gradient(circle at 42% 62%,#ffffff42 0 18%,#ffffff14 42%,#0000 72%)}.stage-orbit{border-color:#ffffff3d}.orbit-two{border-color:#ffffff5c}.stage-copy{color:#fff}.stage-footer span{color:#fff;background:#ffffff1f;border-color:#ffffff47}.stage-topline{justify-content:space-between;align-items:flex-start;gap:1rem;margin:0 0 auto;display:flex}.stage-label{margin:0}.stage-effect-picker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c195f2e;border:1px solid #ffffff42;border-radius:999px;gap:.22rem;padding:.28rem;display:flex}.effect-icon-button{color:#ffffffc7;background:0 0;border:0;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:800;line-height:1;transition:color .15s,background .15s,transform .15s;display:grid}.effect-icon-button:hover{color:#fff;background:#ffffff24}.effect-icon-button.is-active{color:#514cc8;background:#fff;box-shadow:0 3px 9px #1d19602e}.effect-icon-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.stage-copy{max-inline-size:12.5ch;font-size:clamp(2.65rem,5.1vw,4.65rem);font-weight:650}@media (width<=900px){.stage-copy{max-inline-size:12.5ch}}@media (width<=540px){.stage-topline{flex-direction:column;align-items:stretch;gap:.72rem}.stage-effect-picker{width:max-content;max-width:100%}.stage-copy{max-inline-size:12ch;font-size:clamp(2.2rem,11vw,3.25rem)}}.scale-effect-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1.05em;height:1.05em}.group-showcase{padding:0 clamp(.3rem,1vw,1rem)}.group-showcase-copy{max-width:48rem;margin:0 0 2rem}.group-showcase-copy h2{color:#191a1d;letter-spacing:-.08em;margin:.9rem 0 0;font-size:clamp(2.7rem,5vw,5.2rem);line-height:.88}.group-showcase-copy>p:last-child{color:#67656b;max-width:41rem;margin:1.25rem 0 0;font-size:1.02rem;line-height:1.68}.group-lab{background:#ffffffad;border:1px solid #191a1d1a;border-radius:2rem;grid-template-columns:minmax(15rem,.62fr) minmax(0,1.38fr);align-items:stretch;gap:1rem;padding:clamp(.75rem,1.6vw,1.15rem);display:grid}.group-control-rail{background:#f1eeea;border:1px solid #191a1d1a;border-radius:1.3rem;flex-direction:column;gap:1rem;min-height:31rem;padding:1rem;display:flex}.rail-section{gap:.6rem;display:grid}.rail-label,.activity-actions-label,.surface-kicker{color:#5b56e8;letter-spacing:.08em;text-transform:uppercase;font:800 .7rem ui-monospace,SFMono-Regular,Menlo,monospace}.rail-range-control>span{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.rail-range-control strong{color:#5b56e8;font-size:.74rem}.rail-range-control input{accent-color:#5b56e8;width:100%}.group-effect-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.group-effect-options button{aspect-ratio:1;color:#69666f;background:#ffffff94;border:1px solid #191a1d1a;border-radius:.65rem;place-items:center;width:100%;padding:0;font-size:1rem;font-weight:800;line-height:1;transition:color .15s,border-color .15s,background .15s;display:grid}.group-effect-options button:hover{color:#4843bd;background:#fff;border-color:#5b56e85c}.group-effect-options button.is-active{color:#fff;background:#5b56e8;border-color:#5b56e8;box-shadow:0 3px 10px #5b56e82e}.group-effect-options button:focus-visible,.activity-action-list button:focus-visible,.event-remove:focus-visible,.replay-group-button:focus-visible,.mixed-burst-button:focus-visible{outline-offset:2px;outline:2px solid #5b56e8}.group-effect-options .scale-effect-icon{width:1rem;height:1rem}.group-api-code{color:#e0def1;background:#1a1a1e;border-radius:.85rem;min-width:0;margin:0;padding:.78rem .85rem;font:650 .68rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.group-action-reveal{min-width:0}.activity-actions{border-top:1px solid #191a1d1c;gap:.7rem;padding-top:1rem;display:grid}.activity-actions>div:first-child{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.activity-actions-hint{color:#77747c;border:1px solid #191a1d1a;border-radius:999px;padding:.28rem .42rem;font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace}.activity-action-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.activity-action-list button{color:#302e34;text-align:left;background:#ffffffad;border:1px solid #191a1d1a;border-radius:.68rem;align-items:center;gap:.45rem;min-width:0;padding:.58rem;font:700 .74rem inherit;transition:border-color .15s,color .15s,background .15s;display:flex}.activity-action-list button:hover{color:#4843bd;background:#fff;border-color:#5b56e885}.activity-action-list button span{color:#fff;background:#5b56e8;border-radius:.34rem;flex:none;place-items:center;width:1.12rem;height:1.12rem;font:800 .7rem ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.mixed-burst-button,.replay-group-button{color:inherit;background:0 0;border:1px solid #ffffff2e;border-radius:.75rem;font:700 .78rem inherit;transition:border-color .15s,color .15s,background .15s}.mixed-burst-button{color:#4843bd;border-color:#191a1d26;padding:.68rem}.mixed-burst-button:hover{background:#fff;border-color:#5b56e899}.activity-surface{color:#f6f4f0;background:linear-gradient(145deg,#1a1a1e,#111216);border-radius:1.35rem;min-height:31rem;padding:clamp(1rem,2vw,1.35rem)}.activity-surface-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.activity-surface-header>div{gap:.32rem;display:grid}.activity-surface-header strong{font-size:1rem}.replay-group-button{color:#e9e7ee;padding:.5rem .66rem}.replay-group-button:hover{background:#ffffff14;border-color:#ffffff7a}.activity-feed{gap:.6rem;padding-top:1rem;display:grid}.activity-card{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:.95rem;grid-template-columns:2.15rem minmax(0,1fr) auto;align-items:start;gap:.72rem;padding:.8rem;display:grid}.activity-marker{color:#17171b;background:#8bd6c0;border-radius:.7rem;place-items:center;width:2.15rem;height:2.15rem;font:800 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.activity-status .activity-marker{color:#27215d;background:#aca8ff}.activity-assignee .activity-marker{color:#173b50;background:#91d7ef;font-size:.62rem}.activity-alert .activity-marker{color:#5a3016;background:#f2b276}.activity-card-copy{gap:.14rem;min-width:0;display:grid}.activity-card-copy>span{color:#9e9ba6;letter-spacing:.07em;text-transform:uppercase;font:700 .64rem ui-monospace,SFMono-Regular,Menlo,monospace}.activity-card-copy strong{color:#f6f4f0;font-size:.85rem}.activity-card-copy p{color:#bab8bf;margin:0;font-size:.76rem;line-height:1.4}.event-remove{color:#a5a2aa;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;place-items:center;width:1.7rem;height:1.7rem;padding:0;font-size:1.22rem;line-height:1;transition:color .15s,border-color .15s,background .15s;display:grid}.event-remove:hover:not(:disabled){color:#fff;background:#ffffff17;border-color:#ffffff29}.activity-card.is-exiting,.activity-actions.is-exiting{pointer-events:none;animation-duration:.26s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.exit-fade{animation-name:event-exit-fade}.exit-fade-up{animation-name:event-exit-fade-up}.exit-fade-down{animation-name:event-exit-fade-down}.exit-slide-left{animation-name:event-exit-slide-left}.exit-slide-right{animation-name:event-exit-slide-right}.exit-scale{animation-name:event-exit-scale}.exit-blur{animation-name:event-exit-blur}@keyframes event-exit-fade{to{opacity:0}}@keyframes event-exit-fade-up{to{opacity:0;transform:translateY(.55em)}}@keyframes event-exit-fade-down{to{opacity:0;transform:translateY(-.55em)}}@keyframes event-exit-slide-left{to{opacity:0;transform:translate(-.55em)}}@keyframes event-exit-slide-right{to{opacity:0;transform:translate(.55em)}}@keyframes event-exit-scale{to{opacity:0;transform:scale(.96)}}@keyframes event-exit-blur{to{opacity:0;filter:blur(7px);transform:translateY(.2em)}}@media (width<=820px){.group-lab{grid-template-columns:1fr}.group-control-rail,.activity-surface{min-height:0}.group-control-rail{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.group-api-code,.group-action-reveal{grid-column:span 2}}@media (width<=540px){.group-showcase{padding:0}.group-showcase-copy h2{font-size:clamp(2.7rem,14vw,4.2rem)}.group-lab{border-radius:1.45rem;padding:.65rem}.group-control-rail{grid-template-columns:1fr;padding:.85rem}.group-api-code,.group-action-reveal{grid-column:auto}.activity-surface{min-height:23rem;padding:.85rem}.activity-card{grid-template-columns:2rem minmax(0,1fr) auto;gap:.55rem;padding:.68rem}.activity-marker{width:2rem;height:2rem}}.studio-grid{background:#ffffffad;border:1px solid #191a1d1a;border-radius:2rem;grid-template-columns:minmax(15rem,.62fr) minmax(0,1.38fr);grid-template-areas:none;align-items:stretch;padding:clamp(.75rem,1.6vw,1.15rem)}.control-deck{background:#e9e5e0;border-radius:1.3rem;flex-direction:column;grid-area:auto;gap:1rem;min-height:31rem;padding:1rem;display:flex}.control-deck label{gap:.58rem}.select-shell{display:block;position:relative}.control-deck select{appearance:none;color:#25252a;cursor:pointer;background:#fff;border:1px solid #191a1d21;border-radius:.78rem;width:100%;padding:.78rem 2.6rem .78rem .82rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.control-deck select:hover{border-color:#5b56e86b}.control-deck select:focus{border-color:#5b56e8;outline:none;box-shadow:0 0 0 3px #5b56e824}.control-deck select option{color:#25252a;background:#fff}.select-shell svg{pointer-events:none;fill:none;stroke:#4e4b55;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1rem;height:1rem;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.stream-actions{gap:.5rem;display:grid}.stream-actions .button{width:100%}.control-deck .code-card{color:#e0def1;background:#1a1a1e;border-radius:.85rem;grid-area:auto;margin-top:auto;padding:.78rem .85rem;font-size:.68rem}.stream-card{border-radius:1.35rem;grid-area:auto;min-height:31rem}@media (width<=820px){.studio-grid{grid-template-columns:1fr}.control-deck,.stream-card{min-height:0}.control-deck{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.control-deck .code-card,.stream-actions{grid-column:span 2}}@media (width<=540px){.studio-grid{border-radius:1.45rem;padding:.65rem}.control-deck{grid-template-columns:1fr;padding:.85rem}.control-deck .code-card,.stream-actions{grid-column:auto}}.granularity-control{gap:.58rem;display:grid;position:relative}.control-label{color:#5a585e;letter-spacing:.04em;text-transform:uppercase;font-size:.77rem;font-weight:750}.granularity-trigger{color:#25252a;text-align:left;background:#fff;border:1px solid #191a1d21;border-radius:.78rem;justify-content:space-between;align-items:center;width:100%;padding:.78rem .82rem;font:700 1rem inherit;transition:border-color .15s,box-shadow .15s;display:flex}.granularity-trigger:hover{border-color:#5b56e86b}.granularity-trigger:focus-visible{border-color:#5b56e8;outline:none;box-shadow:0 0 0 3px #5b56e824}.granularity-trigger svg{fill:none;stroke:#4e4b55;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1rem;height:1rem;transition:transform .16s}.granularity-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.granularity-menu{z-index:5;background:#fff;border:1px solid #191a1d1f;border-radius:.82rem;gap:.2rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;right:0;box-shadow:0 12px 28px #2f292224}.granularity-menu button{color:#35333a;text-align:left;background:0 0;border:0;border-radius:.55rem;width:100%;padding:.62rem .66rem;font:650 .88rem inherit}.granularity-menu button:hover,.granularity-menu button[aria-selected=true]{color:#4843bd;background:#5b56e817}.granularity-menu button:focus-visible{outline-offset:-2px;outline:2px solid #5b56e8}.group-studio{padding-top:1rem}.stream-effect-picker,.group-control-deck .group-effect-picker{gap:.58rem;display:grid}.stream-effect-options,.group-control-deck .group-effect-options{margin-top:0}.group-stream-card{flex-direction:column;gap:1.4rem;display:flex}.group-stream-card .activity-feed{flex:1;align-content:start;padding-top:0;overflow:auto}.stream-actions .button.is-exiting{pointer-events:none;animation-duration:.26s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.stream-effect-options,.group-control-deck .group-effect-options{background:#5b56e814;border:1px solid #5b56e838;border-radius:999px;gap:.22rem;margin:0;padding:.28rem;display:flex;overflow:visible}.stream-effect-options .effect-icon-button,.group-control-deck .group-effect-options .effect-icon-button{color:#69666f;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;padding:0;font-size:1rem;font-weight:800;line-height:1;transition:color .15s,background .15s,transform .15s;display:grid}.stream-effect-options .effect-icon-button:hover,.group-control-deck .group-effect-options .effect-icon-button:hover{color:#4843bd;background:#ffffffc7;border:0}.stream-effect-options .effect-icon-button.is-active,.group-control-deck .group-effect-options .effect-icon-button.is-active{color:#514cc8;background:#fff;border:0;box-shadow:0 3px 9px #1d19602e}.stream-effect-options .scale-effect-icon,.group-control-deck .group-effect-options .scale-effect-icon{width:1.05em;height:1.05em}.close-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.2px;width:1rem;height:1rem}.event-remove{align-self:center;font-size:0}@media (width<=900px){.proof-strip>div{padding:.4rem 0}.proof-strip>div+div{border-top:1px solid #191a1d1a;border-left:0}}.install-line{background:#ffffff8f;border:1px solid #191a1d1f;border-radius:.9rem;gap:.34rem;width:fit-content;margin-top:1.45rem;padding:.72rem .88rem;display:grid}.install-line>span{color:#5b56e8;letter-spacing:.12em;font:750 .62rem ui-monospace,SFMono-Regular,Menlo,monospace}.install-line code{color:#25252a;font:650 .82rem ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=540px){.install-line{width:100%}}.install-command{align-items:center;gap:.62rem;display:flex}.install-copy{color:#514cc8;background:#5b56e814;border:1px solid #5b56e82e;border-radius:.55rem;place-items:center;width:1.9rem;height:1.9rem;padding:0;transition:border-color .15s,background .15s,color .15s;display:grid}.install-copy svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:.9rem;height:.9rem}.install-copy:hover{background:#5b56e826;border-color:#5b56e86b}.install-copy:focus-visible{outline-offset:2px;outline:2px solid #5b56e8}.proof-strip .technical-fact strong{color:#302e34;letter-spacing:-.04em;font:750 1.03rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.proof-strip .technical-fact p{max-width:35ch}.proof-strip{background:#ffffff80;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.8rem;display:grid}.proof-strip>.technical-card{background:#ffffffb8;border:1px solid #191a1d17;border-radius:1.05rem;align-content:start;gap:.8rem;min-width:0;min-height:11.5rem;padding:1.1rem 1.15rem 1.05rem;display:grid;position:relative;overflow:hidden}.proof-strip>.technical-card+.technical-card,.proof-strip>.technical-card:first-child{border-left:1px solid #191a1d17;padding:1.1rem 1.15rem 1.05rem}.technical-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#5b56e826,#5b56e800 68%);border-radius:999px;width:7rem;height:7rem;position:absolute;bottom:-4.5rem;right:-4.3rem}.technical-card-deps:after{background:radial-gradient(circle,#61cdb12e,#61cdb100 68%)}.technical-card-api:after{background:radial-gradient(circle,#f3ae6b2b,#f3ae6b00 68%)}.technical-card-topline{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.technical-kicker{color:#68646f;letter-spacing:.1em;align-items:center;gap:.35rem;font:750 .59rem ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.technical-kicker i{background:#5b56e8;border-radius:50%;width:.38rem;height:.38rem;box-shadow:0 0 0 .18rem #5b56e81a}.technical-card-deps .technical-kicker i{background:#4eaf91;box-shadow:0 0 0 .18rem #4eaf911a}.technical-card-api .technical-kicker i{background:#d5843e;box-shadow:0 0 0 .18rem #d5843e1a}.technical-tag{color:#69666f;white-space:nowrap;background:#f5f3f0b8;border:1px solid #191a1d17;border-radius:999px;padding:.26rem .4rem;font:650 .58rem ui-monospace,SFMono-Regular,Menlo,monospace}.technical-metric{color:#25252a;align-items:end;gap:.48rem;display:flex}.technical-metric strong{color:inherit!important;letter-spacing:-.12em!important;font:760 clamp(2.75rem,4vw,3.5rem)/.76 ui-monospace,SFMono-Regular,Menlo,monospace!important}.technical-metric span{color:#77747c;margin-bottom:.06rem;font:650 .66rem/1.15 ui-monospace,SFMono-Regular,Menlo,monospace}.proof-strip .technical-card p{z-index:1;color:#747178;max-width:37ch;margin:0;font-size:.77rem;line-height:1.45;position:relative}.proof-strip .technical-card code{color:#514cc8;font-size:.7rem;display:inline-block}@media (width<=900px){.proof-strip{grid-template-columns:1fr}.proof-strip>.technical-card{min-height:0}}.api-reference{padding:0 clamp(.3rem,1vw,1rem) 6.5rem}.api-reference-heading{grid-template-columns:minmax(0,1fr) minmax(18rem,.58fr);align-items:end;gap:1rem;margin-bottom:1rem;display:grid}.api-reference-heading h2{color:#191a1d;letter-spacing:-.07em;max-width:14ch;margin:.8rem 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:.92}.api-reference-heading p:not(.eyebrow){color:#6b696f;max-width:48rem;margin:1rem 0 0;font-size:.94rem;line-height:1.58}.api-signature{color:#514cc8;background:#ffffffb3;border:1px solid #191a1d1a;border-radius:1.05rem;margin:0;padding:1rem 1.1rem;font:650 .73rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.api-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.api-doc-card{background:#ffffff94;border:1px solid #191a1d1a;border-radius:1.35rem;padding:1.25rem 1.35rem}.api-doc-card h3{color:#302e34;letter-spacing:-.025em;margin:0 0 .85rem;font-size:1rem}.api-doc-card dl{gap:.8rem;margin:0;display:grid}.api-doc-card dl>div{border-top:1px solid #191a1d14;gap:.28rem;padding-top:.8rem;display:grid}.api-doc-card dt{color:#3a3840;flex-wrap:wrap;align-items:baseline;gap:.3rem .45rem;display:flex}.api-doc-card dt code,.api-doc-card dd code{color:#514cc8;font:650 .72rem ui-monospace,SFMono-Regular,Menlo,monospace}.api-doc-card dt span{color:#87838b;font:600 .62rem ui-monospace,SFMono-Regular,Menlo,monospace}.api-doc-card dd{color:#706d74;max-width:62ch;margin:0;font-size:.78rem;line-height:1.45}.group-api-reference{padding-bottom:0}@media (width<=760px){.api-reference{padding-bottom:4.8rem}.api-reference-heading,.api-doc-grid{grid-template-columns:1fr}.api-reference-heading h2{max-width:15ch}}.topbar-links{align-items:center;gap:.1rem;display:flex}.topbar-links a{color:#6d6c70;border-radius:.52rem;padding:.46rem .5rem;text-decoration:none;transition:color .15s,background .15s}.topbar-links a:hover{color:#242328;background:#191a1d0f}.topbar-meta .github-link{color:#fff}.hero-quickstart{grid-template-columns:minmax(0,auto) minmax(13rem,1fr);align-items:stretch;gap:.55rem;width:min(100%,31rem);margin-top:1.45rem;display:grid}.hero-quickstart .install-line{width:auto;margin:0}.hero-usage{color:#f8f7f4;white-space:pre-wrap;background:#232227;border:1px solid #191a1d1f;border-radius:.9rem;align-items:center;min-width:0;margin:0;padding:.75rem .9rem;font:650 .69rem/1.42 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;box-shadow:0 10px 20px #2c272314}.hero-quickstart>p{color:#747178;grid-column:1/-1;margin:.08rem 0 0;font-size:.74rem;line-height:1.4}.hero-quickstart>p code{color:#514cc8;font-weight:700}#text-demo,#group-demo,#text-api,#group-api{scroll-margin-top:6.5rem}@media (width<=900px){.topbar-links{display:none}}@media (width<=720px){.hero-quickstart{grid-template-columns:1fr;width:100%}.hero-quickstart .install-line{width:100%}}@media (width<=540px){.topbar-meta>span{display:none}}.hero-quickstart{color:#27262b;align-items:center;gap:.68rem;width:fit-content;max-width:100%;margin-top:1.5rem;font:650 .78rem ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.hero-quickstart .install-command{white-space:nowrap;background:#ffffff6b;border:1px solid #191a1d1f;border-radius:999px;gap:.45rem;padding:.28rem .3rem .28rem .7rem}.hero-quickstart .install-command code{color:#28272c}.hero-quickstart .install-copy{background:#5b56e81a;border:0;width:1.65rem;height:1.65rem}.quickstart-arrow{color:#98949b;font-size:1rem}.hero-usage{color:#514cc8;max-width:100%;box-shadow:none;white-space:normal;background:0 0;border:0;border-radius:0;padding:0;font:650 .72rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.hero-quickstart-note{color:#747178;margin:.52rem 0 0;font-size:.74rem}.product-facts{border-block:1px solid #191a1d1c;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 clamp(.3rem,1vw,1rem) 6.5rem;display:grid}.product-facts article{gap:.35rem;padding:1.15rem 1.25rem;display:grid}.product-facts article+article{border-left:1px solid #191a1d1c}.product-facts strong{color:#29282d;letter-spacing:-.025em;font:700 .86rem ui-monospace,SFMono-Regular,Menlo,monospace}.product-facts span{color:#77747c;font-size:.78rem}@media (width<=720px){.hero-quickstart{flex-wrap:wrap;align-items:flex-start;gap:.45rem}.hero-usage{flex-basis:100%;padding-left:.1rem}.quickstart-arrow{display:none}.product-facts{grid-template-columns:1fr;margin-bottom:4.7rem}.product-facts article+article{border-top:1px solid #191a1d1c;border-left:0}}