/*
 * InstaPaket homepage unified surface system - v150
 * Keeps the header carrier transparent and removes competing card washes,
 * glows and section fills without flattening the content hierarchy.
 */

html body.ip-home-page {
    --ip-home-canvas: #ffffff;
    --ip-home-surface: #ffffff;
    --ip-home-surface-soft: #f7faff;
    --ip-home-border: rgba(165, 187, 211, .42);
    --ip-home-border-strong: rgba(151, 176, 203, .58);
    --ip-home-accent: #ed0061;
    --ip-home-accent-border: rgba(237, 0, 97, .38);
    --ip-home-ink: #0a1324;
    --ip-home-copy: #526178;
    --ip-home-header-glass: rgba(255, 255, 255, .86);
    --ip-home-header-control: rgba(247, 250, 255, .82);
    --ip-home-header-divider: rgba(148, 163, 184, .20);
    background: var(--ip-home-canvas) !important;
}

html:is([data-theme="dark"], [data-ip-theme="dark"]) body.ip-home-page {
    --ip-home-canvas: #080e1a;
    --ip-home-surface: #0d1625;
    --ip-home-surface-soft: #111c2d;
    --ip-home-border: rgba(148, 163, 184, .22);
    --ip-home-border-strong: rgba(160, 178, 204, .34);
    --ip-home-accent: #ff1670;
    --ip-home-accent-border: rgba(255, 22, 112, .48);
    --ip-home-ink: #f7f9fc;
    --ip-home-copy: #b9c4d4;
    --ip-home-header-glass: rgba(7, 13, 25, .84);
    --ip-home-header-control: rgba(255, 255, 255, .065);
    --ip-home-header-divider: rgba(255, 255, 255, .10);
}

/* The outer carrier stays transparent; the rounded menu owns the surface. */
html body.ip-home-page .ip-header-top.top--head-area,
html body.ip-home-page header.ip-modern-header {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html body.ip-home-page .ip-header-top.top--head-area {
    border-bottom: 1px solid var(--ip-home-header-divider) !important;
}

html body.ip-home-page header.ip-modern-header .ip-header-main {
    overflow: visible !important;
    border: 1px solid var(--ip-home-border) !important;
    border-radius: 999px !important;
    background: var(--ip-home-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html:is([data-theme="dark"], [data-ip-theme="dark"]) body.ip-home-page header.ip-modern-header .ip-header-main {
    border-color: var(--ip-home-border) !important;
    background: var(--ip-home-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Keep the same quiet surface after the header leaves the hero. */
html body.ip-home-page header.ip-modern-header.scrolled .ip-header-main {
    border-color: var(--ip-home-border) !important;
    background: var(--ip-home-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html:is([data-theme="dark"], [data-ip-theme="dark"]) body.ip-home-page
    header.ip-modern-header.scrolled .ip-header-main {
    border-color: var(--ip-home-border) !important;
    background: var(--ip-home-surface) !important;
    box-shadow: none !important;
}

html body.ip-home-page header.ip-modern-header :is(
    .ip-header-search,
    .ip-header-tool,
    .ip-notify-btn,
    .mobile-navbar-button.ip-mobile-menu-btn
) {
    background: var(--ip-home-header-control) !important;
    background-image: none !important;
    border-color: var(--ip-home-border) !important;
    box-shadow: none !important;
}

html body.ip-home-page header.ip-modern-header .ip-action-btn.ip-daily-deal {
    background: var(--ip-home-accent) !important;
    background-image: none !important;
    box-shadow: none !important;
    animation: none !important;
    filter: none !important;
}

html body.ip-home-page header.ip-modern-header .ip-action-btn.ip-daily-deal::before {
    content: none !important;
    display: none !important;
}

html body.ip-home-page header.ip-modern-header .ip-action-btn.ip-daily-deal .ip-daily-gift {
    box-shadow: none !important;
}

/* One canvas from hero to the final homepage module. */
html:is([data-theme], [data-ip-theme]) body.ip-home-page :is(.wrapper, main),
html:is([data-theme], [data-ip-theme]) body.ip-home-page main > section,
html:is([data-theme], [data-ip-theme]) body.ip-home-page :is(
    .ip-platform-services,
    .ip-proof-section,
    .ip-package-showcase,
    .ip-account-market,
    .ip-growth-benefits,
    .ip-growth-benefits-reference,
    .ip-expertise
) {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page
    section#popular-packs.ip-package-showcase {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Cards retain hierarchy through borders and spacing, not floating shadows. */
html:is([data-theme], [data-ip-theme]) body.ip-home-page :is(
    .ip-platform-card,
    .ip-service-bridge-card,
    .ip-proof-item,
    .ip-reference-card,
    .ip-package-card,
    .ip-account-card,
    .ip-expertise-card
) {
    border-color: var(--ip-home-border) !important;
    background: var(--ip-home-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page :is(
    .ip-package-card.is-featured,
    .ip-account-card.is-featured,
    .ip-expertise-card.is-active
) {
    border-color: var(--ip-home-accent-border) !important;
    box-shadow: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page :is(
    .ip-package-card,
    .ip-account-card,
    .ip-expertise-card,
    .ip-service-bridge-card
)::before,
html:is([data-theme], [data-ip-theme]) body.ip-home-page :is(
    .ip-package-card,
    .ip-account-card,
    .ip-expertise-card,
    .ip-service-bridge-card
)::after {
    box-shadow: none !important;
    filter: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page .ip-account-card :is(
    .ip-account-content,
    .ip-account-footer
) {
    background: var(--ip-home-surface) !important;
    background-image: none !important;
    border-color: var(--ip-home-border) !important;
    box-shadow: none !important;
}

/* Preserve the generated account artwork while keeping its frame quiet. */
html:is([data-theme], [data-ip-theme]) body.ip-home-page .ip-account-card .ip-account-visual {
    border-color: var(--ip-home-border) !important;
    box-shadow: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page :is(
    .ip-hero-tabs,
    .ip-package-tabs,
    .ip-expertise-control,
    .ip-expertise-counter,
    .ip-package-mobile-nav,
    .ip-package-mobile-status,
    .ip-account-mobile-nav,
    .ip-account-mobile-status
) {
    border-color: var(--ip-home-border) !important;
    background-color: var(--ip-home-surface-soft) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page :is(
    .ip-package-tab.is-active,
    .ip-package-badge,
    .ip-account-popular
) {
    border-color: var(--ip-home-accent) !important;
    background: var(--ip-home-accent) !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page :is(
    .ip-growth-benefits-photo,
    .ip-growth-benefits-photo-main
) {
    border-color: var(--ip-home-border) !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Match the deliberately specific legacy homepage selectors. */
html:is([data-theme], [data-ip-theme]) body.ip-home-page
    .ip-platform-services
    .ip-service-bridge.ip-service-bridge-platform.ip-service-bridge-premium
    .ip-service-bridge-card {
    border-color: var(--ip-home-border) !important;
    background: var(--ip-home-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page
    .ip-proof-section
    .ip-proof-item.ip-reference-card {
    border-color: var(--ip-home-border) !important;
    background: var(--ip-home-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page
    section.ip-growth-benefits-reference
    .ip-growth-benefits-photo.ip-growth-benefits-photo-main {
    border-color: var(--ip-home-border) !important;
    box-shadow: none !important;
    filter: none !important;
}

@media (hover: hover) and (pointer: fine) {
    html:is([data-theme], [data-ip-theme]) body.ip-home-page :is(
        .ip-platform-card,
        .ip-service-bridge-card,
        .ip-proof-item,
        .ip-reference-card,
        .ip-package-card,
        .ip-account-card,
        .ip-expertise-card
    ):hover {
        border-color: var(--ip-home-accent-border) !important;
        box-shadow: none !important;
    }

    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services
        .ip-service-bridge.ip-service-bridge-platform.ip-service-bridge-premium
        .ip-service-bridge-card:hover,
    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-proof-section
        .ip-proof-item.ip-reference-card:hover {
        border-color: var(--ip-home-accent-border) !important;
        box-shadow: none !important;
    }

    html body.ip-home-page header.ip-modern-header .ip-action-btn.ip-daily-deal:hover,
    html body.ip-home-page header.ip-modern-header .ip-action-btn.ip-daily-deal:focus-visible {
        box-shadow: none !important;
        filter: none !important;
    }
}

@media (min-width: 1025px) {
    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        header.ip-modern-header .container {
        max-width: min(1280px, calc(100% - 64px)) !important;
    }
}

@media (max-width: 1024px) {
    html:is([data-theme], [data-ip-theme]) body.ip-home-page header.ip-modern-header {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html:is([data-theme], [data-ip-theme]) body.ip-home-page header.ip-modern-header .ip-header-main {
        border-color: var(--ip-home-border) !important;
        border-radius: 20px !important;
        background: var(--ip-home-surface) !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.ip-home-page header.ip-modern-header .ip-action-btn.ip-daily-deal {
        animation: none !important;
    }
}

/*
 * Reference partners v165: restore the integrated desktop 2x2 surface.
 * The grid dividers carry the structure; individual cells must not merge
 * into a separate solid panel. Mobile keeps its intentional card layout.
 */
@media (min-width: 761px) {
    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-proof-section
        .ip-proof-grid.ip-reference-grid {
        border: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-proof-section
        .ip-proof-item.ip-reference-card {
        border: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        filter: none !important;
    }

}

@media (min-width: 761px) and (hover: hover) and (pointer: fine) {
    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-proof-section
        .ip-proof-item.ip-reference-card:hover {
        border-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}

/*
 * Global header frame: keep the outer carrier transparent and give only the
 * rounded menu an opaque theme surface.
 */
html:root:is([data-theme], [data-ip-theme])
    body:is(.ip-home-page, .ip-inner-page, .ip-account-product-page)
    header.ip-modern-header.ip-modern-header {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html:root:is([data-theme], [data-ip-theme])
    body:is(.ip-home-page, .ip-inner-page, .ip-account-product-page)
    header.ip-modern-header.ip-modern-header
    .ip-header-main.ip-header-main {
    overflow: visible !important;
    border: 1px solid rgba(165, 187, 211, .52) !important;
    border-radius: 999px !important;
    background: var(
        --ip-home-surface,
        var(--bw-surface, var(--color-surface, #ffffff))
    ) !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html:root:is([data-theme="dark"], [data-ip-theme="dark"])
    body:is(.ip-home-page, .ip-inner-page, .ip-account-product-page)
    header.ip-modern-header.ip-modern-header
    .ip-header-main.ip-header-main {
    border-color: rgba(148, 163, 184, .28) !important;
    background: var(
        --ip-home-surface,
        var(--bw-surface, var(--color-surface, #101827))
    ) !important;
}

@media (max-width: 1024px) {
    html:root:is([data-theme], [data-ip-theme])
        body:is(.ip-home-page, .ip-inner-page, .ip-account-product-page)
        header.ip-modern-header.ip-modern-header
        .ip-header-main.ip-header-main {
        border-radius: 20px !important;
    }
}

/*
 * Special web design page: the transparent header frame must sit on the
 * exact same canvas as the hero below it.
 */
html:root:is([data-theme], [data-ip-theme])
    body.bw-web-design-page.bw-web-design-with-shell,
html:root:is([data-theme], [data-ip-theme])
    body.bw-web-design-page.bw-web-design-with-shell
    > .bw-web-design-wrapper,
html:root:is([data-theme], [data-ip-theme])
    body.bw-web-design-page.bw-web-design-with-shell
    > .bw-web-design-wrapper
    > main,
html:root:is([data-theme], [data-ip-theme])
    body.bw-web-design-page.bw-web-design-with-shell
    .bw-page,
html:root:is([data-theme], [data-ip-theme])
    body.bw-web-design-page.bw-web-design-with-shell
    .bw-hero {
    background-color: var(--bw-page) !important;
    background-image: none !important;
}

/*
 * Homepage platform rail v164: the final owner of the platform cards.
 * Keep the responsive geometry shared, but give light and dark themes their
 * own surfaces so the light canvas does not inherit the dark navy treatment.
 */
html:is([data-theme], [data-ip-theme]) body.ip-home-page
    .ip-platform-services .ip-platform-grid {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
    gap: clamp(10px, .9vw, 14px) !important;
    align-items: stretch !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page
    .ip-platform-services .ip-platform-heading {
    margin-bottom: clamp(18px, 1.4vw, 22px) !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page
    .ip-platform-services .ip-platform-card {
    position: relative !important;
    isolation: isolate !important;
    min-width: 0 !important;
    min-height: clamp(140px, 10.2vw, 154px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(12px, 1vw, 16px) !important;
    overflow: hidden !important;
    padding: clamp(18px, 1.5vw, 22px) 10px clamp(14px, 1.2vw, 18px) !important;
    border: 1px solid rgba(160, 187, 220, .055) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, #0e1b2d 0%, #091423 100%) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
    filter: none !important;
    transform: translateY(0) !important;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        background-color .2s ease !important;
}

html[data-theme="light"] body.ip-home-page
    .ip-platform-services .ip-platform-card,
html[data-ip-theme="light"] body.ip-home-page
    .ip-platform-services .ip-platform-card {
    border-color: rgba(151, 176, 203, .46) !important;
    background: linear-gradient(145deg, #ffffff 0%, #f6f9fd 100%) !important;
    box-shadow: 0 10px 24px rgba(24, 40, 64, .07) !important;
    color: #0a1324 !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page
    .ip-platform-services .ip-platform-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    background: url("/themes/roxi/image/path-1.webp") center / 220px auto repeat !important;
    opacity: .105 !important;
    mix-blend-mode: soft-light !important;
    pointer-events: none !important;
}

html:is([data-theme="light"], [data-ip-theme="light"]) body.ip-home-page
    .ip-platform-services .ip-platform-card::before {
    content: none !important;
    display: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page
    .ip-platform-services .ip-platform-card::after {
    content: none !important;
    display: none !important;
}

@media (hover: hover) and (pointer: fine) {
    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services .ip-platform-card:hover,
    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services .ip-platform-card:focus-visible {
        border-color: rgba(239, 0, 98, .34) !important;
        box-shadow: 0 14px 28px rgba(2, 8, 20, .18) !important;
        transform: translateY(-2px) !important;
    }

    html:is([data-theme="light"], [data-ip-theme="light"]) body.ip-home-page
        .ip-platform-services .ip-platform-card:hover,
    html:is([data-theme="light"], [data-ip-theme="light"]) body.ip-home-page
        .ip-platform-services .ip-platform-card:focus-visible {
        border-color: rgba(239, 0, 98, .30) !important;
        box-shadow: 0 12px 26px rgba(24, 40, 64, .10) !important;
    }
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page
    .ip-platform-services .ip-platform-icon-wrap {
    position: relative !important;
    z-index: 1 !important;
    width: clamp(54px, 4.2vw, 64px) !important;
    height: clamp(54px, 4.2vw, 64px) !important;
    display: grid !important;
    margin: 0 auto !important;
    padding: 0 !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

html:is([data-theme="light"], [data-ip-theme="light"]) body.ip-home-page
    .ip-platform-services .ip-platform-icon-wrap {
    padding: clamp(8px, .7vw, 11px) !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    border-radius: 16px !important;
    background: linear-gradient(
        135deg,
        var(--platform-card-accent),
        var(--platform-card-accent-2, var(--platform-card-accent))
    ) !important;
    box-shadow: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page
    .ip-platform-services .ip-platform-icon-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: none !important;
}

html:is([data-theme], [data-ip-theme]) body.ip-home-page
    .ip-platform-services .ip-platform-card strong {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #ffffff !important;
    font-size: clamp(12px, 1vw, 15px) !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

html:is([data-theme="light"], [data-ip-theme="light"]) body.ip-home-page
    .ip-platform-services .ip-platform-card strong {
    color: #0a1324 !important;
}

@media (min-width: 769px) and (max-width: 1180px) {
    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services .ip-platform-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services .ip-platform-card {
        min-height: 132px !important;
    }
}

@media (max-width: 768px) {
    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services .ip-platform-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(7px, 2.4vw, 10px) !important;
    }

    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services .ip-platform-card {
        min-height: clamp(94px, 27vw, 108px) !important;
        gap: clamp(7px, 2vw, 9px) !important;
        padding: 12px 5px 10px !important;
        border-radius: 16px !important;
    }

    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services .ip-platform-icon-wrap {
        width: clamp(40px, 12vw, 48px) !important;
        height: clamp(40px, 12vw, 48px) !important;
    }

    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services .ip-platform-card strong {
        font-size: clamp(8px, 2.55vw, 10px) !important;
    }

    html:is([data-theme="light"], [data-ip-theme="light"]) body.ip-home-page
        .ip-platform-services .ip-platform-card strong {
        font-size: clamp(9px, 2.55vw, 10px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services .ip-platform-card {
        transition: none !important;
    }

    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services .ip-platform-card:hover,
    html:is([data-theme], [data-ip-theme]) body.ip-home-page
        .ip-platform-services .ip-platform-card:focus-visible {
        transform: none !important;
    }
}

/*
 * Header frame v169: the full-width carrier and its direct container stay
 * transparent. On the desktop homepage the hero is pulled beneath that
 * carrier, so the area outside the opaque pill reveals the page artwork
 * instead of looking like a separate white strip.
 */
html body:is(.ip-home-page, .ip-inner-page, .ip-account-product-page)
    header.ip-modern-header.ip-modern-header,
html body:is(.ip-home-page, .ip-inner-page, .ip-account-product-page)
    header.ip-modern-header.ip-modern-header
    > .container {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

@media (min-width: 1025px) {
    html body.ip-home-page header.ip-modern-header.ip-modern-header {
        margin-bottom: 0 !important;
    }
}

/* Platform light monochrome v172 */
html:is([data-theme="light"], [data-ip-theme="light"]) body.ip-home-page .ip-platform-services .ip-platform-card {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}
html:is([data-theme="light"], [data-ip-theme="light"]) body.ip-home-page .ip-platform-services .ip-platform-icon-wrap {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
html:is([data-theme="light"], [data-ip-theme="light"]) body.ip-home-page .ip-platform-services .ip-platform-icon-wrap img {
  filter: brightness(0) saturate(100%) !important;
  opacity: 1 !important;
}
html:is([data-theme="light"], [data-ip-theme="light"]) body.ip-home-page .ip-platform-services .ip-platform-fallback {
  color: #0a1324 !important;
}