.hero-app-stage{width:100vw;max-width:100vw;margin:40px calc(50% - 50vw) 0;position:relative;overflow:hidden}.hero-app-stage__backdrop{z-index:0;position:absolute;inset:0}.hero-app-stage__wallpaper{object-fit:cover;object-position:center 35%}.hero-app-stage__gradient{background:linear-gradient(#ffffff2e 0%,#0000 24%),linear-gradient(#0000 58%,#fffffff0 100%);position:absolute;inset:0}.hero-app-stage__surface{z-index:1;flex-direction:column;justify-content:center;align-items:center;max-width:1280px;min-height:clamp(520px,68vh,700px);margin:0 auto;padding:20px 24px 88px;display:flex;position:relative}.hero-app-stage__demo{filter:drop-shadow(0 24px 48px #0000002e);justify-content:center;width:100%;display:flex}.hero-app-stage__dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.hero-app-stage__dot{cursor:pointer;background:#ffffff8c;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s;box-shadow:0 0 0 1px #00000014}.hero-app-stage__dot.is-active{background:#fff;transform:scale(1.15)}.hero-app-stage__fade{z-index:2;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--canvas));height:120px;position:absolute;bottom:0;left:0;right:0}@media (max-width:960px){.hero-app-stage{margin-top:32px}.hero-app-stage__surface{min-height:clamp(460px,62vh,600px);padding:16px 16px 72px}}