:root{--cursor-blue:#0a92ed;--agent:var(--cursor-blue);--editor-bg:#25272b;--editor-border:#3c3f45}::view-transition,::view-transition-group(*),::view-transition-image-pair(*),::view-transition-old(*),::view-transition-new(*){pointer-events:none}.hero{isolation:isolate}.hero__intro{z-index:1}.hero h1{max-width:22em;letter-spacing:-.035em;line-height:1.32}.keep-chip{white-space:nowrap}.chip--code{width:2.5em;height:1.17em;vertical-align:-.16em;background:var(--soft);border:1px solid var(--line);overflow:visible}.code-mini{position:absolute;left:8%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.08em;width:84%;font:500 .245em/1.22 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.045em;color:var(--grey);text-align:left}.code-mini b{color:var(--agent);font-weight:500}.code-mini .code-line{display:block;white-space:nowrap}.code-mini .code-line:last-child{padding-left:1ch;color:var(--ink)}.code-caret{display:inline-block;vertical-align:-.1em;width:1px;height:.8em;background:var(--agent);margin-left:1px}.chip--code.selected{--sel:var(--agent)}.chip--curve.selected{--sel:var(--cursor-blue)}.collaboration-note{display:flex;align-items:center;gap:9px;margin:18px 0 0;font-size:13px;color:var(--grey)}.collaboration-note svg{width:17px;height:17px;flex:none}.collaboration-note span{color:var(--ink)}.cur{--cursor-color:var(--ink);z-index:25;transition:visibility 0s}.cur .arrow{width:23px;height:25px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.cur .arrow path{fill:#fff;stroke:var(--cursor-color);stroke-width:1.6;stroke-linejoin:round}.cur .hand{width:29px;height:33px;fill:#fff;stroke:var(--cursor-color);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 80%}.cur--you{--cursor-color:var(--cursor-blue);z-index:100}.cur--you em{left:17px;top:25px;padding:7px 10px;border-radius:6px;background:var(--cursor-blue);color:#fff;font-size:12px;line-height:1;font-weight:500;box-shadow:none}.cur--you.five em{top:35px}.cur.label-left em{left:auto;right:2px}.cur.label-above em{top:auto;bottom:4px}.cur--r .portrait-badge{position:absolute;left:17px;top:25px;width:34px;height:34px;border:1.5px solid var(--bg);border-radius:50%;box-shadow:0 0 0 1px var(--cursor-color),0 2px 7px #0001;overflow:hidden;background:#090d18}.portrait-badge img,.chip--face img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.4) translateY(12%)}.chip--face{background:#090d18}.designer-name{position:absolute;left:55px;top:29px}.cur--r.five .portrait-badge{top:35px}.cur--r.five .designer-name{top:39px}.cur--r.label-left .portrait-badge{left:auto;right:5px}.cur--r.label-left .designer-name{left:auto;right:48px}.cur--agent{--cursor-color:var(--agent)}.agent-badge{position:absolute;left:17px;top:25px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #e4e4e7;border-radius:50%;background:#fff;color:#111;box-shadow:0 2px 7px #0001}.agent-badge svg{width:18px;height:18px}.agent-badge img{width:20px;height:20px;object-fit:contain}.agent-name{position:absolute;left:55px;top:29px}.designer-name,.agent-name{padding:7px 10px;border-radius:6px;background:#1c1c1e;color:#fff;font:500 12px/1 var(--sans);white-space:nowrap;box-shadow:0 0 0 1px #ffffff16}.cur--you.is-link .arrow{transform:none}.cur.is-down .arrow{transform:scale(.87)}.cur.five.tap .hand{animation:palm-tap .42s var(--ease) both}.pointer-burst{position:fixed;left:0;top:0;width:72px;height:72px;margin:-36px 0 0 -36px;z-index:99;pointer-events:none;visibility:hidden;color:var(--cursor-blue)}.pointer-burst svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.pointer-burst b{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:12px;font-weight:400;white-space:nowrap;color:var(--grey)}.pointer-burst.active{visibility:visible}.pointer-burst.active svg{animation:click-rays .55s ease-out both}.pointer-burst.active b{animation:greeting-word 1.3s ease both}@keyframes click-rays{0%{transform:scale(.4);opacity:0}15%{opacity:.5}to{transform:scale(1.25);opacity:0}}@keyframes greeting-word{0%,to{opacity:0}15%,65%{opacity:.8}}.side a,.case-nav button{border-radius:8px;outline:1.5px solid transparent;outline-offset:3px}.side a:hover,.case-nav button:hover{color:var(--ink)}:focus-visible{outline-color:var(--cursor-blue)}.ambient-zone{position:relative;isolation:isolate}.ambient-dots{position:absolute;left:0;top:0;width:100%;height:150px;pointer-events:none;z-index:-1;opacity:1}.hero>.ambient-dots{height:126px}.method>.ambient-dots,.contact>.ambient-dots{top:12px;height:130px}.collab-detail{border-top:1px solid var(--line);margin:45px 0 0;padding:24px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.collab-detail h3{font:500 21px/1.3 var(--sans);letter-spacing:-.025em;margin:0}.collab-detail p{font-size:15px;line-height:1.6;color:var(--grey);margin:0;max-width:52ch}.collab-detail p a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}@media(max-width:980px){.hero{padding-top:130px}.cur--r,.cur--agent{display:none}.collab-detail{grid-template-columns:1fr;gap:10px}.hero>.ambient-dots{top:65px;height:55px}.collaboration-note{font-size:12px;gap:7px;align-items:flex-start;max-width:32em}}@media(prefers-reduced-motion:reduce){.cur,.pointer-burst{display:none!important}.ambient-dots{opacity:.5}.code-caret{display:none}}.chip--curve,.chip--code{width:clamp(64px,2em,100px);height:clamp(36px,1.12em,56px);min-width:0;vertical-align:-.15em;-webkit-tap-highlight-color:transparent}.chip--curve{touch-action:manipulation;user-select:none;font:inherit;padding:0}.chip--code{font:inherit;padding:0;overflow:visible}.mini-window{position:absolute;inset:0;overflow:hidden;border-radius:inherit;padding:0 10%}.mini-title{height:23%;border-bottom:1px solid var(--editor-border);display:flex;gap:4%;align-items:center}.mini-title i{width:.065em;height:.065em;border:1px solid #969ba3;border-radius:50%}.mini-viewport{position:absolute;inset:30% 10% 10%;overflow:hidden;mask-image:linear-gradient(transparent,#000 8%,#000 94%,transparent);font:400 clamp(6px,.16em,8px)/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;text-align:left}.mini-lines{display:flex;flex-direction:column;animation:code-review 12s linear infinite}.mini-code-block{display:block;flex:none;white-space:pre;font:inherit}@keyframes code-review{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.chip--code[aria-expanded=true] .mini-lines{animation-play-state:paused}.ae-panel{--bg:#202124;--ink:#e6e7e9;--grey:#b0b4bc;--line:#3b3d42;--soft:#2c2e33;--soft-2:#3c3f46;position:fixed;z-index:65;box-sizing:border-box;padding:16px;background:var(--bg);color:var(--ink);border:1px solid #484b52;border-radius:12px;box-shadow:0 18px 55px #0005,0 2px 8px #0002;font:400 13px/1.5 var(--sans);letter-spacing:0;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5b5e65 transparent;color-scheme:dark}.ae-panel .ae-panel-header{position:sticky;top:-16px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-16px -16px 0;padding:0 12px 0 16px;background:#282a2e;border-bottom:1px solid var(--line)}.ae-panel .ae-panel-header h2{display:flex;align-items:center;gap:8px;min-height:47px;margin:0 0 -1px;padding:0 0 2px;border-bottom:2px solid #b8bbc1;font:500 14px/1.2 var(--sans);letter-spacing:0}.ae-panel-header h2 svg{width:18px;height:18px;color:#c5c8cf}.ae-panel .graph-close,.ae-panel .expression-close{width:36px;height:44px;flex:none;font:400 22px/1 var(--sans);color:var(--grey);border-radius:4px}.ae-panel .graph-close:hover,.ae-panel .expression-close:hover{color:#fff;background:#393c42}.ae-property-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;font-size:12px;color:#c7cad0}.ae-property-row>span:first-child{display:flex;align-items:center;gap:7px}.ae-property-row svg{width:15px;height:15px;flex:none;color:#989da6}.ae-property-row output,.expression-enabled{color:#55b5f5;font:400 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.ae-panel .ae-copy{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #5c6068;border-radius:5px;background:#3b3e45;color:#f4f5f6;font:500 12px/1.3 var(--sans)}.ae-copy svg{width:15px;height:15px;flex:none}.ae-panel .ae-copy:hover{background:#4a4e57;border-color:#787e88}.ae-panel .ae-copy:disabled{opacity:.65}.ae-panel textarea{display:block;width:100%;min-height:140px;box-sizing:border-box;margin-top:12px;padding:12px;resize:vertical;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;background:#18191c;color:var(--ink);border:1px solid #555a64;border-radius:5px}.ae-panel textarea[hidden]{display:none}.expression-panel{width:min(460px,calc(100vw - 24px))}.expression-panel[hidden]{display:none}.expression-intro{margin:16px 0}.expression-intro h3{font:500 18px/1.3 var(--sans);letter-spacing:-.02em;margin:0 0 4px;color:var(--ink)}.expression-panel p{margin:0;color:var(--grey)}.expression-editor{margin:0 0 16px;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#1c1d20}.expression-editor .ae-property-row{min-height:34px;padding:0 12px;background:#292b30;border-bottom:1px solid var(--line)}.expression-enabled{font-size:19px;line-height:1}.expression-panel pre{min-height:100px;max-height:250px;margin:0;padding:14px 14px 14px 46px;background:linear-gradient(90deg,#191a1d 0 38px,#1e1f23 38px);font:400 12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;color:#d4d4d4;tab-size:2}.expression-panel code{font:inherit}.expression-code-row{display:block;position:relative;min-height:1.8em}.expression-code-row:before{content:attr(data-line);position:absolute;left:-34px;top:0;width:20px;text-align:right;color:#8d929c;user-select:none;pointer-events:none}.expression-glyph.is-pending{opacity:0}.expression-glyph.is-caret{position:relative}.expression-glyph.is-caret:after{content:"";position:absolute;left:100%;top:.05em;height:1.2em;border-left:1.5px solid #d4d4d4;pointer-events:none}.code-syntax{color:#d4d4d4}.code-syntax .token-keyword{color:#569cd6}.code-syntax .token-variable{color:#9cdcfe}.code-syntax .token-function{color:#dcdcaa}.code-syntax .token-number{color:#b5cea8}.code-syntax .token-string{color:#ce9178}.code-syntax .token-type{color:#4ec9b0}.code-syntax .token-comment{color:#6a9955}.expression-line{display:block;animation:reveal-code .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--line)*90ms)}.expression-line:nth-child(-n+2){color:var(--agent)}@keyframes reveal-code{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.expression-panel .expression-help{font-size:12px;line-height:1.6}.expression-help b{font-weight:500;color:var(--ink)}.expression-panel .expression-detail{font-size:11px;margin-top:10px}.expression-panel footer{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--grey)}.expression-copy,.expression-next{font:500 12px/1.3 var(--sans);padding:10px 12px;min-height:44px;border-radius:6px}.expression-next{border:1px solid var(--line);color:var(--ink)}.expression-next:hover{background:var(--soft);border-color:#6a6f79}.expression-panel .expression-status:not(:empty){margin-top:10px;font-size:12px}.greeting-label{display:none;position:absolute;top:-28px;right:20px;font:400 12px/1.3 var(--sans);white-space:nowrap;color:var(--grey);padding:3px 5px;background:var(--bg);border-radius:4px}.cur--r.five .greeting-label{display:block}.cur--r.tap .greeting-label{display:none}.cur--agent.label-left .agent-badge{left:auto;right:5px}.cur--agent.label-left .agent-name{left:auto;right:48px}@media(prefers-reduced-motion:reduce){.mini-lines,.expression-line{animation:none}.expression-glyph.is-pending{opacity:1}.expression-glyph.is-caret:after{display:none}.ambient-dots{opacity:1}}.work>.ambient-dots{top:-16px;height:clamp(72px,8vw,112px)}@media(pointer:coarse){.chip--curve,.chip--code{min-height:44px}}:root[data-palette=blue]{--accent:#0099ff;--on-accent:#08263b;--accent-ink:#006eb8;--accent-soft:#eef8ff;--accent-line:#b8ddf7;--cursor-blue:var(--accent);--agent:var(--cursor-blue);--sel:var(--accent);--lime:var(--accent);--on-lime:var(--on-accent)}:root[data-palette=blue][data-theme=dark]{--accent-ink:#70c6ff;--accent-soft:#10212f;--accent-line:#2d526c}:root[data-palette=blue] :focus-visible{outline-color:var(--accent-ink)}:root[data-palette=blue] .me span:before{box-shadow:0 0 0 3px var(--accent-soft)}:root[data-palette=blue] .side a.on,:root[data-palette=blue] .side a:hover,:root[data-palette=blue] .case-nav button[aria-current=true],:root[data-palette=blue] .case-nav button:hover{color:var(--accent-ink)}:root[data-palette=blue] .side a.on:before{background:var(--accent)}:root[data-palette=blue] .pill{background:var(--ink);color:var(--bg)!important}:root[data-palette=blue] .pill:hover{box-shadow:0 0 0 3px var(--accent-soft),0 10px 26px #0002}:root[data-palette=blue] .cur--you em{color:var(--on-accent)}:root[data-palette=blue] .chip--curve,:root[data-palette=blue] .chip--code{background:var(--accent-soft);border-color:var(--accent-line)}:root[data-palette=blue]:not([data-theme=dark]) .theme .sun,:root[data-palette=blue][data-theme=dark] .theme .moon{background:var(--accent-soft);color:var(--accent-ink)}:root[data-palette=blue] .motion-toggle:hover,:root[data-palette=blue] .case-back:hover,:root[data-palette=blue] .collab-detail p a:hover,:root[data-palette=blue] .contact .big:hover{color:var(--accent-ink)}:root[data-palette=blue] .story-views button[aria-pressed=true],:root[data-palette=blue] .story-stage-tools button[aria-pressed=true],:root[data-palette=blue] .story-cc[aria-pressed=true],:root[data-palette=blue] .story-mask-toggle[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}:root[data-palette=blue] .story-mask-toggle[aria-pressed=true] span{color:var(--accent-ink)}:root[data-palette=blue] .story-start:hover,:root[data-palette=blue] .story-transport button:hover{background:var(--accent-soft);color:var(--accent-ink)}:root[data-palette=blue] .story-playhead:before,:root[data-palette=blue] .story-playhead:after{background:var(--accent)}#c-curve{--graph-bg:var(--editor-bg);--graph-grid:#45484e;--graph-key:#f1d45a;width:clamp(104px,2.4em,124px);height:clamp(58px,1.35em,70px);vertical-align:-.25em;background:var(--graph-bg);border-color:var(--editor-border);border-radius:.23em}#c-curve svg{width:94%;height:92%;overflow:visible;pointer-events:none}#c-curve .graph-ruler{fill:none;stroke:#81858c;stroke-width:.65;pointer-events:none}#c-curve .graph-grid{fill:none;stroke:var(--graph-grid);stroke-width:.6;pointer-events:none}#c-curve .graph-curve{fill:none;stroke:#eceef1;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#c-curve .graph-tangent{fill:none;stroke:var(--graph-key);stroke-width:.85;pointer-events:none}#c-curve .graph-keyframe,#c-curve .graph-handle{fill:var(--graph-key);stroke:var(--graph-bg);stroke-width:.5;pointer-events:none}#c-curve .graph-time-line{stroke:var(--cursor-blue);stroke-width:.75;opacity:.85;pointer-events:none}#c-curve .graph-time-head{fill:var(--cursor-blue);pointer-events:none}#c-curve .graph-sample{fill:var(--cursor-blue);stroke:var(--graph-bg);stroke-width:.65;pointer-events:none}.cur--r .portrait-badge,.cur--r .designer-name{transition:top .25s var(--ease)}#c-code{width:clamp(118px,2.7em,144px);height:clamp(58px,1.35em,70px);vertical-align:-.25em;background:var(--editor-bg);border-color:var(--editor-border);border-radius:.23em}@media(max-width:980px){#c-curve{width:2.15em}#c-code{width:2.5em}#c-curve,#c-code{height:1.2em;min-height:0;vertical-align:-.2em;margin-inline:.06em}#c-curve:after,#c-code:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:44px;transform:translateY(-50%);border-radius:inherit}#c-code .mini-viewport{font-size:clamp(4px,.16em,6px)}.me{left:20px}.talk{position:absolute;inset:22px 20px auto auto}.talk .pill{min-height:44px;padding:10px 16px;font-size:13px}.hero{padding-bottom:12px}.reel{margin-top:36px}.work{padding-top:40px}.work>.ambient-dots{top:0;height:32px}.work__heading{margin-bottom:24px}}.graph-panel{width:min(500px,calc(100vw - 24px))}.graph-panel[hidden]{display:none}.graph-canvas{display:block;width:100%;height:auto;background:#2c2e32;border:1px solid #43464d;border-radius:4px;touch-action:none;user-select:none}.editor-ruler{fill:none;stroke:#777c85;stroke-width:.7;pointer-events:none}.editor-grid{fill:none;stroke:#45484e;stroke-width:.7;pointer-events:none}.editor-axis{fill:#adb3bf;font:400 10px ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:none}.editor-curve{fill:none;stroke:#eceef1;stroke-width:2;stroke-linecap:round;pointer-events:none}.editor-tangent{fill:none;stroke:#f1d45a;stroke-width:1.2;pointer-events:none}.editor-keyframe,.editor-control{fill:#f1d45a;stroke:#2c2e32;stroke-width:1;pointer-events:none}.editor-time-line{stroke:var(--cursor-blue);stroke-width:1;opacity:.8;pointer-events:none}.editor-time-head{fill:var(--cursor-blue);pointer-events:none}.editor-time-dot{fill:var(--cursor-blue);stroke:#2c2e32;stroke-width:1;pointer-events:none}.curve-editor-handle{fill:transparent;stroke:transparent;cursor:grab;outline:none}.curve-editor-handle:focus-visible{stroke:var(--cursor-blue);stroke-width:1.2;stroke-dasharray:3 4}.graph-panel.is-dragging .curve-editor-handle{cursor:grabbing}.graph-motion{position:relative;flex:1;min-width:0;height:44px;contain:layout paint}.graph-motion:before{content:"";position:absolute;left:22%;right:22%;top:50%;height:1px;background:#535760}.graph-motion:focus-within:before{box-shadow:0 0 0 2px #0a92ed44}.graph-end{position:absolute;left:22%;top:50%;width:3px;height:12px;border-radius:2px;background:#767c85;transform:translate(-50%,-50%)}.graph-end--end{left:78%}.graph-ball{position:absolute;left:22%;top:50%;width:16px;height:16px;border-radius:50%;background:var(--cursor-blue);box-shadow:0 2px 12px #0a92ed30;transform:translate(-50%,-50%)}.graph-transport{display:flex;align-items:center;gap:12px;margin-top:12px}.graph-toggle{min-width:62px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;font-size:12px;font-weight:500}.graph-timeline{position:absolute;inset:0 22%;width:56%;height:44px;min-width:0;margin:0;opacity:0;touch-action:pan-y;cursor:ew-resize}.graph-time{min-width:3.7em;text-align:right;color:var(--grey);font:400 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.graph-toggle:hover{color:var(--ink);background:var(--soft)}.graph-export{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.graph-export p{flex:1;max-width:19ch;min-width:100px;margin:0;color:#d0d3d9;font-size:12px}.graph-status{font-size:12px;line-height:1.5;margin:0;color:#d0d3d9}.graph-status:not(:empty){margin-top:10px}@media(max-width:380px){.graph-export p{display:none}.graph-export .graph-copy{width:100%}.ae-panel{padding:12px}.ae-panel .ae-panel-header{top:-12px;margin:-12px -12px 0;padding-left:12px}}