.as-stage{--pad-x:40px;--pad-top:64px;--pad-bottom:64px;padding:var(--pad-top) var(--pad-x) var(--pad-bottom);text-align:left;position:relative}.as-stage.as-room{--pad-bottom:124px}.as-stage,.as-stage *,.legacy .as-stage,.legacy .as-stage :is(.as-backdrop,.as-device,.as-tilt,.as-lid,.as-screen,.as-base,.as-card,.as-card *){box-sizing:border-box}.as-wide .as-tilt{animation-name:as-rise-w;transform:perspective(3600px)rotateY(-3deg)rotateX(3deg)rotate(.4deg)}@keyframes as-rise-w{0%{opacity:0;transform:perspective(3600px)rotateY(-3deg)rotateX(3deg)rotate(.4deg)translateY(36px)}}.as-wide .as-screen>div{box-shadow:none!important;border:0!important;border-radius:0!important}.as-backdrop{pointer-events:none;background:radial-gradient(120% 90% at 85% 10%,#c5f5e4 0%,#c5f5e400 60%),linear-gradient(160deg,#e4f8f0 0%,#cfefe6 55%,#9fd9cb 100%);border-radius:44px;position:absolute;inset:0;overflow:hidden}.as-backdrop i{border-radius:50%;display:block;position:absolute}.as-glow-1{opacity:.7;background:radial-gradient(circle at 35% 35%,#72ddb9,#72ddb900 70%);width:260px;height:260px;top:-60px;right:-60px}.as-glow-2{opacity:.3;background:radial-gradient(circle at 60% 40%,#2f8f8a,#2f8f8a00 70%);width:300px;height:300px;bottom:-60px;left:-90px}.as-ring{border:1.5px solid #02545c1f;width:420px;height:420px;top:24px;right:-70px;box-shadow:0 0 0 46px #ffffff24,0 0 0 47.5px #02545c12}.as-waves{width:100%;height:100%;position:absolute;inset:0}.as-device{z-index:1;position:relative}.as-tilt{transform-origin:50% 60%;transform:perspective(2400px)rotateY(-8deg)rotateX(4deg)rotate(1deg)}.split.reverse .as-tilt,.as-flip .as-tilt{transform:perspective(2400px)rotateY(8deg)rotateX(4deg)rotate(-1deg)}.as-lid{background:linear-gradient(145deg,#3b3f44 0%,#1a1c1f 30%,#26292d 70%,#4a4e54 100%);border-radius:24px;padding:10px;position:relative;box-shadow:inset 0 0 0 2px #5d6168,inset 0 0 0 5px #0b0c0d,0 60px 90px -40px #02282c8c,0 30px 50px -30px #00000073}.as-laptop .as-lid{border-radius:24px 24px 10px 10px;padding:12px 12px 14px}.as-cam{background:#2c3035;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;top:4px;left:50%;box-shadow:0 0 0 1px #0b0c0d}.as-screen{background:#fff;border-radius:14px;position:relative;overflow:hidden}.as-laptop .as-screen{border-radius:12px}.as-screen>.shot{box-shadow:none;border:0;border-radius:0}.as-base{background:linear-gradient(#eef0f3 0%,#c9ced4 55%,#9aa1a9 100%);border-radius:2px 2px 16px 16px;height:16px;margin:0 -34px;position:relative;box-shadow:0 26px 40px -18px #02282c73}.as-base span{background:linear-gradient(#b6bcc3,#d8dce1);border-radius:0 0 8px 8px;width:110px;height:7px;margin-left:-55px;position:absolute;top:0;left:50%}.as-phone{width:300px;margin:0 auto}.as-phone .as-lid{border-radius:48px;padding:10px}.as-phone .as-screen{border-radius:38px;padding-top:34px}.as-island{z-index:2;background:#000;border-radius:14px;width:86px;height:24px;margin-left:-43px;position:absolute;top:10px;left:50%}.as-phone .shot-bar{padding:10px 16px}.as-card{z-index:3;--o:.25;transform:rotate(var(--tilt,0deg));position:absolute}.as-card.as-top{top:var(--pad-top);translate:0 calc((var(--o) - 1) * 100%)}.as-card.as-bottom{bottom:var(--pad-bottom);translate:0 calc((1 - var(--o)) * 100%)}.as-card.as-start{left:var(--x,30%)}.as-card.as-end{right:var(--x,30%)}.as-card>div{animation:as-pop .8s cubic-bezier(.2, .8, .2, 1.1) var(--d,.6s) 1 both, as-bob var(--s,7s) ease-in-out calc(var(--d,.6s) + 1.2s) infinite}.as-pill,.as-note,.as-mini{color:#101720;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background:#fff;border:1px solid #e4e7ec;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Plus Jakarta Sans,system-ui,sans-serif;box-shadow:0 18px 36px -14px #02343a61,0 2px 6px #02343a14}.as-card .as-pill,.as-card .as-note,.as-card .as-mini{zoom:var(--cz,1)}.as-icon{flex-shrink:0;animation:4s cubic-bezier(.2,.8,.2,1) infinite as-icon;display:block}.as-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:10px;max-width:280px;padding:7px 18px 7px 7px;display:inline-flex}.as-pill .as-icon{border-radius:15px}.as-ptext{min-width:0;line-height:1.2;display:grid}.as-ptext>span{flex-direction:column;grid-area:1/1;min-width:0;display:flex}.as-ptext b{font-size:13.5px;font-weight:700}.as-ptext em{color:#6b7485;text-overflow:ellipsis;font-size:12px;font-style:normal;overflow:hidden}.as-note{border-radius:20px;align-items:flex-start;gap:10px;width:270px;padding:11px 13px;display:flex}.as-note .as-icon{border-radius:8px}.as-note-text{flex:1;min-width:0}.as-note-top{justify-content:space-between;gap:8px;display:flex}.as-note-top b{font-size:14px;font-weight:600}.as-note-top span{color:#10172080;flex-shrink:0;font-size:12px}.as-note p{color:#1d2633;margin:2px 0 0;font-size:13px;line-height:17.5px}.as-mini{border-radius:18px;flex-direction:column;gap:7px;width:250px;padding:12px;display:flex}.as-mini-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.as-mini-head span{white-space:nowrap;color:#02545c;font-size:11px;font-weight:700}.as-mini-head em{white-space:nowrap;color:#02545c;background:#def4ec;border-radius:999px;padding:3px 8px;font-size:10.5px;font-style:normal;font-weight:700}.as-mini>b{font-size:13.5px;font-weight:600;line-height:1.3}.as-mini-buttons{gap:7px;display:flex}.as-mini-buttons span{color:#fff;white-space:nowrap;background:#02545c;border-radius:9px;flex:1;justify-content:center;align-items:center;height:34px;font-size:12.5px;font-weight:700;display:flex}.as-mini-buttons span+span{color:#101720;background:#fff;border:1px solid #e4e7ec;flex:0 0 58px}.as-mini-buttons span:first-child{animation:2.4s ease-out 2s infinite as-ping}.as-cycle>span{opacity:0;animation:12s infinite both as-msg}.as-cycle>span:nth-child(2){animation-delay:-8s}.as-cycle>span:nth-child(3){animation-delay:-4s}.as-tilt{animation:1s cubic-bezier(.2,.7,.2,1) both as-rise}.split.reverse .as-tilt,.as-flip .as-tilt{animation-name:as-rise-r}@keyframes as-rise{0%{opacity:0;transform:perspective(2400px)rotateY(-8deg)rotateX(4deg)rotate(1deg)translateY(36px)}}@keyframes as-rise-r{0%{opacity:0;transform:perspective(2400px)rotateY(8deg)rotateX(4deg)rotate(-1deg)translateY(36px)}}@keyframes as-pop{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:none}}@keyframes as-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes as-icon{0%,to{transform:none}5%{transform:scale(1.14)rotate(-6deg)}12%{transform:none}}@keyframes as-msg{0%{opacity:0;transform:translateY(5px)}3%,29%{opacity:1;transform:none}31.5%,to{opacity:0;transform:none}}@keyframes as-ping{0%{box-shadow:0 0 #72ddb999}70%{box-shadow:0 0 0 10px #72ddb900}to{box-shadow:0 0 #72ddb900}}@media (prefers-reduced-motion:reduce){.as-stage *,.as-stage :before,.as-stage :after{animation:none!important}.as-cycle>span{opacity:0}.as-cycle>span:first-child{opacity:1}}@media (max-width:1151px){.as-stage{--pad-x:28px;--cz:.9}}@media (max-width:640px){.as-stage{--pad-x:16px;--pad-top:52px;--pad-bottom:52px}.as-stage.as-room{--pad-bottom:84px}.as-backdrop{border-radius:28px}.as-ring{width:280px;height:280px}.as-lid{border-radius:18px;padding:7px}.as-laptop .as-lid{border-radius:16px 16px 8px 8px;padding:8px 8px 10px}.as-screen{border-radius:11px}.as-base{height:11px;margin:0 -14px}.as-base span{width:70px;height:5px;margin-left:-35px}.as-stage{--cz:.8}.as-card.as-start{left:clamp(4px, var(--x-sm,var(--x,30%)), 30%)}.as-card.as-end{right:clamp(4px, var(--x-sm,var(--x,30%)), 30%)}.as-pill{max-width:250px}.as-tilt,.split.reverse .as-tilt,.as-flip .as-tilt{animation-name:as-rise-sm;transform:perspective(1600px)rotateY(-5deg)rotateX(3deg)rotate(.6deg)}@keyframes as-rise-sm{0%{opacity:0;transform:perspective(1600px)rotateY(-5deg)rotateX(3deg)rotate(.6deg)translateY(24px)}}.as-phone{width:260px}}