.hero-story .player{position:relative;width:100%;aspect-ratio:16/11;border-radius:16px;overflow:hidden;background:#f4f6f8;border:1px solid #e5e8ec;box-shadow:0 30px 60px -30px hsla(0,0%,8%,.35)}.hero-story .beat{position:absolute;inset:0;opacity:0}.hero-story .beat svg{width:100%;height:100%;display:block}.hero-story text{font-family:var(--font-orb),sans-serif}.hero-story text.g{font-family:var(--font-geo),sans-serif}.hero-story .b1{animation:hs-b1 10s infinite}.hero-story .b2{animation:hs-b2 10s infinite}.hero-story .b3{animation:hs-b3 10s infinite}.hero-story .b4{animation:hs-b4 10s infinite}@keyframes hs-b1{0%{opacity:0}2%{opacity:1}22%{opacity:1}25%{opacity:0}to{opacity:0}}@keyframes hs-b2{0%,23%{opacity:0}27%{opacity:1}47%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes hs-b3{0%,48%{opacity:0}52%{opacity:1}72%{opacity:1}75%{opacity:0}to{opacity:0}}@keyframes hs-b4{0%,73%{opacity:0}77%{opacity:1}98%{opacity:1}to{opacity:0}}.hero-story .cap{position:absolute;left:16px;bottom:50px;display:flex;align-items:center;gap:8px;z-index:5;background:hsla(0,0%,8%,.9);color:#fff;font-size:12px;padding:8px 13px;border-radius:30px;opacity:0}.hero-story .cap .cn{font-family:var(--font-orb),sans-serif;font-size:10px;color:#10b981}.hero-story .steps{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:6}.hero-story .steps i{width:34px;height:4px;border-radius:3px;background:#d5d9de;display:block}.hero-story .steps i.s1{animation:hs-st1 10s infinite}.hero-story .steps i.s2{animation:hs-st2 10s infinite}.hero-story .steps i.s3{animation:hs-st3 10s infinite}.hero-story .steps i.s4{animation:hs-st4 10s infinite}@keyframes hs-st1{0%,25%{background:#2275ff}26%,to{background:#d5d9de}}@keyframes hs-st2{0%,24%{background:#d5d9de}27%,50%{background:#2275ff}51%,to{background:#d5d9de}}@keyframes hs-st3{0%,49%{background:#d5d9de}52%,75%{background:#2275ff}76%,to{background:#d5d9de}}@keyframes hs-st4{0%,74%{background:#d5d9de}77%,to{background:#2275ff}}.hero-story .figbob{animation:hs-bob 1.8s ease-in-out infinite}@keyframes hs-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.hero-story .scan{animation:hs-scanmove 10s linear infinite}@keyframes hs-scanmove{0%,27%{transform:translateY(0);opacity:0}30%{opacity:1}44%{transform:translateY(140px);opacity:1}46%{opacity:0}to{opacity:0}}.hero-story .flash{animation:hs-flash 10s linear infinite}@keyframes hs-flash{0%,43%{opacity:0}44%{opacity:.8}47%{opacity:0}to{opacity:0}}.hero-story .spin{transform-box:fill-box;transform-origin:center;animation:hs-spin 2.4s linear infinite}@keyframes hs-spin{to{transform:rotate(1turn)}}.hero-story .fly{animation:hs-fly 10s ease-in-out infinite}@keyframes hs-fly{0%,52%{transform:translate(-130px,30px) scale(.5);opacity:0}56%{opacity:1}63%{transform:translate(0) scale(1);opacity:1}70%{opacity:1}72%{opacity:0}to{opacity:0}}.hero-story .cardout{transform-box:fill-box;animation:hs-cardout 10s ease-out infinite}@keyframes hs-cardout{0%,60%{opacity:0;transform:translateX(-12px)}66%{opacity:1;transform:translateX(0)}72%{opacity:1}74%{opacity:0}to{opacity:0}}.hero-story .bar{transform-box:fill-box;transform-origin:bottom;animation:hs-grow 10s ease-out infinite}@keyframes hs-grow{0%,78%{transform:scaleY(0)}86%{transform:scaleY(1)}98%{transform:scaleY(1)}to{transform:scaleY(0)}}.hero-story .draw{stroke-dasharray:300;animation:hs-draw 10s ease-out infinite}@keyframes hs-draw{0%,78%{stroke-dashoffset:300}88%{stroke-dashoffset:0}98%{stroke-dashoffset:0}to{stroke-dashoffset:300}}.hero-story .donut{animation:hs-donut 10s ease-out infinite}@keyframes hs-donut{0%,78%{stroke-dashoffset:327}88%{stroke-dashoffset:123}98%{stroke-dashoffset:123}to{stroke-dashoffset:327}}@media (prefers-reduced-motion:reduce){.hero-story .beat.b4{opacity:1}.hero-story .beat.b1,.hero-story .beat.b2,.hero-story .beat.b3,.hero-story .cap{opacity:0}.hero-story .bar{transform:scaleY(1)}.hero-story .draw{stroke-dashoffset:0}.hero-story .donut{stroke-dashoffset:123}.hero-story *{animation:none!important}}