@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes rise-lg{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes glide{0%{transform:translateY(8px)}to{transform:none}}.glide{animation:glide .64s var(--ease-out) both}.rise{opacity:0;animation:rise .64s var(--ease-out) forwards}.rise-lg{opacity:0;animation:rise-lg .9s var(--ease-out) forwards}.d1{animation-delay:40ms}.d2{animation-delay:.12s}.d3{animation-delay:.2s}.d4{animation-delay:.28s}.d5{animation-delay:.36s}.d6{animation-delay:.46s}@media (prefers-reduced-motion:reduce){.rise,.rise-lg,.glide{opacity:1;animation:none}}.hero{padding:clamp(var(--s-8), 9vw, 112px) 0 0;text-align:center;position:relative;overflow-x:clip}.hero-in{align-items:center;gap:var(--s-5);flex-direction:column;display:flex;position:relative}.hero .h1{max-width:16ch}.hero .lede{max-width:52ch}.win-wrap{margin-top:clamp(var(--s-7), 6vw, var(--s-8));perspective:1600px}.win-caption{margin:0 auto var(--s-3);max-width:76ch;color:var(--fg-3);font-size:var(--t-sm);line-height:1.5}.win{border-radius:var(--r-3);background:var(--panel);box-shadow:var(--shadow-3);text-align:left;font-size:13px;position:relative;overflow:hidden}.win-bar{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:10px;height:44px;padding:0 14px;display:flex}.dots{gap:6px;display:flex}.dots i{background:var(--line-2);border-radius:50%;width:10px;height:10px}.crumb{color:var(--fg-3);align-items:center;gap:6px;margin-left:8px;font-size:12px;display:flex}.crumb b{color:var(--fg);font-weight:500}.win-body{grid-template-columns:200px minmax(0,1fr) 320px;height:600px;display:grid}.detail{overflow:hidden}.side{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:12px 8px;display:flex;position:relative}.side .ws{color:var(--fg);align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px 10px;font-weight:500;display:flex}.side .ws i{background:var(--fg);width:18px;height:18px;color:var(--panel);border-radius:5px;justify-content:center;align-items:center;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.side>span:not(.grp):not(.ws){height:30px;color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;align-items:center;gap:8px;padding:0 8px;font-weight:500;display:flex;overflow:hidden}.side svg{width:14px;height:14px;color:var(--fg-3)}.side .on{background:var(--bg-2);color:var(--fg)}.side .on svg{color:var(--fg)}.side .n{color:var(--fg-3);margin-left:auto;font-size:11px}.side .sys-dot{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px;margin-inline:3px}.side .grp{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);margin:12px 8px 4px;font-size:11px;font-weight:500}.list{flex-direction:column;display:flex;position:relative}.list-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;height:44px;padding:0 16px;display:flex}.list-head .h3-like{font-size:13px;font-weight:500}.list-head .seg{background:var(--bg-2);border-radius:7px;margin-left:10px;padding:2px;display:inline-flex}.seg span{color:var(--fg-3);border-radius:5px;padding:3px 9px;font-size:12px;font-weight:500}#tk-seg{border-radius:9px;align-self:flex-start;padding:3px}#tk-seg span{cursor:pointer;height:40px;transition:background-color .12s var(--ease), color .12s var(--ease);border-radius:6px;align-items:center;padding:0 14px;display:inline-flex}#tk-seg span:hover:not(.on){background:var(--hover);color:var(--fg)}#tk-seg span:active{transform:scale(.96)}.faq summary:hover{color:var(--fg-2)}.review-box .acts button{background:var(--panel);box-shadow:var(--shadow-1);cursor:pointer;transition:box-shadow .12s var(--ease);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500}.review-box .acts button:hover{box-shadow:0 1px 2px #15120f14, 0 0 0 1px var(--line-2)}.review-box .acts button:active{transform:scale(.96)}.seg .on{background:var(--panel);color:var(--fg);box-shadow:var(--shadow-1)}.list-head .kbd{color:var(--fg-3);gap:4px;margin-left:auto;font-size:11px;display:inline-flex}.kbd i{background:var(--bg-2);min-width:18px;height:18px;box-shadow:inset 0 -1px 0 var(--line-2);font-style:normal;font-family:var(--mono);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;display:inline-flex}.grp-row{background:var(--panel-2);border-bottom:1px solid var(--line);height:30px;color:var(--fg-2);align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:500;display:flex}.grp-row .n{color:var(--fg-3);font-weight:400}.row{border-bottom:1px solid var(--line);height:40px;transition:background-color .12s var(--ease);grid-template-columns:18px minmax(0,1fr) auto auto 26px;align-items:center;gap:12px;padding:0 16px;display:grid}.row.sel{background:var(--bg-2)}.st{border:1.5px solid var(--line-2);width:14px;height:14px;transition:background-color .2s var(--ease), border-color .2s var(--ease);border-radius:50%;display:inline-block;position:relative}.st.prog{border-color:var(--prog);background:conic-gradient(var(--prog) 0 62%, transparent 62% 100%);-webkit-mask:radial-gradient(circle,#0000 42%,#000 44%);mask:radial-gradient(circle,#0000 42%,#000 44%)}.st.done{border-color:var(--ok);background:var(--ok)}.st.done:after{content:"";border:solid var(--panel);border-width:0 1.5px 1.5px 0;width:4px;height:7px;position:absolute;top:1px;left:3.5px;transform:rotate(45deg)}.st.review{border-color:var(--warn);background:repeating-linear-gradient(45deg, var(--warn) 0 2px, transparent 2px 4px)}.row .t{letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.row .t small{color:var(--fg-3);font-weight:400;font-family:var(--mono);margin-left:8px;font-size:11px}.chip{white-space:nowrap;border-radius:6px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.chip.tool,.chip.auto,.chip.agent,.chip.neutral{background:var(--bg-2);color:var(--fg-2)}.chip.tool:before,.chip.auto:before,.chip.agent:before{content:"";background:var(--fg-3);flex:none;width:6px;height:6px;margin-right:6px}.chip.agent:before{border-radius:50%}.chip.tool:before{border-radius:1.5px}.chip.auto:before{clip-path:polygon(0 0,100% 50%,0 100%)}.row .when{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:12px}.av{background:var(--bg-2);width:22px;height:22px;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.av.e{background:var(--fg);color:var(--panel);box-shadow:none}.detail{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;gap:14px;padding:16px;display:flex}.detail .id{color:var(--fg-3);font-family:var(--mono);font-size:11px}.detail .dtitle{margin-top:2px;font-size:15px}.kv{grid-template-columns:84px 1fr;gap:6px 10px;font-size:12px;display:grid}.kv dt{color:var(--fg-3)}.kv dd{color:var(--fg);align-items:center;gap:6px;display:flex}.steps{flex-direction:column;gap:0;margin-top:2px;display:flex}.step{height:27px;color:var(--fg-2);grid-template-columns:16px 1fr auto;align-items:center;gap:10px;font-size:12px;display:grid}.step .st{width:12px;height:12px}.step.cur{color:var(--fg);font-weight:500}.step .when{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:11px}.feed{border-top:1px solid var(--line);color:var(--fg-2);flex-direction:column;gap:8px;padding-top:12px;font-size:12px;display:flex}.feed li{grid-template-columns:22px 1fr;align-items:start;gap:8px;display:grid}.feed li .av{width:18px;height:18px;margin-top:1px;font-size:9px}.feed li span{line-height:1.45}.feed li b{color:var(--fg);font-weight:500}.feed li time{color:var(--fg-3);font-size:11px;display:block}.feed{flex:none;height:118px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.review-box{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);border-radius:12px;margin-top:auto;padding:8px 10px;font-size:12px;display:grid}.rb-state{opacity:0;transition:opacity .22s var(--ease), transform .32s var(--ease-out);grid-area:1/1;transform:translateY(4px)}.is-ask .rb-ask,.is-approved .rb-approved,.is-live .rb-live{opacity:1;transition-delay:80ms;transform:none}.review-box .rb-approved b,.review-box .rb-live b{color:var(--ok-fg)}.review-box .acts button.on{background:var(--fg);color:var(--panel);box-shadow:none}@media (prefers-reduced-motion:reduce){.rb-state{transform:none}}.review-box b{color:var(--warn-fg);letter-spacing:.02em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.review-box .acts{gap:6px;margin-top:8px;display:flex}@media (max-width:1000px){.win-body{grid-template-columns:180px minmax(0,1fr);height:auto;min-height:480px}.detail{display:none}}@media (max-width:680px){.win-body{grid-template-columns:1fr}.side{display:none}.row{grid-template-columns:18px minmax(0,1fr) auto}.row .chip,.row .when,.list-head .seg{display:none}}:root{--sheen:#ffffff8c;--ground:#15120f0f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hv2{--sheen:#ffffff12;--ground:#00000080}}:root[data-theme=dark] .hv2{--sheen:#ffffff12;--ground:#00000080}.win-wrap{z-index:1;perspective:1400px;perspective-origin:50% 0;position:relative}.win-scene{transform-origin:50% 0;position:relative}@keyframes settle{0%{transform:rotateX(9deg)scale(.98)}to{transform:rotateX(0)scale(1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:861px){.win-scene{will-change:transform;animation:linear both settle;animation-timeline:view();animation-range:cover cover 38%}}}.win:before{content:"";background:linear-gradient(180deg, var(--sheen), transparent);opacity:.5;pointer-events:none;z-index:3;height:120px;position:absolute;inset:0 0 auto}.win:after{content:"";border-radius:inherit;box-shadow:inset 0 1px 0 var(--sheen);pointer-events:none;z-index:3;position:absolute;inset:0}.toast{right:var(--s-4);bottom:var(--s-4);z-index:5;text-align:left;background:var(--panel);width:300px;box-shadow:var(--shadow-3);opacity:0;transform-origin:100% 100%;transition:opacity .32s var(--ease-out), transform .46s var(--ease-out);pointer-events:none;border-radius:14px;grid-template-columns:26px 1fr;align-items:start;gap:10px;padding:8px 12px 8px 8px;font-size:12px;line-height:1.4;display:grid;position:absolute;transform:translateY(8px)scale(.98)}.toast.in{opacity:1;transform:none}.toast:not(.in){transition-duration:.16s,.2s}.toast .ic{border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.toast .ic.ok{background:var(--ok-soft);color:var(--ok)}.toast .ic.info{background:var(--info-soft);color:var(--info)}.toast .ic.warn{background:var(--warn-soft);color:var(--warn)}.toast .ic svg{width:14px;height:14px}.toast b{color:var(--fg);font-weight:500;display:block}.toast span{color:var(--fg-2)}.toast time{color:var(--fg-3);margin-top:2px;font-size:11px;display:block}@media (max-width:680px){.toast{display:none}}.ghost{z-index:6;opacity:0;width:18px;height:18px;transition-property:transform,opacity;transition-duration:.7s,.2s;transition-timing-function:var(--ease-in-out), var(--ease);pointer-events:none;filter:drop-shadow(0 2px 4px #00000059);position:absolute;top:0;left:0;transform:translate(0)}.ghost.on{opacity:1}.ghost svg{transform-origin:20% 15%;width:100%;height:100%;transition:transform .12s var(--ease-out);display:block}.ghost.click svg{transform:scale(.84)}@media (prefers-reduced-motion:reduce){.ghost{display:none}}.detail-swap{min-height:0;transition:opacity .2s var(--ease), filter .2s var(--ease), transform .26s var(--ease-out);flex-direction:column;flex:1;gap:12px;display:flex;position:relative}.detail-swap.out{opacity:0;filter:blur(2px);transform:translateY(4px)}@media (prefers-reduced-motion:reduce){.detail-swap,.detail-swap.out{filter:none;transform:none}}.row .st.prog:before{content:"";border:1.5px solid var(--prog);opacity:0;border-radius:50%;animation:2.4s ease-out 1.2s infinite breathe;position:absolute;inset:-4px}@keyframes breathe{0%{opacity:.6;transform:scale(.7)}70%,to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.st.prog:before{animation:none}}.card{transition:box-shadow .2s var(--ease-out)}.tk-row[hidden]{display:none}.reveal{transition:opacity .42s var(--ease-out), transform .52s var(--ease-out), box-shadow .2s var(--ease-out)}@media (prefers-reduced-motion:no-preference){[data-js] .reveal:not(.is-in){opacity:0;transform:translateY(14px)}}[data-js] .reveal.is-in:nth-child(2){transition-delay:70ms,70ms,0s}[data-js] .reveal.is-in:nth-child(3){transition-delay:.14s,.14s,0s}[data-js] .reveal.is-in:nth-child(4){transition-delay:.21s,.21s,0s}.au-phone{box-shadow:var(--shadow-2);background:linear-gradient(180deg, var(--panel-2), var(--panel))}
.tick{transition:opacity .24s var(--ease), transform .36s var(--ease-out);display:inline-block}@starting-style{.tick{opacity:0;transform:translateY(5px)}}.st.pop{transition:opacity .2s var(--ease), transform .32s var(--ease-out)}@starting-style{.st.pop{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.tick,.st.pop{transition:opacity .2s var(--ease)}@starting-style{.tick,.st.pop{transform:none}}}.row.leaving{opacity:0;transition:opacity .26s var(--ease)}.new-row .chip,.new-row .when,.new-row .av{opacity:0;transition:opacity .24s var(--ease), transform .32s var(--ease-out);transform:translateY(3px)}.new-row.typed .chip,.new-row.typed .when,.new-row.typed .av{opacity:1;transform:none}.new-row.typed .when{transition-delay:60ms}.new-row.typed .av{transition-delay:.12s}.caret{vertical-align:-2px;background:var(--fg);width:1.5px;height:14px;margin-left:1px;display:inline-block}.new-btn{background:var(--panel);height:26px;box-shadow:var(--shadow-1);color:var(--fg);transition:transform .14s var(--ease-out), background-color .14s var(--ease);border-radius:7px;align-items:center;gap:4px;margin-left:auto;padding:0 9px 0 7px;font-size:12px;font-weight:500;display:inline-flex}.new-btn svg{width:12px;height:12px}.new-btn.pressed{background:var(--bg-2);transform:scale(.96)}
.kinds{gap:clamp(var(--s-8), 8vw, var(--s-9));display:grid}.kind{gap:clamp(var(--s-6), 5vw, var(--s-8));grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;display:grid}.kind-copy{gap:var(--s-3);align-content:start;display:grid}.kind-copy h3{font-size:var(--t-h3);letter-spacing:-.02em;text-wrap:balance;font-weight:500;line-height:1.2}.kind-copy p{max-width:54ch;color:var(--fg-2);font-size:var(--t-body);line-height:1.6}@media (max-width:960px){.kind{grid-template-columns:1fr}}.demo{flex-direction:column;display:flex}.demo-head{align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);display:flex}.demo-head .chip{margin-left:auto}.demo-title{gap:2px;display:grid}.demo-result{color:var(--fg-3);font-size:12px;line-height:1.4}.loop-toggle{border-radius:var(--r-2);width:32px;height:32px;color:var(--fg-3);opacity:.45;transition:opacity .16s var(--ease), background-color .16s var(--ease);flex:none;place-items:center;margin:-4px -6px -4px auto;display:inline-grid}.loop-toggle svg{width:14px;height:14px}.demo:hover .loop-toggle,.demo:focus-within .loop-toggle{opacity:1}.loop-toggle:hover{color:var(--fg);background:var(--hover)}@media (hover:none){.loop-toggle{opacity:1}}@media (prefers-reduced-motion:reduce){.loop-toggle{transition:none}}.demo-body{padding:var(--s-3) var(--s-4) var(--s-4);gap:var(--s-2);flex-direction:column;flex:1;font-size:13px;display:flex}.tk-bar{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.tk-bar .seg{flex:none}.tk-count{color:var(--fg-3);font-size:var(--t-label);white-space:nowrap}.tk-row{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;height:44px;display:grid}.tk-row:last-child{border-bottom:0}.tk-row .cyc{border-radius:var(--r-2);width:40px;height:40px;transition:background-color .12s var(--ease);justify-content:center;align-items:center;margin-left:-8px;display:inline-flex;position:relative}.tk-row .cyc:before{content:"";position:absolute;inset:-1px}.tk-row .cyc:hover{background:var(--hover)}.tk-row .cyc:active{transform:scale(.96)}.tk-list{overscroll-behavior:contain;scrollbar-width:thin;height:220px;position:relative;overflow-y:auto}.tk-row .t{white-space:nowrap;text-overflow:ellipsis;transition:color .15s var(--ease);font-weight:500;overflow:hidden}.tk-row .src{min-width:64px;color:var(--fg-3);letter-spacing:.02em;margin-right:8px;font-size:11px;font-weight:500;display:inline-block}.tk-row[data-s=done] .t{color:var(--fg-3);text-decoration:line-through;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}.tk-row .lbl{color:var(--fg-3);text-align:right;font-variant-numeric:tabular-nums;min-width:70px;font-size:11px}.tk-row[hidden]{display:none}@media (max-width:480px){.tk-row .src{min-width:0;margin-right:var(--s-2)}.tk-row .lbl{min-width:0}}.au-phone{background:var(--panel-2);box-shadow:var(--shadow-1);border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex;position:relative}.au-idle{color:var(--fg-3);opacity:0;transition:opacity .2s var(--ease);font-size:12px;position:absolute;inset:34px 12px auto}.au-idle.shown{opacity:1}.au-phone .from{color:var(--fg-3);justify-content:space-between;font-size:11px;display:flex}.bub{background:var(--bg);max-width:88%;box-shadow:var(--shadow-1);opacity:0;transition:opacity .16s var(--ease), transform .2s var(--ease-out);border-radius:6px;padding:8px 11px;font-size:12px;line-height:1.45;transform:translateY(6px)}.bub.shown{opacity:1;transition:opacity .26s var(--ease), transform .42s var(--ease-out);transform:none}.bub.out{background:var(--fg);color:var(--panel);box-shadow:none;align-self:flex-end}.vc-call .bub{max-width:92%}.vc-call .from svg{display:inline-block}.vc-call .from>span:first-child{white-space:nowrap}.vc-call .from .vc-ring{color:var(--ok-fg);animation:ring .9s var(--ease) infinite}@keyframes ring{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.vc-call .from .vc-ring{animation:none}}.flow{grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 0 6px;display:grid}.node{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.node b{color:var(--fg-2);transition:color .24s var(--ease);font-size:12px;font-weight:500;line-height:1.3}.node.on b{color:var(--fg)}.app-tile{z-index:1;width:52px;height:52px;box-shadow:0 0 0 1px var(--line-2), var(--shadow-1);opacity:.5;transition:opacity .24s var(--ease), transform .32s var(--ease-out), box-shadow .24s var(--ease);background:#fff;border-radius:14px;place-items:center;display:grid;position:relative;transform:scale(.94)}.app-tile svg{width:26px;height:26px}.node.on .app-tile{opacity:1;transform:none}.node.now .app-tile{box-shadow:0 0 0 2px var(--ok), 0 8px 20px -10px #15120f73}.node .wire{background:var(--line-2);border-radius:1px;width:calc(100% - 64px);height:2px;position:absolute;top:25px;left:calc(32px - 50%);overflow:hidden}.node .wire i{background:var(--ok);transform-origin:0;transition:transform .32s var(--ease-in-out);position:absolute;inset:0;transform:scaleX(0)}.node.on .wire i{transform:scaleX(1)}.demo-body .flow-log{border-radius:var(--r-2);background:var(--panel-2);flex:1;align-content:start;gap:2px;padding:10px 12px;display:grid}.flow-log li{color:var(--fg-2);opacity:0;transition:opacity .16s var(--ease), transform .2s var(--ease-out);grid-template-columns:18px minmax(0,1fr) auto;align-items:start;gap:10px;padding:5px 0;font-size:12px;line-height:1.45;display:grid;transform:translateY(3px)}.flow-log li.on{opacity:1;transition:opacity .26s var(--ease) .12s, transform .42s var(--ease-out) .12s;transform:none}.flow-log .log-ic{width:18px;height:18px;box-shadow:0 0 0 1px var(--line-2);background:#fff;border-radius:5px;place-items:center;display:grid}.flow-log .log-ic svg{width:11px;height:11px}.flow-log .at{color:var(--fg-3);font-size:11px}@media (prefers-reduced-motion:reduce){.node .wire i,.app-tile,.flow-log li{transition:opacity .2s var(--ease)}}.vc-tool{color:var(--fg-2);font-family:var(--mono);opacity:0;transition:opacity .16s var(--ease), transform .2s var(--ease-out);flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:2px 4px;font-size:11px;line-height:1.5;display:flex;transform:translateY(4px)}.vc-tool.shown{opacity:1;transition:opacity .26s var(--ease), transform .42s var(--ease-out);transform:none}.vc-tool-tag{color:var(--fg-3);font-family:var(--sans);letter-spacing:.02em;text-transform:uppercase;font-size:10px;font-weight:600}@media (prefers-reduced-motion:reduce){.vc-tool{transform:none}}