/* NextGen Servers — Section spacing & layout rhythm */

.dark-scheme #content,
body.dark-scheme {
    background: #0c0e1a !important;
}

section[id] {
    scroll-margin-top: 110px;
}

/* ── Hero — styles in hero-custom.css ── */
#section-hero.ng-hero {
    z-index: 1;
}

#section-stats {
    padding: 0 !important;
    position: relative;
    z-index: 2;
}

/* ── Pricing ── */
#section-pricing {
    padding: 0 !important;
    overflow: hidden;
    isolation: isolate;
}

#section-pricing .ng-pricing-stage {
    padding: 96px 0 112px !important;
}

#section-pricing .ng-pricing-orb--1 {
    top: -60px;
}

#section-pricing .ng-pricing-grid {
    padding: 16px 0 8px;
}

/* ── How It Works ── */
#section-steps {
    padding: 104px 0 112px !important;
}

/* ── Locations ── */
#section-locations {
    padding: 96px 0 88px !important;
}

#section-locations .spacer-double {
    height: 0;
    margin: 0;
    padding: 0;
}

/* ── Reviews ── */
#section-testimonial {
    padding: 96px 0 104px !important;
}

/* ── Banner CTA → Contact ── */
#section-banner {
    padding: 88px 0 92px !important;
}

#section-banner .mt-60 {
    margin-top: 0 !important;
}

#section-contact {
    padding: 104px 0 120px !important;
}

#section-contact .s2 {
    margin-top: 0;
}

/* ── Mobile: tighten slightly, keep separation ── */
@media (max-width: 767px) {
    #section-stats .ng-stats {
        padding: 48px 0 56px;
    }

    #section-pricing .ng-pricing-stage,
    #section-steps,
    #section-locations,
    #section-testimonial,
    #section-banner,
    #section-contact {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }

    #section-contact {
        padding-bottom: 100px !important;
    }
}