/* Custom styles for the static version */
.container {
  max-width: 1200px;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'Advio';
  src: url('/fonts/Advio_font/Advio Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.logo {
  font-family: 'Advio', sans-serif;
}

/* FAQ Animation */
.faq-question[aria-expanded="true"] i {
  transform: rotate(180deg);
}

/* Modal animations */
#waitlistModal {
  animation: fadeIn 0.3s ease-out;
}

#waitlistModal > div {
  animation: slideIn 0.3s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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

/* Success animation */
.success-animation {
  animation: bounce 0.6s ease-in-out;
}

@keyframes bounce {
  0%,
  20%,
  60%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  80% {
    transform: translateY(-5px);
  }
}

/* Responsive video */
video {
  max-width: 100%;
  height: auto;
}

/* Backdrop blur fallback */
.backdrop-blur {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Hover effects */
.hover-lift {
  transition: transform 0.2s ease-in-out;
}

.hover-lift:hover {
  transform: translateY(-2px);
}