.mwu-scene, .mwu-scene *, .mwu-scene *::before, .mwu-scene *::after { box-sizing: border-box; }
.mwu-stage { container-type: inline-size; overflow: visible; }
.mwu-scene { position: absolute; inset: 0; color: #2b2d2d; font: 500 2.6cqw/1.25 Inter, "Microworker Inter Fallback", sans-serif; }
.mwu-s-clay {
  position: absolute;
  background: linear-gradient(180deg, #fdfcf9 0%, #f1eee7 100%);
  box-shadow: 0 2.6cqw 4.4cqw rgba(29, 62, 110, 0.22), 0 0.6cqw 1.2cqw rgba(29, 62, 110, 0.12),
    inset 0 -0.7cqw 0 rgba(120, 104, 80, 0.10), inset 0 0.5cqw 0 rgba(255, 255, 255, 0.95);
}
.mwu-s-play { display: grid; place-items: center; width: 8cqw; height: 8cqw; border-radius: 50%; background: #ffffff; color: #4a90e2;
  box-shadow: 0 0.8cqw 1.6cqw rgba(29, 62, 110, 0.25), inset 0 -0.4cqw 0 rgba(0, 0, 0, 0.06); }
.mwu-s-play svg { width: 52%; height: 52%; margin-left: 8%; } 
.mwu-s-play-big { width: 10.5cqw; height: 10.5cqw; color: #ae3ec9; }
.mwu-s-notch { position: absolute; top: 2.2cqw; left: 50%; width: 7cqw; height: 1.5cqw; margin-left: -3.5cqw; border-radius: 1cqw; background: #2f3640; z-index: 2; }
.mwu-s-tick { display: grid; place-items: center; flex: none; width: 5.6cqw; height: 5.6cqw; border-radius: 50%; color: #ffffff;
  background: linear-gradient(180deg, #6fd0b9 0%, #3fae95 100%); box-shadow: 0 0.6cqw 1.2cqw rgba(30, 110, 90, 0.35), inset 0 -0.4cqw 0 rgba(0, 0, 0, 0.12); }
.mwu-s-tick svg { width: 58%; height: 58%; }
.mwu-s-chip { display: flex; align-items: center; gap: 2cqw; max-width: 60%; padding-block: 1.8cqw; padding-inline: 1.8cqw 3.4cqw; border-radius: 4.6cqw; z-index: 4; }
.mwu-s-chip b { display: block; font-weight: 600; font-size: 2.9cqw; line-height: 1.2; color: #2b2d2d; overflow-wrap: break-word; }
.mwu-s-chip i { display: block; font-style: normal; font-size: 2.3cqw; line-height: 1.2; color: #7a7a7a; overflow-wrap: break-word; }


.mwu-scene-clip .mwu-s-source { left: 7%; top: 16%; width: 50%; padding: 1.8cqw; border-radius: 3.4cqw; transform: rotate(-5deg); z-index: 1; }
.mwu-s-wide { display: grid; place-items: center; aspect-ratio: 16 / 9; border-radius: 2.2cqw; background: linear-gradient(140deg, #cfe2fa 0%, #9cc2ef 100%); }
.mwu-s-track { position: relative; height: 2.2cqw; margin-top: 1.8cqw; border-radius: 9999px; background: #e3dfd6; box-shadow: inset 0 0.3cqw 0.5cqw rgba(0, 0, 0, 0.08); }
.mwu-s-cut { position: absolute; top: -0.7cqw; bottom: -0.7cqw; left: 40%; width: 24%; border-radius: 1cqw; background: linear-gradient(180deg, #d27ae6, #ae3ec9);
  box-shadow: 0 0.5cqw 1cqw rgba(140, 40, 170, 0.35); }
.mwu-scene-clip .mwu-s-phone { right: 17%; top: 7%; width: 29%; aspect-ratio: 9 / 18.5; padding: 1.5cqw; border-radius: 5cqw; transform: rotate(5deg); z-index: 2; }
.mwu-s-tall { position: relative; display: grid; place-items: center; height: 100%; border-radius: 3.6cqw; overflow: hidden;
  background: linear-gradient(170deg, #f2c6f7 0%, #d6c4f7 45%, #b9d3f6 100%); }
.mwu-s-bar { position: absolute; left: 12%; right: 12%; bottom: 7%; height: 1.4cqw; border-radius: 9999px; background: rgba(255, 255, 255, 0.85); }
.mwu-s-bar i { position: absolute; inset-block: 0; inset-inline-start: 0; width: 62%; border-radius: inherit; background: #ae3ec9; }
.mwu-s-badge { position: absolute; display: grid; place-items: center; border-radius: 50%; color: #ffffff; z-index: 3; }
.mwu-s-badge-clip { right: 7%; top: 9%; width: 12cqw; height: 12cqw; background: linear-gradient(180deg, #d27ae6 0%, #a535bf 100%);
  box-shadow: 0 1.2cqw 2.4cqw rgba(140, 40, 170, 0.35), inset 0 -0.6cqw 0 rgba(0, 0, 0, 0.14), inset 0 0.4cqw 0 rgba(255, 255, 255, 0.35); }
.mwu-s-badge-g { width: 52%; height: 52%; }
.mwu-scene-clip .mwu-s-chip { left: 10%; bottom: 13%; }


.mwu-scene-apps .mwu-s-phone-app { left: 13%; top: 6%; width: 30%; aspect-ratio: 9 / 18.5; padding: 1.5cqw; border-radius: 5cqw; transform: rotate(-4deg); z-index: 2; }
.mwu-s-tall-app { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2cqw; background: linear-gradient(180deg, #eaf3fd 0%, #d4e6fa 100%); }
.mwu-s-icon { display: grid; place-items: center; width: 13cqw; height: 13cqw; border-radius: 3.6cqw; color: #ffffff;
  background: linear-gradient(160deg, #3bc9db 0%, #1098ad 100%); box-shadow: 0 1cqw 2cqw rgba(16, 152, 173, 0.35), inset 0 -0.6cqw 0 rgba(0, 0, 0, 0.12); }
.mwu-s-icon-g { width: 55%; height: 55%; }
.mwu-s-line { display: block; width: 60%; height: 1.6cqw; border-radius: 9999px; background: #b8cfe9; }
.mwu-s-line-short { width: 40%; background: #cbd9ea; }
.mwu-s-get { display: grid; place-items: center; min-width: 13cqw; max-width: 90%; text-align: center; margin-top: 1cqw; padding: 1cqw 3cqw; border-radius: 9999px; color: #ffffff; font-weight: 600; font-size: 2.6cqw;
  background: linear-gradient(180deg, #5aa2f0 0%, #3a82dd 100%); box-shadow: 0 0.6cqw 1.2cqw rgba(58, 130, 221, 0.35); }
.mwu-s-steps { right: 7%; top: 20%; width: 42%; display: flex; flex-direction: column; gap: 2.4cqw; padding: 3.2cqw 3.4cqw; border-radius: 3.6cqw; transform: rotate(3deg); z-index: 1; }
.mwu-s-step { display: flex; align-items: center; gap: 2.2cqw; }
.mwu-s-step b { font-weight: 600; font-size: 3cqw; line-height: 1.15; color: #2b2d2d; overflow-wrap: break-word; min-width: 0; }
.mwu-s-step-next b { color: #8c8c8c; }
.mwu-s-dot { flex: none; width: 5.6cqw; height: 5.6cqw; border-radius: 50%; border: 0.6cqw solid #cfd8e3; background: #ffffff; }
.mwu-scene-apps .mwu-s-chip-code { left: 33%; bottom: 8%; }