:root{--home-ease:cubic-bezier(.16, 1, .3, 1)}.hero-line{vertical-align:bottom;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.hero-line>span{display:inline-block}@keyframes home-line-up{0%{transform:translateY(112%)}}@keyframes home-rise{0%{opacity:0;transform:translateY(28px)}}@keyframes home-drift{to{transform:translate(-6%,9%)scale(1.15)}}@keyframes home-fade{0%{opacity:0}}.scales__beam,.scales__pan{transform-box:fill-box;transform-origin:50%;transition:transform .3s ease-out}.scales__beam{transform:rotate(calc(var(--t,0) * 9deg))}.scales__pan--left{transform:translateY(calc(var(--t,0) * -7px))}.scales__pan--right{transform:translateY(calc(var(--t,0) * 7px))}.live-dot{background:var(--color-brand-600);border-radius:9999px;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.live-dot:before{content:"";border-radius:inherit;background:var(--color-brand-600);opacity:0;position:absolute;inset:-5px}@keyframes home-pulse{0%{opacity:.55;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}@keyframes demo-in{0%{opacity:0;transform:translateY(10px)}}.demo-type{white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}@keyframes demo-type{0%{max-width:0}}.demo-caret{vertical-align:text-bottom;background:var(--color-brand-600);opacity:0;width:2px;height:1.1em;margin-left:2px;display:inline-block}@keyframes demo-caret{0%,to{opacity:1}50%{opacity:0}}.demo-bar{background:var(--color-ink-100);border-radius:9999px;height:6px;overflow:hidden}.demo-bar>i{border-radius:inherit;background:var(--color-brand-600);transform-origin:0;height:100%;display:block}@keyframes demo-fill{0%{transform:scaleX(0)}}.demo-stamp{transform:rotate(-8deg)}@keyframes demo-stamp{0%{opacity:0;transform:rotate(-16deg)scale(1.9)}70%{opacity:1;transform:rotate(-8deg)scale(.95)}to{opacity:1;transform:rotate(-8deg)scale(1)}}@keyframes demo-pick{to{border-color:var(--color-brand-300);box-shadow:0 0 0 4px #dc26261a}}@keyframes demo-star{0%{opacity:.15;transform:scale(.5)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:none}}.demo-rank{--row:2rem}@keyframes demo-rank-up{to{transform:translateY(calc(var(--row) * -2))}}@keyframes demo-rank-down{to{transform:translateY(var(--row))}}.demo-progress{background:var(--color-brand-600);transform-origin:0;height:3px;position:absolute;inset:auto 0 0;transform:scaleX(0)}@keyframes demo-progress{to{transform:scaleX(1)}}.demo-step.is-paused .demo-progress{animation:none}@media (prefers-reduced-motion:no-preference){.hero-line>span{animation:home-line-up 1s var(--home-ease) both;animation-delay:var(--d,0s)}.hero-in{animation:home-rise .9s var(--home-ease) both;animation-delay:var(--d,0s)}.home-fade{animation:1.2s ease-out both home-fade;animation-delay:var(--d,0s)}.home-glow{animation:16s ease-in-out infinite alternate home-drift}.home-glow--slow{animation-duration:24s;animation-direction:alternate-reverse}[data-reveal]{opacity:0;transition:opacity .9s var(--home-ease), transform .9s var(--home-ease);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(24px)}[data-reveal].is-in{opacity:1;transform:none}.live-dot:before{animation:1.8s ease-out infinite home-pulse}.demo-screen [data-in]{animation:demo-in .55s var(--home-ease) both;animation-delay:var(--d,0s)}.demo-type{animation:1.3s steps(28,end) both demo-type;animation-delay:var(--d,0s)}.demo-caret{animation:.7s step-end 2 demo-caret;animation-delay:var(--d,0s)}.demo-bar>i{animation:1s ease-out both demo-fill;animation-delay:var(--d,0s)}.demo-stamp{animation:.45s cubic-bezier(.2,.9,.3,1.2) both demo-stamp;animation-delay:var(--d,0s)}.demo-screen [data-in].demo-pick{animation:demo-in .55s var(--home-ease) both, demo-pick .4s ease-out both;animation-delay:var(--d,0s), var(--d2,0s)}.demo-star{animation:demo-star .4s var(--home-ease) both;animation-delay:var(--d,0s)}.demo-rank-you{animation:demo-rank-up .9s var(--home-ease) both;animation-delay:var(--d,0s)}.demo-rank-other{animation:demo-rank-down .9s var(--home-ease) both;animation-delay:var(--d,0s)}.demo-step.is-active .demo-progress{animation:demo-progress var(--demo-ms,5.2s) linear both}}
