#intro{--ease:cubic-bezier(.2, .8, .2, 1);height:100vh;min-height:560px;position:relative;overflow:hidden}#intro.instant,#intro.instant *{transition:none!important}#intro .dither{width:100%;height:100vh;image-rendering:pixelated;transition:opacity 1.2s;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}#intro .term{font-family:var(--font-mono);white-space:nowrap;transition:opacity .35s ease, transform .5s var(--ease), filter .5s ease;font-size:18px;line-height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#intro .term .path{color:var(--faint)}#intro .term .arrow{color:var(--amber);margin:0 10px 0 8px}#intro .term .caret{vertical-align:-4px;background:var(--amber);width:10px;height:20px;margin-left:2px;animation:1.06s step-end infinite intro-blink;display:inline-block}#intro .term.typing .caret{animation:none}#intro .term.gone{opacity:0;filter:blur(4px);pointer-events:none;transform:translate(-50%,-50%)scale(.96)}@keyframes intro-blink{50%{opacity:0}}#intro .app{transform-origin:0 0;width:1120px;height:680px;transition:transform 1.1s var(--ease);position:absolute;top:0;left:0}#intro .app.narrow{width:420px}#intro .ui{opacity:0;background:var(--ground);border:1px solid var(--line);border-radius:12px;transition:opacity .7s;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 120px -20px #000000b3}#intro .app.filled .ui{opacity:1}#intro svg.sketch{pointer-events:none;width:100%;height:100%;transition:opacity .8s .2s;position:absolute;inset:0;overflow:visible}#intro .app:not(.narrow) svg.sketch.narrow,#intro .app.narrow svg.sketch.wide{display:none}#intro svg.sketch .ol{fill:#f5a52400;stroke:var(--amber);stroke-width:1.2px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .8s cubic-bezier(.65,0,.35,1) calc(var(--i) * 70ms), fill .6s ease calc(.4s + var(--i) * 50ms)}#intro svg.sketch .bar{fill:#ecedee12;opacity:0;transition:opacity .5s ease calc(.5s + var(--i) * 60ms)}#intro .app.draw svg.sketch .ol{stroke-dashoffset:0;fill:#f5a5240b}#intro .app.draw svg.sketch .bar{opacity:1}#intro .app.filled svg.sketch{opacity:0}#intro .titlebar{border-bottom:1px solid var(--line);align-items:center;gap:8px;height:36px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}#intro .titlebar i{background:var(--line-strong);border-radius:50%;width:11px;height:11px}#intro .titlebar .ttl{color:var(--faint);font-size:12px;position:absolute;left:50%;transform:translate(-50%)}#intro .side{border-right:1px solid var(--line);background:var(--panel);width:232px;padding:14px 12px;position:absolute;top:36px;bottom:0;left:0}#intro .app.narrow .side{display:none}#intro .side-h{font-family:var(--font-mono);letter-spacing:.06em;color:var(--faint);justify-content:space-between;align-items:center;padding:0 6px 10px;font-size:10.5px;display:flex}#intro .plus{width:20px;height:20px;color:var(--dim);border-radius:6px;place-items:center;font-size:15px;transition:background .2s,color .2s;display:grid}#intro .plus.press{color:var(--amber);background:#f5a52429}#intro .lane{height:44px;transition:background .25s, opacity .4s ease, transform .4s var(--ease);border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:0 10px;display:flex}#intro .lane.on{background:var(--raised)}#intro .lane.pending{opacity:0;transform:translateY(-6px)}#intro .lane .lt{white-space:nowrap;text-overflow:ellipsis;max-width:128px;font-size:12.5px;line-height:16px;overflow:hidden}#intro .lane .ls{font-family:var(--font-mono);color:var(--faint);font-size:10.5px;line-height:14px}#intro .dot{background:var(--line-strong);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:auto}#intro .dot.working{background:var(--amber);animation:1.4s ease-in-out infinite intro-pulse}#intro .dot.limit{background:var(--red)}#intro .dot.done{background:var(--green)}@keyframes intro-pulse{50%{opacity:.35}}#intro .mark{width:16px;height:16px;color:var(--ink);flex-shrink:0;display:inline-block;position:relative}#intro .mark svg{width:100%;height:100%;transition:opacity .35s ease, transform .35s var(--ease);position:absolute;inset:0}#intro .mark svg.out{opacity:0;transform:scale(.6)}#intro .side-foot{font-family:var(--font-mono);color:var(--faint);font-size:10.5px;position:absolute;bottom:14px;left:18px}#intro main{position:absolute;inset:36px 0 0 232px}#intro .app.narrow main{left:0}#intro .mh{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:52px;padding:0 24px;display:flex}#intro .app.narrow .mh{padding:0 16px}#intro .app.narrow .mb{display:none}#intro .mt{letter-spacing:-.01em;white-space:nowrap;font-size:14px;font-weight:600}#intro .chip{border:1px solid var(--line);height:24px;color:var(--dim);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:11.5px;display:inline-flex}#intro .chip.mono{font-family:var(--font-mono);font-size:10.5px}#intro .chip.agent{color:var(--ink);margin-left:auto}#intro .chip .mark{width:12px;height:12px}#intro .tx{transition:opacity .25s;position:absolute;inset:52px 0 108px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 40px);mask-image:linear-gradient(#0000,#000 40px)}#intro .tx.off{opacity:0}#intro .flow{flex-direction:column;gap:14px;padding:0 40px 4px;display:flex;position:absolute;bottom:0;left:0;right:0}#intro .app.narrow .flow{padding:0 16px 4px}#intro .msg-u{background:var(--raised);border-radius:12px;align-self:flex-end;max-width:min(520px,88%);padding:10px 14px;font-size:13.5px;line-height:20px}#intro .msg-a{flex-direction:column;gap:8px;max-width:680px;transition:opacity .5s;display:flex}#intro .msg-a.dim{opacity:.45}#intro .who{color:var(--dim);align-items:center;gap:7px;font-size:11.5px;display:flex}#intro .who .mark{width:13px;height:13px}#intro .txt{color:var(--dim);font-size:13.5px;line-height:21px}#intro .txt .w{animation:.22s both intro-fade}@keyframes intro-fade{0%{opacity:0}}#intro .tools{flex-direction:column;gap:5px;display:flex}#intro .tool{font-family:var(--font-mono);color:var(--faint);animation:intro-rise .24s var(--ease) both;font-size:11px;line-height:15px}#intro .tool .ti{width:14px;display:inline-block}#intro .tool.run{color:var(--dim)}#intro .tool.run .ti{color:var(--amber);animation:1s ease-in-out infinite intro-pulse}#intro .thinking{gap:4px;padding:4px 0;display:flex}#intro .thinking i{background:var(--faint);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite intro-pulse}#intro .thinking i:nth-child(2){animation-delay:.15s}#intro .thinking i:nth-child(3){animation-delay:.3s}@keyframes intro-rise{0%{opacity:0;transform:translateY(6px)}}#intro .in{animation:intro-rise .24s var(--ease) both}#intro .notice{background:#f5a52412;border:1px solid #f5a52459;border-radius:10px;max-width:520px;padding:11px 14px}#intro .notice b{color:var(--amber);font-size:13px;font-weight:600;line-height:18px;display:block}#intro .notice span{font-family:var(--font-mono);color:var(--dim);font-size:11px;line-height:16px}#intro .notice.out{animation:.25s both intro-out}@keyframes intro-out{to{opacity:0;transform:scale(.98)}}#intro .card{background:var(--raised);border:1px solid #f5a52473;border-radius:12px;max-width:560px;padding:14px 16px;box-shadow:0 0 0 4px #f5a5240d}#intro .card .hd{align-items:center;gap:10px;font-size:12px;display:flex}#intro .card .pill{border:1px solid var(--line);height:24px;color:var(--dim);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}#intro .card .pill.to{border-color:var(--amber);color:var(--ink);opacity:0;transition:opacity .25s .25s}#intro .card.go .pill.to{opacity:1}#intro .card .pill .mark{width:12px;height:12px}#intro .card .arr{flex-shrink:0;width:28px;height:10px;overflow:visible}#intro .card .arr path{stroke:var(--amber);stroke-width:1.4px;fill:none;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .3s}#intro .card.go .arr path{stroke-dashoffset:0}#intro .card .hk{font-family:var(--font-mono);color:var(--faint);margin-left:auto;font-size:10.5px}#intro .app.narrow .card .hk{display:none}#intro .card .rows{border-top:1px solid var(--line);font-family:var(--font-mono);flex-direction:column;gap:7px;margin-top:12px;padding-top:10px;font-size:11px;line-height:16px;display:flex}#intro .card .row{opacity:0;transition:opacity .24s ease, transform .24s var(--ease);gap:12px;display:flex;transform:translateY(4px)}#intro .card .row.on{opacity:1;transform:none}#intro .card .row b{width:58px;color:var(--amber);flex-shrink:0;font-weight:400}#intro .ctx{border:1px solid var(--line-strong);background:var(--panel);border-radius:10px;max-width:600px;padding:12px 14px}#intro .ctx .k{font-family:var(--font-mono);letter-spacing:.06em;color:var(--amber);margin-bottom:8px;font-size:10.5px}#intro .ctx .l{color:var(--dim);align-items:baseline;gap:8px;font-size:12.5px;line-height:19px;transition:opacity .3s;display:flex}#intro .ctx .l+.l{margin-top:4px}#intro .ctx .l .mark{top:3px}#intro .ctx code{font-family:var(--font-mono);color:var(--ink);font-size:11px}#intro .composer{border:1px solid var(--line-strong);background:var(--panel);border-radius:12px;height:76px;padding:10px 12px 8px 14px;transition:border-color .2s,box-shadow .2s;position:absolute;bottom:20px;left:24px;right:24px}#intro .app.narrow .composer{left:16px;right:16px}#intro .composer.focus{border-color:#f5a5248c;box-shadow:0 0 0 3px #f5a52414}#intro .input{white-space:nowrap;height:22px;font-size:13.5px;line-height:20px;overflow:hidden}#intro .input .ph{color:var(--faint)}#intro .input .cur{vertical-align:-3px;background:var(--amber);width:1.5px;height:16px;margin-left:1px;animation:1.06s step-end infinite intro-blink;display:inline-block}#intro .composer:not(.focus) .input .cur{display:none}#intro .cbar{justify-content:space-between;align-items:center;margin-top:10px;display:flex}#intro .cbar .chip.agent{height:22px;margin-left:0}#intro .send{background:var(--line);width:26px;height:26px;color:var(--faint);border-radius:8px;place-items:center;font-size:14px;transition:background .2s,color .2s,transform .12s;display:grid}#intro .send.ready{background:var(--amber);color:var(--amber-ink)}#intro .send.press{transform:scale(.88)}#intro .hero{text-align:center;opacity:0;transition:opacity .8s ease .35s, transform .8s var(--ease) .35s;visibility:hidden;padding:128px 16px 0;position:absolute;top:0;left:0;right:0;transform:translateY(10px)}#intro.settled .hero{opacity:1;visibility:visible;transform:none}#intro .tag{border:1px solid var(--line-strong);height:28px;font-family:var(--font-mono);color:var(--dim);border-radius:999px;align-items:center;margin-bottom:24px;padding:0 12px;font-size:11.5px;display:inline-flex}#intro .tag b{color:var(--amber);margin-right:6px;font-weight:500}#intro h1{letter-spacing:-.045em;max-width:900px;margin:0 auto;font-size:clamp(40px,6.4vw,84px);font-weight:600;line-height:1.02}#intro .hero p{max-width:620px;color:var(--dim);margin:22px auto 0;font-size:clamp(16px,1.6vw,19px);line-height:1.5}#intro .hero p b{color:var(--ink);font-weight:500}#intro .ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}#intro .btn{border-radius:10px;align-items:center;gap:10px;height:46px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex}#intro .btn.p{background:var(--amber);color:var(--amber-ink)}#intro .btn.s{border:1px solid var(--line-strong);color:var(--ink)}#intro .meta{font-family:var(--font-mono);color:var(--faint);margin-top:18px;font-size:12px}#intro .replay{font:inherit;color:var(--dim);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-left:12px;padding:0;text-decoration:underline}#intro .nav{z-index:2;opacity:0;visibility:hidden;border-bottom:1px solid #0000;align-items:center;gap:28px;height:64px;padding:0 max(16px,50vw - 600px);transition:opacity .8s .2s;display:flex;position:absolute;top:0;left:0;right:0}#intro.settled .nav{opacity:1;visibility:visible}#intro .nav .logo{letter-spacing:-.02em;align-items:center;gap:10px;margin-right:8px;font-size:17px;font-weight:600;display:flex}#intro .nav .logo img{width:22px;height:22px;display:block}#intro .nav a:not(.logo):not(.dl){color:var(--dim);font-size:14px}#intro .nav a:not(.logo):not(.dl):hover{color:var(--ink)}#intro .nav .dl{background:var(--ink);height:34px;color:var(--ground);border-radius:8px;align-items:center;margin-left:auto;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}@media (width<=720px){#intro .nav a:not(.logo):not(.dl){display:none}#intro .hero{padding-top:104px}}#intro .skip{z-index:5;border:1px solid var(--line-strong);backdrop-filter:blur(8px);height:32px;color:var(--dim);font:500 12px var(--font-sans);cursor:pointer;background:#0e0f10b3;border-radius:8px;padding:0 12px;transition:opacity .4s;position:fixed;bottom:20px;right:20px}#intro .skip:hover{color:var(--ink)}#intro.settled .skip{opacity:0;pointer-events:none}.feature[data-astro-cid-lcdefpme]{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;min-height:404px;scroll-margin-top:24px;display:flex;overflow:hidden}.feature-copy[data-astro-cid-lcdefpme]{flex-direction:column;gap:10px;padding:28px 28px 0;display:flex}.feature-copy[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600;line-height:26px}.feature-copy[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--dim);margin:0;font-size:15px;line-height:24px}.feature-shot[data-astro-cid-lcdefpme]{margin:28px}.mark[data-astro-cid-lcdefpme]{color:var(--ink);flex-shrink:0;display:inline-block}p[data-astro-cid-lcdefpme]{margin:0}@media (width<=640px){.feature-copy[data-astro-cid-lcdefpme]{padding:22px 20px 0}.feature-shot[data-astro-cid-lcdefpme]{margin:22px 20px}}.frow{transition:background-color .35s}.frow .fnum,.frow .fname,.frow .fstate{transition:color .35s}.frow .fbar{transition:background-color .35s}.frow[data-tone=ready] .fnum,.frow[data-tone=out] .fnum,.frow[data-tone=work] .fnum{color:var(--faint)}.frow[data-tone=ready] .fname,.frow[data-tone=out] .fname{color:var(--dim)}.frow[data-tone=ready] .fbar{background:var(--dim)}.frow[data-tone=ready] .fstate{color:var(--faint)}.frow[data-tone=out] .fbar{background:var(--red)}.frow[data-tone=out] .fstate{color:var(--red)}.frow[data-tone=work] .fname{color:var(--ink)}.frow[data-tone=work] .fbar,.frow[data-tone=next] .fbar{background:var(--amber)}.frow[data-tone=work] .fstate,.frow[data-tone=next] .fstate,.frow[data-tone=next] .fnum{color:var(--amber)}.frow[data-tone=next]{background:var(--amber-soft)}.frow[data-tone=next] .fname{color:var(--ink)}[data-anim=agents] .agent{transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1),color .4s;position:relative}[data-anim=agents].armed .agent:not(.on){opacity:0;transform:translateY(8px)}[data-anim=agents] .agent:after{content:"";background:var(--amber);transform-origin:0;border-radius:2px;height:2px;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-8px;left:32px;right:0;transform:scaleX(0)}[data-anim=agents] .agent.lit{color:var(--ink)}[data-anim=agents] .agent.lit:after{transform:scaleX(1)}[data-anim=context] .cstep{transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .6s}[data-anim=context].armed .cstep:not(.on){opacity:0;transform:translateY(8px)}[data-anim=context] .ccheck.glow{box-shadow:0 0 0 4px #f5a5241a}.cnt{font-variant-numeric:tabular-nums;display:inline-grid}.cnt>*{grid-area:1/1}.cnt .ghost,[data-type] .rest{visibility:hidden}[data-type] .caret{vertical-align:-2px;background:var(--amber);width:1.5px;height:13px;margin:0 1px;display:none}[data-type].typing .caret{display:inline-block}.feature{transition:border-color .4s,box-shadow .4s;position:relative}article.feature.playing{border-color:#f5a52466;box-shadow:0 0 0 4px #f5a5240d}.wpulse{animation:1.6s ease-in-out infinite feat-pulse}@keyframes feat-pulse{50%{opacity:.35}}[data-anim=workspaces] .wdot,[data-anim=workspaces] .wlabel{color:var(--green);transition:color .3s}[data-anim=workspaces] .wmerge{background:var(--amber);color:var(--amber-ink);transition:background-color .35s,color .35s,transform .15s}[data-anim=workspaces].armed .wstep:not(.on) .wdot{color:var(--line-strong)}[data-anim=workspaces].armed .wlast:not(.on) .wlabel{color:var(--dim)}[data-anim=workspaces].armed:not(.ready) .wmerge{background:var(--line);color:var(--faint)}[data-anim=workspaces] .wmerge.press{transform:scale(.94)}[data-anim=tools] .tadded{transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .2s}[data-anim=tools].armed .tadded:not(.on){opacity:0;transform:scale(0)}
