/* Marketing / landing: hide native video UI (play overlay, controls bar). */
video::-webkit-media-controls,
video::-webkit-media-controls-enclosure,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-overlay-play-button,
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

video.truffl-chromeless-video {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  will-change: opacity;
}

video.truffl-chromeless-video.truffl-video-ready {
  opacity: 1;
  will-change: auto;
}

video[poster] {
  object-fit: contain;
  background-color: var(--feature-video-matte, transparent);
}

video.truffl-chromeless-video.truffl-video-loading {
  background-color: var(--feature-video-matte, #0a0a0f);
}

#heroDemoVideo.truffl-chromeless-video,
#featureLeadsVideo.truffl-chromeless-video {
  opacity: 1;
  transition: opacity 0.35s ease;
}

#heroDemoVideo.truffl-chromeless-video:not(.truffl-video-ready),
#featureLeadsVideo.truffl-chromeless-video:not(.truffl-video-ready) {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  video.truffl-chromeless-video {
    transition: none;
    opacity: 1;
  }
}