.demo-stage{position:relative;min-width:0}
.demo-stage>.app-card{height:100%}
.demo-stage:has(>.x-demo){margin-bottom:52px}
.demo-stage>.x-demo{margin-bottom:0}
.demo-replay{position:absolute;z-index:9;right:22px;bottom:-23px;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:13px 19px;border:1px solid #d7e0e4;border-radius:14px;background:#fffef9;color:#193c50;font:600 12px/1.2 Inter,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 10px 22px -9px #193b5260;cursor:pointer;transition:transform 160ms var(--landing-ease-out),background-color 180ms ease}
.demo-replay[hidden]{display:none}
.demo-replay svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.demo-replay:focus-visible{outline:3px solid #285f7d;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.demo-replay:hover{background:#f5ff70;transform:translateY(-2px)}.demo-replay:active{transform:scale(.98)}}
@media(max-width:760px){.demo-replay{right:15px;font-size:11px;padding-inline:15px}.apps-grid{row-gap:40px}.demo-stage:has(>.x-demo){margin-bottom:46px}}
@media(prefers-reduced-motion:reduce){.demo-replay{display:none!important;transition:none}}