svg[data-face]{transform-origin:bottom}svg[data-face] .eyes{transform-box:fill-box;transform-origin:bottom}svg[data-face].blink .eyes{animation:.24s step-end face-blink}svg[data-face].blink2 .eyes{animation:.6s step-end face-blink2}svg[data-face].look-r .eyes{animation:1.2s step-end face-look-r}svg[data-face].look-l .eyes{animation:1s step-end face-look-l}svg[data-face].look-u .eyes{animation:1s step-end face-look-u}svg[data-face].scan .eyes{animation:1.5s step-end face-scan}svg[data-face].hop{animation:.5s step-end face-hop}svg[data-face].shake{animation:.6s step-end face-shake}svg[data-face].doze .eyes{animation:1.5s step-end face-doze}svg[data-face].surprise .eyes{animation:.8s step-end face-surprise}@keyframes face-blink{25%,75%{transform:scaleY(.5)}}@keyframes face-blink2{12%,32%{transform:scaleY(.5)}32%,56%{transform:none}56%,80%{transform:scaleY(.5)}}@keyframes face-look-r{12%,88%{transform:translateX(var(--look-r))}}@keyframes face-look-l{12%,88%{transform:translateX(var(--look-l))}}@keyframes face-look-u{12%,88%{transform:translateY(var(--look-u))}}@keyframes face-scan{10%{transform:translateX(var(--look-c))}25%{transform:translateX(var(--look-l))}60%{transform:translateX(var(--look-c))}75%,to{transform:none}}@keyframes face-hop{15%{transform:translateY(-11%)}55%{transform:scale(1.08,.88)}70%,to{transform:none}}@keyframes face-shake{15%{transform:translate(-11%)}35%{transform:translate(11%)}55%{transform:translate(-11%)}75%{transform:translate(11%)}90%,to{transform:none}}@keyframes face-doze{35%,85%{transform:scaleY(.5)}85%,to{transform:none}}@keyframes face-surprise{10%,80%{transform:scaleY(var(--grow))}80%,to{transform:none}}@media (prefers-reduced-motion:reduce){svg[data-face],svg[data-face] .eyes{animation:none!important}}.flow,.peek{--v-bg:#f4f4f5;--v-card:#fff;--v-term:#0d0d10;--v-term-fg:#e4e4e7;--v-term-dim:#8b8b94;--v-ok:#4ade80;--v-mine-read:#00000006;--v-mine-card:#f2f2f4}@media (prefers-color-scheme:dark){.flow,.peek{--v-bg:#111114;--v-card:#18181b;--v-term:#060608;--v-mine-read:#ffffff06;--v-mine-card:#18181c}}@keyframes v-caption{0%{opacity:0;transform:translateY(6px)}}.v-avatar{flex:none;display:inline-block}.v-face{width:100%;height:100%;display:block}.v-avatar.asleep .eyes{animation:none!important;transform:scaleY(.5)!important}.v-avatar.startled .eyes{transform:scaleY(var(--grow));animation:none!important}.v-working{background:var(--ink);border-radius:999px;gap:3px;padding:5px 7px;display:flex;position:absolute;top:-10px;right:-2px}.v-working i{background:var(--on-ink);border-radius:50%;width:5px;height:5px}.v-term{background:var(--v-term);color:var(--v-term-fg);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 60px -20px #00000073,inset 0 0 0 1px #ffffff0f}.v-term-bar{height:34px;font-family:var(--mono);color:var(--v-term-dim);border-bottom:1px solid #ffffff0f;align-items:center;gap:7px;padding:0 14px;font-size:12px;display:flex}.v-term-bar i{background:#3f3f46;border-radius:50%;width:10px;height:10px}.v-term-bar span{margin-left:8px}.v-caret.ink{background:var(--fg);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.v-caret{vertical-align:-.2em;background:var(--v-term-fg);width:.55em;height:1.1em;margin-left:2px;display:inline-block}.v-phone{background:#0b0b0d;border-radius:40px;padding:10px;box-shadow:0 40px 70px -24px #00000073,inset 0 0 0 1px #ffffff14}.v-phone-screen{background:var(--v-card);border-radius:31px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.v-phone-head{border-bottom:1px solid var(--line);flex-direction:column;padding:26px 18px 10px;display:flex}.v-phone-head b{letter-spacing:-.02em;font-size:19px}.v-phone-head span{color:var(--muted);font-size:12px}.v-live-dot{background:var(--ok);vertical-align:1px;border-radius:50%;width:7px;height:7px;display:inline-block}.v-phone-rows{flex-direction:column;flex:1;gap:4px;padding:10px 8px;display:flex;overflow:hidden}.v-row{background-image:linear-gradient(color-mix(in srgb, var(--ink) var(--flash,0%), transparent), color-mix(in srgb, var(--ink) var(--flash,0%), transparent));gap:8px;padding:6px 16px 4px;font-size:15px;display:flex;position:relative}.v-row.for-me{box-shadow:inset 3px 0 0 var(--ink);background-color:var(--v-mine-read)}.v-phone .v-row{padding-left:10px;padding-right:10px}.v-phone .v-row.for-me{background-color:var(--v-mine-card);box-shadow:none;border-radius:12px;margin:4px 8px;padding-left:16px}.v-phone .v-row.for-me:before{content:"";background:var(--ink);width:3px;position:absolute;top:12px;bottom:12px;left:6px}.v-row-main{flex:1;min-width:0}.v-row-head{color:var(--muted);flex-wrap:wrap;align-items:baseline;column-gap:6px;font-size:12px;display:flex}.v-row-head b{color:var(--fg);font-size:15px;font-weight:800}.v-check{color:var(--muted);margin-left:-2px;font-size:12px}.v-to .to-me{color:var(--fg);font-weight:700}.v-row-text{word-break:keep-all;overflow-wrap:anywhere}.v-chip{background:var(--mention-bg);color:var(--fg);border-radius:4px;padding:0 2px;font-weight:600}.v-chip.mine{background:var(--ink);color:var(--on-ink)}.v-file{border:1px solid var(--line);font-family:var(--mono);color:var(--fg-2);border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:5px 10px;font-size:12px;display:inline-flex}.v-file-icon{background:linear-gradient(135deg,#a5b4fc,#f0abfc);border-radius:2px;width:14px;height:11px}.v-compose{border:1px solid var(--line-2);background:var(--v-card);border-radius:999px;align-items:center;gap:8px;margin:8px 10px 14px;padding:6px;font-size:14px;display:flex}.v-plus,.v-send{background:var(--bg-soft);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.v-send.ready{background:var(--ink);color:var(--on-ink)}.v-input{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.v-input.empty{color:var(--muted)}.v-fly{z-index:4;background:var(--ink);color:var(--on-ink);font-family:var(--mono);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;position:absolute;box-shadow:0 10px 24px -8px #00000080}.v-desk{border:1px solid var(--line);background:var(--v-card);border-radius:14px;display:flex;overflow:hidden;box-shadow:0 40px 70px -30px #00000059}.v-desk aside{border-right:1px solid var(--line);background:var(--bg-soft);flex:none;width:190px;padding:16px 12px;font-size:13.5px;position:relative}.v-desk-brand{align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.v-desk-brand img{border-radius:6px;width:22px;height:22px}.v-desk-nav{border-radius:8px;padding:6px 10px}.v-desk-nav.on{background:var(--ink);color:var(--on-ink);font-weight:600}.v-desk-me{border-top:1px solid var(--line);align-items:center;gap:8px;padding:10px 6px 4px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.v-desk-main{flex-direction:column;flex:1;gap:2px;padding:0 12px 12px;display:flex;overflow:hidden}.v-desk-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0 -12px 8px;padding:14px 20px;font-size:15px;display:flex}.v-desk-head span{color:var(--muted);font-size:12px}.v-play{border:1px solid var(--line-2);background:var(--card);width:34px;height:34px;color:var(--fg);border-radius:50%;flex:none;place-items:center;display:grid}.v-play:hover{background:var(--bg-soft)}.v-tmux{flex-direction:column;display:flex}.v-panes{background:#27272a;flex:1;gap:1px;min-height:0;display:flex}.v-panes.column{flex-direction:column}.v-tmux-status{color:#052e16;height:22px;font-family:var(--mono);background:#22c55e;align-items:center;gap:10px;padding:0 10px;font-size:12px;display:flex}.v-tmux-status .on{font-weight:700}.v-pane{background:var(--v-term);min-width:0;min-height:0;font-family:var(--mono);color:var(--v-term-fg);flex-direction:column;flex:1;padding:10px 14px 8px;font-size:13px;line-height:1.6;display:flex}[data-shape=tall] .v-pane{font-size:13.5px}.v-pane-head{color:var(--v-term-dim);white-space:nowrap;flex:none;align-items:center;gap:8px;margin-bottom:4px;display:flex}.v-pane-head b{color:var(--v-term-fg);font-weight:600}.v-pane-head .v-cc{color:#d97757}.v-pane-lines{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;display:flex;overflow:hidden}.v-sl{white-space:pre;text-overflow:ellipsis;flex:none;overflow:hidden}.v-sl.tool{color:var(--v-term-fg)}.v-sl.out,.v-sl.dim{color:var(--v-term-dim)}.v-sl.ok{color:var(--v-ok)}.v-sl.user{color:#fff;background:#ffffff12;margin:2px -14px;padding:0 14px}.v-sl.emma{color:#fff;background:#d9775738;margin:0 -14px;padding:0 14px}.codex .v-sl.emma{background:#ffffff1f}.v-sl.spin{color:#d97757}.v-sl.working{color:#0000;background:linear-gradient(90deg, var(--v-term-dim), #fff, var(--v-term-dim));-webkit-background-clip:text;background-clip:text}.v-cc-input,.v-codex-input{flex:none;margin-top:6px}.v-rule{background:#3f3f46;height:1px;margin:6px 0;position:relative}.v-rule span{background:var(--v-term);color:var(--v-term-dim);padding:0 4px;font-size:.9em;position:absolute;top:-.8em;right:8px}.v-prompt{color:var(--v-term-fg);white-space:pre;overflow:hidden}.v-hint{color:#71717a;font-size:.88em}.v-codex-input .v-prompt{padding:4px 0}.v-pane-face{margin-left:auto;display:block}.v-mode{vertical-align:-1px;gap:1px;margin-right:6px;display:inline-flex}.v-mode:before,.v-mode:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:6px;height:8px}.flow{max-width:1040px;margin:56px auto 0;position:relative}.flow-frame{position:relative}.flow-stage{transform-origin:0 0;font-family:var(--sans);color:var(--fg);text-align:left;line-height:1.45;position:absolute;top:0;left:0}.loop-bar{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:14px;display:flex}.flow-steps{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.flow-steps button{min-height:32px;color:var(--muted);letter-spacing:-.01em;text-align:left;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 6px;font-size:15px;font-weight:650;transition:background .3s;display:flex}.flow-steps button>span:first-child{border:1px solid var(--line-2);width:20px;height:20px;font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.flow-steps li:not(.on) button:hover>span:first-child{border-color:var(--ink);color:var(--fg)}.flow-steps li.done button>span:first-child{background:var(--line-2);border-color:#0000}.flow-steps li.on button{background:var(--ink);color:var(--on-ink);padding:4px 14px 4px 6px;animation:.4s cubic-bezier(.2,.8,.2,1) v-caption}.flow-steps li.on button>span:first-child{background:var(--on-ink);color:var(--ink);border-color:#0000}.steps-cap{letter-spacing:-.01em;margin:8px 0 0;font-size:15px;font-weight:650;display:none}@media (width<=719px){.flow-steps .cap{display:none}.flow-steps li.on button{padding:0 6px}.steps-cap{display:block}}.loop-ctl{align-items:center;gap:8px;margin-left:auto;display:flex}.loop-speed{border:1px solid var(--line-2);background:var(--card);opacity:0;border-radius:999px;gap:2px;padding:2px;transition:opacity .2s;display:flex}.flow:hover .loop-speed,.setup:hover .loop-speed,.loop-speed:focus-within{opacity:1}@media (hover:none){.loop-speed{opacity:1}}.loop-speed button{color:var(--muted);font-family:var(--mono);background:0 0;border:0;border-radius:999px;padding:3px 8px;font-size:11.5px}.loop-speed button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.loop-play{width:30px;height:30px}.flow-rows{flex-direction:column;flex:1;justify-content:flex-end;gap:2px;min-height:0;display:flex;overflow:hidden}.flow-rows .v-row{flex:none}.flow-desk .v-desk-main{padding-bottom:8px}.flow-desk aside{width:150px}.flow-desk .v-desk-nav{font-size:13.5px}.flow-phone{transform-origin:0 0}.flow-phone .v-phone-rows{padding:6px 0}.v-tmux{transition:box-shadow .4s,transform .4s}.v-tmux.flow-focus{box-shadow:0 0 0 2px var(--ink), 0 40px 70px -24px #00000080;transform:translateY(-4px)}.flow-you{z-index:4;background:var(--card);box-shadow:0 10px 24px -8px #0006, 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:13px;font-weight:650;display:flex}.flow-fly{box-shadow:0 0 0 2px var(--bg), 0 10px 24px -8px #00000080;transform:translate(-50%,-50%)}.flow-sec{padding-top:72px}.flow-sec .flow{margin-top:0}.hero-dark{--bg:#0a1017;--bg-soft:#111823;--card:#121a25;--fg:#f4f4f5;--fg-2:#d4d4d8;--muted:#9aa4b2;--line:#ffffff1a;--line-2:#ffffff2e;--ink:#f4f4f5;--on-ink:#0a1017;--shadow:0 1px 2px #0006, 0 10px 30px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(var(--bg) calc(100% - 96px), transparent);color:var(--fg);overflow:hidden}.nav{transition:background .3s,color .3s}html[data-nav-dark] .nav{--bg:#0a1017;--card:#121a25;--fg:#f4f4f5;--fg-2:#d4d4d8;--muted:#9aa4b2;--line:#ffffff1a;--line-2:#ffffff2e;--ink:#f4f4f5;--on-ink:#0a1017;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--fg);background:#0a1017}html[data-nav-dark] .brand-face{box-shadow:0 0 0 1px #ffffff38}.film{z-index:-1;position:relative}.film-h{aspect-ratio:16/9}.film-v{aspect-ratio:9/16}.film video,.film img{object-fit:cover;width:100%;height:100%;display:block}.hero-over{max-width:none;padding:0 0 112px}.film-stage{max-width:max(940px,min(1600px,170svh - 255px));margin:0 auto;position:relative;container-type:inline-size}.film{-webkit-mask-image:linear-gradient(#0000,#000 10% 86%,#0000);mask-image:linear-gradient(#0000,#000 10% 86%,#0000)}.hero-over .film{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 10% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 10% 86%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.film-space{height:4.5cqw}.film-top{width:min(92%,1000px);position:absolute;top:1.4cqw;left:50%;translate:-50%}.film-top .eyebrow{margin-bottom:1.1cqw}.hero-over h1{font-size:clamp(2.1rem,3.6cqw,4rem)}.hero-over .lead{max-width:58em;margin-top:1cqw;font-size:clamp(.98rem,1.1cqw,1.18rem)}.film-floor{position:absolute;bottom:.6cqw;left:0;right:0}.film-floor .actions{margin:0}.hero-over .note{margin-top:10px}.hero-stack{padding-bottom:0}.hero-stack .film{margin:0 calc(-1 * var(--gutter))}.hero-stack .film-h{margin-top:-6%}.hero-stack .film-v{margin-top:-24%}.setup{--s-term:#0d0d10;max-width:960px;margin:8px auto 64px;position:relative}.setup-frame{border:1px solid var(--line);background:var(--bg-soft);border-radius:18px;position:relative;overflow:hidden}.setup-stage{transform-origin:0 0;font-family:var(--sans);color:var(--fg);text-align:left;line-height:1.45;position:absolute;top:0;left:0}.setup-desc{color:var(--muted);margin:0;font-size:17px;animation:.4s cubic-bezier(.2,.8,.2,1) v-caption;position:absolute;top:22px;left:30px;right:30px}[data-shape=tall] .setup-desc{font-size:16px;top:16px;left:18px;right:18px}.setup-cords{position:absolute;inset:0;overflow:visible}.setup-cords path{fill:none;stroke:var(--ink);stroke-width:2px;stroke-dasharray:4 6;transition:opacity .5s;animation:1.2s linear infinite setup-flow}@keyframes setup-flow{to{stroke-dashoffset:-20px}}.setup-server,.setup-browser,.setup-tile,.setup-phone,.setup-cmd,.setup-ticket{position:absolute;translate:-50% -50%}.setup-avatar{flex:none;place-items:center;width:40px;height:40px;display:grid}.setup-avatar.sm{width:24px;height:24px}.setup-avatar>i{border:2px dashed var(--line-2);border-radius:50%;width:30px;height:30px}.setup-svg{width:100%;height:100%}.setup-server{z-index:2;border:1px solid var(--line-2);background:var(--card);border-radius:16px;flex-direction:column;align-items:center;gap:2px;width:190px;padding:16px 12px 14px;transition:box-shadow .4s,border-color .4s;display:flex;box-shadow:0 20px 40px -24px #00000059}.setup-server.on{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 10%, transparent), 0 24px 48px -24px #00000073}.setup-server-face{place-items:center;width:56px;height:56px;margin-bottom:4px;display:grid}.setup-server-face svg>path{fill:var(--ink)}.setup-server-face svg .eyes{fill:var(--on-ink)}.setup-server-face>i{background:repeating-linear-gradient(var(--line-2) 0 3px, transparent 3px 9px);border-radius:12px;width:44px;height:44px}.setup-server b{font-size:16px}.setup-server-sub{font-family:var(--mono);color:var(--muted);font-size:12px}.setup-badge{background:var(--ok);color:#fff;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:650;animation:.35s cubic-bezier(.2,.8,.2,1) v-caption;position:absolute;top:-12px;right:-14px}.setup-cmd{z-index:3;background:var(--s-term);color:#e4e4e7;font-family:var(--mono);white-space:nowrap;border-radius:10px;padding:9px 16px;font-size:14px;box-shadow:0 16px 30px -16px #00000080}.setup-cmd>span:first-child{color:#8b8b94}[data-shape=tall] .setup-cmd{padding:8px 12px;font-size:11.5px}.setup-ticket{z-index:5;background:var(--ink);color:var(--on-ink);white-space:nowrap;box-shadow:0 0 0 2px var(--bg), 0 10px 24px -8px #00000080;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:650}.setup-browser{z-index:2;border:1px solid var(--line-2);background:var(--card);border-radius:12px;width:260px;overflow:visible;box-shadow:0 20px 40px -24px #00000059}.setup-browser-bar{border-bottom:1px solid var(--line);height:26px;font-family:var(--mono);color:var(--muted);align-items:center;gap:5px;padding:0 10px;font-size:11px;display:flex}.setup-browser-bar i{background:var(--line-2);border-radius:50%;width:7px;height:7px}.setup-browser-bar span{margin-left:8px}.setup-browser-login,.setup-browser-in{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:104px;transition:opacity .3s;display:flex}.setup-browser-login img{width:28px;height:28px}.setup-btn,.setup-approve{background:var(--ink);color:var(--on-ink);white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:650;transition:transform .12s}.setup-btn.press,.setup-approve.press{box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 18%, transparent);transform:scale(.9)}.setup-browser-in{flex-direction:row;gap:8px}.setup-admin{border:1px solid var(--line-2);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:11.5px}.setup-request{border:1px solid var(--line-2);background:var(--card);border-radius:10px;align-items:center;gap:8px;padding:7px 8px 7px 10px;font-size:13px;font-weight:650;display:flex;position:absolute;bottom:-22px;left:12px;right:12px;box-shadow:0 16px 30px -16px #00000073}.setup-request .setup-approve{margin-left:auto}.setup-approve.done{background:var(--ok);color:#fff}.setup-tile{z-index:2;background:var(--s-term);color:#e4e4e7;border-radius:12px;align-items:center;gap:10px;width:220px;padding:12px 14px;display:flex;box-shadow:0 20px 40px -24px #00000080}[data-shape=tall] .setup-tile{width:200px;padding:10px 12px}[data-shape=tall] .setup-server{width:170px;padding:12px 10px}.setup-tile .setup-avatar>i{border-color:#3f3f46}.setup-tile-name{font-family:var(--mono);color:#8b8b94;flex-direction:column;font-size:12px;display:flex}.setup-tile-name b{font-size:13px}.setup-tile.claude .setup-tile-name b{color:#d97757}.setup-tile.codex .setup-tile-name b{color:#e4e4e7}.setup-tile.on .setup-tile-name span{color:#4ade80}.setup-bubble{background:var(--card);color:var(--fg);white-space:nowrap;box-shadow:0 10px 24px -10px #0006, 0 0 0 1px var(--line);border-radius:10px 10px 10px 2px;padding:5px 11px;font-size:12.5px;position:absolute;top:-34px;left:12px}.setup-bubble.tall{font-size:12px;left:0}.setup-phone{z-index:2;background:var(--card);border:5px solid #0b0b0d;border-radius:20px;flex-direction:column;align-items:center;gap:6px;width:92px;padding:16px 8px 14px;display:flex;box-shadow:0 20px 40px -24px #00000073}.setup-phone-name{font-size:13px;font-weight:650}.install-more{margin-top:8px}.install-more>summary{border:1px solid var(--line-2);background:var(--card);cursor:pointer;border-radius:999px;width:fit-content;margin:0 auto 24px;padding:10px 18px;font-weight:600;list-style:none}.install-more>summary::-webkit-details-marker{display:none}
