.ml-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#06060A;color:#F3F1FA;font:500 13px/1.3 'DM Sans',system-ui,sans-serif;border-bottom:1px solid rgba(167,139,250,.3)}
.ml-bar a{color:#F3F1FA;text-decoration:none}
.ml-bar .ml-back{opacity:.8}.ml-bar .ml-back:hover{opacity:1}
.ml-bar b{color:#A78BFA;font-weight:700}
.ml-bar .ml-cta{background:#7C3AED;padding:7px 14px;border-radius:99px;font-weight:700;white-space:nowrap}
.ml-bar .ml-mid{opacity:.7}
@media(max-width:640px){.ml-bar .ml-mid{display:none}}
.rv{transform:translateY(28px);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{transform:none}
@media (prefers-reduced-motion:reduce){.rv{transform:none;transition:none}}
.demo-note{font-size:12px;opacity:.6;margin-top:10px}
.sp{display:inline-block;overflow:hidden;vertical-align:top;padding:.16em 0 .1em;margin:-.16em 0 -.1em}
.sp>span{display:inline-block;transform:translateY(110%);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.in .sp>span,.in.sp>span,[data-split].in .sp>span{transform:none}
@media (prefers-reduced-motion:reduce){.sp>span{transform:none;transition:none}}
.loader{position:fixed;inset:0;z-index:60;display:grid;place-content:center;gap:18px;justify-items:center;transition:opacity .9s,visibility .9s}
.loader.done{opacity:0;visibility:hidden}
.lbar{width:180px;height:2px;background:rgba(127,127,127,.3);overflow:hidden}.lbar span{display:block;height:100%;width:0;background:currentColor;transition:width .2s}
.stage{position:fixed;inset:0;z-index:0;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}
.ov{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;visibility:hidden}.ov.on{visibility:visible}.ov.on a{pointer-events:auto}