/* DN_ROOM_VIDEO_CONTRAST_PATCH_V1_20260529 */

/* fundo geral mais profundo, com luz só atrás do vídeo */
.dn-proof {
  background:
    radial-gradient(circle at 76% 48%, rgba(92, 126, 255, .16), transparent 26%),
    radial-gradient(circle at 78% 52%, rgba(20, 35, 90, .34), transparent 44%),
    linear-gradient(180deg, #050816 0%, #071020 52%, #050a18 100%) !important;
}

/* escurece a área atrás do vídeo para ele recortar melhor */
.dn-proof__visual {
  position: relative;
}

.dn-proof__visual::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  width: 112%;
  height: 96%;
  transform: translate(-50%, -50%);
  border-radius: 42px;
  background:
    radial-gradient(circle at 50% 50%, rgba(0, 0, 0, .46), rgba(0, 0, 0, .28) 42%, transparent 72%);
  filter: blur(18px);
  opacity: 1;
  pointer-events: none;
}

/* rim light externo, sem parecer caixa */
.dn-proof__visual::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 94%;
  height: 74%;
  transform: translate(-50%, -50%);
  border-radius: 36px;
  background:
    radial-gradient(circle at 52% 48%, rgba(120, 150, 255, .26), transparent 58%);
  filter: blur(34px);
  opacity: .72;
  pointer-events: none;
}

.dn-room-video-card {
  width: min(820px, 100%) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* o próprio vídeo ganha separação, sem card em volta */
.dn-room-demo-video {
  border-radius: 24px !important;
  box-shadow:
    0 34px 100px rgba(0, 0, 0, .48),
    0 0 0 1px rgba(155, 178, 255, .10) !important;
  filter: brightness(1.08) contrast(1.08) saturate(1.05);
}

/* reduz competição visual dos cards à esquerda */
.dn-proof__card {
  background: rgba(12, 20, 38, .72) !important;
  border-color: rgba(142, 162, 220, .15) !important;
}

@media (max-width: 900px) {
  .dn-proof__visual::before {
    width: 104%;
    height: 86%;
  }

  .dn-proof__visual::after {
    width: 96%;
    height: 68%;
  }
}