.scd-stage{aspect-ratio:1200/700;width:100%;position:relative}.scd-demo{-webkit-user-select:none;user-select:none;--e:cubic-bezier(.22, 1, .36, 1);--ripple:#10131a52;background:#10131a;border-radius:14px;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.scd-camera{transform-origin:0 0;pointer-events:none;width:1200px;height:700px;transition:transform .88s var(--e);position:absolute;top:0;left:0}.scd-demo[data-live] .scd-camera{will-change:transform}.scd-demo[data-live][data-beat=say-open] [data-demo-target=address]:after,.scd-demo[data-live][data-beat=say-click] [data-demo-target=pricing]:after{content:"";opacity:0;border:2px solid #ffd338;border-radius:10px;animation:1.6s ease-out infinite scd-seek;position:absolute;inset:-6px}@keyframes scd-seek{0%{opacity:0}25%{opacity:1}60%{opacity:.2}to{opacity:0}}.scd-demo [data-demo-target]{transition:transform .14s var(--e), background-color .18s var(--e);position:relative}.scd-demo[data-beat=open][data-phase=press] [data-demo-target=address],.scd-demo[data-beat=click][data-phase=press] [data-demo-target=pricing]{transform:scale(.97)}.scd-line{transition:color .26s,background-color .26s}.scd-cue{transition:opacity .3s ease, transform .3s var(--e)}.scd-page{transition:opacity .26s}.scd-cursor{z-index:8;opacity:0;pointer-events:none;width:clamp(18px,2.2cqw,28px);height:clamp(18px,2.2cqw,28px);transition:transform .8s var(--e), opacity .26s ease;will-change:transform;position:absolute;top:0;left:0}.scd-cursor[data-show]{opacity:1}.scd-cursor svg{fill:#fff;stroke:#090d19eb;stroke-width:1.5px;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0 2px 5px #080c1873);width:100%;height:100%;transition:transform .14s var(--e)}.scd-cursor[data-press] svg{transform:translate(-12%,-12%)scale(.8)}.scd-cursor i{width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}.scd-cursor i:before,.scd-cursor i:after{content:"";opacity:0;border-radius:50%;position:absolute;inset:0}.scd-cursor i:before{background:var(--ripple)}.scd-cursor i:after{border:2px solid var(--ripple)}.scd-cursor[data-press] i:before{animation:.34s ease-out both scd-flash}.scd-cursor[data-press] i:after{animation:.56s ease-out both scd-ring}@keyframes scd-flash{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.25)}}@keyframes scd-ring{0%{opacity:.75;transform:scale(.35)}70%{opacity:.25}to{opacity:0;transform:scale(2.1)}}@media (prefers-reduced-motion:reduce){.scd-demo *,.scd-demo :before,.scd-demo :after{transition:none!important;animation:none!important}.scd-cursor{display:none}}