/* Homepage content redesign: starts at the requested content block; footer and hero are untouched. */
:root {
    --sp-ink: #101828;
    --sp-line: #e6eaf0;
}

/* Keep the homepage blocks visually connected without changing the hero content. */
#introHome {
    margin-bottom: 18px !important;
}

#packList {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    padding-top: 56px !important;
    padding-bottom: 62px !important;
}

#aboutus,
#whyus,
#faq,
#modern-reviews,
#bloglast,
#support {
    margin-top: 0 !important;
}

#aboutus {
    background: #f3f6fb !important;
}

#whyus {
    background: #ffffff !important;
}

#faq {
    background: #f8f9fc !important;
}

#modern-reviews {
    background: #ffffff !important;
}

#bloglast {
    background: #f5f7fb !important;
    padding-top: 64px !important;
    padding-bottom: 54px !important;
}

#aboutus,
#whyus,
#modern-reviews,
#faq {
    position: relative;
    margin: 0 !important;
    padding: 92px 0 !important;
    background: #f7f9fc;
}

#aboutus {
    background: #eef2f8 !important;
}

#whyus,
#faq,
#modern-reviews {
    background: #ffffff;
}

#aboutus .modern-about-card {
    padding: 0 !important;
    background: transparent !important;
}

#aboutus .mac-photo-img {
    transform: none !important;
    filter: drop-shadow(0 20px 25px rgba(64, 75, 122, .12));
}

#aboutus .mac-stat-item {
    min-height: 70px;
    background: #fff !important;
    border-color: #e5e9f1 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(16,24,40,.05);
}

#aboutus .mac-title,
#whyus .whyus-title,
#faq .faq-clean-title,
#modern-reviews .testimonial-title {
    color: var(--sp-ink);
    font-size: clamp(28px, 3.4vw, 42px);
    font-weight: 900;
    letter-spacing: -.045em;
}

#whyus .modern-why-card {
    min-height: 290px !important;
    border-radius: 22px !important;
    border: 1px solid var(--sp-line) !important;
    box-shadow: 0 12px 28px rgba(16,24,40,.06) !important;
}

#whyus .modern-why-card:hover {
    transform: translateY(-5px) !important;
}

#faq .faq-minimal-item {
    border-bottom-color: #e7eaf0 !important;
}

#faq .faq-minimal-q {
    color: var(--sp-ink) !important;
    font-size: 15px !important;
}

#support {
    padding-bottom: 92px !important;
    background: #ffffff;
}

body.dark #aboutus,
body.dark #whyus,
body.dark #modern-reviews,
body.dark #faq,
body.dark #support {
    background: #0d1020 !important;
}

body.dark #aboutus .mac-title,
body.dark #whyus .whyus-title,
body.dark #faq .faq-clean-title,
body.dark #modern-reviews .testimonial-title {
    color: #f8fafc;
}

@media (max-width: 991px) {
    #introHome {
        margin-bottom: 12px !important;
    }

    #packList {
        margin-top: 12px !important;
        padding-top: 46px !important;
        padding-bottom: 50px !important;
    }

    #aboutus,
    #whyus,
    #modern-reviews,
    #faq {
        padding: 62px 0 !important;
    }

    #bloglast {
        padding-top: 48px !important;
        padding-bottom: 42px !important;
    }

    #aboutus .mac-title,
    #aboutus .mac-content {
        text-align: center;
    }

    #aboutus .mac-values-list {
        text-align: left;
    }

    #support {
        padding-bottom: 64px !important;
    }
}

/* Final surface tone after the legacy about-section overrides. */
#aboutus {
    background: #f3f6fb !important;
}