/* IntersectionObserver Reveal Animations */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered Fade Up for Hero */
.fade-up-element {
  opacity: 0;
  transform: translateY(20px);
  animation: heroFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.fade-up-element:nth-child(1) { animation-delay: 0.1s; }
.fade-up-element:nth-child(2) { animation-delay: 0.3s; }
.fade-up-element:nth-child(3) { animation-delay: 0.5s; }

@keyframes heroFadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Subtle Gradient Mesh Background for Home */
.gradient-mesh {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  background: 
    radial-gradient(ellipse at top left, rgba(41, 151, 255, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at bottom right, rgba(20, 20, 30, 0.8) 0%, transparent 50%);
  background-color: var(--bg-color);
  animation: meshShift 15s ease-in-out infinite alternate;
}

@keyframes meshShift {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}