/* Responsive overrides & refinements */

@media (max-width: 639px) {
  .stats {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    max-width: 100%;
  }

  .logo-cloud {
    gap: 20px 28px;
  }

  .hero {
    padding: 32px 0 56px;
  }

  .workflow__rays {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 1099px) {
  .workflow__rays {
    max-width: 520px;
  }
}

@media (min-width: 1100px) {
  .flow-card + .flow-card::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #c4b5fd;
    border-right: 2px solid #c4b5fd;
    transform: translateY(-50%) rotate(45deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  html {
    scroll-behavior: auto;
  }
}