/* ============================================
   MARQUEE2 — Second Marquee Ticker (AI Platforms)
   Dark bg #0A0E27, electric blue text, infinite scroll
   ============================================ */

.marquee2 {
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  background-color: #0a0e27;
  border-top: 1px solid rgba(77, 101, 255, 0.15);
  border-bottom: 1px solid rgba(77, 101, 255, 0.15);
}

.marquee2__track {
  display: flex;
  white-space: nowrap;
  animation: marquee2Scroll 18s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}

.marquee2__content {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #4d65ff;
  text-transform: uppercase;
  flex-shrink: 0;
}

/* Keyframe animation: seamless infinite scroll left to right */
@keyframes marquee2Scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Performance optimization when in view */
.marquee2--in-view .marquee2__track {
  will-change: transform;
  backface-visibility: hidden;
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
  .marquee2__track {
    animation: none;
    transform: translateX(0);
  }
}

/* Responsive adjustments for small screens */
@media (max-width: 640px) {
  .marquee2 {
    padding: clamp(1rem, 2vw, 1.5rem) 0;
  }

  .marquee2__content {
    font-size: clamp(1.5rem, 3vw, 2.5rem);
  }
}