/* Additional responsive fine-tuning */
@media (max-width: 900px) {
    .stages-timeline::before {
        left: 24px;
    }
    .stage-num {
        width: 48px;
        height: 48px;
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .contact-form-card,
    .contact-info-card {
        padding: 28px 20px;
    }

    .hero {
        padding-top: calc(var(--header-h) + 48px);
    }

    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.5rem; }
}