body.neefus-three-enabled { overflow:hidden; }

.neefus-three-intro {
  position:fixed;
  inset:0;
  z-index:2147483000;
  background:#000;
  overflow:hidden;
  opacity:1;
  visibility:visible;
}

.neefus-three-background,
.neefus-three-overlay {
  position:absolute;
  inset:0;
}

.neefus-three-background {
  z-index:0;
  overflow:hidden;
}

.neefus-three-bg-image,
.neefus-three-bg-video {
  width:100%;
  height:100%;
  object-fit:contain;
  display:none;
  transform:none;
}

.neefus-three-overlay {
  z-index:1;
  background:rgba(0,0,0,.45);
  pointer-events:none;
}

#neefus-three-canvas {
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  display:block;
}

.neefus-three-vignette {
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(circle at center, transparent 38%, rgba(0,0,0,.18) 70%, rgba(0,0,0,.68) 100%);
}

.neefus-three-skip {
  position:absolute;
  right:22px;
  bottom:20px;
  z-index:5;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  padding:10px 16px;
  background:rgba(0,0,0,.38);
  color:#fff;
  font:14px Arial, sans-serif;
  cursor:pointer;
  backdrop-filter:blur(8px);
}

.neefus-three-skip:hover { background:rgba(255,255,255,.12); }

@media (max-width:600px) {
  .neefus-three-skip { right:14px; bottom:14px; }
}