@media (prefers-reduced-motion:no-preference){
:root{--ease:cubic-bezier(.22,1,.36,1)}
.links a,.foot nav a{transition:color .16s}
.card{transition:border-color .16s}
.card:hover{border-color:var(--border-strong)}
.live i{animation:mo-pulse 2.4s ease-in-out infinite}
@keyframes mo-pulse{50%{opacity:.4}}

.motion-ready .r{opacity:0;translate:0 var(--y,8px);transition:opacity .5s var(--ease) var(--dl,0s),translate .5s var(--ease) var(--dl,0s)}
.motion-ready .bento .r{--y:12px;transition:opacity .5s var(--ease) var(--dl,0s),translate .5s var(--ease) var(--dl,0s),border-color .16s}
.motion-ready .f{opacity:0;transition:opacity .5s var(--ease) var(--dl,0s)}
.motion-ready .r.in{opacity:1;translate:none}
.motion-ready .f.in{opacity:1}

.motion-ready .mock{opacity:0;translate:0 16px;scale:.98;transition:opacity .6s var(--ease) .3s,translate .6s var(--ease) .3s,scale .6s var(--ease) .3s}
.motion-ready .stage.in .mock{opacity:1;translate:none;scale:none}
.motion-ready .stage:not(.in) .row{opacity:0}
.motion-ready .rank{opacity:0;transition:opacity .32s var(--ease) 1.4s}
.motion-ready .stage.in .rank{opacity:1}
.motion-ready .why{opacity:0;translate:0 4px;transition:opacity .4s var(--ease) 1.5s,translate .4s var(--ease) 1.5s}
.motion-ready .stage.in .why{opacity:1;translate:none}
.motion-ready .why .track i{transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease) calc(1.7s + var(--k,0) * 80ms)}
.fac:nth-of-type(2) i{--k:1}.fac:nth-of-type(3) i{--k:2}.fac:nth-of-type(4) i{--k:3}
.motion-ready .stage.in .why .track i{transform:none}
.row.top{position:relative}
.row.top::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--brand);opacity:0}
.motion-ready .stage.in .row.top::before{animation:mo-shim .4s ease-out 1.5s}
@keyframes mo-shim{50%{opacity:1}}

.motion-ready .tile{opacity:0;transition:opacity .4s var(--ease) var(--dl,0s)}
.motion-ready .tile>*{translate:0 -6px;transition:translate .4s var(--ease) var(--dl,0s),color .4s}
.motion-ready .iso.in .tile{opacity:1}
.motion-ready .iso.in .tile>*{translate:none}
.motion-ready .iso.in .tile:hover>*{translate:0 -2px;transition-delay:0s;transition-duration:.16s}
.tile:hover .lg,.tile.g .lg{color:var(--ink1)}
.motion-ready .glass{opacity:0;scale:.98;transition:opacity .4s var(--ease) .6s,scale .4s var(--ease) .6s}
.motion-ready .iso.in .glass{opacity:1;scale:none}
.glass::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 40px var(--brand-line);opacity:0;pointer-events:none}
.motion-ready .iso.in .glass::after{animation:mo-glow .9s ease-out 1s}
@keyframes mo-glow{50%{opacity:1}}

.motion-ready .flow{clip-path:inset(0 100% 0 0);transition:clip-path .9s var(--ease)}
.motion-ready .flow.in{clip-path:inset(0)}
.flow.in i{animation:mo-run 5s ease-in-out 1s infinite}
@keyframes mo-run{from{transform:translateX(-100%)}to{transform:translateX(800%)}}

.motion-ready .term .ln{opacity:0;transition:opacity .32s var(--ease) var(--dl,0s)}
.motion-ready .term.in .ln{opacity:1}
.motion-ready .num .ico{opacity:0;translate:-4px 0;transition:opacity .4s var(--ease) .2s,translate .4s var(--ease) .2s}
.motion-ready .num .n1{opacity:0;scale:.9;transition:opacity .4s var(--ease) .5s,scale .4s var(--ease) .5s}
.motion-ready .num.in .ico,.motion-ready .num.in .n1{opacity:1;translate:none;scale:none}
.quote strong{font-variant-numeric:tabular-nums}
.win{transition:border-color .16s}
@media (hover:hover) and (min-width:761px){.win:hover{border-color:var(--ink4)}}
.motion-ready .win{opacity:0;translate:0 16px;scale:.98;transition:opacity .6s var(--ease) var(--dl,0s),translate .6s var(--ease) var(--dl,0s),scale .6s var(--ease) var(--dl,0s),border-color .16s}
.motion-ready .win.in{opacity:1;translate:none;scale:none}
@media (min-width:761px){.apps-row .win{--dl:120ms}.apps-row .win+.win{--dl:240ms}}
.motion-ready .bars i{transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease) calc(var(--dl,0s) + .3s + var(--w) * 40ms)}
.motion-ready .bars i+i{transition-delay:calc(var(--dl,0s) + .45s + var(--w) * 40ms)}
.motion-ready .win.in .bars i{transform:none}
.motion-ready .spin{animation:mo-spin 1.6s linear 1.2s infinite paused}
.motion-ready .win.vis .spin{animation-play-state:running}
@keyframes mo-spin{to{transform:rotate(360deg)}}
.motion-ready .fixes .ico{scale:.9;transition:scale .4s var(--ease) calc(var(--dl,0s) + .1s)}
.motion-ready .fixes .in .ico{scale:none}
.motion-ready .quote .track i{transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease)}
.motion-ready .quote.in .track i{transform:none}

.eyebrow::before{animation:mo-ring 2.8s ease-out infinite}
@keyframes mo-ring{0%{box-shadow:0 0 0 0 var(--brand-line)}70%,100%{box-shadow:0 0 0 6px transparent}}
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;left:30%;top:-80px;width:900px;max-width:100%;height:520px;translate:-50% 0;background:radial-gradient(closest-side,var(--brand-line),transparent);opacity:.35;pointer-events:none;animation:mo-breathe 9s ease-in-out infinite}
@keyframes mo-breathe{50%{opacity:.55;scale:1.06}}
.btn{transition:background-color .16s,translate .16s var(--ease)}
.btn:hover{translate:0 -1px}
.form{transition:border-color .16s,box-shadow .2s}
.form:focus-within{box-shadow:0 0 0 4px #22f2a01a}
}