@keyframes hero-demo-bar{0%,to{height:30%}50%{height:100%}}.hero-demo-bar{height:30%;animation:.85s ease-in-out infinite hero-demo-bar}@keyframes hero-demo-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-demo-shimmer{background:linear-gradient(90deg, color-mix(in oklab, var(--color-brand) 14%, transparent) 25%, color-mix(in oklab, var(--color-brand) 34%, transparent) 50%, color-mix(in oklab, var(--color-brand) 14%, transparent) 75%);background-size:200% 100%;animation:1.4s linear infinite hero-demo-shimmer}@keyframes hero-demo-dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.hero-demo-dot{animation:1s ease-in-out infinite hero-demo-dot}@media (prefers-reduced-motion:reduce){.hero-demo-bar,.hero-demo-shimmer,.hero-demo-dot{animation:none}}.hub-flow{stroke-dasharray:5 7;animation:1.2s linear infinite hub-flow}@keyframes hub-flow{to{stroke-dashoffset:-24px}}.hub-flow-down{background:repeating-linear-gradient(to bottom, color-mix(in oklab, var(--color-brand) 50%, transparent) 0 5px, transparent 5px 12px);background-size:1px 24px;animation:1.2s linear infinite hub-flow-down}@keyframes hub-flow-down{to{background-position:0 24px}}.hub-played{animation:1.9s linear infinite hub-played}@keyframes hub-played{0%,to{background-color:color-mix(in oklab, var(--color-accent-amber) 30%, transparent)}10%,45%{background-color:var(--color-accent-amber)}}.hub-float{animation:5.4s ease-in-out infinite hub-float;transform:translate(-50%,-50%)}@keyframes hub-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 5px))}}.hub-pulse{animation:2.8s ease-out infinite hub-pulse}@keyframes hub-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@media (prefers-reduced-motion:reduce){.hub-flow,.hub-flow-down,.hub-float,.hub-played,.hub-pulse{animation:none}.hub-pulse{opacity:0}}.src-demo .src-in{animation:8s ease-out infinite src-in}.src-demo .src-work{animation:8s ease-out infinite src-work}.src-demo .src-out{animation:8s ease-out infinite src-out}@keyframes src-in{0%{opacity:0;transform:translateY(8px)}6%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes src-work{0%,24%{opacity:0;transform:scale(.92)}29%,50%{opacity:1;transform:none}55%,to{opacity:0}}@keyframes src-out{0%,53%{opacity:0;transform:translateY(10px)}61%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes src-played{0%,66%{background-color:color-mix(in oklab, var(--color-brand) 25%, transparent)}68%,96%{background-color:var(--color-brand)}to{background-color:color-mix(in oklab, var(--color-brand) 25%, transparent)}}.src-demo .src-played{animation:8s linear infinite src-played}@keyframes src-bar{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.src-bar{animation:.9s ease-in-out infinite src-bar}@keyframes src-dot{0%,60%,to{opacity:.35}30%{opacity:1}}.src-dot{animation:1s ease-in-out infinite src-dot}@keyframes src-caret{50%{opacity:0}}.src-caret{animation:1s step-end infinite src-caret}@media (prefers-reduced-motion:reduce){.src-demo .src-in,.src-demo .src-out{opacity:1;animation:none}.src-demo .src-work,.src-demo .src-played,.src-bar,.src-dot,.src-caret{animation:none}.src-demo .src-work{opacity:0}}.rec-wave{animation:2s cubic-bezier(.2,.6,.35,1) infinite rec-wave}@keyframes rec-wave{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.3)}}.rec-dot{box-shadow:0 0 6px 1px color-mix(in oklab, var(--color-accent-rose) 70%, transparent);animation:2s ease-in-out infinite rec-dot}@keyframes rec-dot{0%,to{box-shadow:0 0 4px 0 color-mix(in oklab, var(--color-accent-rose) 55%, transparent);transform:scale(1)}50%{box-shadow:0 0 9px 2px color-mix(in oklab, var(--color-accent-rose) 80%, transparent);transform:scale(.82)}}@keyframes meet-bar{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.meet-bar{animation:.9s ease-in-out infinite meet-bar}@media (prefers-reduced-motion:reduce){.meet-bar,.rec-dot{animation:none}.rec-wave{display:none}}.ask-pane .ask-q{animation:.45s ease-out both ask-in}.ask-pane .ask-typing{animation:1.4s ease-out both ask-typing}.ask-pane .ask-a{animation:.5s ease-out 1.3s both ask-in}@keyframes ask-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ask-typing{0%,25%{opacity:0}35%,85%{opacity:1}to{opacity:0}}.ask-dot{animation:1s ease-in-out infinite ask-dot}@keyframes ask-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.ask-pane .ask-q,.ask-pane .ask-a,.ask-dot{animation:none}.ask-pane .ask-typing{display:none}}.mt-word{animation:7.2s linear infinite mt-word}@keyframes mt-word{0%,6.2%{background-color:color-mix(in oklab, var(--color-brand) 20%, transparent);color:var(--color-brand-ink)}6.25%,to{color:var(--color-ink);background-color:#0000}}.mt-bar{animation:1.1s ease-in-out infinite mt-bar}@keyframes mt-bar{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}.mt-flow{stroke-dasharray:4 5;animation:1.2s linear infinite mt-flow}@keyframes mt-flow{to{stroke-dashoffset:-18px}}@media (prefers-reduced-motion:reduce){.mt-word,.mt-bar,.mt-flow{animation:none}.mt-still{background-color:color-mix(in oklab, var(--color-brand) 20%, transparent);color:var(--color-brand-ink)}}