/* ==========================================================================
   TEKMAKS TEKNIK — ANIMATIONS & TRANSITIONS
   ========================================================================== */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 15px rgba(0, 141, 218, 0.2); }
  50% { box-shadow: 0 0 30px rgba(0, 141, 218, 0.6); }
}

@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-fade-in {
  animation: fadeIn 500ms ease-out forwards;
}

.brand-marquee-track {
  display: flex;
  gap: var(--space-8);
  width: max-content;
  animation: marquee 25s linear infinite;
}

.brand-marquee-track:hover {
  animation-play-state: paused;
}

.brand-marquee-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3) var(--space-6);
  background: var(--color-white);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-weight: 700;
  font-size: var(--font-size-base);
  color: var(--color-navy);
  box-shadow: var(--shadow-sm);
  white-space: nowrap;
}