.site, .feature-card, .site-header, .hero-copy, .section-heading {
  transition: transform var(--transition), opacity var(--transition), filter var(--transition);
}
.section-hero, .section-features {
  opacity: 0;
  transform: translateY(24px);
  animation: fadeInUp 0.9s ease-out forwards;
}
.section-hero {
  animation-delay: 0.1s;
}
.section-features {
  animation-delay: 0.2s;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.background-net {
  transition: opacity 0.4s ease;
}