/* Explainer video (2026-11-11), shared by /themes/ and /pricing/. A poster with a play button; video.js swaps in the player on click. */
.dgvid{max-width:928px;margin:clamp(30px,4vw,50px) auto 0;padding-bottom:clamp(8px,1.5vw,16px);position:relative;z-index:1;scroll-margin-top:120px}
.dgvid .dgvid-label{font-family:'Space Mono',monospace;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:#f0d8ea;margin:0 0 .9rem;text-align:center}
.dgvid .dgvid-label b{color:var(--magenta-lt);font-weight:400;margin-right:.35em}
.dgvid-frame{position:relative;aspect-ratio:16/9;border-radius:var(--radius,22px);overflow:hidden;border:2px solid rgba(255,110,199,.3);background:#1d0629;box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 44px rgba(255,26,158,.2)}
.dgvid-frame iframe,.dgvid-play{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.dgvid-play img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s,filter .3s}
.dgvid-play:hover img{transform:scale(1.02);filter:brightness(1.06)}
.dgvid-btn{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:.5em;padding:.6em 1em .6em .75em;border-radius:999px;background:var(--magenta-lt);color:#fff;font:700 .9rem/1 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 0 6px rgba(255,63,174,.25),0 10px 30px rgba(0,0,0,.45);transition:transform .2s}
.dgvid-btn svg{width:22px;height:22px;fill:#fff}
.dgvid-btn i{font-style:normal;font-weight:400;opacity:.9;padding-left:.6em;border-left:1px solid rgba(255,255,255,.45)}
.dgvid-play:hover .dgvid-btn,.dgvid-play:focus-visible .dgvid-btn{transform:scale(1.05)}
.dgvid-play:focus-visible{outline:3px solid #fff;outline-offset:-6px}
@media (max-width:700px){.dgvid-btn{right:10px;bottom:10px;font-size:.74rem;box-shadow:0 0 0 4px rgba(255,63,174,.25),0 6px 18px rgba(0,0,0,.45)}.dgvid-btn svg{width:17px;height:17px}.dgvid .dgvid-label{font-size:.68rem;letter-spacing:.16em}}
@media (prefers-reduced-motion:reduce){.dgvid-play img,.dgvid-btn{transition:none}}