.ob-marketing-demo{scroll-margin-top:96px}
.ob-marketing-demo .section-inner{max-width:1100px}
.ob-demo-player{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#080808}
.ob-demo-player summary{position:relative;cursor:pointer;list-style:none;color:var(--text);font-family:var(--font-body);font-weight:600}
.ob-demo-player summary::-webkit-details-marker{display:none}
.ob-demo-player summary:focus-visible{outline:3px solid var(--lime);outline-offset:-5px}
.ob-demo-player summary img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.ob-demo-watch{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 20px;background:var(--lime);color:#111;font-size:17px}
.ob-demo-close{display:none;padding:16px 20px;color:var(--text)}
.ob-demo-player[open] summary img,.ob-demo-player[open] .ob-demo-watch{display:none}
.ob-demo-player[open] .ob-demo-close{display:block}
.ob-demo-frame:empty{display:none}
.ob-demo-frame iframe{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0}
.ob-demo-note{margin-top:18px;color:var(--text-mid);font-size:14px;line-height:1.65}
.ob-demo-note a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.ob-demo-note a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.ob-demo-new-tab{font-size:12px}
@media(max-width:600px){.ob-demo-watch{font-size:15px;padding:15px 12px}.ob-demo-player{border-radius:10px}}