.hover-animate {
transition: all 0.3s ease;
}

.hover-animate:hover {
transform: translateY(-4px);
box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}

/* شروع گرادیانت: Indigo 400 */
.from-indigo-400 {
--tw-gradient-from: #818cf8;   /* Indigo 400 */
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
}

/* پایان گرادیانت: Pink 600 */
.to-pink-600 {
--tw-gradient-to: #db2777;     /* Pink 600 */
}

/* برش پس‌زمینه روی متن */
.bg-clip-text {
-webkit-background-clip: text;
background-clip: text;
}

/* ===========================
🔷 Icon Base Style
=========================== */
.ai-icon {
    stroke-width: 2;
    fill: none;
    transition: all 0.3s ease;
}

/* ===========================
🧱 Built on Rock-Solid Technology
=========================== */
.icon-technology {
    color: #2563eb;
    /* text-blue-600 */
}

.icon-technology:hover {
    transform: scale(1.1);
    color: #1d4ed8;
    /* text-blue-700 */
}

/* ===========================
🤖 Powered by Advanced Machine Learning
=========================== */
.icon-ml {
    color: #16a34a;
    /* text-green-600 */
}

.icon-ml:hover {
    transform: rotate(6deg);
    color: #15803d;
    /* text-green-700 */
}

/* ===========================
🚀 Driven by Strategic Business Goals
=========================== */
.icon-business {
    color: #ca8a04;
    /* text-yellow-600 */
}

.icon-business:hover {
    transform: translateY(-0.25rem);
    color: #a16207;
    /* text-yellow-700 */
}

/* ===========================
🌙 Optional Dark Mode (if used)
=========================== */
@media (prefers-color-scheme: dark) {
    .icon-technology {
        color: #60a5fa;
    }

    .icon-ml {
        color: #4ade80;
    }

    .icon-business {
        color: #facc15;
    }
}