/* Styles for LandingPageV2.tsx animations */

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.scrolling-wrapper {
  animation: scroll 40s linear infinite;
}
@keyframes fade-in-up { 
  0% { opacity: 0; transform: translateY(20px); } 
  100% { opacity: 1; transform: translateY(0); } 
}
.animate-fade-in-up {
  animation: fade-in-up 0.8s ease-out both;
}
@keyframes animated-gradient-text {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.animated-gradient {
  background-size: 200% auto;
  animation: animated-gradient-text 3s ease-in-out infinite;
}

/* Notebook Grid Pattern */
.notebook-grid {
  background-size: 30px 30px;
  background-image: 
    linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
}

.dark .notebook-grid {
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}

@keyframes float-slow {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-15px) rotate(5deg); }
}
.animate-float {
  animation: float-slow 6s ease-in-out infinite;
}

/* Landing V3 Specifics */
.story-card-perspective {
    perspective: 1000px;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Gauge Animation for V3 Score Predictor */
@keyframes gauge-needle {
  0% { transform: rotate(-90deg); }
  50% { transform: rotate(45deg); }
  70% { transform: rotate(20deg); }
  100% { transform: rotate(85deg); }
}
.animate-gauge {
  transform-origin: bottom center;
  animation: gauge-needle 3s ease-in-out infinite alternate;
}

/* Premium Rainbow Meter Animation: 90% -> 20% -> Settle at 75% */
@keyframes meter-calibrate-premium {
  0%, 100% { transform: rotate(72deg); } /* 90% */
  15% { transform: rotate(-54deg); }     /* 20% */
  30%, 90% { transform: rotate(45deg); } /* 75% Settle */
}
.animate-meter-calibrate {
  transform-origin: bottom center;
  animation: meter-calibrate-premium 15s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

/* Footer Accordion Styles */
.footer-accordion summary {
  list-style: none;
}
.footer-accordion summary::-webkit-details-marker {
  display: none;
}

/* Desktop Footer Reset - Swiss Minimalist Style */
@media (min-width: 768px) {
  .footer-accordion {
    display: block !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .footer-accordion summary {
    cursor: default !important;
    padding: 0 !important;
    pointer-events: none !important;
  }
  .footer-accordion summary h4 {
    margin-bottom: 2rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    color: #94a3b8 !important; /* Muted text */
  }
  .footer-accordion .accordion-content {
    padding: 0 !important;
    display: block !important;
  }
  /* Hide chevrons on desktop */
  .footer-accordion summary svg {
    display: none !important;
  }
}