/* UGC sample video, separate from the animated homepage hero. */
.ugc-proof-visual--video{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:480px;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.ugc-proof-visual--video:before{content:none}
.ugc-video-frame{
  position:relative;
  z-index:2;
  flex:none;
  width:min(calc(100% - 16px),252px);
  aspect-ratio:9 / 16;
  overflow:hidden;
  border:1px solid rgba(255,145,222,.45);
  border-radius:18px;
  background:#17131d;
  transform:rotate(-3deg);
  box-shadow:0 12px 32px rgba(0,0,0,.45),0 0 28px rgba(247,89,204,.13);
}
.ugc-demo-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:560px){
  .ugc-proof-visual--video{min-height:0}
  .ugc-video-frame{width:min(calc(100% - 16px),246px)}
}


/* 2026-10-09: compact phone presentation for the primary UGC proof. */
@media(max-width:560px){
  .ugc-proof-visual--video{
    min-height:0;
    padding:2px 0 4px;
  }
  .ugc-video-frame{
    width:min(62vw,220px);
    max-width:220px;
    border-radius:16px;
    transform:none;
  }
}