/* Demo content inside the approved A1c / MOD-N shell.
   Page layout, typography, spacing, cards and CTA use the existing site styles. */
[data-cpiw-demo] .cpiw-phone-frame{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s var(--w-ease),visibility .45s;}
[data-cpiw-demo][data-state="won"] .cpiw-phone-frame--winner,
[data-cpiw-demo][data-state="comment"] .cpiw-phone-frame--post,
[data-cpiw-demo][data-state="playing"] .cpiw-phone-frame--post{opacity:1;visibility:visible;}
.cpiw-demo-caption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin-top:28px;}
.cpiw-demo-caption .p-note{margin:0;}
.cpiw-replay{border:0;background:transparent;padding:10px 0;cursor:pointer;font-size:13px;}
.cpiw-replay[hidden]{display:none;}
.cpiw-replay:disabled{cursor:progress;opacity:.55;}
.cpiw-replay:focus-visible{outline:2px solid var(--w-blue-deep);outline-offset:5px;}
.cpiw-availability{text-align:center;}
.cpiw-demo-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(prefers-reduced-motion:reduce){[data-cpiw-demo] .cpiw-phone-frame{transition:none;}}
