.cm-icon { display:block; border-radius:26px; margin-bottom:20px; }
.cm-phone-shot { display:block; width:min(100%, 300px); height:auto; margin:auto; border-radius:28px; box-shadow:0 24px 80px #0005; }
.feature-visual.cm-feature { padding:0; overflow:hidden; aspect-ratio:8/5; min-height:0; background:#071d35; }
.cm-feature img { display:block; width:100%; height:auto; }
.cm-demo { width:min(100%, 420px); height:740px; max-height:85svh; margin:0 auto; background:#071d35; border:6px solid #25354b; border-radius:28px; overflow:hidden; }
.cm-demo iframe { width:100%; height:100%; border:0; background:#071d35; }
.cm-demo-start { position:relative; width:100%; height:100%; padding:0; border:0; cursor:pointer; background:#071d35; color:#fff; }
.cm-demo-start img { display:block; width:100%; height:100%; object-fit:cover; opacity:.6; }
.cm-demo-start span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#086e70; border:2px solid #9ff3dc; padding:18px 24px; border-radius:20px; white-space:nowrap; font:800 20px Nunito,sans-serif; box-shadow:0 12px 32px #0008; }
.cm-demo-start:focus-visible { outline:4px solid #ffdb7a; outline-offset:-6px; }
.cm-demo-link { text-align:center; margin:20px auto; padding:0 16px; }
.cm-demo [hidden] { display:none; }
@media (max-width:480px) { .cm-demo { border-width:3px; border-radius:20px; } }