.sp-visual.sb{overflow:visible;container-type:inline-size}.sb-box{--u:calc(100cqw/456);pointer-events:none;clip-path:inset(-100vmax -100vmax calc(-26*var(--u))-100vmax);position:absolute;inset:0}.sb-stage{transition:opacity .5s,transform .6s cubic-bezier(.3,.7,.2,1);position:absolute;inset:0}.sb.is-gone .sb-stage{opacity:0;transform:scale(.9)}.sb-dots{width:100%;height:100%;fill:var(--vr-fg);position:absolute;inset:0;overflow:visible}.sb-dot{transform-box:fill-box;transform-origin:50%;opacity:.22;transform:scale(.4)}.sb.is-wave .sb-dot{animation:1.6s cubic-bezier(.25,.8,.3,1) both sb-shock}.sb-patch{left:calc(65.9*var(--u));top:calc(126.7*var(--u));width:calc(324.2*var(--u));transform-origin:50% 49.5%;height:auto;position:absolute}.sb.is-wave .sb-patch{animation:.7s ease-out both sb-tap}.sb-phone{width:calc(190*var(--u));height:calc(390*var(--u));background:var(--vr-bg);border:calc(5*var(--u))solid var(--vr-fg);border-radius:calc(30*var(--u));box-shadow:0 calc(24*var(--u))calc(60*var(--u))calc(-24*var(--u))color-mix(in srgb,var(--vr-fg)35%,transparent);opacity:0;transform:translate(calc(133*var(--u)),calc(445*var(--u)))rotate(-6deg)scale(.42);flex-direction:column;transition:transform .6s cubic-bezier(.3,.7,.2,1),opacity .4s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.sb-phone-touch .sb-phone{opacity:1;transform:translate(calc(133*var(--u)),calc(201*var(--u)))rotate(-6deg)scale(.42)}.sb-phone-press .sb-phone{opacity:1;transform:translate(calc(133*var(--u)),calc(195*var(--u)))rotate(-6deg)scale(.42)}.sb-phone-zoom .sb-phone{opacity:1;transform:translate(calc(133*var(--u)),calc(33*var(--u)))rotate(0deg)scale(1)}.sb-notch{width:calc(54*var(--u));height:calc(14*var(--u));margin:calc(8*var(--u))auto 0;background:var(--vr-fg);border-radius:calc(8*var(--u));flex:none;display:block}.sb-url{margin:calc(14*var(--u))calc(12*var(--u))0;padding:calc(7*var(--u))calc(10*var(--u));font-size:calc(10*var(--u));color:var(--vr-fg-muted);background:var(--vr-surface);border-radius:var(--vr-radius-input);flex:none;line-height:1.2;display:block}.sb-load{height:calc(2*var(--u));margin:calc(10*var(--u))calc(12*var(--u))0;background:var(--vr-border-strong);flex:none;display:block}.sb-load i{background:var(--vr-fg);transform-origin:0;height:100%;animation:.9s linear forwards sb-load;display:block;transform:scaleX(0)}.sb-page{gap:calc(10*var(--u));padding:calc(14*var(--u))calc(14*var(--u))0;flex-direction:column;animation:.3s both sb-page-in;display:flex}.sb-kicker{font-size:calc(10*var(--u));letter-spacing:.1em;text-transform:uppercase;color:var(--vr-fg-muted);font-weight:600}.sb-title{font-size:calc(17*var(--u));letter-spacing:-.02em;color:var(--vr-fg);font-weight:500;line-height:1.15}.sb-tiles{gap:calc(6*var(--u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sb-tile{aspect-ratio:1;padding:calc(6*var(--u));background:var(--vr-surface);place-items:center;display:grid}.sb-tile svg{width:100%;height:100%;fill:color-mix(in srgb,var(--vr-fg)14%,var(--vr-surface))}.sb-cta{padding:calc(9*var(--u))0;text-align:center;font-size:calc(11*var(--u));color:var(--vr-on-accent);background:var(--vr-accent);border-radius:var(--vr-radius-pill);font-weight:500;display:block}.sb-sheet{padding:calc(12*var(--u))calc(12*var(--u))calc(14*var(--u));background:var(--vr-bg);border-top:1px solid var(--vr-border-strong);box-shadow:0 calc(-10*var(--u))calc(30*var(--u))calc(-12*var(--u))color-mix(in srgb,var(--vr-fg)25%,transparent);flex-direction:column;transition:transform .45s cubic-bezier(.3,.7,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(110%)}.sb.is-sheet .sb-sheet{transform:none}.sb-sheet-label{margin-bottom:calc(6*var(--u));font-size:calc(9*var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--vr-fg-muted)}.sb-opt{align-items:center;gap:calc(8*var(--u));height:calc(24*var(--u));padding:0 calc(8*var(--u));font-size:calc(11*var(--u));color:var(--vr-fg-muted);border-radius:var(--vr-radius-input);font-weight:500;transition:background-color .25s,color .25s;display:flex}.sb-opt.is-on{color:var(--vr-fg);background:var(--vr-accent-soft)}.sb-opt-dot,.sb-live-dot{width:calc(5*var(--u));height:calc(5*var(--u));border-radius:var(--vr-radius-round);flex:none}.sb-opt-dot{background:color-mix(in srgb,var(--vr-fg)18%,transparent);transition:background-color .25s}.sb-opt.is-on .sb-opt-dot{background:var(--vr-accent)}.sb-live{align-items:center;gap:calc(6*var(--u));margin-top:calc(8*var(--u));font-size:calc(10*var(--u));color:var(--vr-success);font-weight:500;display:flex}.sb-live-dot{background:var(--vr-success)}.sb.is-paused,.sb.is-paused *{animation-play-state:paused!important}.sb.is-still .sb-stage{transition:none}.sb-still-list{left:0;right:0;bottom:calc(10*var(--u));text-align:center;font-size:calc(11*var(--u));color:var(--vr-fg-muted);line-height:1.5;position:absolute}.sb-still-label{font-size:calc(9*var(--u));letter-spacing:.14em;text-transform:uppercase;display:block}@keyframes sb-shock{0%{opacity:.22;transform:translate(0)scale(.4)}14%{transform:translate(var(--dx),var(--dy))scale(1.4);opacity:1}30%{transform:translate(calc(var(--dx)*-.35),calc(var(--dy)*-.35))scale(.7);opacity:.55}46%{transform:translate(calc(var(--dx)*.15),calc(var(--dy)*.15))scale(.85);opacity:.6}66%,to{opacity:.22;transform:translate(0)scale(.4)}}@keyframes sb-tap{0%{transform:scale(1)}25%{transform:scale(.93)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes sb-load{to{transform:scaleX(1)}}@keyframes sb-page-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sb,.sb *{transition:none!important;animation:none!important}}