.sc-stage{--sc-soft:color-mix(in oklab,var(--sc-main)12%,white);--sc-mid:color-mix(in oklab,var(--sc-main)42%,white);--sc-alt-soft:color-mix(in oklab,var(--sc-alt)16%,white);isolation:isolate;aspect-ratio:16/10;background:radial-gradient(70% 90% at 100% 0%,color-mix(in oklab,var(--sc-main)30%,transparent),transparent 70%),radial-gradient(60% 80% at 0% 100%,color-mix(in oklab,var(--sc-alt)22%,transparent),transparent 70%),color-mix(in oklab,var(--sc-main)5%,#fafaf9);position:relative;overflow:hidden;container-type:inline-size}.sc-stage:before{content:"";z-index:-1;background-image:radial-gradient(color-mix(in oklab,var(--sc-ink)28%,transparent).14cqw,transparent .18cqw);background-size:2.5cqw 2.5cqw;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 25%,#000 20%,#0000 100%);mask-image:radial-gradient(75% 70% at 50% 25%,#000 20%,#0000 100%)}.sc-canvas{--spacing:.625cqw;--radius:1.1cqw;--text-xs:1.5cqw;--text-sm:1.8cqw;--text-base:2.15cqw;--text-lg:2.6cqw;--text-xl:3.2cqw;--text-2xl:4cqw;--text-3xl:4.9cqw;--text-4xl:6cqw;font-size:var(--text-sm);color:#1c1917;-webkit-user-select:none;user-select:none;line-height:1.3;position:absolute;inset:0}.sc-browser,.sc-phone,.sc-float{transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute}.sc-browser{background:#fff;border-radius:1.6cqw 1.6cqw 0 0;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #1c191712,0 .6cqw 1.2cqw -.4cqw #1c19171f,0 3cqw 6cqw -1.5cqw #1c19174d}.sc-phone{background:#1c1917;border-radius:4.2cqw;padding:.75cqw;box-shadow:inset 0 0 0 .25cqw #44403c,0 3cqw 6cqw -1.5cqw #1c191766}.sc-phone>.sc-screen{background:#fff;border-radius:3.5cqw;height:100%;position:relative;overflow:hidden}.sc-float{background:#fffffff5;box-shadow:0 0 0 1px #1c19170f,0 2cqw 4cqw -1cqw #1c191747}.group:hover .sc-browser,.group:hover .sc-phone{transform:translateY(-1.2cqw)}.group:hover .sc-float{transform:translateY(-2cqw)}@media (prefers-reduced-motion:no-preference){.sc-grow{transform-origin:bottom;animation:1s cubic-bezier(.2,.8,.2,1) both sc-grow}.sc-draw{animation:1.6s cubic-bezier(.4,0,.2,1) .2s both sc-draw}.sc-pulse{animation:2s ease-in-out infinite sc-pulse}.sc-pop{animation:2.6s ease-in-out infinite sc-pop}.sc-bob{animation:5s ease-in-out infinite sc-bob}.sc-in{animation:.7s cubic-bezier(.2,.8,.2,1) .4s both sc-in}}@keyframes sc-grow{0%{transform:scaleY(0)}}@keyframes sc-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes sc-pulse{0%,to{box-shadow:0 0 0 0 var(--sc-mid)}50%{box-shadow:0 0 0 .6cqw var(--sc-mid)}}@keyframes sc-pop{0%,80%,to{transform:scale(1)}88%{transform:scale(1.3)}}@keyframes sc-bob{0%,to{translate:0}50%{translate:0 -.8cqw}}@keyframes sc-in{0%{opacity:0;translate:0 2cqw}}