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

/* Lightened animated gradient to avoid pure black */
.animate-gradient {
  background: linear-gradient(45deg, #191919, #202020, #252525, #2b2b2b);
  background-size: 400% 400%;
  animation: gradientBG 20s ease infinite;
}

/* Floating decorative shapes for the hero section */
.floating-circle {
  position: absolute;
  border-radius: 50%;
  background: rgba(227, 198, 119, 0.15);
  filter: blur(80px);
  animation: float1 18s ease-in-out infinite;
}

.floating-circle.delay-1 {
  animation: float2 22s ease-in-out infinite;
}
.floating-circle.delay-2 {
  animation: float3 26s ease-in-out infinite;
}

@keyframes float1 {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(100px, -60px) scale(1.2); }
  100% { transform: translate(0, 0) scale(1); }
}

@keyframes float2 {
  0% { transform: translate(-60px, 40px) scale(0.8); }
  50% { transform: translate(80px, -80px) scale(1.1); }
  100% { transform: translate(-60px, 40px) scale(0.8); }
}

@keyframes float3 {
  0% { transform: translate(-30px, -50px) scale(1.1); }
  50% { transform: translate(90px, 70px) scale(0.9); }
  100% { transform: translate(-30px, -50px) scale(1.1); }
}

/* Additional site styling moved from inline HTML */
body {
  background: linear-gradient(180deg, #0f0f0f 0%, #151515 100%);
}

#main-nav {
  backdrop-filter: blur(8px);
}

.faq-icon {
  border: 1px solid #E3C677;
  border-radius: 0.25rem;
  padding: 0 0.4rem;
  margin-left: 0.5rem;
  font-size: 1.25rem;
  color: #E3C677;
}

.faq-plus-icon {
  border: 1px solid #E3C677;
  border-radius: 0.25rem;
  padding: 0 0.4rem;
  margin-left: 0.5rem;
  font-size: 1.25rem;
  color: #E3C677;
}

#whatsapp-float {
  position: fixed;
  left: 20px;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  color: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  z-index: 100;
  text-decoration: none;
}

#whatsapp-float svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}

.testimonial-slider {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.testimonial-slider::-webkit-scrollbar {
  display: none;
}

.testimonial-slider > div {
  flex: 0 0 100%;
  scroll-snap-align: start;
}

@media (min-width: 640px) {
  .testimonial-slider > div {
    flex: 0 0 50%;
  }
}

@media (min-width: 768px) {
  .testimonial-slider > div {
    flex: 0 0 33.3333%;
  }
}

/* Clamp testimonial text to 3 lines on small screens */
#testimonials .testimonial-card p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}