.hero-section {
    padding: var(--space-20) 0;
    background-color: var(--color-neutral-100);
    text-align: center;
}

.hero-section h1 {
    margin-bottom: var(--space-6);
}

.hero-section img {
    margin-top: var(--space-8);
    max-width: 100%;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-lg);
}

.case-studies {
    padding: var(--space-16) 0;
}

.case-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--space-8);
}

.case-study img {
    margin-top: var(--space-4);
    border-radius: var(--border-radius);
}

.track-record {
    padding: var(--space-16) 0;
    background-color: var(--color-neutral-200);
    text-align: center;
}

.cta-section {
    padding: var(--space-16) 0;
    background-color: var(--color-primary);
    color: var(--color-background);
    text-align: center;
}

.cta-section .btn {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
    color: var(--color-background);
}

.cta-section .btn:hover {
    background-color: #dc2626;
    border-color: #dc2626;
}

@media (max-width: 768px) {
    .hero-section {
        padding: var(--space-12) 0;
    }

    .case-grid {
        grid-template-columns: 1fr;
    }

    .cta-section {
        padding: var(--space-12) 0;
    }
}