.hero-stage-wide{width:min(1360px,calc(100% - 3rem));margin-inline:auto}.hero-tilt{container-type:inline-size;--tilt: 18deg;--lift: .9;transform:perspective(2400px) rotateX(var(--tilt)) scale(var(--lift));transform-origin:50% 0%;will-change:transform}.kw{position:relative;overflow:hidden;border-radius:1.1em;background:var(--m-surface);box-shadow:var(--s-window-shadow);font-size:clamp(3.6px,.9cqw,12.5px);color:var(--m-text-primary);text-align:left;line-height:1.3;-webkit-user-select:none;user-select:none}.kw svg{display:block;flex:0 0 auto;width:1.15em;height:1.15em}.kw-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:3.3em;padding:0 .9em 0 1em}.kw-bar-left,.kw-bar-right{display:flex;align-items:center;gap:.5em;min-width:0}.kw-bar-right{justify-content:flex-end;gap:1.1em}.kw-logo{width:1.45em;height:1.45em}.kw-bar-left strong{font-size:1.05em;font-weight:650;letter-spacing:-.01em}.kw-beta{padding:.12em .45em;border-radius:.35em;box-shadow:inset 0 0 0 1px var(--m-border-hover);color:var(--m-text-secondary);font-size:.62em;font-weight:700;letter-spacing:.06em}.kw-slash{color:var(--m-text-muted)}.kw-proj{display:inline-flex;align-items:center;gap:.45em;font-size:.9em;font-weight:550;white-space:nowrap}.kw-proj-thumb{position:relative;width:1.6em;height:1.2em;overflow:hidden;border-radius:.25em}.ob-chev{display:inline-grid;color:var(--m-text-muted)}.ob-chev svg{width:.95em;height:.95em}.kw-modes{display:inline-flex;gap:.2em;padding:.22em;border-radius:.8em;background:var(--m-surface-hover)}.kw-mode{display:inline-flex;align-items:center;gap:.4em;padding:.42em .8em;border-radius:.6em;color:var(--m-text-secondary);font-size:.86em;font-weight:550}.kw-mode.is-on{background:var(--m-accent);color:var(--m-accent-contrast)}.kw-theme{display:inline-flex;padding:.18em;border-radius:999px;background:var(--m-surface-hover)}.kw-theme i{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;color:var(--m-text-muted)}.kw-theme i.is-on{background:var(--m-accent);color:var(--m-accent-contrast)}html.dark .kw-theme i.is-on{background:transparent;color:var(--m-text-muted)}html.dark .kw-theme i:last-child{background:var(--m-accent);color:var(--m-accent-contrast)}.kw-win{display:inline-flex;gap:1.4em;color:var(--m-text-secondary)}.kw-work{display:grid;grid-template-columns:2.9em 20% minmax(0,1fr) 23%;grid-template-rows:minmax(0,1fr) 27%;grid-template-areas:"rail gallery canvas side" "rail preview timeline timeline";gap:.45em;height:57em;padding:0 .45em .45em 0}.kw-panel{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:.8em;background:var(--m-surface-elevated);box-shadow:0 0 0 1px var(--m-border)}.kw-label{display:block;padding:.7em .85em .35em;color:var(--m-text-secondary);font-size:.82em;font-weight:550}.kw-slider{position:relative;display:inline-block;width:4.5em;height:.18em;border-radius:999px;background:var(--m-border-hover)}.kw-slider i{position:absolute;left:40%;top:50%;width:.7em;height:.7em;border-radius:50%;transform:translate(-50%,-50%);background:var(--m-text-primary)}.kw-rail{grid-area:rail;display:flex;flex-direction:column;align-items:center;gap:.55em;padding:.5em 0 .6em;color:var(--m-text-secondary)}.kw-rail-gap{flex:1}.kw-rail-ic{display:grid;place-items:center;width:2em;height:2em}.kw-toolpill{display:grid;gap:.45em;padding:.55em .35em;border-radius:999px;background:var(--m-surface-elevated);box-shadow:0 0 0 1px var(--m-border),0 .3em .9em -.4em #0003}.kw-toolpill span{display:grid;place-items:center;width:1.8em;height:1.8em;color:var(--m-text-primary)}.kw-avatar{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--m-surface-hover);color:var(--m-text-primary);font-size:.8em;font-weight:650}.kw-gallery{grid-area:gallery;display:flex;flex-direction:column}.kw-gal-filters{display:flex;gap:.25em;margin:.2em .7em 0;padding:.2em;border-radius:.7em;background:var(--m-surface)}.kw-gal-filters span{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:.3em;padding:.35em 0;border-radius:.5em;color:var(--m-text-secondary);font-size:.74em;font-weight:550}.kw-gal-filters span.is-on{background:var(--m-surface-elevated);color:var(--m-text-primary);box-shadow:0 1px 2px #0000001f}.kw-gal-filters em{color:var(--m-text-muted);font-style:normal;font-variant-numeric:tabular-nums}.kw-gal-tools{display:flex;align-items:center;gap:.75em;padding:.65em .85em .5em;color:var(--m-text-secondary)}.kw-gal-tools .kw-slider{flex:1}.kw-gal-grid{display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:.4em;padding:0 .7em .7em}.kw-tile{position:relative;aspect-ratio:1;overflow:hidden;border-radius:.45em}.kw-tile-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;transform:translate(-50%,-50%);background:#ffffffd9;color:#111}.kw-tile-play svg{width:.8em;height:.8em;margin-left:.1em}.kw-fresh{display:none}.kw.is-done .kw-fresh{display:block;animation:m-rise .6s var(--m-ease-spring) backwards;animation-delay:calc(var(--i) * 90ms + .2s)}.kw-canvas{grid-area:canvas;background-color:var(--m-canvas-bg);background-image:radial-gradient(var(--m-dot-color) .07em,transparent .08em);background-size:1.5em 1.5em}.kw-toolbar{position:absolute;left:50%;top:.8em;z-index:2;display:flex;align-items:center;gap:.25em;padding:.3em;transform:translate(-50%);border-radius:.8em;background:var(--m-surface-elevated);box-shadow:0 0 0 1px var(--m-border),0 .3em .9em -.4em #0003}.kw-toolbar span{position:relative;display:grid;place-items:center;width:2em;height:2em;border-radius:.55em;color:var(--m-text-secondary)}.kw-toolbar span.is-on{background:var(--m-accent);color:var(--m-accent-contrast)}.kw-toolbar i{width:1px;height:1.2em;background:var(--m-border-hover)}.kw-collab b{position:absolute;right:.35em;top:.35em;width:.4em;height:.4em;border-radius:50%;background:#f97316}.kw-board{position:absolute;top:4.2em;right:1.4em;bottom:11.5em;left:1.4em;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:1.6em}.kw-board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35em}.kw-board-tile{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:.3em;box-shadow:0 0 0 1px var(--m-border)}.hero-stage.is-in .kw-board-tile{animation:m-rise .6s var(--m-ease-out) backwards;animation-delay:calc(var(--i) * 60ms + .45s)}.kw-takes{display:grid;grid-template-columns:1fr 1fr;gap:.35em;padding:.45em;border-radius:.6em;box-shadow:0 0 0 1px var(--m-border);background:color-mix(in srgb,var(--m-surface-elevated) 55%,transparent);opacity:0;transform:scale(.94);transition:opacity .45s var(--m-ease-out),transform .7s var(--m-ease-spring)}.kw.is-sent .kw-takes{opacity:1;transform:none}.kw-take{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:.3em;background:var(--m-surface-hover);transition:box-shadow .4s var(--m-ease-out)}.kw-take>.art,.kw-take>.kw-tile-play{opacity:0;transition:opacity .8s var(--m-ease-out);transition-delay:calc(var(--i) * .12s)}.kw.is-done .kw-take>.art,.kw.is-done .kw-take>.kw-tile-play{opacity:1}.kw-take-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--m-surface-elevated) 75%,transparent) 50%,transparent 70%);background-size:220% 100%;animation:kw-shimmer 1.2s linear infinite;transition:opacity .4s var(--m-ease-out)}.kw.is-done .kw-take-shimmer{opacity:0;animation:none}.kw.is-asking .kw-take.is-best{box-shadow:0 0 0 .14em var(--m-surface-elevated),0 0 0 .28em #9b2cf6}@keyframes kw-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.kw-zoom{position:absolute;right:.9em;bottom:10.4em;display:flex;align-items:center;gap:.7em;padding:.4em .5em .4em .7em;border-radius:.7em;background:var(--m-surface-elevated);box-shadow:0 0 0 1px var(--m-border);color:var(--m-text-secondary)}.kw-zoom b{padding:.2em .5em;border-radius:.45em;background:var(--m-surface);color:var(--m-text-primary);font-size:.78em;font-weight:600}.kw-dock{position:absolute;left:7%;right:7%;bottom:.9em;z-index:3}.kw-dock .mm{position:absolute;left:0;bottom:calc(100% + .4em);width:17.5em;opacity:0;transform:translateY(.6em) scale(.97);transform-origin:20% 100%;pointer-events:none;transition:opacity .25s var(--m-ease-out),transform .35s var(--m-ease-spring)}.kw.is-picking .kw-dock .mm{opacity:1;transform:none}.ob{display:grid;gap:.2em;padding:.7em .7em .55em;border-radius:1.05em;background:var(--m-surface-elevated);box-shadow:0 0 0 1px var(--m-border),0 .8em 2.2em -.9em #00000059}.ob-main{display:flex;gap:.8em;min-height:3.6em}.ob-modes{--step: 1.5em;position:relative;display:grid;grid-auto-rows:var(--step);align-self:center;flex:0 0 auto;padding:.14em;border-radius:.6em;background:var(--m-surface)}.ob-mode-ind{position:absolute;left:.14em;right:.14em;top:.14em;height:var(--step);border-radius:.45em;background:var(--m-bg);box-shadow:0 1px 2px #0000001f,0 0 0 .5px #0000000f;transform:translateY(calc(var(--m, 0) * var(--step)));transition:transform .5s var(--m-ease-spring)}.ob-mode{position:relative;display:grid;place-items:center;width:1.75em;color:var(--m-text-muted);transition:color .25s var(--m-ease-out)}.ob-mode.is-on{color:var(--m-text-primary)}.ob-mode svg{width:.95em;height:.95em}.ob-text{position:relative;flex:1;min-width:0;padding-top:.05em;font-size:.95em}.ob-ph{position:absolute;inset:.05em 0 auto;overflow:hidden;color:var(--m-text-muted);white-space:nowrap;text-overflow:ellipsis;transition:opacity .2s var(--m-ease-out)}.ob.has-text .ob-ph,.kw.is-typing .ob-ph{opacity:0}.ob-typed{display:block}.kw-caret{display:inline-block;width:1.5px;height:1.1em;margin-left:1px;vertical-align:-.2em;background:var(--m-text-primary);opacity:0}.kw.is-typing .kw-caret{opacity:1;animation:kw-blink 1s steps(1) infinite}.kw.is-sent .kw-caret{opacity:0;animation:none}@keyframes kw-blink{50%{opacity:0}}.ob-opts{display:flex;align-items:center;gap:.35em;min-width:0}.ob-pill{display:inline-flex;align-items:center;gap:.35em;flex:0 0 auto;height:2.1em;padding:0 .55em;border-radius:.6em;color:var(--m-text-primary);font-size:.8em;font-weight:550;white-space:nowrap}.ob-pill>svg{width:1em;height:1em;color:var(--m-text-secondary)}.ob-model{background:var(--m-surface)}.ob-model-name,.ob-version-name{display:inline-block;transition:opacity .18s var(--m-ease-out),transform .3s var(--m-ease-spring)}.ob.is-swapping .ob-model-name,.ob.is-swapping .ob-version-name{opacity:0;transform:translateY(-.4em)}.ob-ic{display:grid;place-items:center;flex:0 0 auto;width:1.9em;height:1.9em;border-radius:.5em;color:var(--m-text-secondary)}.ob-count{display:inline-flex;align-items:center;gap:.55em;flex:0 0 auto;padding:0 .4em;color:var(--m-text-secondary);font-size:.8em}.ob-count b{color:var(--m-text-primary);font-weight:600}.ob-gap{flex:1;min-width:.4em}.ob-grid{display:grid;place-items:center;flex:0 0 auto;width:2.1em;height:2.1em;border-radius:.55em;background:var(--m-accent);color:var(--m-accent-contrast)}.ob-send{display:inline-flex;align-items:center;gap:.4em;flex:0 0 auto;height:2.1em;padding:0 .75em 0 .6em;border-radius:999px;background:var(--m-surface-hover);color:var(--m-text-muted);font-size:.8em;font-weight:600;transition:background-color .3s var(--m-ease-out),color .3s var(--m-ease-out),transform .3s var(--m-ease-spring)}.ob.has-text .ob-send,.kw.is-typed .ob-send{background:var(--m-accent);color:var(--m-accent-contrast)}.kw.is-sent .ob-send{animation:kw-press .45s var(--m-ease-spring)}@keyframes kw-press{40%{transform:scale(.86)}}.mdl-logo{display:grid;place-items:center;flex:0 0 auto;width:1.35em;height:1.35em;overflow:hidden;border-radius:.3em;background:#fff;box-shadow:inset 0 0 0 1px #00000014}.mdl-logo img{width:78%;height:78%;object-fit:contain}.mdl-logo b{color:#111;font-size:.72em;font-weight:750}.mm{padding:.45em;border-radius:.9em;background:var(--m-surface-elevated);box-shadow:0 0 0 1px var(--m-border),0 1em 2.4em -.8em #0006}.mm-search{display:flex;align-items:center;gap:.45em;margin-bottom:.3em;padding:.5em .6em;border-radius:.6em;background:var(--m-surface);color:var(--m-text-muted);font-size:.8em}.mm-list{display:grid;gap:.1em;margin:0;padding:0;list-style:none}.mm-row{display:flex;align-items:center;gap:.55em;padding:.42em .55em;border-radius:.55em;font-size:.82em;font-weight:550;transition:background-color .18s var(--m-ease-out)}.mm-row.is-on{background:var(--m-accent-light)}.mm-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mm-kind{color:var(--m-text-muted);font-size:.86em;font-weight:500}.kw-side{grid-area:side;display:flex;flex-direction:column}.kw-side-head{display:flex;align-items:center;justify-content:space-between;padding:.55em .65em .3em}.kw-tabs{display:inline-flex;gap:.2em}.kw-tabs span{padding:.35em .65em;border-radius:.5em;color:var(--m-text-secondary);font-size:.8em;font-weight:550}.kw-tabs span.is-on{background:var(--m-accent);color:var(--m-accent-contrast)}.kw-side-ic{display:inline-flex;gap:.7em;color:var(--m-text-muted)}.kw-chat{position:relative;display:flex;flex:1;flex-direction:column;gap:.75em;min-height:0;padding:.9em .85em;overflow:hidden}.kw-chat-empty{position:absolute;top:0;right:1.4em;bottom:0;left:1.4em;display:grid;place-content:center;justify-items:center;gap:.7em;margin:0;color:var(--m-text-muted);font-size:.82em;text-align:center;transition:opacity .35s var(--m-ease-out)}.kw-chat-empty svg{width:1.8em;height:1.8em;color:#9b2cf6}.kw.is-asking .kw-chat-empty{opacity:0}.kw-msg-user{align-self:flex-end;max-width:88%;padding:.6em .8em;border-radius:1em 1em .3em;background:var(--m-surface);font-size:.86em;line-height:1.45}.kw-msg-user,.kw .ag-step,.kw-reply{opacity:0;transform:translateY(.5em);transition:opacity .4s var(--m-ease-out),transform .55s var(--m-ease-spring)}.kw.is-asking .kw-msg-user,.kw .ag-step.is-run,.kw .ag-step.is-ok,.kw.is-replied .kw-reply{opacity:1;transform:none}.kw-reply{margin:0;font-size:.86em;line-height:1.45}.kw-artifact{display:flex;align-items:center;gap:.7em;padding:.45em;border-radius:.8em;background:var(--m-surface);box-shadow:0 0 0 1px var(--m-border);opacity:0;transform:translateY(.6em) scale(.97);transition:opacity .45s var(--m-ease-out) .25s,transform .6s var(--m-ease-spring) .25s}.kw.is-replied .kw-artifact{opacity:1;transform:none}.kw-artifact-thumb{position:relative;flex:0 0 auto;width:5.6em;aspect-ratio:16 / 10;overflow:hidden;border-radius:.45em}.kw-artifact-copy{display:grid;flex:1;gap:.2em;min-width:0}.kw-artifact-copy b{overflow:hidden;font-size:.8em;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.kw-artifact-copy span{color:var(--m-text-muted);font-size:.72em}.kw-artifact .ag-app{width:1.6em;height:1.6em}.kw-composer{display:grid;gap:.5em;margin:0 .65em .65em;padding:.65em .6em .5em .75em;border-radius:.95em;background:var(--m-surface-elevated);box-shadow:0 0 0 1px var(--m-border),0 .4em 1.2em -.6em #00000040}.kw-composer-text{color:var(--m-text-muted);font-size:.86em}.kw-composer-row{display:flex;align-items:center}.kw-composer-row .ob-pill{padding-left:.3em;background:var(--m-surface)}.kw-composer-send{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:var(--m-accent);color:var(--m-accent-contrast)}.ag-steps{display:grid;gap:.35em;margin:0;padding:0;list-style:none}.ag-step{display:flex;align-items:center;gap:.6em;padding:.45em .55em;border-radius:.7em;background:var(--m-surface);font-size:.8em}.ag-app{display:grid;place-items:center;flex:0 0 auto;width:1.75em;height:1.75em;overflow:hidden;border-radius:.45em}.ag-app img{width:100%;height:100%;object-fit:contain}.ag-app.is-kandel{background:var(--m-surface-elevated);box-shadow:inset 0 0 0 1px var(--m-border)}.ag-app.is-kandel img{width:70%;height:70%}.ag-label{flex:1;min-width:0;font-weight:550}.ag-state{position:relative;display:grid;place-items:center;flex:0 0 auto;width:1.45em;height:1.45em;border-radius:50%}.ag-state svg{width:.85em;height:.85em;opacity:0;transform:scale(.4);transition:opacity .2s var(--m-ease-out),transform .45s var(--m-ease-spring)}.ag-spin{position:absolute;top:.15em;right:.15em;bottom:.15em;left:.15em;border:.14em solid var(--m-border-hover);border-top-color:#9b2cf6;border-radius:50%;opacity:0;animation:ag-spin .8s linear infinite}.ag-step.is-run .ag-spin{opacity:1}.ag-step.is-ok .ag-state{background:var(--m-success);color:#fff}.ag-step.is-ok .ag-state svg{opacity:1;transform:none}.ag-step.is-ok .ag-spin{opacity:0}@keyframes ag-spin{to{transform:rotate(360deg)}}.kw-preview{grid-area:preview;display:flex;flex-direction:column}.kw-prev-frame{position:relative;flex:1;min-height:0;margin:0 .7em;overflow:hidden;border-radius:.45em}.kw-prev-graded{opacity:0;transition:opacity 1s var(--m-ease-out)}.kw.is-placed .kw-prev-graded{opacity:1}.kw-prev-ctrl{display:flex;align-items:center;justify-content:space-between;padding:.5em .75em .6em;color:var(--m-text-secondary)}.kw-tc{font-family:var(--font-mono);font-size:.72em}.kw-prev-btns,.kw-prev-end{display:inline-flex;align-items:center;gap:.6em}.kw-prev-btns b{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--m-accent);color:var(--m-accent-contrast)}.kw-prev-btns b svg{width:.8em;height:.8em;margin-left:.1em}.kw-timeline{grid-area:timeline;display:flex;flex-direction:column}.kw-tl-bar{display:flex;align-items:center;gap:1.2em;padding:.45em .7em .35em 0;color:var(--m-text-secondary)}.kw-tl-bar .kw-label{padding-block:0}.kw-tl-time{font-family:var(--font-mono);font-size:.74em}.kw-tl-time b{color:var(--m-text-primary);font-weight:600}.kw-tl-tools{display:inline-flex;gap:.9em;margin-inline:auto}.kw-tl-zoom{display:inline-flex;align-items:center;gap:.5em}.kw-export{display:inline-flex;align-items:center;gap:.35em;padding:.4em .75em;border-radius:.55em;background:var(--m-accent);color:var(--m-accent-contrast);font-size:.78em;font-weight:600}.kw-tl-body{display:grid;grid-template-columns:7em minmax(0,1fr);flex:1;min-height:0;border-top:1px solid var(--m-border)}.kw-tl-heads{display:grid;grid-template-rows:1.5em 1fr 1fr;padding-left:.7em;border-right:1px solid var(--m-border)}.kw-tl-heads:before{content:""}.kw-tl-head{display:flex;align-items:center;gap:.45em;font-size:.74em;font-weight:550}.kw-tl-head.is-audio svg{color:var(--m-success)}.kw-tl-lanes{position:relative;display:grid;grid-template-rows:1.5em 1fr 1fr;overflow:hidden}.kw-tl-ruler{display:flex;justify-content:space-between;align-items:center;padding:0 .6em;color:var(--m-text-muted);font-family:var(--font-mono);font-size:.62em}.kw-lane{position:relative;margin:.25em 0}.kw-clip{position:absolute;top:0;bottom:0;left:var(--x);width:var(--w);display:flex;gap:1px;overflow:hidden;border-radius:.35em;background:#000;box-shadow:inset 0 0 0 1px #ffffff40}.kw-clip .art{position:relative;inset:auto;flex:1}.kw-clip-new{opacity:0;transform:translateY(-120%) scale(.96);transition:opacity .35s var(--m-ease-out),transform .7s var(--m-ease-spring)}.kw.is-placed .kw-clip-new{opacity:1;transform:none;box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 .16em #9b2cf6}.kw-lane.is-audio{display:flex;align-items:center;width:92.8%;padding:0 .4em;border-radius:.35em;background:color-mix(in srgb,var(--m-success) 9%,var(--m-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--m-success) 22%,transparent)}.kw-wave{display:flex;align-items:center;gap:.18em;width:100%;height:58%}.kw-wave i{flex:1;border-radius:1px;background:var(--m-success);opacity:.45}.kw-playhead{position:absolute;top:0;bottom:0;left:38%;width:1.5px;background:var(--m-text-primary);animation:kw-play 14s linear infinite}.kw-playhead i{position:absolute;top:0;left:50%;width:.7em;height:.9em;transform:translate(-50%);border-radius:.2em .2em .35em .35em;background:var(--m-text-primary)}@keyframes kw-play{0%{left:2%}to{left:98%}}.collab{padding:clamp(5rem,10vw,8rem) 0;overflow-x:clip}.collab-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,6rem)}.collab-copy{order:2}.collab-copy .lede{margin-top:1.25rem}.co-stage{--co-loop: 10s;--joel: #6d5efc;--ana: #ec4899;position:relative;order:1;aspect-ratio:1 / .86;container-type:inline-size}.co-win{position:absolute;width:76%;overflow:hidden;border-radius:1.1em;background:var(--m-chrome-bg);box-shadow:0 0 0 1px var(--s-hairline),0 2.4em 4em -2em #00000073;font-size:clamp(5.5px,1.75cqw,12px)}.co-win.is-joel{top:0;right:0;transform:scale(.92);transform-origin:top right}.co-win.is-you{left:0;bottom:0}.co-bar{display:flex;align-items:center;gap:.7em;height:2.7em;padding:0 .8em;border-bottom:1px solid var(--m-border)}.co-logo{width:1.3em;height:1.3em;border-radius:.3em}.co-device{display:inline-flex;align-items:center;gap:.4em;color:var(--m-text-primary);font-size:.9em;font-weight:600;white-space:nowrap}.co-device svg{width:1.1em;height:1.1em;color:var(--m-text-secondary)}.co-live{display:inline-flex;align-items:center;gap:.55em;margin-left:auto;padding:.3em .7em;border-radius:999px;background:color-mix(in srgb,var(--m-success) 13%,transparent);color:var(--m-text-secondary);font-size:.76em;font-weight:600;white-space:nowrap}.co-live .live-dot{width:.6em;height:.6em}.co-live .live-dot:after{top:-.3em;right:-.3em;bottom:-.3em;left:-.3em}.co-avatars{display:flex;flex:0 0 auto}.co-avatars i{display:grid;place-items:center;width:1.75em;height:1.75em;margin-left:-.45em;border-radius:50%;box-shadow:0 0 0 .16em var(--m-chrome-bg);color:#fff;font-size:.74em;font-style:normal;font-weight:700}.co-avatars i:first-child{margin-left:0}.co-avatars .is-joel{background:var(--joel)}.co-avatars .is-ana{background:var(--ana)}.co-avatars .is-you{background:var(--m-surface-hover);color:var(--m-text-secondary)}.co-avatars .is-you svg{width:1.1em;height:1.1em}.co-board{position:relative;aspect-ratio:16 / 10;background-color:var(--m-canvas-bg);background-image:radial-gradient(var(--m-dot-color) 1px,transparent 1.2px);background-size:1.6em 1.6em}.co-card{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:16 / 10;border-radius:.6em;box-shadow:0 0 0 1px var(--m-border),0 .6em 1.2em -.7em #0006}.co-card>.art{border-radius:inherit}.co-move{--x: 38%;--y: 50%;--w: 24%;z-index:2}.co-new{--x: 38%;--y: 50%;--w: 24%;opacity:0}.co-gen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--m-text-primary) 10%,transparent) 50%,transparent 70%) 0 0 / 250% 100%,var(--m-surface-hover)}.co-new>.art{opacity:0}.co-cursor{--c: var(--joel);position:absolute;z-index:3;display:flex;align-items:flex-start;pointer-events:none}.co-cursor svg{width:1.3em;height:1.3em;fill:var(--c);stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35))}.co-cursor b{margin:1em 0 0 -.1em;padding:.2em .55em;border-radius:.5em;background:var(--c);color:#fff;font-size:.74em;font-weight:650;white-space:nowrap}.co-cursor.is-ana{--c: var(--ana)}.co-move .co-cursor{left:58%;top:52%}.co-board>.co-cursor{left:22%;top:40%}.co-call{position:absolute;left:.8em;bottom:.8em;z-index:4;display:inline-flex;align-items:center;gap:.55em;padding:.3em .75em .3em .3em;border-radius:999px;background:var(--m-surface-elevated);box-shadow:0 0 0 1px var(--m-border),0 .6em 1.4em -.6em #00000073;color:var(--m-text-primary);font-size:.82em;font-weight:600}.co-call-ic{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:var(--m-success);color:#fff}.co-call-ic svg{width:1em;height:1em}.co-call .co-avatars i{box-shadow:0 0 0 .16em var(--m-surface-elevated)}.co-call>svg{width:1.15em;height:1.15em;color:var(--m-text-secondary)}.co-secure{position:absolute;left:3%;top:14%;display:inline-flex;align-items:center;gap:.5em;padding:.55em .95em;border-radius:999px;background:var(--s-card);box-shadow:0 0 0 1px var(--s-hairline),0 1em 2em -1em #00000059;color:var(--s-ink);font-size:clamp(9px,2.1cqw,13px);font-weight:600;white-space:nowrap}.co-secure svg{color:var(--m-success)}.co-stage.is-in .co-move{animation:co-drag var(--co-loop) var(--m-ease-in-out) infinite}.co-stage.is-in .co-new{animation:co-new var(--co-loop) var(--m-ease-spring) infinite}.co-stage.is-in .co-new>.art{animation:co-new-art var(--co-loop) var(--m-ease-out) infinite}.co-stage.is-in .co-gen{animation:co-gen 1.2s linear infinite}.co-stage.is-in .co-board>.co-cursor{animation:co-ana var(--co-loop) var(--m-ease-in-out) infinite}.co-stage.is-in .co-avatars .is-talking{animation:co-talk 1.6s var(--m-ease-in-out) infinite}.co-stage.is-in .co-secure{animation:co-float 6s var(--m-ease-in-out) infinite}@keyframes co-drag{0%,8%{left:38%;top:50%;transform:none}12%{left:38%;top:50%;transform:scale(1.05) rotate(-1.5deg)}30%{left:66%;top:56%;transform:scale(1.05) rotate(-1.5deg)}34%,82%{left:66%;top:56%;transform:none}86%{left:66%;top:56%;transform:scale(1.05) rotate(1.5deg)}97%,to{left:38%;top:50%;transform:none}}@keyframes co-new{0%,38%{opacity:0;transform:scale(.86)}43%,80%{opacity:1;transform:none}86%,to{opacity:0;transform:scale(.94)}}@keyframes co-new-art{0%,54%{opacity:0}62%,to{opacity:1}}@keyframes co-gen{0%{background-position:120% 0,0 0}to{background-position:-20% 0,0 0}}@keyframes co-ana{0%,22%{left:22%;top:40%}38%,70%{left:54%;top:68%}90%,to{left:22%;top:40%}}@keyframes co-talk{50%{box-shadow:0 0 0 .16em var(--m-surface-elevated),0 0 0 .4em color-mix(in srgb,var(--ana) 45%,transparent)}}@keyframes co-float{50%{transform:translateY(-.4em)}}.slogan{position:relative;padding:clamp(6rem,14vw,11rem) 0;overflow:hidden;text-align:center}.slogan:before{content:"";position:absolute;left:50%;top:55%;z-index:-1;width:min(70rem,120vw);aspect-ratio:2.2;transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--k-pink) 16%,transparent),color-mix(in srgb,var(--k-indigo) 8%,transparent) 55%,transparent);pointer-events:none}.slogan-logo{display:block;width:56px;height:56px;margin:0 auto 2.25rem;border-radius:14px;box-shadow:0 18px 40px -18px #00000073}.slogan-text{margin:0;font-size:clamp(2.6rem,7.6vw,6.75rem);font-weight:650;letter-spacing:-.055em;line-height:1.02}.slogan-line{display:block;padding:0 .08em .06em}.slogan-sign{margin:2.25rem 0 0;color:var(--m-text-secondary);font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:550;letter-spacing:-.01em}@media(max-width:900px){.collab-grid{grid-template-columns:minmax(0,1fr)}.collab-copy,.co-stage{order:0}}@media(max-width:560px){.co-stage{aspect-ratio:1 / 1.02;margin-bottom:3rem}.co-win{width:90%;font-size:2.05cqw}.co-secure{left:50%;top:auto;bottom:-3rem;translate:-50% 0}}
