/* Click-to-play intro video. Loads nothing heavy until pressed: only a poster image, then the file for the screen size (phone 9:16, desktop 16:9). Used on the home page, /features and /watch. */
.iv{position:relative;max-width:880px;margin:24px auto;border-radius:18px;overflow:hidden;background:#12121A;aspect-ratio:16/9;box-shadow:0 22px 60px rgba(98,90,233,.22);}
.iv video,.iv .iv-poster{position:absolute;inset:0;width:100%;height:100%;}
.iv video{object-fit:contain;background:#12121A;}
.iv-poster{border:0;padding:0;margin:0;cursor:pointer;background:#12121A;display:block;font:inherit;}
.iv-poster[hidden]{display:none;}
.iv-img{width:100%;height:100%;object-fit:cover;display:block;}
.iv-img-m{display:none;}
.iv-btn{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:#625AE9;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 34px rgba(98,90,233,.55);transition:transform .2s;}
.iv-btn::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #625AE9;animation:ivPulse 2.2s ease-out infinite;}
.iv-poster:hover .iv-btn,.iv-poster:focus-visible .iv-btn{transform:scale(1.08);}
.iv-poster:focus-visible{outline:3px solid #625AE9;outline-offset:-3px;}
.iv-cap{position:absolute;left:0;right:0;bottom:0;padding:44px 22px 18px;background:linear-gradient(transparent,rgba(18,18,26,.86));color:#fff;font-weight:700;font-size:16px;line-height:1.3;text-align:left;}
.iv-cta{display:flex;gap:14px 22px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:22px;}
@keyframes ivPulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.7);opacity:0;}}
@media(max-width:700px){
  .iv{aspect-ratio:9/16;max-width:300px;border-radius:16px;}
  .iv-img-d{display:none;}.iv-img-m{display:block;}
  .iv-btn{width:68px;height:68px;margin:-34px 0 0 -34px;}
  .iv-cap{font-size:14.5px;padding:40px 16px 16px;}
}
@media(prefers-reduced-motion:reduce){.iv-btn::after{animation:none;opacity:0;}}