.fx{background:var(--surface)}.fx__track{height:205svh}.fx__pin{align-content:center;gap:clamp(10px,2.2svh,22px);height:100svh;padding-block:84px 18px;display:grid;position:sticky;top:0;overflow:hidden}.fx__pin>.wrap{width:100%}.fx__title{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.roller{color:var(--accent);vertical-align:bottom;min-width:2ch;display:inline-block}.rl{vertical-align:bottom;height:1.12em;line-height:1.12;display:inline-block;position:relative;overflow:hidden}.rl__size{visibility:hidden;height:1.12em;display:block}.rl__reel{text-align:center;flex-direction:column;width:100%;display:flex;position:absolute;top:0;left:0}.rl__reel>span{height:1.12em;display:block}.rl__reel>span:before{content:attr(data-l)}.is-rolling{display:inline-block}.fx__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,64px);display:grid}.fx__left{justify-items:center;gap:8px;display:grid}.fx__stage{aspect-ratio:600/560;background:var(--bg);border-radius:32px;width:min(100%,470px);max-height:min(54svh,470px);position:relative;overflow:hidden;box-shadow:0 1px #12161a0f}.fx__scene{opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease), transform .55s cubic-bezier(.2, .8, .2, 1);font-family:var(--font-text);position:absolute;inset:0;transform:scale(.96)translateY(8px)}.fx__scene.is-on{opacity:1;transform:none}.fx__scene text{font-family:var(--font-display)}.fx__count{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.95rem}.fx__count b{color:var(--ink);font-family:var(--font-display);font-size:1.1rem}.fx__scene .d{stroke-dasharray:1;stroke-dashoffset:1px}.fx__scene.is-on .d{animation:fx-draw .75s cubic-bezier(.6, 0, .3, 1) calc(var(--i,0) * 80ms) forwards}.fx__scene .f{opacity:0}.fx__scene.is-on .f{animation:fx-in .5s ease-out calc(var(--i,0) * 80ms + .12s) forwards}.fx__scene .bar{transform-box:fill-box;transform-origin:0;transform:scaleX(0)}.fx__scene.is-on .bar{animation:fx-bar .9s cubic-bezier(.2, .8, .2, 1) calc(var(--i,0) * 90ms + 80ms) forwards}.fx__scene .flow{animation:1.1s linear infinite fx-flow}@keyframes fx-draw{to{stroke-dashoffset:0}}@keyframes fx-in{to{opacity:1}}@keyframes fx-bar{to{transform:scaleX(1)}}@keyframes fx-flow{to{stroke-dashoffset:-24px}}.fx__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.fx__row{position:relative}.fx__btn{text-align:left;cursor:pointer;width:100%;color:var(--ink);transition:background-color .3s var(--ease), transform .3s var(--ease);background:0 0;border:0;border-radius:22px;align-items:center;gap:16px;padding:8px 14px 8px 8px;display:flex}.fx__copy{opacity:.5;transition:opacity .3s var(--ease)}.fx__btn:hover .fx__copy{opacity:.85}.fx__btn:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.fx__row.is-active .fx__btn{background:var(--bg);transform:translate(6px)}.fx__row.is-active .fx__copy{opacity:1}.fx__badge{border-radius:var(--pill);background:var(--accent);color:#fff;width:78px;height:52px;transition:transform .45s cubic-bezier(.3, 1.6, .5, 1), width .3s var(--ease);flex:none;place-items:center;display:grid}.fx__row:nth-child(3n+2) .fx__badge{background:var(--ink)}.fx__row:nth-child(3n+3) .fx__badge{background:var(--teal)}.fx__row.is-active .fx__badge{transform:scale(1.06)rotate(-3deg)}.ic{width:38px;height:38px;overflow:visible}.fx__copy{min-width:0;display:grid}.fx__name{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(1.1rem,1.7vw,1.5rem);font-weight:700;line-height:1.05}.fx__line{color:var(--muted);opacity:0;max-height:0;transition:max-height .4s var(--ease), opacity .35s var(--ease), margin .3s var(--ease);font-size:.98rem;line-height:1.35;overflow:hidden}.fx__row.is-active .fx__line{opacity:1;max-height:3.2em;margin-top:4px}.fx__mscene{display:none}.fx__note{color:var(--muted);margin:0;font-size:.9rem}.fx__rail{background:#12161a14;height:4px;position:absolute;bottom:0;left:0;right:0}.fx__rail i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.fx__row.is-active .ic-a{transform-box:fill-box;transform-origin:50%;animation-duration:1.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.fx__row.is-active .fx__badge .ic-a{animation-name:ic-pulse}.fx__row:first-child.is-active .ic-a{animation-name:ic-weave;animation-timing-function:linear}.fx__row:nth-child(2).is-active .ic-a{animation-name:ic-chip}.fx__row:nth-child(3).is-active .ic-a{animation-name:ic-bolt}.fx__row:nth-child(4).is-active .ic-a1{animation-name:ic-chev;animation-delay:0s}.fx__row:nth-child(4).is-active .ic-a2{animation-name:ic-chev;animation-delay:.18s}.fx__row:nth-child(4).is-active .ic-a3{animation-name:ic-chev;animation-delay:.36s}.fx__row:nth-child(5).is-active .ic-a{animation-name:ic-scan}.fx__row:nth-child(6).is-active .ic-a{animation-name:ic-stretch}.fx__row:nth-child(7).is-active .ic-a{animation-name:ic-weave;animation-timing-function:linear}@keyframes ic-pulse{50%{transform:scale(1.12)}}@keyframes ic-weave{to{stroke-dashoffset:-24px}}@keyframes ic-chip{0%,to{opacity:.7;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes ic-bolt{0%,to{transform:scale(1)rotate(0)}40%{transform:scale(1.18)rotate(-6deg)}70%{transform:scale(.94)rotate(3deg)}}@keyframes ic-chev{0%,to{opacity:.55;transform:translate(-2px)}50%{opacity:1;transform:translate(3px)}}@keyframes ic-scan{0%,to{transform:translateY(0)}50%{transform:translateY(11px)}}@keyframes ic-stretch{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.12)}}@media (prefers-reduced-motion:reduce){.fx__scene,.fx__btn,.fx__badge,.fx__line{transition:none}.fx__row .ic-a{animation:none!important}}@media (width<=860px){.fx{padding-block:56px 40px}.fx__track{height:auto}.fx__pin{gap:16px;height:auto;padding-block:0;position:static;overflow:visible}.fx__rail,.fx__count{display:none}.fx__grid{display:block}.fx__stage{display:none}.fx__list{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin-inline:-16px;padding:4px 16px 14px;display:flex;overflow-x:auto}.fx__list::-webkit-scrollbar{display:none}.fx__row{scroll-snap-align:start;background:var(--bg);border-radius:28px;flex:0 0 min(78vw,320px);gap:10px;padding:12px 12px 14px;display:grid}.fx__mscene{aspect-ratio:600/440;background:var(--surface);border-radius:20px;display:block;position:relative;overflow:hidden}.fx__mscene .fx__scene{height:100%;transition:none;transform:none}.fx__btn{pointer-events:none;padding:0;background:0 0!important;transform:none!important}.fx__row .fx__copy{opacity:1}.fx__row .fx__line{opacity:1;max-height:none;margin-top:3px}.fx__badge{width:62px;height:42px}.fx__row .fx__badge{transform:none}.fx__row .ic-a{animation-play-state:running}.fx__note{padding-inline:16px}}