body {
    font-family: "Source Sans 3", 'Inter', sans-serif;
}
.hero-gradient {
    background-color: #f9fafb;
    background-image: radial-gradient(circle at top right, rgb(59 130 246 / 0.1), transparent 40%),
                      radial-gradient(circle at bottom left, rgb(59 130 246 / 0.1), transparent 50%);
}
.feature-card:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease-in-out;
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
  100% { transform: translateY(0px); }
}

.floating-icon {
    animation: float 6s ease-in-out infinite;
}

@keyframes move-dashes {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: 64; }
}

.moving-dashed-circle {
    animation: move-dashes 3s linear infinite;
}

@keyframes scroll-logos {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
.animate-scroll-logos {
    animation: scroll-logos 40s linear infinite;
}