html { scroll-behavior: smooth; }

/* Staggered entrance animations */
.anim-up {
  opacity: 0;
  transform: translateY(28px);
  animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: calc(var(--d, 0) * 0.12s + 0.1s);
}
@keyframes fadeUp {
  to { opacity: 1; transform: translateY(0); }
}

/* Scroll reveal */
.reveal {
  opacity: 0; transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible { opacity: 1; transform: translateY(0); }

/* Phone hover */
.phone { transition: transform 0.4s cubic-bezier(0.23,1,0.32,1), box-shadow 0.4s ease; }
.phone:hover { transform: translateY(-8px) !important; }

.phone-video { transition: opacity 0.6s ease; }

/* Force 12px border radius on ALL video containers */
.phone > div,
.phone video {
  border-radius: 12px !important;
  overflow: hidden;
}

/* Mobile: videos much bigger */
@media (max-width: 640px) {
  .phones-row-wrap { gap: 8px !important; }
  .phone { width: 140px !important; }
}

/* Carousels */
#video-carousel, #images-carousel { scrollbar-width: none; }
#video-carousel::-webkit-scrollbar, #images-carousel::-webkit-scrollbar { display: none; }
#video-carousel .video-card { scroll-snap-align: center; }
#video-carousel .video-card video { border-radius: 16px; }