/* ===== Import All CSS Files ===== */
@import url('base.css');
@import url('components.css');
@import url('layout.css');
@import url('navbar.css');
@import url('animations.css');
@import url('sections.css');

/* ===== Custom Landing Page Styles ===== */
/* These styles are specific to the landing page */

/* Hero section enhancements */
.hero-content .hero-badge {
  animation: fadeInDown 0.8s ease-out, float 3s ease-in-out infinite 1s;
}

/* Trust bar animation */
.brand-logos img {
  animation: fadeIn 1s ease-out;
}

.brand-logos img:nth-child(1) { animation-delay: 0.1s; }
.brand-logos img:nth-child(2) { animation-delay: 0.2s; }
.brand-logos img:nth-child(3) { animation-delay: 0.3s; }
.brand-logos img:nth-child(4) { animation-delay: 0.4s; }
.brand-logos img:nth-child(5) { animation-delay: 0.5s; }

/* Feature cards staggered animation */
.features-grid .feature-card {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 0.6s ease-out forwards;
}

.features-grid .feature-card:nth-child(1) { animation-delay: 0.1s; }
.features-grid .feature-card:nth-child(2) { animation-delay: 0.2s; }
.features-grid .feature-card:nth-child(3) { animation-delay: 0.3s; }
.features-grid .feature-card:nth-child(4) { animation-delay: 0.4s; }
.features-grid .feature-card:nth-child(5) { animation-delay: 0.5s; }
.features-grid .feature-card:nth-child(6) { animation-delay: 0.6s; }

/* Stats counter animation */
.stat-number {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.6s ease-out forwards;
}

.stat-number:nth-child(1) { animation-delay: 0.1s; }
.stat-number:nth-child(2) { animation-delay: 0.2s; }
.stat-number:nth-child(3) { animation-delay: 0.3s; }
.stat-number:nth-child(4) { animation-delay: 0.4s; }

/* Demo section specific styles */
.demo-video .video-placeholder {
  background: linear-gradient(45deg, var(--bg-secondary), var(--bg-tertiary));
}

.demo-video .play-button i {
  margin-left: 4px; /* Center the play icon */
}

/* CTA section enhancements */
.cta .btn-primary {
  animation: glow 2s infinite, pulse 3s infinite alternate;
}

/* Footer social icons */
.footer-column a i {
  width: 16px;
  margin-right: 8px;
}

/* Responsive adjustments for landing page */
@media (max-width: 768px) {
  .hero h1 {
    font-size: 2.8rem;
  }

  .hero-subtitle {
    font-size: 1.1rem;
  }

  .hero-cta {
    flex-direction: column;
    align-items: center;
  }

  .cta-buttons {
    flex-direction: column;
    align-items: center;
  }

  .brand-logos {
    gap: var(--space-xl);
  }

  .brand-logos img {
    height: 25px;
  }
}

@media (max-width: 480px) {
  .hero h1 {
    font-size: 2.2rem;
  }

  .hero-badge {
    font-size: 0.8rem;
  }

  .section-title {
    font-size: 2rem;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .footer-links {
    justify-content: center;
  }
}