/* TPI demo video (v11) */
/* v11: the demo video is the YouTube player (on the live site) in the same 16:10 frame */
.ytp{position:absolute;inset:0;background:#060A12}
.ytp iframe,.ytp > div{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;display:block}
.mv .ytp{z-index:1}
.mv .x{z-index:5}
.hero-vid video[controls]{object-fit:contain;background:#060A12}
.vsnd{position:absolute;left:16px;top:16px;z-index:3;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 13px;border-radius:999px;border:1px solid rgba(255,196,46,.55);background:rgba(7,12,22,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font:800 13.5px/1 Inter,system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 24px -8px rgba(0,0,0,.7),0 0 0 4px rgba(255,196,46,.12);transition:opacity .25s,transform .25s}
.vsnd svg{width:18px;height:18px;color:var(--gold,#FFC42E)}
.vsnd:hover{transform:translateY(-1px);border-color:var(--gold,#FFC42E)}
.vsnd.off{opacity:0;pointer-events:none;transform:translateY(-4px)}
@media (max-width:760px){.vsnd{left:10px;top:10px;height:36px;font-size:12.5px}}