*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background:#101012;font-family:Inter,'Segoe UI',sans-serif}.showcase{display:block;width:100%;height:auto;font-family:Inter,'Segoe UI',sans-serif}.demo-cursor{animation:cursor-travel 7s ease-in-out forwards}.demo-assistant{animation:assistant-open 7s ease forwards;transform-origin:783px 131px}.demo-document{animation:paper-shift 7s ease forwards;transform-origin:99px 134px}.click-ring{animation:click-ring 7s ease forwards}.extension-target{animation:extension-press 7s ease forwards;transform-origin:698px 53px}
@keyframes cursor-travel{0%,10%{transform:translate(375px,410px);opacity:0}15%{opacity:1}33%,39%{transform:translate(698px,54px);opacity:1}48%,100%{transform:translate(738px,363px);opacity:0}}
@keyframes assistant-open{0%,36%{opacity:0;transform:translateX(12px)}43%,100%{opacity:1;transform:translateX(0)}}
@keyframes paper-shift{0%,36%{transform:translateX(0) scale(1)}43%,100%{transform:translateX(-79px) scale(.74)}}
@keyframes click-ring{0%,34%{opacity:0;r:8}36%{opacity:.9;r:12}42%,100%{opacity:0;r:23}}
@keyframes extension-press{0%,34%,40%,100%{transform:scale(1)}36%{transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){.showcase *{animation:none!important}.demo-assistant{opacity:1;transform:none}.demo-document{transform:translateX(-79px) scale(.74)}.demo-cursor,.click-ring{display:none}}