/* =====================================================
   Managed Services – Vertical Spacing & Readability
   Enterprise UI Rhythm (Compact, Clean, Predictable)
   ===================================================== */

/* ---------------------------------
   Global paragraph readability
---------------------------------- */
.managed-services p,
.ms-hero p,
.ms-value p,
.ms-services p,
.ms-process p,
.ms-cta p {
    margin-bottom: 20px;   /* slightly tighter */
    line-height: 1.75;
}

/* ---------------------------------
   Hero spacing (REDUCED ~50%)
---------------------------------- */
.ms-hero {
    padding-bottom: 40px;   /* was 60px */
}

/* ---------------------------------
   Section-to-section spacing (REDUCED ~50%)
---------------------------------- */
.ms-value,
.ms-services,
.ms-process {
    margin-top: 16px;   /* was 28px */
}

/* ---------------------------------
   CTA spacing (still visible, but tighter)
---------------------------------- */
.ms-cta {
    margin-top: 24px;        /* was 40px */
    padding-top: 48px;       /* was 64px */
    padding-bottom: 48px;
}

/* ---------------------------------
   Headings spacing
---------------------------------- */
.ms-value h2,
.ms-services h2,
.ms-process h2,
.ms-cta h2 {
    margin-top: 0;
    margin-bottom: 22px;   /* was 28px */
}

/* ---------------------------------
   Value blocks spacing
---------------------------------- */
.value-grid > div {
    padding-top: 6px;
}

.value-grid h3 {
    margin-bottom: 12px;
}

.value-grid p {
    margin-bottom: 20px;
}

/* ---------------------------------
   Service cards spacing
---------------------------------- */
.service-card {
    padding: 26px;   /* was 30px */
}

.service-card h3 {
    margin-bottom: 14px;
}

.service-card ul li {
    margin-bottom: 8px;
}

/* ---------------------------------
   Process steps spacing
---------------------------------- */
.process-steps li {
    margin-bottom: 14px;   /* was 18px */
}

/* ---------------------------------
   Mobile refinement (extra tight)
---------------------------------- */
@media (max-width: 768px) {

    .ms-hero {
        padding-bottom: 32px;
    }

    .ms-value,
    .ms-services,
    .ms-process {
        margin-top: 12px;
    }

    .ms-cta {
        margin-top: 20px;
        padding-top: 36px;
        padding-bottom: 36px;
    }

    .service-card {
        margin-bottom: 20px;
    }

    .process-steps li {
        margin-bottom: 12px;
    }
}