/* Marketing video, isolated from game and dialogue UIs. */
.ckmqp-marketing-video{box-sizing:border-box;max-width:100%;margin:24px auto;padding:24px 20px;border:1px solid #e0e6e9;border-radius:16px;background:#fff;color:#20313b;text-align:center}
.ckmqp-marketing-video-media{width:min(350px,100%);margin:0 auto}
.ckmqp-marketing-video video{display:block;width:100%;height:auto;max-height:620px;aspect-ratio:9/16;object-fit:contain;background:#101820;border-radius:12px}
.ckmqp-marketing-video-copy{max-width:680px;margin:16px auto 0}
.ckmqp-marketing-video-copy h2{font-size:clamp(18px,2.2vw,24px);margin:0 0 8px;line-height:1.3}
.ckmqp-marketing-video-copy p{font-size:15px;line-height:1.5;margin:0}
@media(max-width:540px){.ckmqp-marketing-video{margin:16px auto;padding:16px 12px;border-radius:12px}.ckmqp-marketing-video video{max-height:72vh}}


/* .772 — Effective Sales / Adaptive Scripts: compact, responsive video feature. */
.ckm-sales-script-marketing > .ckmqp-marketing-video--sales-feature {
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.16fr);
    align-items:center;
    column-gap:clamp(20px,3.5vw,56px);
    width:100%;max-width:none;min-width:0;
    margin:0 auto 8px!important;
    padding:clamp(16px,2.2vw,30px);
    border:1px solid #cddff0;
    border-radius:20px;
    background:linear-gradient(130deg,#f4f9ff 0%,#fff 55%,#f4f9ff 100%);
    box-shadow:0 14px 36px rgba(24,58,98,.09);
    color:#1a3457;text-align:left;
}
.ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature .ckmqp-marketing-video-media {
    display:flex;justify-content:center;align-items:center;
    width:100%;min-width:0;margin:0;padding:clamp(12px,1.7vw,22px);
    border:1px solid #dfebf8;border-radius:18px;
    background:linear-gradient(160deg,#eaf3ff,#f8fbff);
}
.ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature video {
    display:block;width:min(100%,360px);height:auto;max-height:585px;
    aspect-ratio:9/16;object-fit:contain;
    border-radius:12px;border:1px solid #d5deea;background:#0c1524;
    box-shadow:0 12px 25px rgba(19,36,60,.13);
}
.ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature .ckmqp-marketing-video-copy {
    width:100%;max-width:none;min-width:0;margin:0;
}
.ckmqp-marketing-video--sales-feature .ckmqp-sales-video-eyebrow {
    display:inline-flex;align-items:center;gap:6px;
    padding:7px 13px;border-radius:999px;
    background:#e5efff;color:#2866bc;
    font-size:12px;font-weight:700;letter-spacing:.015em;
}
.ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature h2 {
    margin:15px 0 10px;font-size:clamp(22px,2.3vw,33px);
    font-weight:750;line-height:1.18;color:#193c65;
}
.ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature p.ckmqp-sales-video-lead {
    margin:0 0 17px;font-size:clamp(14px,1.2vw,17px);
    line-height:1.55;color:#516b88;
}
.ckmqp-marketing-video--sales-feature .ckmqp-sales-video-points {
    display:grid;gap:9px;list-style:none;padding:0;margin:0 0 17px;
}
.ckmqp-marketing-video--sales-feature .ckmqp-sales-video-points li {
    display:flex;align-items:center;gap:12px;min-width:0;
    border:1px solid #dfeaf8;border-radius:13px;
    padding:11px 13px;background:rgba(255,255,255,.82);
}
.ckmqp-marketing-video--sales-feature .ckmqp-sales-video-point-icon {
    display:inline-flex;flex:0 0 38px;width:38px;height:38px;
    align-items:center;justify-content:center;border-radius:50%;
    color:#286ac3;background:#e8f0ff;font-size:19px;font-weight:800;
}
.ckmqp-marketing-video--sales-feature .ckmqp-sales-video-point-icon.is-discount {color:#d9545b;background:#ffedf0}
.ckmqp-marketing-video--sales-feature .ckmqp-sales-video-point-icon.is-training {color:#179a7a;background:#e5f8f0}
.ckmqp-marketing-video--sales-feature .ckmqp-sales-video-points li span:last-child{min-width:0}
.ckmqp-marketing-video--sales-feature .ckmqp-sales-video-points strong {
    display:block;color:#1a395e;font-size:14px;line-height:1.35;font-weight:700;
}
.ckmqp-marketing-video--sales-feature .ckmqp-sales-video-points small {
    display:block;color:#5e7490;font-size:12px;line-height:1.5;margin-top:2px;
}
.ckmqp-marketing-video--sales-feature button.ckmqp-sales-video-play {
    display:inline-flex;gap:12px;align-items:center;justify-content:center;
    min-height:45px;border:0;border-radius:11px;
    padding:10px 21px;background:#316dcc;color:#fff;
    font:700 14px/1.4 Ubuntu,Arial,sans-serif;
    text-align:center;cursor:pointer;box-shadow:0 7px 18px rgba(49,109,204,.18);
}
.ckmqp-marketing-video--sales-feature button.ckmqp-sales-video-play:hover {background:#215eb7}
.ckmqp-marketing-video--sales-feature button.ckmqp-sales-video-play:focus-visible,
.ckmqp-marketing-video--sales-feature video:focus-visible {outline:3px solid #3d83e3;outline-offset:4px}
@media(max-width:880px) {
    .ckm-sales-script-marketing > .ckmqp-marketing-video--sales-feature {grid-template-columns:minmax(0,1fr);gap:20px}
    .ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature .ckmqp-marketing-video-media {padding:16px}
    .ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature video {width:min(100%,310px);max-height:520px}
}
@media(max-width:540px) {
    .ckm-sales-script-marketing > .ckmqp-marketing-video--sales-feature {padding:13px;gap:18px;border-radius:14px}
    .ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature .ckmqp-marketing-video-media {padding:11px}
    .ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature video {width:min(100%,265px);max-height:70vh}
    .ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature h2 {font-size:23px}
    .ckmqp-marketing-video--sales-feature .ckmqp-sales-video-points li {padding:10px;gap:9px}
    .ckmqp-marketing-video--sales-feature button.ckmqp-sales-video-play {width:100%}
}

/* .773 — light theme palette: match the neighbouring Effective Sales cards.
   Deliberately scoped to the sales video feature; dark theme and all other
   marketing-video slots keep their existing appearance. */
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-script-marketing > .ckmqp-marketing-video--sales-feature {
    background:linear-gradient(180deg,rgba(232,246,251,.96),rgba(243,246,251,.96))!important;
    border-color:#d3deeb!important;
    box-shadow:var(--sales-shadow,0 18px 50px rgba(49,75,106,.13))!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature .ckmqp-marketing-video-media {
    background:linear-gradient(160deg,#dcebf6,#e7f3fb)!important;
    border-color:#d3deeb!important;
}
html.ckm-sales-app-html[data-ckm-theme="light"] .ckm-sales-script-marketing .ckmqp-marketing-video--sales-feature .ckmqp-sales-video-points li {
    background:rgba(240,248,253,.85)!important;
    border-color:#d3deeb!important;
}