@font-face{font-family:Geist Pixel Square;src:url(/fonts/geist-pixel/GeistPixel-Square.woff2) format("woff2");font-display:swap}@font-face{font-family:Geist Pixel Line;src:url(/fonts/geist-pixel/GeistPixel-Line.woff2) format("woff2");font-display:swap}@font-face{font-family:Geist Pixel Triangle;src:url(/fonts/geist-pixel/GeistPixel-Triangle.woff2) format("woff2");font-display:swap}@font-face{font-family:Geist Pixel Circle;src:url(/fonts/geist-pixel/GeistPixel-Circle.woff2) format("woff2");font-display:swap}@font-face{font-family:Geist Pixel Grid;src:url(/fonts/geist-pixel/GeistPixel-Grid.woff2) format("woff2");font-display:swap}:root{color-scheme:dark;--bg-canvas: #0A0C10;--bg-canvas-2: #0E1116;--bg-elev-1: #14171C;--bg-elev-2: #1B1F26;--bg-terminal: #0C0F12;--bg-paper: #181410;--dot: rgba(255, 255, 255, .07);--rule: rgba(255, 255, 255, .08);--rule-strong: rgba(255, 255, 255, .14);--fg: #F2EDE3;--fg-muted: rgba(242, 237, 227, .62);--fg-dim: rgba(242, 237, 227, .38);--fg-faint: rgba(242, 237, 227, .18);--accent-purple: #A78BFA;--accent-teal: #2DD4BF;--accent-orange: #F59E0B;--accent-green: #34D399;--accent-pink: #F472B6;--accent-red: #F87171;--accent-blue: #60A5FA;--accent-amber: #FBBF24;--diff-add: rgba(52, 211, 153, .14);--diff-del: rgba(248, 113, 113, .14);--diff-add-ink: #4ADE80;--diff-del-ink: #FB7185;--cta: #F2EEE4;--cta-hover: #FFFFFF;--cta-ink: #101113;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-cam: cubic-bezier(.19, 1, .22, 1);--serif: "Instrument Serif", "Times New Roman", serif;--sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--scene-x: 180px;--scene-y: -42px;--scene-scale: .42;--hero-scale: 1;--hero-y: 0px;--pixel-ink: rgba(242, 237, 227, .62);--pixel-dim: rgba(242, 237, 227, .28);--pixel-faint: rgba(242, 237, 227, .11)}*{box-sizing:border-box}html{overflow:hidden}body{position:fixed;inset:0;overflow:hidden}html,body{margin:0;padding:0;width:100%;height:100svh;background:var(--bg-canvas);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.stage{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg-canvas);-webkit-mask-image:none;mask-image:none}.camera{position:absolute;left:50%;top:50%;width:2400px;height:1500px;transform-origin:center;transform:translate(-50%,-50%) translate(var(--scene-x),var(--scene-y)) scale(var(--scene-scale));opacity:1;transition:transform 1.25s var(--ease-cam),opacity .26s var(--ease-out);background-color:var(--bg-canvas);background-image:radial-gradient(circle at 1px 1px,var(--dot) 1px,transparent 1.4px);background-size:48px 48px;will-change:transform,opacity}.camera.instant{transition:none!important}.camera.constellation{transition:transform 2.2s cubic-bezier(.16,1,.3,1),opacity .26s var(--ease-out)}.camera.constellation .area.in,.camera.constellation .tile.in{opacity:.78}.camera:before{content:"";position:absolute;inset:-1800px;z-index:-1;background-color:var(--bg-canvas);background-image:radial-gradient(circle at 1px 1px,var(--dot) 1px,transparent 1.4px);background-size:48px 48px}.camera:after{content:"";position:absolute;inset:-200px;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 70% at 50% 50%,transparent 40%,var(--bg-canvas) 92%)}.pixel-layer{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;color:var(--pixel-ink);font-family:"Geist Pixel Grid","Geist Pixel Square",var(--mono);letter-spacing:0;transition:opacity .42s var(--ease-out)}.camera.act-build .pixel-layer,.camera.act-workspace .pixel-layer,.camera.act-constellation .pixel-layer{opacity:1}.pixel-readout{position:absolute;min-width:154px;padding:8px 9px 7px;border:1px solid var(--pixel-faint);background:#0a0c108f;color:#f2ede3a3;backdrop-filter:blur(8px) saturate(.9);box-shadow:inset 0 1px #ffffff0a;font-size:11px;line-height:1.05;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:opacity .36s var(--ease-out),transform .52s var(--ease-cam)}.pixel-readout span{display:block;margin-top:5px;color:var(--pixel-dim);font-family:"Geist Pixel Line","Geist Pixel Square",var(--mono);font-size:9px;text-transform:none}.pixel-readout--build{left:760px;top:-2px}.pixel-readout--workspace{left:910px;top:1450px}.pixel-readout--team{left:1988px;top:602px}.camera.act-build .pixel-readout--build,.camera.act-workspace .pixel-readout--workspace,.camera.act-constellation .pixel-readout--team{opacity:.82;transform:none}.pixel-ruler,.pixel-register,.pixel-chip{position:absolute;opacity:0;transition:opacity .38s var(--ease-out),transform .6s var(--ease-cam)}.pixel-ruler{height:1px;background:repeating-linear-gradient(90deg,var(--pixel-dim) 0 1px,transparent 1px 16px);transform:scaleX(.92);transform-origin:left center}.pixel-ruler:before,.pixel-chip:before{content:attr(data-label);color:var(--pixel-dim);font-size:9px;text-transform:uppercase;white-space:nowrap}.pixel-ruler:before{position:absolute;left:0;top:-16px}.pixel-chip:before{display:block}.pixel-register{width:34px;height:34px;border-top:1px solid var(--pixel-dim);border-left:1px solid var(--pixel-dim)}.pixel-register:before,.pixel-register:after{content:"";position:absolute;background:var(--pixel-dim)}.pixel-register:before{left:-1px;top:8px;width:9px;height:1px}.pixel-register:after{left:8px;top:-1px;width:1px;height:9px}.pixel-register.br{transform:rotate(180deg)}.pixel-build-a{left:690px;top:80px}.pixel-build-b{left:1714px;top:716px}.pixel-work-a{left:678px;top:74px}.pixel-work-b{left:2842px;top:1410px}.pixel-ruler--mobile{left:700px;top:760px;width:1040px}.pixel-ruler--workspace{left:700px;top:1470px;width:2140px}.pixel-ruler--team{left:710px;top:1758px;width:2300px}.pixel-chip--maya{left:1888px;top:1238px}.pixel-chip--kai{left:1068px;top:674px}.pixel-chip--sam{left:2624px;top:706px}.pixel-chip--alex{left:880px;top:1618px}.pixel-chip--ren{left:2728px;top:1802px}.camera.act-build .pixel-build,.camera.act-build .pixel-ruler--mobile,.camera.act-workspace .pixel-work,.camera.act-workspace .pixel-ruler--workspace,.camera.act-constellation .pixel-team,.camera.act-constellation .pixel-ruler--team,.camera.act-constellation .pixel-chip{opacity:.68;transform:none}.camera.act-build .pixel-register.br,.camera.act-workspace .pixel-register.br{transform:rotate(180deg)}.camera.act-constellation .pixel-readout--team{opacity:.52;transform:scale(1.55);transform-origin:left top}.camera.act-constellation .pixel-chip:before,.camera.act-constellation .pixel-ruler--team:before{display:block;opacity:.5;transform:scale(1.55);transform-origin:left center}.pixel-scan{position:absolute;left:360px;top:-10px;width:3240px;height:1870px;opacity:0;background:linear-gradient(90deg,transparent,rgba(242,237,227,.06),transparent),repeating-linear-gradient(0deg,transparent 0 23px,rgba(242,237,227,.028) 23px 24px);clip-path:inset(0 100% 0 0)}.camera.act-constellation .pixel-scan{animation:pixelScan 1.8s steps(14,end) .18s both}@keyframes pixelScan{0%{opacity:0;clip-path:inset(0 100% 0 0)}12%{opacity:.78}to{opacity:0;clip-path:inset(0 0 0 0)}}.area{position:absolute;z-index:1;border-radius:2px;border:1px solid rgba(242,237,227,.18);background:repeating-linear-gradient(90deg,rgba(242,237,227,.026) 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,rgba(242,237,227,.02) 0 1px,transparent 1px 24px),linear-gradient(180deg,#ffffff0a,#ffffff04),#10131873;backdrop-filter:blur(10px) saturate(.96);box-shadow:inset 0 0 0 1px #ffffff09,0 22px 60px -48px #000000e6;opacity:0;transform:translateY(10px) scale(.995);transition:opacity .36s var(--ease-out),border-color .36s var(--ease-out),background .36s var(--ease-out),left 1.5s var(--ease-cam),top 1.5s var(--ease-cam),width 1.5s var(--ease-cam),height 1.5s var(--ease-cam),transform .42s var(--ease-out)}.area:before{content:"";position:absolute;inset:-7px;pointer-events:none;background:linear-gradient(#f2ede385,#f2ede385) left top / 52px 1px no-repeat,linear-gradient(#f2ede385,#f2ede385) left top / 1px 52px no-repeat,linear-gradient(#f2ede361,#f2ede361) right top / 52px 1px no-repeat,linear-gradient(#f2ede361,#f2ede361) right top / 1px 52px no-repeat,linear-gradient(#f2ede357,#f2ede357) left bottom / 52px 1px no-repeat,linear-gradient(#f2ede357,#f2ede357) left bottom / 1px 52px no-repeat,linear-gradient(#f2ede375,#f2ede375) right bottom / 52px 1px no-repeat,linear-gradient(#f2ede375,#f2ede375) right bottom / 1px 52px no-repeat;opacity:.72}.area:after{content:"";position:absolute;left:18px;right:18px;bottom:-14px;height:1px;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(242,237,227,.28) 0 1px,transparent 1px 18px);opacity:.52}.area.in{opacity:1;transform:none}.area-header{position:absolute;top:-38px;left:0;right:0;height:28px;padding:0 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;border-radius:2px;border:1px solid rgba(242,237,227,.18);background:linear-gradient(180deg,#ffffff29,#ffffff0d),#16191eb3;color:#f2ede3e6;box-shadow:inset 0 1px #ffffff29,0 14px 32px -16px #000000a3;backdrop-filter:blur(14px) saturate(.98)}.area-path{font-family:"Geist Pixel Line",var(--mono);font-size:10px;letter-spacing:.01em;color:#f2ede375;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.area-title{font-family:"Geist Pixel Square",var(--mono);font-size:11px;font-weight:400;letter-spacing:0;color:#f2ede3d1;text-align:center;white-space:nowrap}.area-people{display:flex;justify-content:flex-end;gap:-2px}.avatar{width:22px;height:22px;margin-left:-6px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 36%),color-mix(in srgb,var(--peer, var(--accent-teal)),#20242B 68%);color:#ffffffe6;font-size:9px;font-weight:800;line-height:1;box-shadow:inset 0 1px #ffffff2e,0 2px 7px #0000006b}.avatar:first-child{margin-left:0}.tile{position:absolute;z-index:1;border-radius:16px;background:var(--bg-elev-1);border:1px solid var(--rule);overflow:hidden;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .36s var(--ease-out),border-color .26s var(--ease-out),box-shadow .26s var(--ease-out),left 1.5s var(--ease-cam),top 1.5s var(--ease-cam),width 1.5s var(--ease-cam),height 1.5s var(--ease-cam),transform .42s var(--ease-out);box-shadow:0 1px #ffffff06 inset,0 14px 30px -16px #000000bf,0 2px 6px -4px #00000080}.tile.in{opacity:1;transform:translateY(0) scale(1)}.tile.focused{transform:translateY(-1px) scale(1.003);box-shadow:0 1px #ffffff08 inset,0 0 0 1px #ffffff29,0 20px 42px -24px #ffffff3d,0 18px 36px -18px #000c}.tile-header{position:absolute;z-index:3;top:8px;left:8px;right:8px;height:26px;padding:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.tile-dot{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--tile-accent, var(--accent-teal)),#E8E2D7 34%);flex:none;box-shadow:0 0 4px #ffffff29}.tile-logo{width:13px;height:13px;object-fit:contain;flex:none}.tile-title{height:26px;max-width:calc(100% - 88px);padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#14171cad;box-shadow:inset 0 1px #ffffff14,0 8px 20px #00000047;backdrop-filter:blur(10px) saturate(1.08);font-size:11px;color:var(--fg-muted);letter-spacing:.01em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tile-owner{margin-left:auto;height:26px;display:inline-flex;align-items:center;font-size:9.5px;font-weight:600;letter-spacing:.02em;padding:0 8px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:linear-gradient(180deg,#ffffff40,#ffffff14),color-mix(in srgb,var(--owner-bg, var(--accent-teal)),#101318 76%);color:#ffffffd6;text-transform:lowercase;flex:none;box-shadow:inset 0 1px #ffffff2e,0 8px 18px #00000038}.tile-body{position:relative;height:100%;overflow:hidden}.tile.terminal{--tile-accent: rgba(226, 232, 240, .7);--owner-bg: var(--owner-accent, var(--accent-teal))}.tile.files{--tile-accent: rgba(218, 226, 235, .66);--owner-bg: var(--owner-accent, var(--accent-teal))}.tile.scratchpad{--tile-accent: rgba(231, 224, 211, .68);--owner-bg: var(--owner-accent, var(--accent-teal))}.tile.taskboard{--tile-accent: rgba(226, 222, 214, .68);--owner-bg: var(--owner-accent, var(--accent-teal))}.tile.webview{--tile-accent: rgba(224, 226, 232, .66);--owner-bg: var(--owner-accent, var(--accent-teal))}.tile.diff{--tile-accent: rgba(218, 226, 235, .66);--owner-bg: var(--owner-accent, var(--accent-teal))}.tile.agent{--tile-accent: rgba(228, 226, 236, .68);--owner-bg: var(--owner-accent, var(--accent-teal))}.term-body{background:var(--bg-terminal);height:100%;padding:48px 16px 14px;font-family:var(--mono);font-size:12px;line-height:1.55;color:#c7d4cc;overflow:hidden}.term-line{white-space:pre}.term-prompt{color:var(--accent-green);font-weight:500}.term-dim{color:var(--fg-dim)}.term-ok{color:var(--accent-green)}.term-warn{color:var(--accent-amber)}.term-info{color:var(--accent-blue)}.term-caret{display:inline-block;width:8px;height:14px;vertical-align:-2px;background:var(--accent-green);margin-left:2px;animation:blink 1.05s steps(2) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.files-body{display:grid;grid-template-columns:130px 1fr;height:100%;padding-top:40px;background:var(--bg-elev-1);font-size:11px}.files-tree{border-right:1px solid var(--rule);padding:10px 6px;font-family:var(--mono);color:var(--fg-muted);background:#0000002e}.files-tree .row{padding:3px 8px;border-radius:4px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-tree .row.dir{color:var(--fg)}.files-tree .row.active{background:#ffffff13;color:var(--fg)}.files-preview{padding:12px 14px;font-family:var(--mono);font-size:11px;line-height:1.65;color:#b8c2bc;overflow:hidden}.files-preview .pl-key{color:color-mix(in srgb,var(--accent-purple),#E8E2D7 42%)}.files-preview .pl-fn{color:color-mix(in srgb,var(--accent-teal),#E8E2D7 48%)}.files-preview .pl-str{color:color-mix(in srgb,var(--accent-amber),#E8E2D7 54%)}.files-preview .pl-dim{color:var(--fg-dim)}.pad-body{height:100%;padding:48px 18px 16px;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent 60%),var(--bg-paper);font-family:var(--serif);font-size:18px;line-height:1.55;color:#ecddc7;letter-spacing:.005em}.pad-line{display:block;opacity:0;transform:translateY(8px);transition:opacity .24s var(--ease-out),transform .24s var(--ease-out)}.pad-line.in{opacity:1;transform:translateY(0)}.pad-line.hd{color:#f2ede3d6;font-style:italic;font-size:20px;margin-bottom:6px}.pad-line.bullet{padding-left:14px;position:relative}.pad-line.bullet:before{content:"—";position:absolute;left:0;color:var(--fg-dim)}.board-body{height:100%;padding:48px 12px 12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;background:var(--bg-elev-1)}.col{background:#ffffff04;border:1px solid var(--rule);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0}.col-title{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);font-weight:700;padding:2px 4px 6px}.card{background:var(--bg-elev-2);border:1px solid var(--rule);border-radius:6px;padding:7px 9px;font-size:11px;color:var(--fg);line-height:1.35;display:flex;align-items:flex-start;gap:7px;opacity:0;transform:translateY(8px);transition:opacity .24s var(--ease-out),transform .24s var(--ease-out)}.card.in{opacity:1;transform:translateY(0)}.card .pin{width:6px;height:6px;border-radius:50%;margin-top:5px;flex:none}.card.is-moving{background:#fff1;position:relative;z-index:6;box-shadow:0 10px 20px -16px #ffffff5c}.card.drag-source{opacity:.18;transform:translateY(0);filter:saturate(.55)}.card.drag-ghost{position:absolute;z-index:8;opacity:1;pointer-events:none;transform:translateZ(0);will-change:transform,opacity;box-shadow:0 18px 30px -22px #000000e6,0 0 0 1px #ffffff24}.card.just-moved{background:#ffffff13;box-shadow:0 0 0 1px #7fe5a82e}.col.drop-active{background:#ffffff07;border-color:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff09}.web-body{height:100%;padding-top:40px;display:flex;flex-direction:column;background:var(--bg-elev-2)}.web-bar{height:28px;padding:0 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:10.5px;color:var(--fg-muted);background:#00000038}.web-bar .dot-row{display:flex;gap:4px}.web-bar .b{width:6px;height:6px;border-radius:50%;background:#ffffff2e}.web-bar .url{color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-view{flex:1;padding:14px 18px;display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center}.web-copy{display:grid;gap:8px}.web-h{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.05;color:var(--fg)}.web-bar-row{height:7px;max-width:160px;border-radius:999px;background:#ffffff1f}.web-bar-row.s{max-width:110px;opacity:.7}.web-panel{border-radius:8px;height:92px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.16),transparent 60%),radial-gradient(circle at 80% 70%,rgba(127,229,168,.12),transparent 65%),#ffffff09;border:1px solid var(--rule)}.diff-body{height:100%;padding-top:40px;display:grid;grid-template-columns:150px 1fr;background:var(--bg-elev-1);font-family:var(--mono);font-size:11px}.diff-files{border-right:1px solid var(--rule);padding:8px 0;background:#0000002e;overflow:hidden}.diff-file{padding:5px 12px;color:var(--fg-muted);font-size:10.5px;display:flex;align-items:center;gap:8px;white-space:nowrap}.diff-file.active{background:#ffffff12;color:var(--fg)}.diff-file .badge-add{color:var(--diff-add-ink)}.diff-file .badge-del{color:var(--diff-del-ink)}.diff-lines{padding:8px 0;line-height:1.55;overflow:hidden}.diff-line{display:grid;grid-template-columns:28px 1fr;padding:1px 12px 1px 0;color:var(--fg-muted);opacity:0;transform:translateY(7px);transition:opacity .17s var(--ease-out),transform .17s var(--ease-out),background .22s var(--ease-out)}.diff-line.in{opacity:1;transform:translateY(0)}.diff-line .gutter{text-align:right;padding-right:10px;color:var(--fg-faint)}.diff-line.add{background:var(--diff-add)}.diff-line.add .gutter,.diff-line.add .code{color:var(--diff-add-ink)}.diff-line.del{background:var(--diff-del)}.diff-line.del .gutter,.diff-line.del .code{color:var(--diff-del-ink)}.diff-line .code{white-space:pre}.diff-line.is-refreshing{filter:brightness(1.18);box-shadow:inset 3px 0 #fff3}.agent-body{height:100%;padding:48px 16px 14px;background:radial-gradient(circle at 0% 0%,rgba(255,255,255,.055),transparent 42%),var(--bg-terminal);font-family:var(--mono);font-size:11.5px;line-height:1.55;color:#dcd1f1;overflow:hidden}.agent-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.13);color:#f2ede3b8;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.agent-head:before{content:"";width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--tile-accent, var(--accent-purple)),#E8E2D7 34%);box-shadow:0 0 8px color-mix(in srgb,var(--tile-accent, var(--accent-purple)),transparent 62%);animation:agentPulse 1.6s ease-in-out infinite}@keyframes agentPulse{0%,to{opacity:1}50%{opacity:.35}}.agent-line{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:baseline;padding:4px 0;opacity:0;transform:translateY(8px);transition:opacity .24s var(--ease-out),transform .24s var(--ease-out)}.agent-line.in{opacity:1;transform:translateY(0)}.agent-line .tick{color:var(--accent-green)}.agent-line .tick.pending{color:var(--accent-amber)}.agent-line .tick.queued{color:var(--fg-faint)}.agent-line .at{color:var(--fg-dim);font-size:10px}.agent-chat{display:grid;gap:7px}.chat-row{display:flex;opacity:0;transform:translateY(8px);transition:opacity .26s var(--ease-out),transform .26s var(--ease-out),filter .26s var(--ease-out)}.chat-row.in{opacity:1;transform:translateY(0)}.chat-row.user{justify-content:flex-end}.chat-row.agent,.chat-row.tool,.chat-row.result{justify-content:flex-start}.chat-bubble{max-width:88%;padding:6px 8px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#ffffff0e;color:#f2ede3d1;box-shadow:inset 0 1px #ffffff0d}.chat-row.user .chat-bubble{background:#ffffff1b;border-color:#ffffff2e;color:var(--fg)}.chat-row.tool .chat-bubble{font-size:10.5px;color:var(--fg-dim);background:#0000003d;border-style:dashed}.chat-row.result .chat-bubble{color:color-mix(in srgb,var(--accent-green),#E8E2D7 36%);background:#ffffff0f;border-color:#ffffff24}.chat-row.is-ticking .chat-bubble{filter:brightness(1.25);box-shadow:inset 0 1px #ffffff14,0 0 18px -12px #ffffff70}.agent-terminal-body{padding:46px 14px 12px;color:#f2ede3b8;font-size:10.2px;line-height:1.42}.agent-terminal-status,.agent-command-line,.agent-prompt-line,.stream-line{opacity:0;transform:translateY(6px);transition:opacity .26s var(--ease-out),transform .32s var(--ease-out),color .26s var(--ease-out)}.agent-terminal-status.in,.agent-command-line.in,.agent-prompt-line.in,.stream-line.in{opacity:1;transform:translateY(0)}.agent-terminal-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid rgba(255,255,255,.09);color:#f2ede373;font-size:9.2px;text-transform:uppercase;letter-spacing:.08em}.agent-terminal-status span:last-child{color:color-mix(in srgb,var(--tile-accent, var(--accent-purple)),#E8E2D7 42%);letter-spacing:0;text-transform:none}.agent-command-line{display:grid;grid-template-columns:auto 1fr;gap:7px;margin-bottom:5px;color:#f2ede37a}.agent-prompt-line{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:7px;margin-bottom:8px;color:#f2ede3e0}.agent-prompt-mark{color:color-mix(in srgb,var(--tile-accent, var(--accent-purple)),#E8E2D7 28%);font-weight:700}.agent-prompt-text{min-height:1.4em;white-space:normal;overflow-wrap:anywhere}.agent-terminal-caret{width:5px;height:12px;background:#f2ede3b3;animation:terminalBlink 1s steps(2,start) infinite;transform:translateY(2px)}.agent-prompt-line.done .agent-terminal-caret{opacity:0;animation:none}@keyframes terminalBlink{50%{opacity:0}}.agent-stream{display:grid;gap:4px}.stream-line{display:grid;grid-template-columns:16px minmax(0,1fr);gap:6px;align-items:baseline;color:#f2ede394;white-space:normal;overflow-wrap:anywhere}.stream-line .stream-icon{color:color-mix(in srgb,var(--tile-accent, var(--accent-purple)),#E8E2D7 26%);text-align:center}.stream-line.thinking .stream-icon,.stream-line.live .stream-icon{animation:agentPulse 1.2s ease-in-out infinite}.stream-line.tool{color:#f2ede36b}.stream-line.plan{color:#f2ede3b8}.stream-line.success{color:color-mix(in srgb,var(--accent-green),#E8E2D7 34%)}.stream-line.is-ticking{color:#f2ede3db}.tool-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.tool-chip:before{content:"";width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--tile-accent, var(--accent-purple)),#E8E2D7 30%);box-shadow:0 0 6px color-mix(in srgb,var(--tile-accent, var(--accent-purple)),transparent 68%)}.preview-body,.browser-body,.checklist-body,.log-body{height:100%;padding:48px 16px 14px;overflow:hidden;background:var(--bg-elev-1);color:var(--fg-muted)}.preview-body{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center}.phone-shell{width:138px;height:246px;border-radius:24px;padding:10px;margin:0 auto;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#ffffff1f,#ffffff05);box-shadow:0 18px 38px -22px #000000bf}.phone-screen{height:100%;border-radius:18px;padding:14px;background:radial-gradient(circle at 70% 20%,rgba(127,229,168,.28),transparent 42%),#060a0ceb;border:1px solid rgba(255,255,255,.08)}.phone-pill,.dash-line,.metric-line{height:8px;border-radius:999px;background:#ffffff24}.phone-pill{width:46px;margin:0 auto 20px}.phone-card{height:72px;border-radius:14px;margin:12px 0;background:#7fe5a82e;border:1px solid rgba(127,229,168,.22)}.preview-copy{display:grid;gap:10px;min-width:0}.preview-title{font-family:var(--serif);font-size:26px;color:var(--fg);line-height:1.05}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{border-radius:8px;border:1px solid var(--rule);background:#ffffff08;padding:10px;font-family:var(--mono);font-size:10.5px}.metric strong{display:block;color:var(--fg);font-size:16px;margin-bottom:5px}.browser-body{display:grid;gap:12px}.browser-top{height:26px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:8px;background:#00000038;border:1px solid var(--rule);font-family:var(--mono);font-size:10px}.browser-canvas{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;align-items:stretch;min-height:0}.browser-panel{border:1px solid var(--rule);border-radius:10px;padding:14px;background:#ffffff09}.checklist-body{font-family:var(--sans);display:grid;align-content:start;gap:8px}.check-row{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--rule);border-radius:8px;background:#ffffff06;font-size:12px}.check-row .done{color:var(--accent-green)}.check-row .pending{color:var(--accent-amber)}.check-row small{color:var(--fg-dim);font-family:var(--mono)}.log-body{font-family:var(--mono);font-size:11px;line-height:1.6;background:var(--bg-terminal)}.log-line{white-space:pre}.log-line.ok{color:var(--accent-green)}.log-line.info{color:var(--accent-blue)}.log-line.pending{opacity:0;transform:translateY(6px);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.log-line.pending.in{opacity:1;transform:none}.typed-command{color:#f2ede3e0}.log-line.live{color:var(--accent-teal);animation:logBlink 2.6s ease-in-out infinite}@keyframes logBlink{0%,to{opacity:.48}45%,65%{opacity:1}}.marquee{position:absolute;z-index:3;left:0;top:0;width:0;height:0;opacity:0;border:1.5px solid rgba(242,237,227,.34);border-radius:0;background:linear-gradient(180deg,#fff1,#ffffff06),#14171c6b;box-shadow:0 0 0 1px #ffffff0a inset;transition:opacity .18s var(--ease-out),left 1.48s var(--ease-cam),top 1.48s var(--ease-cam),width 1.48s var(--ease-cam),height 1.48s var(--ease-cam);pointer-events:none}.marquee.placing,.marquee.tracking{transition:opacity .18s var(--ease-out)}.marquee.drawing{animation:marqueeDraw var(--marquee-drag-ms, 1.5s) var(--ease-cam) forwards}@keyframes marqueeDraw{0%{width:2px;height:2px}to{width:var(--marquee-w);height:var(--marquee-h)}}.marquee:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:repeating-linear-gradient(90deg,rgba(242,237,227,.22) 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,rgba(242,237,227,.18) 0 1px,transparent 1px 24px);opacity:.26;clip-path:inset(0)}.marquee:after{content:"";position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;border-right:1px solid rgba(242,237,227,.54);border-bottom:1px solid rgba(242,237,227,.54);box-shadow:6px 6px #f2ede31c}.marquee.in{opacity:1}.marquee-label{position:absolute;top:-28px;left:0;padding:5px 8px;border-radius:2px;border:1px solid rgba(255,255,255,.16);background:#15181edb;color:#f2ede3d1;font-family:"Geist Pixel Square",var(--mono);font-size:10px;font-weight:400;white-space:nowrap;box-shadow:0 10px 24px #00000042;text-transform:uppercase}.context-menu{position:absolute;z-index:4;width:180px;padding:6px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#101318db;color:var(--fg-muted);box-shadow:inset 0 1px #ffffff14,0 22px 50px -20px #000000d1;backdrop-filter:blur(14px) saturate(1.08);opacity:0;transform:translateY(4px) scale(.98);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out);pointer-events:none;font-family:var(--sans);font-size:12px}.context-menu.in{opacity:1;transform:translateY(0) scale(1)}.context-title{padding:5px 8px 7px;font-family:"Geist Pixel Line",var(--mono);font-size:9.5px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:0}.context-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:7px;color:var(--fg-muted);transition:background .24s var(--ease-out),color .24s var(--ease-out),transform .32s var(--ease-cam)}.context-item.active{background:#ffffff18;color:var(--fg);transform:translate(2px)}.context-item kbd{font:10px var(--mono);color:var(--fg-dim)}.cursor{position:absolute;z-index:5;left:0;top:0;width:22px;height:22px;opacity:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:opacity .18s var(--ease-out),filter .22s var(--ease-out);transform:translate3d(-200px,-200px,0);will-change:transform,opacity}.cursor svg{display:block;transform-origin:0 0;transition:transform .26s var(--ease-out)}.cursor:before{content:"";position:absolute;left:-10px;top:-7px;width:5px;height:5px;opacity:0;background:#f2ede36b;box-shadow:-11px -4px #f2ede338,-20px -8px #f2ede31f;image-rendering:pixelated;transition:opacity .12s var(--ease-out)}.cursor.in{opacity:1}.cursor.snap,.cursor.dragging,.cursor.card-drag,.cursor.menu-travel,.cursor.menu-select{transition:opacity .18s var(--ease-out),filter .22s var(--ease-out)}.cursor.menu-travel svg{transform:rotate(-2deg)}.cursor.menu-select svg{transform:rotate(1deg)}.cursor.card-drag svg{transform:rotate(-3deg) scale(.97)}.cursor.click svg{animation:cursorTap .3s var(--ease-out)}.cursor.card-drag:before,.cursor.dragging:before,.cursor.menu-travel:before{opacity:1;animation:cursorPixelTrail .52s steps(4,end) infinite}.cursor.marquee-draw{animation:cursorMarqueeDraw var(--cursor-drag-ms, 1.5s) var(--ease-cam) forwards}@keyframes cursorMarqueeDraw{0%{transform:translate3d(var(--cursor-x0),var(--cursor-y0),0)}to{transform:translate3d(var(--cursor-x1),var(--cursor-y1),0)}}@keyframes cursorTap{0%,to{transform:translate(0) rotate(1deg) scale(1)}48%{transform:translate(0) rotate(1deg) scale(.9)}}@keyframes cursorPixelTrail{0%,to{transform:translate(0);opacity:.18}50%{transform:translate(-2px,-1px);opacity:.58}}.cursor .label{position:absolute;left:12px;top:14px;padding:2px 7px;border-radius:4px;font-family:var(--sans);font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 1px 2px #00000073;letter-spacing:.01em}.cursor--teal .label{background:var(--accent-teal);color:#062420}.cursor--pink .label{background:var(--accent-pink);color:#2c0b1c}.cursor--orange .label{background:var(--accent-orange);color:#2a1a05}.cursor--purple .label{background:var(--accent-purple);color:#1b0f33}.cursor--blue .label{background:var(--accent-blue);color:#061a2a}.collab-layer{position:absolute;inset:0;z-index:7;pointer-events:none}.canvas-ping,.cursor-note,.cursor-sticker,.location-toast{position:absolute;opacity:0;pointer-events:none;transform:translate3d(var(--collab-x, -200px),var(--collab-y, -200px),0);transition:opacity .28s var(--ease-out),transform .52s var(--ease-cam);will-change:opacity,transform}.canvas-ping{width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;border:1px solid rgba(96,165,250,.38);background:radial-gradient(circle,rgba(96,165,250,.2) 0 2px,transparent 3px),radial-gradient(circle,rgba(96,165,250,.12),transparent 58%);box-shadow:0 0 30px -18px #60a5fac7;transform:translate3d(var(--collab-x, -200px),var(--collab-y, -200px),0) scale(.72)}.canvas-ping.in{opacity:1;transform:translate3d(var(--collab-x, -200px),var(--collab-y, -200px),0) scale(1);animation:pingHold 2.1s var(--ease-out) forwards}.canvas-ping:after{content:"";position:absolute;inset:12px;border-radius:inherit;border:1px solid rgba(96,165,250,.24)}.canvas-ping span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:3px 6px;border-radius:999px;background:#0c1016d1;border:1px solid rgba(255,255,255,.1);color:#f2ede39e;font:400 8px "Geist Pixel Grid",var(--mono);text-transform:uppercase;white-space:nowrap}@keyframes pingHold{0%{filter:saturate(1.1)}72%{opacity:1}to{opacity:0;filter:saturate(.8)}}.cursor-note{max-width:380px;padding:12px 14px;border-radius:7px;border:1px solid rgba(255,255,255,.34);background:var(--note-bg, var(--accent-teal));color:var(--note-ink, #062420);box-shadow:inset 0 1px #ffffff3d,0 16px 32px -20px #000000e0;font:700 21px/1.16 var(--sans);letter-spacing:.005em;transform:translate3d(var(--collab-x, -200px),var(--collab-y, -200px),0) translate(4px,8px) scale(.94)}.cursor-note.in{opacity:1;transform:translate3d(var(--collab-x, -200px),var(--collab-y, -200px),0)}.cursor-note:before{content:"";position:absolute;left:10px;top:-5px;width:8px;height:8px;border-left:1px solid rgba(255,255,255,.28);border-top:1px solid rgba(255,255,255,.28);background:var(--note-bg, var(--accent-teal));transform:rotate(45deg)}.cursor-note--maya{--note-bg: var(--accent-teal);--note-ink: #062420}.cursor-note--kai{--note-bg: var(--accent-blue);--note-ink: #061A2A}.cursor-note--sam{--note-bg: var(--accent-pink);--note-ink: #2C0B1C}.cursor-note--alex{--note-bg: var(--accent-orange);--note-ink: #2A1A05}.cursor-note--ren{--note-bg: var(--accent-purple);--note-ink: #1B0F33}.cursor-note .caret{display:inline-block;width:8px;height:16px;margin-left:4px;vertical-align:-2px;background:color-mix(in srgb,var(--note-ink, #062420),transparent 18%);animation:narratorCaret .82s steps(2,end) infinite}.cursor-sticker{width:148px;min-height:88px;padding:16px 14px 14px;border-radius:10px;border:1px solid rgba(115,255,204,.3);background:linear-gradient(135deg,rgba(115,255,204,.16),transparent 48%),#0c0f14e0;color:#f2ede3db;box-shadow:inset 0 1px #ffffff1a,0 0 28px -18px #73ffccdb;font:400 20px/1 "Geist Pixel Square",var(--mono);text-align:center;text-transform:uppercase;transform:translate3d(var(--collab-x, -200px),var(--collab-y, -200px),0) rotate(-3deg) scale(.88)}.cursor-sticker.in{opacity:1;transform:translate3d(var(--collab-x, -200px),var(--collab-y, -200px),0) rotate(-3deg) scale(1)}.cursor-sticker small{display:block;margin-top:7px;color:#f2ede37a;font:400 10px/1 "Geist Pixel Grid",var(--mono);letter-spacing:.08em}.confetti-bit{position:absolute;left:50%;top:50%;width:6px;height:10px;border-radius:1px;opacity:0;background:var(--confetti, var(--accent-teal));transform:translate(-50%,-50%) rotate(var(--r, 0deg))}.cursor-sticker.in .confetti-bit{animation:confettiPop .92s var(--ease-out) forwards}.confetti-bit:nth-child(2){--confetti: var(--accent-teal);--r: -22deg;animation-delay:20ms}.confetti-bit:nth-child(3){--confetti: var(--accent-purple);--r: 18deg;animation-delay:70ms}.confetti-bit:nth-child(4){--confetti: var(--accent-orange);--r: 42deg;animation-delay:.11s}.confetti-bit:nth-child(5){--confetti: var(--accent-blue);--r: -48deg;animation-delay:.15s}.confetti-bit:nth-child(6){--confetti: var(--accent-green);--r: 64deg;animation-delay:.19s}@keyframes confettiPop{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r, 0deg)) scale(.4)}14%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx, 0px)),calc(-50% + var(--ty, -48px))) rotate(calc(var(--r, 0deg) + 160deg)) scale(1)}}.confetti-bit:nth-child(2){--tx: -42px;--ty: -50px}.confetti-bit:nth-child(3){--tx: 35px;--ty: -58px}.confetti-bit:nth-child(4){--tx: -60px;--ty: -18px}.confetti-bit:nth-child(5){--tx: 58px;--ty: -24px}.confetti-bit:nth-child(6){--tx: 8px;--ty: -72px}.location-toast{width:280px;padding:12px 13px;border-radius:7px;border:1px solid rgba(242,237,227,.14);background:linear-gradient(180deg,#ffffff0f,#ffffff05),#090b0fdb;color:#f2ede3b8;box-shadow:inset 0 1px #ffffff14,0 18px 40px -28px #000000f2;transform:translate3d(var(--collab-x, -200px),var(--collab-y, -200px),0) translateY(8px)}.location-toast.in{opacity:1;transform:translate3d(var(--collab-x, -200px),var(--collab-y, -200px),0)}.location-toast strong,.location-toast span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-toast strong{color:#f2ede3d1;font:700 13px/1.2 var(--sans)}.location-toast span{margin-top:5px;color:#73ffcca8;font:400 10px/1 "Geist Pixel Grid",var(--mono);text-transform:uppercase}.narrator{position:fixed;z-index:4;right:clamp(28px,3.8vw,58px);bottom:clamp(28px,5vh,56px);width:min(430px,calc(100vw - 780px));min-width:320px;padding:13px 15px 14px;border-radius:8px;border:1px solid rgba(242,237,227,.2);background:linear-gradient(180deg,#ffffff0d,#ffffff05),#080a0dcc;color:#f2ede3d1;box-shadow:inset 0 1px #ffffff14,0 24px 58px -34px #000000e6;backdrop-filter:blur(12px) saturate(.88);pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .36s var(--ease-out),transform .56s var(--ease-cam),padding-bottom .36s var(--ease-cam)}.narrator.in{opacity:.94;transform:none}.narrator:before,.narrator:after{content:"";position:absolute;width:12px;height:12px;opacity:.52;pointer-events:none}.narrator:before{left:7px;top:7px;border-left:1px solid rgba(242,237,227,.38);border-top:1px solid rgba(242,237,227,.38)}.narrator:after{right:7px;bottom:7px;border-right:1px solid rgba(242,237,227,.3);border-bottom:1px solid rgba(242,237,227,.3)}.narrator-label{display:block;margin-bottom:7px;color:#f2ede366;font:400 9px "Geist Pixel Grid",var(--mono);text-transform:uppercase}.narrator-line{min-height:4.25em;margin:0;color:#f2ede3c7;font:400 15px/1.42 "Geist Pixel Square","Geist Pixel Grid",var(--mono);letter-spacing:0;text-wrap:pretty}#narrator-text{font-family:"Geist Pixel Square","Geist Pixel Grid",var(--mono)}.narrator-caret{display:inline-block;width:7px;height:10px;margin-left:3px;vertical-align:-1px;background:#f2ede394;animation:narratorCaret .88s steps(2,end) infinite}@keyframes narratorCaret{0%,42%{opacity:1}43%,to{opacity:0}}.narrator-replay{position:absolute;right:15px;bottom:14px;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:7px 10px;border:1px solid rgba(242,237,227,.22);border-radius:6px;background:#f2ede30e;color:#f2ede3d1;font:400 10px/1 "Geist Pixel Grid",var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .26s var(--ease-out),transform .36s var(--ease-cam),border-color .18s var(--ease-out),background .18s var(--ease-out)}.narrator.replay-ready{padding-bottom:56px;pointer-events:auto}.narrator.replay-ready .narrator-replay{opacity:1;pointer-events:auto;transform:none}.narrator-replay:hover{border-color:#73ffcc8c;background:#73ffcc1c;color:#f2ede3f5}.narrator-replay:focus-visible{outline:1px solid rgba(115,255,204,.75);outline-offset:3px}.hero{position:fixed;inset:0 auto 0 0;z-index:3;isolation:isolate;width:min(58vw,880px);height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 0 0 clamp(30px,4.8vw,70px);text-align:left;transform:translateY(calc(var(--hero-y) + 12px)) scale(var(--hero-scale));transform-origin:left center;opacity:0;transition:opacity .84s var(--ease-out),transform .96s var(--ease-cam);will-change:transform,opacity}.hero.in{opacity:1;transform:translateY(var(--hero-y)) scale(var(--hero-scale))}.hero>*{position:relative;z-index:1}.wordmark{display:inline-flex;align-items:center;gap:10px;margin-bottom:clamp(22px,3.4vh,32px);font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-muted)}.wordmark-logo{width:18px;height:18px;object-fit:contain;opacity:.9;filter:invert(1) brightness(1.8) saturate(.15)}h1{font-family:"Geist Pixel Square","Geist Pixel",var(--serif);font-weight:400;font-size:clamp(50px,4.75vw,70px);line-height:1.08;letter-spacing:0;margin:0 0 22px;max-width:none;color:var(--fg);display:grid;position:relative}.title-layer{grid-area:1 / 1;display:block;opacity:0;filter:none;will-change:opacity;animation-duration:14s;animation-timing-function:linear;animation-iteration-count:infinite}.headline-line{display:block;white-space:nowrap}.title-square{font-family:"Geist Pixel Square","Geist Pixel",var(--serif);animation-name:pixelSquare}.title-line{font-family:"Geist Pixel Line","Geist Pixel",var(--serif);animation-name:pixelLine}.title-triangle{font-family:"Geist Pixel Triangle","Geist Pixel",var(--serif);animation-name:pixelTriangle}.title-circle{font-family:"Geist Pixel Circle","Geist Pixel",var(--serif);animation-name:pixelCircle}.title-grid{font-family:"Geist Pixel Grid","Geist Pixel",var(--serif);animation-name:pixelGrid}@keyframes pixelSquare{0%,20%{opacity:1}22%,94%{opacity:0}96%,to{opacity:1}}@keyframes pixelLine{0%,14%,42%,to{opacity:0}20%,40%{opacity:1}}@keyframes pixelTriangle{0%,34%,62%,to{opacity:0}40%,60%{opacity:1}}@keyframes pixelCircle{0%,54%,82%,to{opacity:0}60%,80%{opacity:1}}@keyframes pixelGrid{0%,74%{opacity:0}80%,to{opacity:1}}h1 em{font-style:normal;position:relative}h1 em:after{content:"";position:absolute;left:4%;right:4%;bottom:.08em;height:.06em;background:var(--cta);opacity:0;border-radius:2px}.sub{font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.55;color:var(--fg-muted);max-width:43ch;margin:0 0 32px}.cta-row{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.cta{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:12px;background:var(--cta);color:var(--cta-ink);font-family:"Geist Pixel Square",var(--mono);font-weight:700;font-size:14.5px;letter-spacing:.005em;text-decoration:none;box-shadow:0 0 0 1px #ffffff75,0 14px 36px -14px #f2eee457,0 2px #ffffff61 inset;transition:transform .18s var(--ease-out),background .18s var(--ease-out),box-shadow .22s var(--ease-out)}.cta:hover{transform:translateY(-1px);background:var(--cta-hover);box-shadow:0 0 0 1px #ffffff9e,0 18px 44px -14px #f2eee46b,0 2px #ffffff6b inset}.cta:active{transform:translateY(0)}.cta .arrow{transition:transform .24s var(--ease-out)}.cta:hover .arrow{transform:translate(2px)}.signal-strip{position:relative;z-index:1;display:grid;grid-template-columns:1fr;width:min(430px,100%);max-width:100%;margin:clamp(20px,3vh,30px) 0 0;padding:0;gap:10px;opacity:1;align-self:flex-start}.signal-kicker{margin:0;color:#f2ede36b;font:400 9px/1 "Geist Pixel Grid",var(--mono);letter-spacing:.14em;text-transform:uppercase}.primitive-grid{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.primitive{display:inline-flex;align-items:center;gap:7px;min-height:24px;padding:6px 8px;border:1px solid rgba(242,237,227,.12);border-radius:5px;background:#f2ede309;color:#f2ede3b3;font:400 10.5px/1 "Geist Pixel Grid",var(--mono);letter-spacing:.02em;white-space:nowrap}.primitive .glyph{display:inline-block;width:5px;height:5px;border-radius:50%;opacity:.92;flex:none}.primitive:nth-child(3n+1) .glyph{background:var(--accent-green);box-shadow:0 0 5px color-mix(in srgb,var(--accent-green),transparent 30%)}.primitive:nth-child(3n+2) .glyph{background:var(--accent-teal)}.primitive:nth-child(3n+3) .glyph{background:var(--accent-purple)}#area-mobile{--owner-accent: var(--accent-teal);left:700px;top:90px;width:1040px;height:660px}#tile-mobile-taskboard{left:740px;top:150px;width:960px;height:230px}#tile-mobile-claude{left:740px;top:410px;width:460px;height:320px}#tile-mobile-codex{left:1240px;top:410px;width:460px;height:320px}#area-web{--owner-accent: var(--accent-teal);left:1820px;top:140px;width:1000px;height:600px}#tile-web-agent{left:1860px;top:200px;width:420px;height:270px}#tile-web-preview{left:2310px;top:200px;width:470px;height:280px}#tile-web-taskboard{left:1860px;top:500px;width:560px;height:220px}#tile-web-notes{left:2450px;top:505px;width:310px;height:210px}#area-api{--owner-accent: var(--accent-teal);left:760px;top:810px;width:1010px;height:580px}#tile-api-agent{left:800px;top:870px;width:420px;height:270px}#tile-api-diff{left:1250px;top:870px;width:470px;height:330px}#tile-api-terminal{left:800px;top:1160px;width:440px;height:205px}#tile-api-files{left:1275px;top:1230px;width:430px;height:140px}#area-launch{--owner-accent: var(--accent-teal);left:1840px;top:820px;width:1000px;height:590px}#tile-launch-agent{left:1880px;top:880px;width:450px;height:275px}#tile-launch-browser{left:2360px;top:880px;width:430px;height:270px}#tile-launch-checklist{left:1880px;top:1185px;width:380px;height:205px}#tile-launch-notes{left:2290px;top:1185px;width:480px;height:205px}.cluster-node{position:absolute;z-index:1;width:var(--cluster-w, 760px);height:var(--cluster-h, 560px);opacity:0;transform:translate(var(--cluster-dx, 0),var(--cluster-dy, 16px)) scale(.96);transition:opacity .76s var(--ease-out),transform var(--cluster-in, .82s) var(--ease-cam);pointer-events:none}.cluster-node.in{opacity:.9;transform:none}.cluster-node:before{content:"";position:absolute;inset:-24px;border-radius:0;background:linear-gradient(#f2ede357,#f2ede357) left top / 62px 1px no-repeat,linear-gradient(#f2ede357,#f2ede357) left top / 1px 62px no-repeat,linear-gradient(#f2ede33d,#f2ede33d) right top / 62px 1px no-repeat,linear-gradient(#f2ede33d,#f2ede33d) right top / 1px 62px no-repeat,linear-gradient(#f2ede338,#f2ede338) left bottom / 62px 1px no-repeat,linear-gradient(#f2ede338,#f2ede338) left bottom / 1px 62px no-repeat,linear-gradient(#f2ede34d,#f2ede34d) right bottom / 62px 1px no-repeat,linear-gradient(#f2ede34d,#f2ede34d) right bottom / 1px 62px no-repeat,repeating-linear-gradient(90deg,rgba(242,237,227,.018) 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,rgba(242,237,227,.014) 0 1px,transparent 1px 24px);border:0;box-shadow:none;opacity:.86}.cluster-node:after{content:"";position:absolute;left:18px;right:18px;top:-34px;height:1px;opacity:.42;background:repeating-linear-gradient(90deg,rgba(242,237,227,.28) 0 1px,transparent 1px 18px)}.mini-area{position:absolute;border-radius:2px;border:1px solid rgba(242,237,227,.14);background:repeating-linear-gradient(90deg,rgba(242,237,227,.02) 0 1px,transparent 1px 20px),repeating-linear-gradient(0deg,rgba(242,237,227,.014) 0 1px,transparent 1px 20px),linear-gradient(180deg,#ffffff0a,#ffffff03),#11141961;box-shadow:inset 0 1px #ffffff0f}.mini-area:before{content:attr(data-title);position:absolute;left:0;right:0;top:-24px;height:18px;padding:0 9px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:2px;background:#1c1f25c2;color:#f2ede39e;font:400 10px "Geist Pixel Square",var(--mono);letter-spacing:0;text-transform:uppercase}.mini-tile{position:absolute;border-radius:6px;border:1px solid rgba(255,255,255,.11);background:#0a0c109e;box-shadow:inset 0 1px #ffffff0a;overflow:hidden}.mini-tile:before{content:attr(data-kind);position:absolute;left:8px;top:7px;right:8px;color:#f2ede3b8;font:700 10px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-tile:after{content:attr(data-detail);position:absolute;left:8px;right:8px;top:26px;color:#f2ede373;font:500 9px/1.45 var(--mono);white-space:normal}.mini-tile.agent{box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff17}.mini-tile.rich{background:linear-gradient(180deg,#ffffff09,#ffffff03),#0a0c10b8}.mini-tile.rich:before,.mini-tile.rich:after{content:none}.mini-tile-bar{position:absolute;left:6px;right:6px;top:6px;height:19px;display:flex;align-items:center;justify-content:space-between;gap:6px;pointer-events:none}.mini-title,.mini-owner{min-width:0;height:19px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#16191fb8;color:#f2ede3a8;font:400 8.5px "Geist Pixel Line",var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px #ffffff12}.mini-title{flex:1;padding:0 7px}.mini-owner{flex:none;width:15px;padding:0;justify-content:center;color:transparent;background:#16191f9e}.mini-owner:before{content:"";width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--cluster-accent, var(--accent-teal)),white 28%);box-shadow:0 0 0 1px #ffffff1a}.mini-body{position:absolute;inset:32px 9px 8px;overflow:hidden;color:#f2ede394;font:500 8.5px/1.35 var(--mono)}.mini-text,.mini-kv,.mini-codebit{display:grid;gap:4px;min-width:0}.mini-text span,.mini-kv span,.mini-codebit span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-text .bright,.mini-kv .bright{color:#f2ede3c7}.mini-text .dim,.mini-kv .dim{color:#f2ede36b}.mini-codebit span{padding-left:6px;border-left:1px solid rgba(255,255,255,.1);color:#f2ede385}.mini-kv{grid-template-columns:42px 1fr;column-gap:6px}.mini-kv span:nth-child(odd){color:#f2ede357}.mini-chat{display:grid;gap:5px}.mini-bubble{max-width:88%;padding:4px 6px;border-radius:4px;background:#ffffff0e;border:1px solid rgba(255,255,255,.07)}.mini-bubble.agent{margin-left:16px;color:#f2ede3b3;background:#ffffff12}.mini-bubble.tool{color:#f2ede37a;font-size:7.5px;border-style:dashed}.mini-log,.mini-diff,.mini-note{display:grid;gap:4px}.mini-log-line,.mini-diff-line,.mini-note-line{height:10px;border-radius:999px;background:#ffffff16}.mini-log-line.ok,.mini-diff-line.add{background:#f2ede32e}.mini-diff-line.del{background:#f2ede31a}.mini-browser{display:grid;gap:7px}.mini-url{height:15px;border-radius:3px;background:#ffffff12;color:#f2ede36b;font:700 7.5px/15px var(--mono);padding:0 7px}.mini-hero-shape{height:34px;border-radius:3px;background:linear-gradient(135deg,#ffffff14,#ffffff07),#ffffff08;border:1px solid rgba(255,255,255,.07)}.mini-board{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:100%}.mini-col{display:grid;align-content:start;gap:5px;min-width:0}.mini-col strong{color:#f2ede37a;font:700 7px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-card{height:18px;border-radius:2px;border:1px solid rgba(255,255,255,.08);background:#ffffff0e}.mini-files{display:grid;grid-template-columns:42% 1fr;gap:8px;height:100%}.mini-tree,.mini-code{display:grid;align-content:start;gap:4px}.mini-tree span,.mini-code span{height:8px;border-radius:999px;background:#ffffff14}.mini-tree span.active{background:#f2ede32e}.cluster-coord{position:absolute;right:26px;bottom:20px;z-index:3;color:#f2ede357;font:400 10px "Geist Pixel Grid",var(--mono);text-transform:uppercase;white-space:nowrap}.cluster-medallion{position:absolute;left:50%;top:50%;z-index:4;width:94px;height:94px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:10px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(135deg,rgba(255,255,255,.26),transparent 32%),linear-gradient(180deg,#ffffff1f,#ffffff0a),#181b21e6;color:#f2ede3db;font:400 30px "Geist Pixel Square",var(--mono);box-shadow:inset 0 1px #ffffff29,0 0 0 8px color-mix(in srgb,var(--cluster-accent, var(--accent-teal)),transparent 91%),0 20px 46px -24px #000000db}.cluster-medallion:before{content:"";position:absolute;inset:7px;border-radius:4px;pointer-events:none;background:linear-gradient(#f2ede361,#f2ede361) left top / 18px 1px no-repeat,linear-gradient(#f2ede361,#f2ede361) left top / 1px 18px no-repeat,linear-gradient(#f2ede338,#f2ede338) right bottom / 18px 1px no-repeat,linear-gradient(#f2ede338,#f2ede338) right bottom / 1px 18px no-repeat;opacity:.74}.cluster-medallion span{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);padding:3px 8px;border-radius:999px;background:#101318c7;border:1px solid rgba(255,255,255,.11);color:#f2ede3c7;font:700 12px var(--sans);white-space:nowrap}#cluster-maya{--cluster-accent: var(--accent-teal);--cluster-dx: 0;--cluster-dy: 24px;left:1540px;top:660px;--cluster-w: 760px;--cluster-h: 540px}#cluster-maya.in{opacity:.94}#cluster-kai{--cluster-accent: var(--accent-blue);--cluster-dx: -28px;--cluster-dy: 22px;--cluster-in: .92s;left:720px;top:110px;--cluster-w: 760px;--cluster-h: 540px}#cluster-sam{--cluster-accent: var(--accent-pink);--cluster-dx: 28px;--cluster-dy: -16px;--cluster-in: .98s;left:2280px;top:130px;--cluster-w: 760px;--cluster-h: 540px}#cluster-alex{--cluster-accent: var(--accent-orange);--cluster-dx: -22px;--cluster-dy: -18px;--cluster-in: .86s;left:620px;top:1080px;--cluster-w: 760px;--cluster-h: 540px}#cluster-ren{--cluster-accent: var(--accent-purple);--cluster-dx: 24px;--cluster-dy: 26px;--cluster-in: 1.04s;left:2300px;top:1140px;--cluster-w: 760px;--cluster-h: 540px}.camera.constellation #area-mobile,.camera.constellation #area-web,.camera.constellation #area-api,.camera.constellation #area-launch,.camera.constellation #tile-mobile-taskboard,.camera.constellation #tile-mobile-claude,.camera.constellation #tile-mobile-codex,.camera.constellation #tile-web-agent,.camera.constellation #tile-web-preview,.camera.constellation #tile-web-taskboard,.camera.constellation #tile-web-notes,.camera.constellation #tile-api-agent,.camera.constellation #tile-api-diff,.camera.constellation #tile-api-terminal,.camera.constellation #tile-api-files,.camera.constellation #tile-launch-agent,.camera.constellation #tile-launch-browser,.camera.constellation #tile-launch-checklist,.camera.constellation #tile-launch-notes{transform-origin:left top;transform:scale(.35)}.camera.constellation #area-mobile{left:1546px;top:700px;width:1040px;height:660px}.camera.constellation #tile-mobile-taskboard{left:1560px;top:721px;width:960px;height:230px}.camera.constellation #tile-mobile-claude{left:1560px;top:816px;width:460px;height:320px}.camera.constellation #tile-mobile-codex{left:1735px;top:816px;width:460px;height:320px}.camera.constellation #area-web{left:1938px;top:717.5px;width:1000px;height:600px}.camera.constellation #tile-web-agent{left:1952px;top:738.5px;width:420px;height:270px}.camera.constellation #tile-web-preview{left:2109.5px;top:738.5px;width:470px;height:280px}.camera.constellation #tile-web-taskboard{left:1952px;top:843.5px;width:560px;height:220px}.camera.constellation #tile-web-notes{left:2158.5px;top:845.25px;width:310px;height:210px}.camera.constellation #area-api{left:1567px;top:952px;width:1010px;height:580px}.camera.constellation #tile-api-agent{left:1581px;top:973px;width:420px;height:270px}.camera.constellation #tile-api-diff{left:1738.5px;top:973px;width:470px;height:330px}.camera.constellation #tile-api-terminal{left:1581px;top:1074.5px;width:440px;height:205px}.camera.constellation #tile-api-files{left:1747.25px;top:1099px;width:430px;height:140px}.camera.constellation #area-launch{left:1945px;top:955.5px;width:1000px;height:590px}.camera.constellation #tile-launch-agent{left:1959px;top:976.5px;width:450px;height:275px}.camera.constellation #tile-launch-browser{left:2127px;top:976.5px;width:430px;height:270px}.camera.constellation #tile-launch-checklist{left:1959px;top:1083.25px;width:380px;height:205px}.camera.constellation #tile-launch-notes{left:2102.5px;top:1083.25px;width:480px;height:205px}@media(max-width:900px){:root{--scene-x: 0px;--scene-y: -24px;--scene-scale: .3}h1{font-size:clamp(44px,7.7vw,64px)}.sub{font-size:16.5px;max-width:42ch}.signal-strip{grid-template-columns:1fr;width:min(380px,100%);margin:24px auto 0;padding:0}.primitive-grid{justify-content:center}.stage{opacity:.54;-webkit-mask-image:radial-gradient(ellipse 64% 56% at 50% 48%,rgba(0,0,0,0) 0%,rgba(0,0,0,.06) 42%,rgba(0,0,0,.42) 68%,#000 100%);mask-image:radial-gradient(ellipse 64% 56% at 50% 48%,#0000,#0000000f 42%,#0000006b 68%,#000)}.hero{width:100%;align-items:center;text-align:center;transform-origin:center;justify-content:flex-start;padding:48px 20px 0}.sub{margin-left:auto;margin-right:auto}.cta-row{align-items:center}.wordmark{margin-bottom:32px}#area-api,#area-launch,#tile-api-agent,#tile-api-diff,#tile-api-terminal,#tile-api-files,#tile-launch-agent,#tile-launch-browser,#tile-launch-checklist,#tile-launch-notes,.pixel-register,.pixel-ruler,.pixel-chip{display:none}.pixel-readout{min-width:126px;font-size:8.5px;padding:6px 7px}.pixel-readout span{font-size:7.5px}.narrator{left:auto;right:24px;bottom:24px;width:min(360px,calc(100vw - 430px));min-width:260px}.narrator-line{font-size:12.5px;min-height:4.2em}}@media(min-width:901px){.hero:before{content:"";position:absolute;z-index:0;left:42%;top:48%;width:min(760px,58vw);height:min(620px,68vh);transform:translate(-50%,-50%);pointer-events:none;opacity:1;transition:none;background:radial-gradient(ellipse at center,#0a0c10d1,#0a0c1094 42%,#0a0c1038 64%,#0a0c1000 78%)}}@media(max-width:560px){:root{--scene-x: 0px;--scene-y: -34px;--scene-scale: .36}html,body{overflow-x:clip}.stage,.pixel-layer,.narrator{display:none}#area-mobile{left:20px;top:140px}#tile-mobile-taskboard{left:60px;top:200px}#tile-mobile-claude{left:60px;top:470px}#tile-mobile-codex{left:590px;top:470px}#area-web{left:1500px;top:380px}#tile-web-agent{left:1540px;top:440px}#tile-web-preview{left:2030px;top:440px}#tile-web-taskboard{left:1540px;top:760px}#tile-web-notes{left:2180px;top:770px}.hero{height:100svh;min-height:100svh;justify-content:center;padding:0 20px;opacity:1;transform:none;transition:none}.wordmark{margin-bottom:28px;font-size:11px;letter-spacing:.18em}h1{max-width:none;font-size:clamp(22px,6vw,30px)}.title-layer{animation:none;opacity:0}.title-square{opacity:1}.sub{max-width:28ch;font-size:15.5px;line-height:1.5;margin-bottom:30px}.cta{width:min(100%,260px);justify-content:center;padding:15px 20px}.signal-strip{grid-template-columns:1fr;align-self:center;width:100%;max-width:350px;margin:20px auto 0;padding:0}.signal-kicker{text-align:center;font-size:8px}.primitive-grid{width:100%;justify-content:center;gap:6px 5px}.primitive{min-height:22px;padding:5px 6px;font-size:8.5px}}@media(prefers-reduced-motion:reduce){.camera{transition:none!important;animation:none!important}.area,.tile,.card,.pad-line,.diff-line,.agent-line,.cursor,.title-layer,.pixel-readout,.pixel-ruler,.pixel-register,.pixel-chip,.pixel-scan,.narrator,.narrator-caret,.canvas-ping,.cursor-note,.cursor-sticker,.location-toast{transition:none!important;animation:none!important;transform:none!important}.title-layer{opacity:0!important;filter:none!important}.title-square{opacity:1!important}.term-caret{animation:none!important;opacity:1!important}.agent-head:before{animation:none!important}}