/* ── Custom overrides & utilities ── */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

/* Floating card animations */
.floating-card {
    animation: float 4s ease-in-out infinite;
}

.floating-card.card-1 {
    animation-delay: 0s;
}

.floating-card.card-2 {
    animation-delay: -1.3s;
}

.floating-card.card-3 {
    animation-delay: -2.6s;
}

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

/* Service card hover glow */
.service-card:hover {
    transform: translateY(-4px);
}

/* Subtle pattern overlay for sections */
.section-pattern {
    background-image: radial-gradient(circle at 1px 1px, rgba(16, 185, 129, 0.06) 1px, transparent 0);
    background-size: 24px 24px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FFFBF5;
}
::-webkit-scrollbar-thumb {
    background: #047857;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #065f46;
}

/* Selection color */
::selection {
    background: #047857;
    color: #FFFBF5;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .floating-card { animation: none; }
    .reveal { opacity: 1; transform: none; }
    html { scroll-behavior: auto; }
    img { transition: none; }
}