.hero-cases {
    background: linear-gradient(135deg, rgba(15, 52, 96, 0.92) 0%, rgba(10, 37, 64, 0.95) 100%),
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 600'%3E%3Cdefs%3E%3ClinearGradient id='cases' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%231A4A7A'/%3E%3Cstop offset='100%25' stop-color='%230F3460'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23cases)' width='1200' height='600'/%3E%3Crect x='100' y='150' width='200' height='120' rx='8' fill='%23E6B325' opacity='0.15'/%3E%3Crect x='400' y='130' width='250' height='140' rx='8' fill='%23E6B325' opacity='0.2'/%3E%3Crect x='750' y='150' width='200' height='120' rx='8' fill='%23E6B325' opacity='0.12'/%3E%3Ccircle cx='200' cy='210' r='30' stroke='%23E6B325' stroke-width='2' fill='none' opacity='0.3'/%3E%3Ccircle cx='525' cy='200' r='40' stroke='%23E6B325' stroke-width='2' fill='none' opacity='0.4'/%3E%3Ccircle cx='850' cy='210' r='30' stroke='%23E6B325' stroke-width='2' fill='none' opacity='0.3'/%3E%3Cpath d='M100 350 L300 350' stroke='%23E6B325' stroke-width='2' stroke-dasharray='8 4' opacity='0.2'/%3E%3Cpath d='M400 350 L700 350' stroke='%23E6B325' stroke-width='2' stroke-dasharray='8 4' opacity='0.25'/%3E%3Cpath d='M800 350 L1100 350' stroke='%23E6B325' stroke-width='2' stroke-dasharray='8 4' opacity='0.2'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    min-height: 500px;
}

.metric-card {
    transition: all 0.3s ease;
}

.metric-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(15, 52, 96, 0.12);
}

.case-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.case-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(15, 52, 96, 0.15);
}

.testimonial-card {
    transition: all 0.3s ease;
}

.testimonial-card:hover {
    box-shadow: 0 8px 24px rgba(15, 52, 96, 0.1);
}

.client-logo {
    transition: all 0.3s ease;
}

.client-logo:hover {
    transform: scale(1.05);
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px) {
    .hero-cases {
        min-height: 400px;
    }
    
    .metric-card {
        padding: 1rem;
    }
    
    .metric-card .text-4xl {
        font-size: 1.75rem;
    }
    
    .case-card:hover {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .metric-card,
    .case-card,
    .testimonial-card,
    .client-logo {
        transition: none;
    }
    
    .metric-card:hover,
    .case-card:hover {
        transform: none;
    }
}