.mobinfix-front-page.mf-inner-page,
.mf-inner-page {
    font-family: var(--mf-font-body, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif);
    color: var(--mf-text);
}

.mf-inner {
    padding: 92px 0 70px;
}

.site-content,
.content-area,
.site-main.mf-inner-page {
    padding-top: 0;
}

.mf-force-contact-header.mf-contact-page .site-header,
.mf-force-contact-header.mf-contact-page #masthead,
.mf-force-contact-header.mf-contact-page .main-header-bar,
.mf-force-contact-header.mf-contact-page .ast-primary-header-bar,
.mf-force-contact-header.mf-contact-page .ast-mobile-header-wrap .main-header-bar,
.mf-force-contact-header.mf-contact-page .ast-above-header,
.mf-force-contact-header.mf-contact-page .ast-below-header,
.mf-force-contact-header.page-template-page-contact .site-header,
.mf-force-contact-header.page-template-page-contact #masthead,
.mf-force-contact-header.page-template-page-contact .main-header-bar,
.mf-force-contact-header.page-template-page-contact .ast-primary-header-bar {
    background: rgba(4, 12, 23, 0.96) !important;
    backdrop-filter: blur(var(--mf-glass-blur, 8px));
    -webkit-backdrop-filter: blur(var(--mf-glass-blur, 8px));
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

.mf-force-contact-header.mf-contact-page.ast-theme-transparent-header #masthead,
.mf-force-contact-header.mf-contact-page.ast-theme-transparent-header .main-header-bar,
.mf-force-contact-header.mf-contact-page.ast-theme-transparent-header .ast-primary-header-bar,
.mf-force-contact-header.page-template-page-contact.ast-theme-transparent-header #masthead,
.mf-force-contact-header.page-template-page-contact.ast-theme-transparent-header .main-header-bar,
.mf-force-contact-header.page-template-page-contact.ast-theme-transparent-header .ast-primary-header-bar {
    background: rgba(4, 12, 23, 0.96) !important;
}

.mf-force-contact-header.mf-contact-page.ast-theme-transparent-header #masthead,
.mf-force-contact-header.page-template-page-contact.ast-theme-transparent-header #masthead {
    position: relative;
}

.mf-inner .mf-shell {
    width: min(calc(100% - 32px), var(--mf-shell-width, 1180px));
    margin: 0 auto;
}

.mf-inner-hero {
    margin-bottom: 20px;
}

.mf-inner-card {
    border-radius: var(--mf-card-radius, 28px);
    background: linear-gradient(180deg, var(--mf-panel), rgba(8, 21, 39, 0.72));
    border: 1px solid var(--mf-border);
    box-shadow: var(--mf-shadow);
    backdrop-filter: blur(var(--mf-glass-blur, 8px));
    padding: 34px;
}

.mf-inner-hero h1 {
    margin: 14px 0 10px;
    color: var(--mf-text, #f3f9ff);
    font-family: var(--mf-font-heading, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif);
    font-size: clamp(2.1rem, 4.6vw, 3.9rem);
    letter-spacing: -0.03em;
}

.mf-inner-hero p {
    margin: 0;
    color: var(--mf-muted, #97b6d6);
    max-width: 66ch;
    line-height: var(--mf-line-height, 1.72);
}

.mf-inner-grid {
    display: grid;
    gap: 18px;
}

.mf-inner-grid.two {
    grid-template-columns: 1.2fr 0.8fr;
}

.mf-inner-grid.three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mf-info-card,
.mf-stat-card,
.mf-service-card,
.mf-contact-card {
    padding: 24px;
    border-radius: calc(var(--mf-card-radius, 28px) - 8px);
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

.mf-info-card:hover,
.mf-stat-card:hover,
.mf-service-card:hover,
.mf-contact-card:hover {
    transform: translateY(-3px);
    border-color: rgba(106, 213, 255, 0.32);
    background: rgba(255, 255, 255, 0.065);
}

.mf-info-card h2,
.mf-stat-card h3,
.mf-service-card h3,
.mf-contact-card h3 {
    margin: 0 0 10px;
    color: var(--mf-text, #f3f9ff);
    font-family: var(--mf-font-heading, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif);
}

.mf-info-card p,
.mf-stat-card p,
.mf-service-card p,
.mf-contact-card p,
.mf-contact-card li {
    margin: 0;
    color: var(--mf-muted, #97b6d6);
    line-height: var(--mf-line-height, 1.72);
}

.mf-stat-card strong {
    display: block;
    margin-bottom: 6px;
    font-size: 1.42rem;
    color: var(--mf-text, #f3f9ff);
}

.mf-pill {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    color: var(--mf-highlight, #7cf4ff);
    background: rgba(124, 244, 255, 0.08);
    border: 1px solid rgba(124, 244, 255, 0.12);
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
}

.mf-service-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.mf-service-card .mf-number {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    margin-bottom: 12px;
    color: #021120;
    font-weight: 700;
    background: linear-gradient(135deg, var(--mf-highlight, #7cf4ff), var(--mf-accent, #6ad5ff));
}

.mf-contact-list {
    list-style: none;
    padding: 0;
    margin: 12px 0 0;
    display: grid;
    gap: 10px;
}

.mf-contact-list a {
    color: var(--mf-text, #f3f9ff);
    text-decoration: none;
}

.mf-contact-cta {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.mf-contact-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 16px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 700;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.mf-contact-cta .primary {
    color: #021120;
    background: linear-gradient(135deg, var(--mf-accent, #6ad5ff), var(--mf-accent-strong, #2fa8ff));
}

.mf-contact-cta .ghost {
    color: var(--mf-text, #f3f9ff);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.mf-contact-cta a:hover {
    transform: translateY(-2px);
}

.mf-contact-cta .ghost:hover {
    border-color: rgba(106, 213, 255, 0.35);
}

@media (max-width: 980px) {

    .mf-inner-grid.two,
    .mf-inner-grid.three,
    .mf-service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .mf-inner .mf-shell {
        width: min(calc(100% - 22px), var(--mf-shell-width, 1180px));
    }

    .mf-inner-grid.two,
    .mf-inner-grid.three,
    .mf-service-grid {
        grid-template-columns: 1fr;
    }

    .mf-inner-card {
        padding: 24px;
    }
}