.cm-page{max-width:1100px;margin:0 auto;padding:24px 16px}
.cm-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;margin:24px 0}
.cm-hero h1{font-size:2.2rem;margin:0 0 12px}
.cm-hero p{color:#333;margin:0 0 16px}
.cm-badges{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}
.cm-badge{padding:6px 10px;border:1px solid #ddd;border-radius:999px;font-size:.85rem}
.cm-cta{display:flex;gap:12px;flex-wrap:wrap}
.cm-btn{padding:10px 16px;border:1px solid #111;text-decoration:none;display:inline-block}
.cm-btn.outline{background:transparent}
.cm-section{margin:40px 0}
.cm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.cm-card{border:1px solid #eee;border-radius:10px;padding:16px}
.cm-strip{display:flex;gap:8px;overflow:auto;padding-bottom:4px}
.cm-strip img{height:88px;width:auto;border-radius:8px;border:1px solid #eee}
.cm-msg{font-size:1.125rem;padding:12px 16px;background:#f7f7f7;border-left:4px solid #ccc}
.cm-actions{margin-top:12px;display:flex;gap:12px}
@media (max-width:780px){.cm-hero{grid-template-columns:1fr}}