:where([class^="ri-"])::before { content: "\f3c2"; }
.hero-bg {
background: linear-gradient(135deg, rgba(59, 130, 246, 0.9), rgba(147, 197, 253, 0.8)), url('https://readdy.ai/api/search-image?query=modern%20digital%20marketing%20team%20working%20with%20laptops%20and%20charts%2C%20professional%20office%20environment%2C%20clean%20white%20background%20with%20blue%20and%20orange%20accents%2C%20business%20analytics%20dashboard%2C%20contemporary%20workspace%2C%20marketing%20strategy%20meeting&width=1920&height=800&seq=hero-services-001&orientation=landscape');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.mobile-menu-hidden {
transform: translateX(-100%);
transition: transform 0.3s ease-in-out;
}
.mobile-menu-visible {
transform: translateX(0);
transition: transform 0.3s ease-in-out;
}
.service-card {
transition: all 0.3s ease;
}
.service-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.pricing-card {
transition: all 0.3s ease;
}
.pricing-card:hover {
transform: translateY(-4px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}