.crm-explainer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:2.5rem;align-items:center;margin-top:2rem;padding:2rem;border:1px solid rgba(40,216,239,.28);border-radius:22px;background:linear-gradient(125deg,#092435,#061621);box-shadow:0 20px 60px rgba(0,0,0,.18)}
.crm-explainer-copy h3{font-size:clamp(1.6rem,2.4vw,2.45rem);line-height:1.18;margin:.75rem 0 1rem;color:#f6fbff}
.crm-explainer-copy p{color:#b9cfdb;line-height:1.6;margin:0 0 1rem}
.crm-explainer-copy .button{margin-top:.5rem}
.crm-explainer-media{min-width:0}
.crm-explainer-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid rgba(40,216,239,.38);border-radius:14px;background:#06131e}
.crm-explainer-media video:focus-visible{outline:3px solid #28d8ef;outline-offset:3px}
.crm-explainer-media video::cue{background:rgba(3,14,23,.92);color:#fff}
.crm-explainer-media details{color:#b9cfdb;margin-top:.8rem;font-size:.9rem}
.crm-explainer-media summary{cursor:pointer;color:#d9f4fb}
.crm-explainer-media details p{line-height:1.55}
@media(max-width:920px){.crm-explainer{grid-template-columns:1fr;gap:1.5rem}}
@media(max-width:600px){.crm-explainer{padding:1rem;border-radius:16px}.crm-explainer-copy .button{width:100%;justify-content:center}}