body {
    font-family: 'Inter', sans-serif;
}

.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.gradient-text {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.roi-animation {
    animation: roiGlow 2s ease-in-out infinite alternate;
}

@keyframes roiGlow {
    from {
        box-shadow: 0 0 5px #667eea;
    }
    to {
        box-shadow: 0 0 20px #667eea, 0 0 30px #667eea;
    }
}



.sec-pad {
    padding: 6.5rem 0 4rem 0 !important;
}


/* Gradient text */
.text-gradient {
    background: linear-gradient(135deg, #4E88E6, #712D91);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}



.from-orange-50 {
    --tw-gradient-from: #fdf4ec;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
}

.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 237 233);
}

.text-orange-600 {
    --tw-text-opacity: 1;
    color: rgb(237 162 58);
}