.uai-scene{margin:0}.uai-scene__stage{--uai-grid-line:color-mix(in oklab,var(--uai-border) 55%,transparent);position:relative;min-height:600px;overflow:hidden;border-radius:14px;background-color:var(--uai-stage);background-image:linear-gradient(var(--uai-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--uai-grid-line) 1px,transparent 1px);background-position:-1px -1px;background-size:24px 24px;box-shadow:inset 0 0 0 1px var(--uai-border)}.uai-scene__label{position:absolute;top:24px;left:34px;z-index:1;margin:0;color:var(--uai-subtle);font-family:var(--uai-mono);font-size:.72rem;line-height:1.4}.uai-scene__label--right{right:34px;left:auto;opacity:0;transition:opacity .2s var(--uai-ease-out)}.uai-scene__label--right[data-show]{opacity:1}.uai-scene__world{position:absolute;inset:52px 24px 76px;display:flex;justify-content:center}.uai-scene__row{--lane:400px;--pix:360px;--gap:48px;display:grid;grid-template-columns:var(--lane) var(--pix);gap:var(--gap);translate:calc((var(--pix) + var(--gap)) / 2) 0;transition:translate .3s var(--uai-ease-out)}.uai-scene__row[data-shifted]{translate:0 0}.uai-scene__lane{display:flex;min-height:0;flex-direction:column;justify-content:flex-end}.uai-scene__lane--pix{justify-content:center}.uai-scene__beat{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--uai-ease-out)}.uai-scene__beat[data-show]{grid-template-rows:1fr}.uai-scene__beat-inner{min-height:0;overflow:hidden}.uai-scene__pop{padding-bottom:12px;transform-origin:50% 100%;animation:uai-scene-pop .18s var(--uai-ease-pop) 60ms both}.uai-scene__beat--pix .uai-scene__pop{padding-bottom:0;transform-origin:50% 50%}.uai-scene__beat[data-leaving] .uai-scene__pop{opacity:0;scale:.98;transition:opacity .16s var(--uai-ease-out),scale .16s var(--uai-ease-out)}@keyframes uai-scene-pop{0%{opacity:0;scale:.96}}.uai-scene__composer{position:relative;z-index:1}.uai-scene__controls{position:absolute;bottom:16px;left:50%;z-index:3;display:flex;align-items:center;gap:6px;translate:-50% 0}.uai-scene__controls .uai-segmented,.uai-scene__toggle{background:color-mix(in oklab,var(--uai-surface) 88%,transparent);box-shadow:0 0 0 1px var(--uai-border-strong),0 10px 28px color-mix(in oklab,black 28%,transparent);backdrop-filter:blur(12px)}.uai-scene__controls .uai-segmented{padding:3px}.uai-scene__controls .uai-segmented button{height:26px;padding:0 12px;font-variant-numeric:tabular-nums}.uai-scene__toggle{width:32px;height:32px}.uai-scene__toggle svg{width:14px;height:14px}.uai-scene[data-compact] .uai-scene__stage{min-height:600px}.uai-scene[data-compact] .uai-scene__world{inset:48px 16px 72px}.uai-scene[data-compact] .uai-scene__row{width:100%;max-width:400px;grid-template-columns:minmax(0,1fr);translate:none}.uai-scene[data-compact] .uai-scene__label{left:26px}.uai-featured__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.uai-feature{position:relative;display:grid;overflow:hidden;border-radius:14px;box-shadow:inset 0 0 0 1px var(--uai-border);animation:uai-fade-up .24s var(--uai-ease-out) both;transition:background-color .12s ease-out,box-shadow .12s ease-out,scale .14s var(--uai-ease-out)}.uai-feature:nth-child(2){animation-delay:40ms}.uai-feature:nth-child(3){animation-delay:80ms}.uai-feature:nth-child(4){animation-delay:.12s}.uai-feature:nth-child(5){animation-delay:.16s}.uai-feature:nth-child(n+6){animation-delay:.2s}.uai-feature[data-wide]{grid-column:1/-1}.uai-feature__specimen{--uai-grid-line:color-mix(in oklab,var(--uai-border) 55%,transparent);position:relative;display:grid;height:272px;place-items:center;overflow:hidden;background-color:var(--uai-stage);background-image:linear-gradient(var(--uai-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--uai-grid-line) 1px,transparent 1px);background-position:-1px -1px;background-size:16px 16px;box-shadow:inset 0 -1px 0 var(--uai-border)}.uai-feature__marks{position:absolute;inset:14px}.uai-feature__marks i{position:absolute;width:12px;height:12px;border:0 solid var(--uai-signal-ink);transition:translate .16s var(--uai-ease-out)}.uai-feature__marks i:first-child{top:0;left:0;border-width:1px 0 0 1px}.uai-feature__marks i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.uai-feature__marks i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.uai-feature__marks i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}.uai-feature__playing{position:absolute;top:18px;right:34px;display:flex;align-items:center;gap:6px;color:var(--uai-signal-ink);font-family:var(--uai-mono);font-size:.66rem;opacity:0;transition:opacity .12s ease-out}.uai-feature__playing:before{width:5px;height:5px;border-radius:999px;background:currentColor;content:""}.uai-feature[data-playing] .uai-feature__playing{opacity:1}.uai-feature[data-wide] .uai-feature__specimen{height:360px}.uai-feature[data-id=kanban-board] .uai-feature__specimen{height:300px}.uai-feature[data-id=agent-run] .uai-feature__specimen{place-items:start center;padding-top:28px;mask-image:linear-gradient(180deg,black calc(100% - 56px),transparent calc(100% - 8px))}.uai-feature__world{display:flex;justify-content:center}.uai-feature__world>*{width:100%}.uai-feature__meta{display:flex;align-items:center;gap:8px;padding:12px 14px 0;color:var(--uai-subtle)}.uai-feature__meta svg{width:15px;height:15px}.uai-feature__number{font-family:var(--uai-mono);font-size:.66rem;font-variant-numeric:tabular-nums}.uai-feature__link{color:var(--uai-text);font-size:.8125rem;font-weight:500;text-decoration:none;outline:0}.uai-feature__link:after{position:absolute;inset:0;z-index:2;border-radius:inherit;content:""}.uai-feature__category{font-size:.72rem}.uai-feature__arrow{margin-left:auto;opacity:0;translate:-2px 2px;transition:opacity .12s ease-out,translate .12s var(--uai-ease-out)}.uai-feature__description{display:-webkit-box;overflow:hidden;margin:4px 0 14px;padding:0 14px;color:var(--uai-muted);font-size:.75rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:1}.uai-feature:has(.uai-feature__link:focus-visible){outline:2px solid var(--uai-signal-ink);outline-offset:2px}.uai-feature:has(.uai-feature__link:active){scale:.99}@media (hover:hover) and (pointer:fine){.uai-feature:hover{background:color-mix(in oklab,var(--uai-surface-raised) 45%,transparent);box-shadow:inset 0 0 0 1px var(--uai-border-strong)}.uai-feature:hover .uai-feature__marks i:first-child{translate:-4px -4px}.uai-feature:hover .uai-feature__marks i:nth-child(2){translate:4px -4px}.uai-feature:hover .uai-feature__marks i:nth-child(3){translate:-4px 4px}.uai-feature:hover .uai-feature__marks i:nth-child(4){translate:4px 4px}.uai-feature:hover .uai-feature__arrow{opacity:1;translate:0 0}}.uai-feature:has(.uai-feature__link:focus-visible) .uai-feature__marks i:first-child{translate:-4px -4px}.uai-feature:has(.uai-feature__link:focus-visible) .uai-feature__marks i:nth-child(2){translate:4px -4px}.uai-feature:has(.uai-feature__link:focus-visible) .uai-feature__marks i:nth-child(3){translate:-4px 4px}.uai-feature:has(.uai-feature__link:focus-visible) .uai-feature__marks i:nth-child(4){translate:4px 4px}.uai-feature:has(.uai-feature__link:focus-visible) .uai-feature__arrow{opacity:1;translate:0 0}@media (max-width:760px){.uai-featured__grid{grid-template-columns:minmax(0,1fr)}.uai-feature__specimen{height:280px}.uai-feature[data-id=kanban-board] .uai-feature__specimen{height:316px;place-items:start center;padding-top:40px}.uai-feature[data-id=agent-run] .uai-feature__specimen{height:360px}.uai-feature[data-id=pix-payment] .uai-feature__specimen{height:340px}}@media (prefers-reduced-motion:reduce){.uai-scene__beat,.uai-scene__label--right,.uai-scene__row{transition:none}.uai-feature,.uai-scene__pop{animation:none}.uai-feature{transition:background-color .12s ease-out,box-shadow .12s ease-out}.uai-feature:has(.uai-feature__link:active){scale:none}.uai-feature__arrow,.uai-feature__marks i{transition:none}}