body{margin:0;background:#141413}

.site *{box-sizing:border-box}
.site a{color:inherit}
.site a:focus-visible,.site button:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}
@supports (d: path("M0 0")){
.motion .face-intro .f-left{animation:f-left 5s cubic-bezier(.45,0,.2,1) .5s both}
.motion .face-intro .f-mouth{animation:f-mouth 5s cubic-bezier(.45,0,.2,1) .5s both}
.motion .face-intro .f-eyes{animation:f-eyes 5s cubic-bezier(.45,0,.2,1) .5s both}
.motion .face-intro .f-bob{animation:f-bob 5s ease-in-out .5s both}
}
@keyframes f-left{0%,64%{d:path("M394 396 L394 440 L394 484");stroke-width:62px;stroke:#e8a85f}72%,100%{d:path("M362 384 L426 440 L362 496");stroke-width:35px;stroke:#e7e8eb}}
@keyframes f-eyes{0%,28%{transform:translateX(0)}34%,44%{transform:translateX(32px)}52%,60%{transform:translateX(-32px)}66%,100%{transform:translateX(0)}}
@keyframes f-mouth{0%,12%,24%{d:path("M630 672 Q521 792 412 672")}6%,18%{d:path("M626 682 Q521 756 416 682")}30%,64%{d:path("M624 682 Q521 768 418 682")}72%{d:path("M622 706 Q536 758 420 666")}78%,100%{d:path("M622 700 Q532 752 420 676")}}
@keyframes f-bob{0%,6%,12%,18%,24%,100%{transform:translateY(0)}3%,9%,15%,21%{transform:translateY(-14px)}}
.motion .t-cursor,.motion .app-cursor{animation:t-cursor 1.06s steps(1) infinite}
@keyframes t-cursor{0%{opacity:1}50%{opacity:0}}
.marquee{display:flex;width:max-content}
.motion .marquee{animation:marquee 48s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.motion .app-spin{transform-origin:8px 8px;animation:spin 1.1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.motion .app-think{display:inline-block;animation:think 1.6s ease-in-out infinite}
@keyframes think{0%,100%{opacity:1;transform:rotate(0)}50%{opacity:.45;transform:rotate(45deg)}}
@supports (animation-timeline: view()){
.motion .reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 75%}
}
@keyframes reveal{from{opacity:0;transform:translateY(56px) scale(.97)}to{opacity:1;transform:none}}
.motion .ws1{animation:ws1 12s infinite}
.motion .ws2{animation:ws2 12s infinite}
@keyframes ws1{0%,58%{opacity:1}62%,92%{opacity:0}96%,100%{opacity:1}}
@keyframes ws2{0%,58%{opacity:0}62%,92%{opacity:1}96%,100%{opacity:0}}
.motion .ws-p1{animation:ws-p1 12s cubic-bezier(.5,0,.2,1) infinite}
@keyframes ws-p1{0%,14%{width:100%}20%,64%{width:calc(50% - 3px)}70%,100%{width:100%}}
.motion .ws-p2{animation:ws-p2 12s cubic-bezier(.5,0,.2,1) infinite}
@keyframes ws-p2{0%,14%{opacity:0;transform:translateX(24px);bottom:0}20%,34%{opacity:1;transform:none;bottom:0}40%,64%{opacity:1;transform:none;bottom:calc(50% + 3px)}70%,100%{opacity:0;transform:none;bottom:0}}
.motion .ws-p3{animation:ws-p3 12s cubic-bezier(.5,0,.2,1) infinite}
@keyframes ws-p3{0%,34%{opacity:0;transform:translateY(20px)}40%,64%{opacity:1;transform:none}70%,100%{opacity:0;transform:none}}
.motion .ws-mv{animation:ws-mv 12s infinite}
@keyframes ws-mv{0%,16%{opacity:0}18%,64%{opacity:1}70%,100%{opacity:0}}
.motion .ws-mh{animation:ws-mh 12s infinite}
@keyframes ws-mh{0%,36%{opacity:0}38%,64%{opacity:1}70%,100%{opacity:0}}
.motion .ws-sl1{animation:ws-sl1 12s infinite}
@keyframes ws-sl1{0%,58%{background:var(--a-accent-soft);color:var(--a-accent)}62%,92%{background:transparent;color:var(--a-muted)}96%,100%{background:var(--a-accent-soft);color:var(--a-accent)}}
.motion .ws-sl2{animation:ws-sl2 12s infinite}
@keyframes ws-sl2{0%,58%{background:transparent;color:var(--a-muted)}62%,92%{background:var(--a-accent-soft);color:var(--a-accent)}96%,100%{background:transparent;color:var(--a-muted)}}
.motion .ws-st1{animation:ws-st1 12s infinite}
.motion .ws-st2{animation:ws-st2 12s infinite}
.motion .ws-st3{animation:ws-st3 12s infinite}
.motion .ws-st4{animation:ws-st4 12s infinite}
@keyframes ws-st1{0%,13%{background:var(--hl);border-color:var(--hlb)}15%,95%{background:transparent;border-color:var(--line)}97%,100%{background:var(--hl);border-color:var(--hlb)}}
@keyframes ws-st2{0%,13%{background:transparent;border-color:var(--line)}15%,33%{background:var(--hl);border-color:var(--hlb)}35%,100%{background:transparent;border-color:var(--line)}}
@keyframes ws-st3{0%,33%{background:transparent;border-color:var(--line)}35%,57%{background:var(--hl);border-color:var(--hlb)}59%,100%{background:transparent;border-color:var(--line)}}
@keyframes ws-st4{0%,57%{background:transparent;border-color:var(--line)}59%,95%{background:var(--hl);border-color:var(--hlb)}97%,100%{background:transparent;border-color:var(--line)}}
.motion .v1l{animation:v1l 6s cubic-bezier(.5,0,.2,1) infinite}
@keyframes v1l{0%,12%{width:100%}22%,42%{width:calc(50% - 3px)}56%,78%{width:calc(66% - 3px)}90%,100%{width:100%}}
.motion .v1r{animation:v1r 6s cubic-bezier(.5,0,.2,1) infinite}
@keyframes v1r{0%,12%{width:0;opacity:0}22%,42%{width:calc(50% - 3px);opacity:1}56%,78%{width:calc(34% - 3px);opacity:1}90%,100%{width:0;opacity:0}}
.motion .v5w{animation:v5w 6s ease-in-out infinite}
@keyframes v5w{0%,35%{opacity:1;transform:none}45%,70%{opacity:0;transform:scale(.9)}80%,100%{opacity:1;transform:none}}
.motion .v5c{animation:v5c 6s ease-in-out infinite}
@keyframes v5c{0%,38%{opacity:0}46%,70%{opacity:1}77%,100%{opacity:0}}
.motion .v6s{animation:v6s 5s ease-in-out infinite}
@keyframes v6s{0%,10%{width:0}45%,72%{width:100%}85%,100%{width:0}}
.motion .v6c{animation:v6c 5s ease-in-out infinite}
@keyframes v6c{0%,50%{opacity:0;transform:translateY(6px)}56%,74%{opacity:1;transform:none}82%,100%{opacity:0;transform:none}}
.motion .v7h{animation:v7h 6s ease-in-out infinite}
@keyframes v7h{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(28px)}50%,70%{transform:translateY(56px)}75%,95%{transform:translateY(84px)}100%{transform:translateY(0)}}
.motion .v9s{animation:v9s 4s ease-in-out infinite}
@keyframes v9s{0%,40%{transform:translateX(0)}50%,90%{transform:translateX(100%)}100%{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.site *{animation:none!important}}
.compare-range:focus-visible + .compare-handle .compare-knob{box-shadow:0 0 0 3px #ecebe6}
@media (max-width:860px){.hero-face{display:none!important}.site-nav{display:none!important}.compare{height:460px!important}.app-side{display:none!important}.app-right{display:none!important}.app-panes{grid-template-columns:minmax(0,1fr)!important}.app-status-mid{display:none!important}.ws-demo-side{display:none!important}}