/* Last-mile design overrides verified against the Figma exports. */

body:is(
    .page-template-page-ai,
    .page-template-page-teams,
    .page-template-page-teams-dedicated,
    .page-template-page-teams-staffaug,
    .page-template-page-teams-whitepaper,
    .page-template-page-product,
    .page-template-page-web,
    .page-template-page-design,
    .page-template-page-mobile,
    .page-template-page-careers-figma,
    .page-template-page-open-position-figma,
    .page-template-page-legal-figma,
    .page-template-page-work-figma,
    .page-template-page-case-study-figma,
    .page-template-page-contact-figma,
    .page-template-page-blog-figma,
    .page-template-page-internal-blog-figma,
    .page-template-page-security-checklist-figma,
    .page-template-page-ambassadors-figma,
    .page-template-page-achievements-figma,
    .page-template-page-about-figma,
    .page-template-page-events-figma,
    .page-template-page-event-figma
) {
    --figma-font: 'Onest', 'Plus Jakarta Sans', 'Proxima Nova', Arial, sans-serif;
}

body:is(
    .page-template-page-ai,
    .page-template-page-teams,
    .page-template-page-teams-dedicated,
    .page-template-page-teams-staffaug,
    .page-template-page-teams-whitepaper,
    .page-template-page-product,
    .page-template-page-web,
    .page-template-page-design,
    .page-template-page-mobile,
    .page-template-page-careers-figma,
    .page-template-page-open-position-figma,
    .page-template-page-legal-figma,
    .page-template-page-work-figma,
    .page-template-page-case-study-figma,
    .page-template-page-contact-figma,
    .page-template-page-blog-figma,
    .page-template-page-internal-blog-figma,
    .page-template-page-security-checklist-figma,
    .page-template-page-ambassadors-figma,
    .page-template-page-achievements-figma,
    .page-template-page-about-figma,
    .page-template-page-events-figma,
    .page-template-page-event-figma
) :is(h1, h2, h3, h4, h5, h6, p, a, button, li, span, label, input, textarea, select, strong) {
    font-family: var(--figma-font) !important;
    letter-spacing: 0 !important;
}

body:is(
    .page-template-page-ai,
    .page-template-page-teams,
    .page-template-page-teams-dedicated,
    .page-template-page-teams-staffaug,
    .page-template-page-teams-whitepaper,
    .page-template-page-product,
    .page-template-page-web,
    .page-template-page-design,
    .page-template-page-mobile,
    .page-template-page-careers-figma,
    .page-template-page-open-position-figma,
    .page-template-page-legal-figma,
    .page-template-page-work-figma,
    .page-template-page-case-study-figma,
    .page-template-page-contact-figma,
    .page-template-page-blog-figma,
    .page-template-page-internal-blog-figma,
    .page-template-page-security-checklist-figma,
    .page-template-page-ambassadors-figma,
    .page-template-page-achievements-figma,
    .page-template-page-about-figma,
    .page-template-page-events-figma,
    .page-template-page-event-figma
) :is(a[class*="btn"], a[class*="cta"], button[class*="btn"], button[class*="cta"]) {
    border-radius: 999px;
}

body:is(
    .page-template-page-ai,
    .page-template-page-teams,
    .page-template-page-teams-dedicated,
    .page-template-page-teams-staffaug,
    .page-template-page-teams-whitepaper,
    .page-template-page-product,
    .page-template-page-web,
    .page-template-page-design,
    .page-template-page-mobile,
    .page-template-page-careers-figma,
    .page-template-page-open-position-figma,
    .page-template-page-legal-figma,
    .page-template-page-work-figma,
    .page-template-page-case-study-figma,
    .page-template-page-contact-figma,
    .page-template-page-blog-figma,
    .page-template-page-internal-blog-figma,
    .page-template-page-security-checklist-figma,
    .page-template-page-ambassadors-figma,
    .page-template-page-achievements-figma,
    .page-template-page-about-figma,
    .page-template-page-events-figma,
    .page-template-page-event-figma
) .home-site-header-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 136px !important;
    height: 48px !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #222129 !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body:is(
    .page-template-page-ai,
    .page-template-page-teams,
    .page-template-page-teams-dedicated,
    .page-template-page-teams-staffaug,
    .page-template-page-teams-whitepaper,
    .page-template-page-product,
    .page-template-page-web,
    .page-template-page-design,
    .page-template-page-mobile,
    .page-template-page-careers-figma,
    .page-template-page-open-position-figma,
    .page-template-page-legal-figma,
    .page-template-page-work-figma,
    .page-template-page-case-study-figma,
    .page-template-page-contact-figma,
    .page-template-page-blog-figma,
    .page-template-page-internal-blog-figma,
    .page-template-page-security-checklist-figma,
    .page-template-page-ambassadors-figma,
    .page-template-page-achievements-figma,
    .page-template-page-about-figma,
    .page-template-page-events-figma,
    .page-template-page-event-figma
) .home-site-header-cta:hover,
body:is(
    .page-template-page-ai,
    .page-template-page-teams,
    .page-template-page-teams-dedicated,
    .page-template-page-teams-staffaug,
    .page-template-page-teams-whitepaper,
    .page-template-page-product,
    .page-template-page-web,
    .page-template-page-design,
    .page-template-page-mobile,
    .page-template-page-careers-figma,
    .page-template-page-open-position-figma,
    .page-template-page-legal-figma,
    .page-template-page-work-figma,
    .page-template-page-case-study-figma,
    .page-template-page-contact-figma,
    .page-template-page-blog-figma,
    .page-template-page-internal-blog-figma,
    .page-template-page-security-checklist-figma,
    .page-template-page-ambassadors-figma,
    .page-template-page-achievements-figma,
    .page-template-page-about-figma,
    .page-template-page-events-figma,
    .page-template-page-event-figma
) .home-site-header-cta:focus-visible {
    background: #222129 !important;
    color: #fff !important;
    opacity: .92;
}

body:is(.single-portfolio, .single-post) {
    --figma-font: 'Onest', 'Plus Jakarta Sans', 'Proxima Nova', Arial, sans-serif;
}

body:is(.single-portfolio, .single-post) :is(h1, h2, h3, h4, h5, h6, p, a, button, li, span, label, input, textarea, select, strong) {
    font-family: var(--figma-font) !important;
    letter-spacing: 0 !important;
}

body:is(.single-portfolio, .single-post) .home-site-header-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 136px !important;
    height: 48px !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #222129 !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body.page-template-page-work-figma .wrk-card {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}

body.page-template-page-work-figma .wrk-card-body {
    height: auto !important;
    min-height: 183px !important;
}

body.page-template-page-teams #ajax-content-wrap :is(h1, h2, h3, h4, p, a, button, li, span, strong),
body.page-template-page-teams .teams-page-wrapper :is(h1, h2, h3, h4, p, a, button, li, span, strong) {
    font-family: var(--figma-font) !important;
    letter-spacing: 0 !important;
}

body.page-template-page-teams .teams-hero-btn,
body.page-template-page-teams .teams-intro-mobile-btn,
body.page-template-page-teams .teams-model-cta,
body.page-template-page-teams .teams-skills-cta,
body.page-template-page-teams .teams-skills-mobile-cta {
    border-radius: 999px !important;
}

@media (max-width: 760px) {
    body.page-template-page-teams .teams-hero-heading {
        max-width: 235px !important;
    }
}

/* Teams generic page: header + hero aligned to Figma Generic Desktop/Mobile. */
body.page-template-page-teams {
    background: #fff !important;
}

@media (min-width: 641px) {
    body.page-template-page-teams #homeSiteHeader.home-site-header.home-site-header--light {
        position: absolute !important;
        top: 20px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 48px !important;
        background: #ebe8f8 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-header-inner {
        width: 100% !important;
        max-width: none !important;
        min-height: 48px !important;
        height: 48px !important;
        padding: 0 100px !important;
        gap: 28px !important;
        align-items: center !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-logo img {
        width: 130px !important;
        height: 40px !important;
        max-height: 40px !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-menu {
        height: 48px !important;
        padding: 0 !important;
        border-radius: 500px !important;
        background: rgba(255, 255, 255, .4) !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-menu li a {
        height: 48px !important;
        padding: 0 25px !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-menu > li:nth-child(-n+4) {
        background: #fff !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-menu > li:nth-child(n+5) a {
        color: #222 !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-header-cta {
        height: 48px !important;
        min-width: 0 !important;
        padding: 0 20px 0 24px !important;
        gap: 10px !important;
        border: 0 !important;
        border-radius: 500px !important;
        background: #222 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-page-wrapper {
        padding-top: 88px !important;
        background: linear-gradient(180deg, #ebe8f8 0, #fff 590px) !important;
    }

    body.page-template-page-teams .teams-hero {
        width: auto !important;
        max-width: none !important;
        height: 502px !important;
        min-height: 502px !important;
        margin: 0 16px !important;
        padding: 0 !important;
        border-radius: 24px !important;
    }

    body.page-template-page-teams .teams-hero-inner {
        width: 100% !important;
        max-width: 1240px !important;
        height: 502px !important;
        min-height: 502px !important;
        margin: 0 auto !important;
        padding: 64px 0 80px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 20px !important;
    }

    body.page-template-page-teams .teams-hero-content {
        flex: 0 0 610px !important;
        width: 610px !important;
        max-width: 610px !important;
        padding: 0 !important;
    }

    body.page-template-page-teams .teams-hero-breadcrumb {
        margin: 0 0 24px !important;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1.5 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-hero-heading {
        max-width: 560px !important;
        margin: 0 0 16px !important;
        color: #fff !important;
        font-size: 60px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-hero-subtext {
        width: 534px !important;
        max-width: 534px !important;
        margin: 0 0 32px !important;
        padding: 0 !important;
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-hero-btn {
        width: auto !important;
        min-height: 48px !important;
        height: 48px !important;
        padding: 0 20px 0 24px !important;
        gap: 10px !important;
        justify-content: center !important;
        border-radius: 500px !important;
        background: #fff !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-hero-photos {
        flex: 0 0 610px !important;
        width: 610px !important;
        height: 358px !important;
        padding: 0 !important;
    }

    body.page-template-page-teams .teams-hero-photo-grid {
        width: 610px !important;
        height: 358px !important;
        display: grid !important;
        grid-template-columns: 295px 295px !important;
        gap: 20px !important;
        align-items: start !important;
    }

    body.page-template-page-teams .teams-hero-photo {
        width: 295px !important;
        height: 296px !important;
        margin: 0 !important;
    }

    body.page-template-page-teams .teams-hero-photo-a {
        align-self: flex-start !important;
        transform: translateY(62px) !important;
        border-radius: 140px 16px 16px 16px !important;
    }

    body.page-template-page-teams .teams-hero-photo-b {
        transform: translateY(0) !important;
        border-radius: 16px 16px 140px 16px !important;
    }

    body.page-template-page-teams .teams-intro-section {
        width: 1240px !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 100px 0 97px !important;
        background: #fff !important;
    }

    body.page-template-page-teams .teams-intro-inner,
    body.page-template-page-teams .teams-intro-content {
        width: 1240px !important;
        max-width: 1240px !important;
    }

    body.page-template-page-teams .teams-intro-content {
        display: grid !important;
        grid-template-columns: 610px 610px !important;
        column-gap: 20px !important;
        align-items: start !important;
    }

    body.page-template-page-teams .teams-intro-heading {
        width: 610px !important;
        max-width: 610px !important;
        margin: 0 !important;
        color: #222 !important;
        font-size: 40px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-intro-desc,
    body.page-template-page-teams .teams-intro-desc p {
        width: 610px !important;
        max-width: 610px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-intro-desc p + p {
        margin-top: 22px !important;
    }

    body.page-template-page-teams .teams-models-section {
        width: 1240px !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        background: #fff !important;
    }

    body.page-template-page-teams .teams-models-inner {
        width: 1240px !important;
        max-width: 1240px !important;
        display: grid !important;
        grid-template-columns: 610px 610px !important;
        gap: 32px 20px !important;
    }

    body.page-template-page-teams .teams-models-title {
        grid-column: 1 / -1 !important;
        margin: 0 !important;
        color: #000 !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-model-card {
        width: 610px !important;
        min-height: 445px !important;
        height: 445px !important;
        border: 1px solid #e6e6e6 !important;
        border-radius: 16px !important;
        background: #fff !important;
        box-shadow: none !important;
        color: #222 !important;
        transform: none !important;
    }

    body.page-template-page-teams .teams-model-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }

    body.page-template-page-teams .teams-model-card-body {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        padding: 32px 40px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }

    body.page-template-page-teams .teams-model-card-icon {
        width: 80px !important;
        height: 80px !important;
        margin: 0 0 24px !important;
        padding: 20px !important;
        border-radius: 16px !important;
        background: rgba(0, 188, 180, .1) !important;
        color: #24a49e !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.page-template-page-teams .teams-model-card-icon svg,
    body.page-template-page-teams .teams-model-card-icon img {
        width: 40px !important;
        height: 40px !important;
        object-fit: contain !important;
    }

    body.page-template-page-teams .teams-model-heading {
        margin: 0 0 12px !important;
        color: #000 !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

body.page-template-page-teams .teams-model-desc {
    width: 100% !important;
    max-width: 440px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: rgba(0, 0, 0, .85) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    flex: 0 0 auto !important;
    align-self: flex-start !important;
}

body.page-template-page-teams .teams-model-bullets {
    width: 100% !important;
    max-width: 440px !important;
    margin: 0 0 auto !important;
    padding-left: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    align-self: flex-start !important;
}

    body.page-template-page-teams .teams-model-bullets li {
        margin: 0 !important;
        padding: 0 !important;
        color: #000 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-model-cta {
        min-height: 48px !important;
        height: 48px !important;
        margin-top: 20px !important;
        padding: 0 20px 0 24px !important;
        gap: 10px !important;
        border: 1px solid #222 !important;
        border-radius: 500px !important;
        background: #fff !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.page-template-page-teams .teams-map-section {
        width: 1240px !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 100px 0 0 !important;
        background: #fff !important;
    }

    body.page-template-page-teams .teams-map-inner {
        position: relative !important;
        width: 1240px !important;
        height: 560px !important;
        min-height: 560px !important;
        padding: 0 !important;
        display: block !important;
        border-radius: 16px !important;
        background: #f3f2f8 !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }

    body.page-template-page-teams .teams-map-content {
        position: absolute !important;
        left: 68px !important;
        top: 68px !important;
        width: 400px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 24px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.page-template-page-teams .teams-map-heading {
        width: 400px !important;
        max-width: 400px !important;
        margin: 0 !important;
        color: #222 !important;
        font-size: 40px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-map-desc {
        width: 400px !important;
        max-width: 400px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-map-content > .teams-outline-btn {
        min-height: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 20px 0 24px !important;
        gap: 10px !important;
        border: 1px solid #222 !important;
        border-radius: 500px !important;
        background: transparent !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.page-template-page-teams .teams-map-visual {
        position: absolute !important;
        left: 563px !important;
        top: 54px !important;
        width: 604px !important;
        height: 602px !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-map-globe-placeholder {
        position: relative !important;
        width: 604px !important;
        height: 602px !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-template-page-teams .teams-map-globe-img {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 604px !important;
        height: 602px !important;
        max-width: none !important;
        object-fit: contain !important;
        opacity: 1 !important;
    }

    body.page-template-page-teams .teams-region-card {
        position: absolute !important;
        z-index: 2 !important;
        width: 224px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 16px 16px 24px 24px !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: #fff !important;
        color: #000 !important;
        box-shadow: 0 4px 30px rgba(0, 0, 0, .1) !important;
        backdrop-filter: blur(10px) !important;
        right: auto !important;
        bottom: auto !important;
    }

    body.page-template-page-teams .teams-region-card-1 {
        left: -36px !important;
        top: 94px !important;
    }

    body.page-template-page-teams .teams-region-card-2,
    body.page-template-page-teams .teams-region-card-2.is-open {
        left: 296px !important;
        top: 60px !important;
        width: 340px !important;
        padding: 16px 16px 24px 24px !important;
        background: #1b8684 !important;
        color: #fff !important;
    }

    body.page-template-page-teams .teams-region-card-3 {
        left: 19px !important;
        top: 302px !important;
    }

    body.page-template-page-teams .teams-region-card-head {
        width: 100% !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: inherit !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    body.page-template-page-teams .teams-region-card-head strong {
        color: inherit !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-region-toggle {
        width: 24px !important;
        height: 24px !important;
        flex: 0 0 24px !important;
        border-radius: 50% !important;
        background: #00bcb4 !important;
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.page-template-page-teams .teams-region-toggle::before {
        content: none !important;
    }

    body.page-template-page-teams .teams-region-avatars {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    body.page-template-page-teams .teams-region-avatars img {
        width: 40px !important;
        height: 40px !important;
        margin-left: -4px !important;
        border: 0 !important;
        border-radius: 500px !important;
        object-fit: cover !important;
    }

    body.page-template-page-teams .teams-region-avatars img:first-child {
        margin-left: 0 !important;
    }

    body.page-template-page-teams .teams-region-avatars::after {
        content: "" !important;
        display: block !important;
        width: 40px !important;
        height: 40px !important;
        margin-left: -4px !important;
        border: 0 !important;
        border-radius: 500px !important;
        background: url("/wp-content/uploads/2026/04/Mask-group.png") center / cover no-repeat !important;
        flex: 0 0 40px !important;
    }

    body.page-template-page-teams .teams-region-card-text {
        width: 100% !important;
        max-width: 300px !important;
        margin: 16px 0 0 !important;
        padding: 0 !important;
        color: inherit !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-region-card:not(.is-open) .teams-region-card-text {
        display: none !important;
    }

    body.page-template-page-teams .teams-outline-btn--mobile {
        display: none !important;
    }
}

@media (max-width: 640px) {
    body.page-template-page-teams #homeSiteHeader.home-site-header.home-site-header--light {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 64px !important;
        min-height: 64px !important;
        background: #fff !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-header-inner {
        width: 100% !important;
        height: 64px !important;
        min-height: 64px !important;
        padding: 12px 16px !important;
        align-items: center !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-logo img {
        width: 114px !important;
        height: 32px !important;
        max-height: 32px !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-nav,
    body.page-template-page-teams #homeSiteHeader .home-site-header-cta {
        display: none !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-menu-toggle {
        display: flex !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        background: transparent !important;
        color: #222 !important;
    }

    body.page-template-page-teams .teams-page-wrapper {
        padding-top: 0 !important;
        background: #fff !important;
    }

    body.page-template-page-teams .teams-hero {
        width: 343px !important;
        max-width: calc(100% - 32px) !important;
        height: 551px !important;
        min-height: 551px !important;
        margin: 0 16px !important;
        padding: 0 !important;
        border-radius: 16px !important;
    }

    body.page-template-page-teams .teams-hero-inner {
        width: 100% !important;
        height: 551px !important;
        min-height: 551px !important;
        padding: 24px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 24px !important;
    }

    body.page-template-page-teams .teams-hero-photos {
        order: -1 !important;
        width: 100% !important;
        height: 174px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-template-page-teams .teams-hero-photo-grid {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 174px !important;
    }

    body.page-template-page-teams .teams-hero-photo {
        position: absolute !important;
        width: 138px !important;
        height: 151px !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.page-template-page-teams .teams-hero-photo-a {
        left: 0 !important;
        top: 22px !important;
        border-radius: 80px 8px 8px 8px !important;
    }

    body.page-template-page-teams .teams-hero-photo-b {
        right: 0 !important;
        top: 0 !important;
        border-radius: 8px 8px 80px 8px !important;
    }

    body.page-template-page-teams .teams-hero-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        display: block !important;
    }

    body.page-template-page-teams .teams-hero-breadcrumb {
        margin: 0 0 12px !important;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1.5 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-hero-heading {
        max-width: 295px !important;
        margin: 0 0 12px !important;
        color: #fff !important;
        font-size: 40px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-hero-heading br {
        display: none !important;
    }

    body.page-template-page-teams .teams-hero-subtext {
        width: 100% !important;
        max-width: 295px !important;
        margin: 0 0 32px !important;
        padding: 0 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-hero-btn {
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 20px 0 24px !important;
        gap: 10px !important;
        justify-content: center !important;
        border-radius: 500px !important;
        background: #fff !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams section.teams-hero .teams-hero-breadcrumb {
        margin: 0 0 12px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1.5 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams section.teams-hero .teams-hero-inner {
        height: 551px !important;
        min-height: 551px !important;
        padding: 24px !important;
        gap: 24px !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

    body.page-template-page-teams section.teams-hero .teams-hero-photos {
        width: 100% !important;
        height: 174px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-template-page-teams section.teams-hero .teams-hero-heading {
        max-width: 295px !important;
        margin: 0 0 12px !important;
        font-size: 40px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams section.teams-hero .teams-hero-subtext {
        max-width: 295px !important;
        margin: 0 0 32px !important;
        padding: 0 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    }

    body.page-template-page-teams section.teams-hero .teams-hero-btn {
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
    }

    body.page-template-page-teams section.teams-hero .teams-hero-photo-grid {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 174px !important;
    }

    body.page-template-page-teams section.teams-hero .teams-hero-photo {
        position: absolute !important;
        width: 138px !important;
        height: 151px !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.page-template-page-teams section.teams-hero .teams-hero-photo-a {
        left: 0 !important;
        top: 22px !important;
        border-radius: 80px 8px 8px 8px !important;
    }

    body.page-template-page-teams section.teams-hero .teams-hero-photo-b {
        right: 0 !important;
        top: 0 !important;
        border-radius: 8px 8px 80px 8px !important;
    }

    body.page-template-page-teams .teams-intro-section {
        width: 343px !important;
        max-width: calc(100% - 32px) !important;
        margin: 0 16px !important;
        padding: 56px 0 51px !important;
        background: #fff !important;
    }

    body.page-template-page-teams .teams-intro-inner,
    body.page-template-page-teams .teams-intro-content {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    body.page-template-page-teams .teams-intro-heading {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: #222 !important;
        font-size: 32px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-intro-desc {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-intro-desc p {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 20px !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-intro-desc p:last-child {
        margin-bottom: 0 !important;
    }

    body.page-template-page-teams .teams-intro-mobile-btn {
        width: 100% !important;
        min-height: 48px !important;
        height: 48px !important;
        margin: 8px 0 0 !important;
        padding: 0 20px 0 24px !important;
        gap: 10px !important;
        border: 1px solid #222 !important;
        border-radius: 500px !important;
        background: #fff !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.page-template-page-teams .teams-models-section {
        width: 343px !important;
        max-width: calc(100% - 32px) !important;
        margin: 0 16px !important;
        padding: 0 0 56px !important;
        background: #fff !important;
    }

    body.page-template-page-teams .teams-models-inner {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 20px !important;
    }

    body.page-template-page-teams .teams-models-title {
        margin: 0 !important;
        color: #000 !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-model-card {
        width: 343px !important;
        min-height: 0 !important;
        height: auto !important;
        border: 1px solid #e6e6e6 !important;
        border-radius: 16px !important;
        background: #fff !important;
        box-shadow: none !important;
        color: #222 !important;
    }

    body.page-template-page-teams .teams-model-card-body {
        width: 100% !important;
        min-height: 0 !important;
        padding: 24px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }

    body.page-template-page-teams .teams-model-card-icon {
        width: 64px !important;
        height: 64px !important;
        margin: 0 0 20px !important;
        padding: 16px !important;
        border-radius: 12px !important;
        background: rgba(0, 188, 180, .1) !important;
        color: #24a49e !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.page-template-page-teams .teams-model-card-icon svg,
    body.page-template-page-teams .teams-model-card-icon img {
        width: 32px !important;
        height: 32px !important;
        object-fit: contain !important;
    }

    body.page-template-page-teams .teams-model-heading {
        margin: 0 0 12px !important;
        color: #000 !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-model-desc {
        width: 100% !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        color: rgba(0, 0, 0, .85) !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        flex: 0 0 auto !important;
    }

    body.page-template-page-teams .teams-model-bullets {
        width: 100% !important;
        margin: 0 0 20px !important;
        padding-left: 18px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    body.page-template-page-teams .teams-model-bullets li {
        margin: 0 !important;
        padding: 0 !important;
        color: #000 !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-model-cta {
        width: 100% !important;
        min-height: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 20px 0 24px !important;
        gap: 10px !important;
        border: 1px solid #222 !important;
        border-radius: 500px !important;
        background: #fff !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.page-template-page-teams .teams-map-section {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 56px 16px !important;
        background:
            linear-gradient(111.06deg, #eee9fe .2%, #f3f2f8 76.09%, #eee9fe 98.68%) !important;
    }

    body.page-template-page-teams .teams-map-inner {
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 24px !important;
        border-radius: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-map-content {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.page-template-page-teams .teams-map-heading {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: #222 !important;
        font-size: 32px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
        text-align: left !important;
    }

    body.page-template-page-teams .teams-map-desc {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
    }

    body.page-template-page-teams .teams-map-content > .teams-outline-btn {
        display: none !important;
    }

    body.page-template-page-teams .teams-map-visual,
    body.page-template-page-teams .teams-map-globe-placeholder {
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        position: relative !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-map-globe-img {
        display: none !important;
    }

    body.page-template-page-teams .teams-region-card,
    body.page-template-page-teams .teams-region-card-1,
    body.page-template-page-teams .teams-region-card-2,
    body.page-template-page-teams .teams-region-card-3,
    body.page-template-page-teams .teams-region-card.is-open {
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 16px 16px 24px 24px !important;
        border: 0 !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 30px rgba(0, 0, 0, .1) !important;
        backdrop-filter: blur(10px) !important;
    }

    body.page-template-page-teams .teams-region-card-2 {
        order: 1 !important;
    }

    body.page-template-page-teams .teams-region-card-1 {
        order: 2 !important;
    }

    body.page-template-page-teams .teams-region-card-3 {
        order: 3 !important;
    }

    body.page-template-page-teams .teams-region-card:not(.is-open) {
        background: #fff !important;
        color: #000 !important;
    }

    body.page-template-page-teams .teams-region-card.is-open,
    body.page-template-page-teams .teams-region-card--featured.is-open {
        background: #1b8684 !important;
        color: #fff !important;
        min-height: 195px !important;
    }

    body.page-template-page-teams .teams-region-card:not(.is-open) {
        height: 115px !important;
    }

    body.page-template-page-teams .teams-region-card-head {
        width: 100% !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: inherit !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    body.page-template-page-teams .teams-region-card-head strong {
        color: inherit !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-region-toggle {
        width: 24px !important;
        height: 24px !important;
        flex: 0 0 24px !important;
        border-radius: 50% !important;
        background: #00bcb4 !important;
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.page-template-page-teams .teams-region-toggle::before {
        content: none !important;
    }

    body.page-template-page-teams .teams-region-avatars {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    body.page-template-page-teams .teams-region-avatars img {
        width: 40px !important;
        height: 40px !important;
        margin-left: -4px !important;
        border: 0 !important;
        border-radius: 500px !important;
        object-fit: cover !important;
    }

    body.page-template-page-teams .teams-region-avatars img:first-child {
        margin-left: 0 !important;
    }

    body.page-template-page-teams .teams-region-avatars::after {
        content: "" !important;
        display: block !important;
        width: 40px !important;
        height: 40px !important;
        margin-left: -4px !important;
        border: 0 !important;
        border-radius: 500px !important;
        background: url("/wp-content/uploads/2026/04/Mask-group.png") center / cover no-repeat !important;
        flex: 0 0 40px !important;
    }

    body.page-template-page-teams .teams-region-card-text {
        width: 100% !important;
        margin: 16px 0 0 !important;
        padding: 0 !important;
        color: inherit !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-region-card:not(.is-open) .teams-region-card-text {
        display: none !important;
    }

    body.page-template-page-teams .teams-outline-btn--mobile {
        width: 100% !important;
        min-height: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 20px 0 24px !important;
        gap: 10px !important;
        border: 1px solid #222 !important;
        border-radius: 500px !important;
        background: transparent !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* Teams generic page: Strategic Skills & Capabilities section. */
@media (min-width: 641px) {
    body.page-template-page-teams .teams-skills-section {
        width: 1240px !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 100px 0 0 !important;
        background: #fff !important;
    }

    body.page-template-page-teams .teams-skills-inner {
        position: relative !important;
        width: 1240px !important;
        height: 746px !important;
        min-height: 746px !important;
        padding: 68px 68px 80px !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        background: #087566 url("/wp-content/themes/salient-child/img/figma-assets/teams-skills-bg.webp") center / cover no-repeat !important;
        color: #fff !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 48px !important;
        box-shadow: none !important;
    }

    body.page-template-page-teams .teams-skills-inner > * {
        position: relative !important;
        z-index: 1 !important;
    }

    body.page-template-page-teams .teams-skills-header {
        width: 1104px !important;
        height: 96px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 542px 382px 140px !important;
        column-gap: 20px !important;
        row-gap: 0 !important;
        align-items: start !important;
        color: #fff !important;
    }

    body.page-template-page-teams .teams-skills-header::after {
        content: none !important;
        display: none !important;
    }

    body.page-template-page-teams .teams-skills-heading {
        width: 542px !important;
        max-width: 542px !important;
        margin: 0 !important;
        color: #fff !important;
        font-size: 40px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-skills-desc {
        width: 382px !important;
        max-width: 382px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-skills-cta {
        grid-column: 3 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: start !important;
        width: 140px !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 20px 0 24px !important;
        gap: 10px !important;
        border: 1px solid rgba(255, 255, 255, .92) !important;
        border-radius: 500px !important;
        background: transparent !important;
        color: #fff !important;
        box-shadow: none !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
    }

    body.page-template-page-teams .teams-skills-cta:hover,
    body.page-template-page-teams .teams-skills-cta:focus-visible {
        background: transparent !important;
        color: #fff !important;
    }

    body.page-template-page-teams .teams-skills-cta .teams-arrow-icon {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
    }

    body.page-template-page-teams .teams-skills-grid {
        width: 1104px !important;
        height: 454px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        grid-template-rows: repeat(2, 1fr) !important;
        gap: 0 !important;
        overflow: hidden !important;
        border-radius: 16px !important;
        background: rgba(255, 255, 255, .15) !important;
        backdrop-filter: blur(30px) !important;
        -webkit-backdrop-filter: blur(30px) !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    body.page-template-page-teams .teams-skill-card {
        width: 368px !important;
        height: 227px !important;
        min-height: 227px !important;
        margin: 0 !important;
        padding: 40px 32px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        background: transparent !important;
        border: 0 !important;
        border-right: 1px solid rgba(255, 255, 255, .14) !important;
        border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
        border-radius: 0 !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    body.page-template-page-teams .teams-skill-card:nth-child(3n) {
        border-right: 0 !important;
    }

    body.page-template-page-teams .teams-skill-card:nth-child(n+4) {
        border-bottom: 0 !important;
    }

    body.page-template-page-teams .teams-skill-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        margin: 0 0 20px !important;
        color: #fff !important;
    }

    body.page-template-page-teams .teams-skill-icon img,
    body.page-template-page-teams .teams-skill-icon svg {
        width: 40px !important;
        height: 40px !important;
        display: block !important;
        object-fit: contain !important;
    }

    body.page-template-page-teams .teams-skill-category-name {
        width: 100% !important;
        margin: 0 0 8px !important;
        color: #fff !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-skill-card-desc {
        width: 100% !important;
        max-width: 304px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-skills-mobile-cta {
        display: none !important;
    }
}

@media (max-width: 640px) {
    body.page-template-page-teams .teams-skills-section {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #087566 !important;
    }

    body.page-template-page-teams .teams-skills-inner {
        width: 100% !important;
        min-height: 1176px !important;
        padding: 56px 16px !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        background: #087566 url("/wp-content/themes/salient-child/img/figma-assets/teams-skills-bg.webp") 42% top / auto 100% no-repeat !important;
        color: #fff !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 32px !important;
        box-shadow: none !important;
    }

    body.page-template-page-teams .teams-skills-header {
        width: 343px !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
        color: #fff !important;
    }

    body.page-template-page-teams .teams-skills-header::after {
        content: none !important;
        display: none !important;
    }

    body.page-template-page-teams .teams-skills-heading {
        width: 343px !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: #fff !important;
        font-size: 32px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-skills-desc {
        width: 343px !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-skills-cta {
        display: none !important;
    }

    body.page-template-page-teams .teams-skills-grid {
        width: 343px !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 16px !important;
        background: rgba(255, 255, 255, .15) !important;
        backdrop-filter: blur(30px) !important;
        -webkit-backdrop-filter: blur(30px) !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    body.page-template-page-teams .teams-skill-card {
        width: 343px !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 32px 24px !important;
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        column-gap: 20px !important;
        align-items: start !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
        border-radius: 0 !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    body.page-template-page-teams .teams-skill-card:last-child {
        border-bottom: 0 !important;
    }

    body.page-template-page-teams .teams-skill-icon {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        margin: 0 !important;
        color: #fff !important;
    }

    body.page-template-page-teams .teams-skill-icon img,
    body.page-template-page-teams .teams-skill-icon svg {
        display: none !important;
    }

    body.page-template-page-teams .teams-skill-icon::before {
        content: "" !important;
        width: 32px !important;
        height: 32px !important;
        display: block !important;
        background: url("/wp-content/themes/salient-child/img/figma-assets/teams-skill-earth.svg") center / contain no-repeat !important;
    }

    body.page-template-page-teams .teams-skill-category-name {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-skill-card-desc {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-skills-mobile-cta {
        width: 343px !important;
        max-width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 20px 0 24px !important;
        gap: 10px !important;
        border: 1px solid rgba(255, 255, 255, .92) !important;
        border-radius: 500px !important;
        background: transparent !important;
        color: #fff !important;
        box-shadow: none !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
    }

    body.page-template-page-teams .teams-skills-mobile-cta .teams-arrow-icon {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
    }
}

/* Teams generic page: Client Insights carousel. */
@media (min-width: 641px) {
    body.page-template-page-teams .teams-clients-section {
        width: 1240px !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 100px 0 0 !important;
        background: #fff !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-clients-inner {
        width: 1240px !important;
        max-width: 1240px !important;
        min-height: 532px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 40px !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-clients-heading {
        width: 1240px !important;
        max-width: 1240px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 40px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-client-carousel {
        width: auto !important;
        max-width: none !important;
        height: 356px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        gap: 20px !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-client-card {
        flex: 0 0 400px !important;
        width: 400px !important;
        height: 356px !important;
        min-height: 356px !important;
        margin: 0 !important;
        padding: 24px 40px 40px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 24px !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: #f3f2f8 !important;
        color: #222 !important;
        box-shadow: none !important;
        position: relative !important;
    }

    body.page-template-page-teams .teams-client-logo {
        width: 134px !important;
        height: 80px !important;
        min-height: 80px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    body.page-template-page-teams .teams-client-logo img {
        max-width: 134px !important;
        max-height: 80px !important;
        width: auto !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
    }

    body.page-template-page-teams .teams-client-logo span {
        color: #222 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }

    body.page-template-page-teams .teams-client-logo::after {
        content: none !important;
    }

    body.page-template-page-teams .teams-client-card::after {
        content: none !important;
    }

    body.page-template-page-teams .teams-client-divider {
        width: 100% !important;
        height: 0 !important;
        min-height: 0 !important;
        display: block !important;
        border-top: 1px solid rgba(34, 34, 34, .16) !important;
        flex: 0 0 auto !important;
    }

    body.page-template-page-teams .teams-client-quote {
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-client-author {
        width: 100% !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }

    body.page-template-page-teams .teams-client-author > img,
    body.page-template-page-teams .teams-client-author > span {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 500px !important;
        object-fit: cover !important;
    }

    body.page-template-page-teams .teams-client-author > div {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        line-height: 1.4 !important;
    }

    body.page-template-page-teams .teams-client-author strong {
        margin: 0 !important;
        color: #000 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    body.page-template-page-teams .teams-client-author small {
        margin: 0 !important;
        color: rgba(0, 0, 0, .6) !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-clients-section .teams-carousel-footer {
        width: 1240px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 20px !important;
    }

    body.page-template-page-teams .teams-clients-section .home-carousel-progress {
        width: 1114px !important;
        height: 1px !important;
        margin: 0 !important;
        background: rgba(34, 34, 34, .1) !important;
    }

    body.page-template-page-teams .teams-clients-section .home-carousel-progress span {
        width: 250px !important;
        height: 1px !important;
        display: block !important;
        background: #222 !important;
    }

    body.page-template-page-teams .teams-clients-section .carousel-nav {
        width: 106px !important;
        height: 48px !important;
        margin: 0 !important;
        display: flex !important;
        gap: 10px !important;
    }

    body.page-template-page-teams .teams-clients-section .carousel-nav-btn {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(34, 34, 34, .1) !important;
        border-radius: 500px !important;
        background: #fff !important;
        color: #222 !important;
        box-shadow: none !important;
        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

@media (max-width: 640px) {
    body.page-template-page-teams .teams-clients-section {
        width: 100% !important;
        max-width: none !important;
        min-height: 520px !important;
        margin: 0 !important;
        padding: 56px 0 56px 16px !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .teams-clients-inner {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 24px !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-clients-heading {
        width: 343px !important;
        max-width: 343px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 32px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-client-carousel {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 48px 0 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        gap: 20px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    body.page-template-page-teams .teams-client-carousel::-webkit-scrollbar {
        display: none !important;
    }

    body.page-template-page-teams .teams-client-card {
        flex: 0 0 295px !important;
        width: 295px !important;
        min-height: 307px !important;
        margin: 0 !important;
        padding: 16px 24px 24px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: #f3f2f8 !important;
        color: #222 !important;
        box-shadow: none !important;
        position: relative !important;
        scroll-snap-align: start !important;
    }

    body.page-template-page-teams .teams-client-logo {
        width: 107px !important;
        height: 64px !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
        position: relative !important;
    }

    body.page-template-page-teams .teams-client-logo img {
        display: none !important;
    }

    body.page-template-page-teams .teams-client-logo::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        background: url("/wp-content/themes/salient-child/img/figma-assets/teams-mobile-client-logo-container.png") center / 107px 64px no-repeat !important;
    }

    body.page-template-page-teams .teams-client-logo::after {
        content: none !important;
    }

    body.page-template-page-teams .teams-client-card::after {
        content: none !important;
    }

    body.page-template-page-teams .teams-client-divider {
        width: 100% !important;
        height: 0 !important;
        min-height: 0 !important;
        display: block !important;
        border-top: 1px solid rgba(34, 34, 34, .16) !important;
        flex: 0 0 auto !important;
    }

    body.page-template-page-teams .teams-client-quote {
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-client-author {
        width: 100% !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }

    body.page-template-page-teams .teams-client-author > img,
    body.page-template-page-teams .teams-client-author > span {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 500px !important;
        object-fit: cover !important;
    }

    body.page-template-page-teams .teams-client-author strong {
        margin: 0 !important;
        color: #000 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    body.page-template-page-teams .teams-client-author small {
        margin: 0 !important;
        color: rgba(0, 0, 0, .6) !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-clients-section .teams-carousel-footer {
        display: none !important;
    }
}

/* Teams generic page: Blog / Insights section. */
@media (min-width: 641px) {
    body.page-template-page-teams .teams-blog-section {
        width: 1240px !important;
        max-width: 1240px !important;
        margin: 200px auto 0 !important;
        padding: 0 !important;
        background: #fff !important;
        border: 0 !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-inner {
        width: 1240px !important;
        max-width: 1240px !important;
        min-height: 697px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 40px !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-header {
        width: 1240px !important;
        height: 96px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 20px !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-title {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 40px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-title br {
        display: block !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-meta {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        gap: 24px !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-desc {
        display: none !important;
    }

    body.page-template-page-teams .teams-blog-section .home-section-link {
        min-width: 0 !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 20px 0 24px !important;
        border: 1px solid #e6e6e6 !important;
        border-radius: 500px !important;
        background: #fff !important;
        color: #222 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    body.page-template-page-teams .teams-blog-section .home-section-link::before {
        content: none !important;
    }

    body.page-template-page-teams .teams-blog-section .home-section-link::after {
        content: none !important;
    }

    body.page-template-page-teams .teams-blog-section .home-section-link .teams-arrow-icon {
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        flex: 0 0 16px !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-cards {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        gap: 20px !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card {
        flex: 0 0 400px !important;
        width: 400px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        background: #fff !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: #222 !important;
        text-decoration: none !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card:nth-child(4) {
        opacity: .4 !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card:nth-child(n+5) {
        display: none !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-image {
        width: 400px !important;
        height: 300px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        background: #f3f2f8 !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-image img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-body {
        width: 100% !important;
        margin: 0 !important;
        padding: 24px 48px 0 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
        background: #fff !important;
        position: relative !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-body::after {
        content: "↗" !important;
        position: absolute !important;
        top: 24px !important;
        right: 0 !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 500px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #222 !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-title {
        order: 1 !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        max-height: 57.6px !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-desc {
        order: 2 !important;
        width: 100% !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
        display: block !important;
        color: #222 !important;
        opacity: .8 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        max-height: 39.2px !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-tags {
        order: 3 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        gap: 6px !important;
        flex-wrap: wrap !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-tag {
        margin: 0 !important;
        padding: 6px 12px !important;
        border-radius: 500px !important;
        background: rgba(57, 48, 79, .07) !important;
        color: #39304f !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        letter-spacing: .22px !important;
        text-transform: uppercase !important;
    }

    body.page-template-page-teams .teams-blog-section .teams-carousel-footer {
        width: 1240px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 20px !important;
    }

    body.page-template-page-teams .teams-blog-section .home-carousel-progress {
        width: 1114px !important;
        height: 1px !important;
        margin: 0 !important;
        background: rgba(34, 34, 34, .1) !important;
    }

    body.page-template-page-teams .teams-blog-section .home-carousel-progress span {
        width: 250px !important;
        height: 1px !important;
        display: block !important;
        background: #222 !important;
    }

    body.page-template-page-teams .teams-blog-section .carousel-nav {
        width: 106px !important;
        height: 48px !important;
        margin: 0 !important;
        display: flex !important;
        gap: 10px !important;
    }

    body.page-template-page-teams .teams-blog-section .carousel-nav-btn {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(34, 34, 34, .1) !important;
        border-radius: 500px !important;
        background: #fff !important;
        color: #222 !important;
        box-shadow: none !important;
        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.page-template-page-teams .teams-blog-section .teams-blog-mobile-link {
        display: none !important;
    }
}

@media (max-width: 640px) {
    body.page-template-page-teams .teams-blog-section {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 56px 0 !important;
        background: #fff !important;
        border-top: 1px solid #ded9e7 !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-inner {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 0 0 16px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 32px !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-header {
        width: 343px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-title {
        width: 343px !important;
        max-width: 343px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 32px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-meta,
    body.page-template-page-teams .teams-blog-section .home-blog-meta .home-section-link {
        display: none !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-cards {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 64px 0 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        gap: 20px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    body.page-template-page-teams .teams-blog-section .home-blog-cards::-webkit-scrollbar {
        display: none !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card {
        flex: 0 0 295px !important;
        width: 295px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        background: #fff !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: #222 !important;
        text-decoration: none !important;
        scroll-snap-align: start !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-image {
        width: 295px !important;
        height: 260px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        background: #f3f2f8 !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-image img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-body {
        width: 100% !important;
        margin: 0 !important;
        padding: 24px 0 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
        background: #fff !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-title {
        order: 1 !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        display: block !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-desc {
        order: 2 !important;
        width: 100% !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
        display: block !important;
        color: #222 !important;
        opacity: .8 !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-tags {
        order: 3 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        gap: 6px !important;
        flex-wrap: wrap !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card-tag {
        margin: 0 !important;
        padding: 6px 12px !important;
        border-radius: 500px !important;
        background: rgba(57, 48, 79, .07) !important;
        color: #39304f !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        letter-spacing: .22px !important;
        text-transform: uppercase !important;
    }

    body.page-template-page-teams .teams-blog-section .teams-carousel-footer {
        display: none !important;
    }

    body.page-template-page-teams .teams-blog-mobile-link {
        width: 343px !important;
        height: 48px !important;
        margin: 0 16px 0 0 !important;
        padding: 0 20px 0 24px !important;
        border: 1px solid #e6e6e6 !important;
        border-radius: 500px !important;
        background: #fff !important;
        color: #222 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    body.page-template-page-teams .teams-blog-mobile-link::before {
        content: none !important;
    }

    body.page-template-page-teams .teams-blog-mobile-link::after {
        content: none !important;
    }

    body.page-template-page-teams .teams-blog-mobile-link .teams-arrow-icon {
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        flex: 0 0 16px !important;
    }
}

/* Teams page CTA + footer, matched to Figma Generic Desktop/Mobile. */
@media (min-width: 641px) {
    body.page-template-page-teams .teams-cta-section {
        width: 100% !important;
        height: 550px !important;
        margin: 100px 0 0 !important;
        padding: 0 !important;
        background: #f3f2f8 !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .teams-cta-inner {
        position: relative !important;
        width: 1440px !important;
        max-width: 100% !important;
        height: 550px !important;
        min-height: 550px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: block !important;
        overflow: hidden !important;
        background: #f7f5fd !important;
    }

    body.page-template-page-teams .teams-cta-section .home-cta-mascot {
        position: absolute !important;
        left: 0 !important;
        bottom: -1px !important;
        width: 720px !important;
        height: 490px !important;
        margin: 0 !important;
        overflow: hidden !important;
        background: #f7f5fd !important;
    }

    body.page-template-page-teams .teams-cta-section .home-cta-mascot img,
    body.page-template-page-teams .teams-cta-section .teams-cta-mascot-video,
    body.page-template-page-teams .teams-cta-section .home-cta-mascot-video {
        width: 720px !important;
        height: 490px !important;
        max-width: none !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center bottom !important;
        border-radius: 0 !important;
    }

    body.page-template-page-teams .teams-cta-card {
        position: absolute !important;
        left: 732px !important;
        top: 125px !important;
        width: 619px !important;
        height: 300px !important;
        min-height: 300px !important;
        margin: 0 !important;
        padding: 48px 64px !important;
        border: 0 !important;
        border-radius: 16px !important;
        background-color: #8652cb !important;
        background-image:
            linear-gradient(rgba(0, 95, 75, .6), rgba(0, 95, 75, .6)),
            linear-gradient(rgba(0, 112, 89, .8), rgba(0, 112, 89, .8)),
            url('../img/figma-assets/teams-cta-card-bg.webp') !important;
        background-blend-mode: normal, color, normal !important;
        background-size: cover !important;
        background-position: center !important;
        color: #fff !important;
        text-align: left !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .teams-cta-title {
        width: 491px !important;
        max-width: 491px !important;
        margin: 0 0 24px !important;
        color: #fff !important;
        font-size: 40px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
        white-space: nowrap !important;
    }

    body.page-template-page-teams .teams-cta-desc {
        width: 491px !important;
        max-width: 491px !important;
        margin: 0 0 40px !important;
        padding: 0 !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-cta-btn {
        min-width: 132px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 20px 0 24px !important;
        border: 0 !important;
        border-radius: 500px !important;
        background: #fff !important;
        color: #222 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
    }

    body.page-template-page-teams .sl-footer {
        padding: 0 16px 16px !important;
        background: #f3f2f8 !important;
    }

    body.page-template-page-teams .sl-footer-card {
        width: 100% !important;
        height: 460px !important;
        margin: 0 !important;
        border-radius: 24px !important;
        background: #222 !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .sl-footer-main {
        padding: 64px 0 32px !important;
    }

    body.page-template-page-teams .sl-footer-inner,
    body.page-template-page-teams .sl-footer-bar-inner {
        width: 1240px !important;
        max-width: 1240px !important;
    }

    body.page-template-page-teams .sl-footer-inner {
        grid-template-columns: 340px 260px 260px 260px !important;
        gap: 40px !important;
        justify-content: start !important;
    }

    body.page-template-page-teams .sl-footer-contact {
        gap: 16px !important;
        margin-bottom: 32px !important;
    }

    body.page-template-page-teams .sl-footer-contact-link {
        font-weight: 400 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .sl-contact-email,
    body.page-template-page-teams .sl-contact-phone {
        font-size: 20px !important;
        line-height: 1.1 !important;
    }

    body.page-template-page-teams .sl-footer-address {
        font-size: 14px !important;
        line-height: 1.4 !important;
        color: rgba(255, 255, 255, .7) !important;
    }

    body.page-template-page-teams .sl-footer-col-heading {
        margin: 0 0 24px !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.1 !important;
    }

    body.page-template-page-teams .sl-footer-links {
        gap: 15px !important;
    }

    body.page-template-page-teams .sl-footer-links a {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.1 !important;
        color: rgba(255, 255, 255, .7) !important;
    }

    body.page-template-page-teams .sl-footer-soc2-icon {
        width: 56px !important;
        height: 56px !important;
        opacity: .78 !important;
        filter: grayscale(1) brightness(.82) !important;
    }

    body.page-template-page-teams .sl-footer-soc2-text {
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        letter-spacing: .24px !important;
        color: rgba(255, 255, 255, .7) !important;
    }

    body.page-template-page-teams .sl-footer-newsletter-card {
        width: 260px !important;
        padding: 24px !important;
        gap: 24px !important;
        border-radius: 16px !important;
        background: rgba(67, 67, 67, .5) !important;
    }

    body.page-template-page-teams .sl-footer-newsletter-desc {
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
    }

    body.page-template-page-teams .sl-footer-bar {
        padding: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, .16) !important;
    }

    body.page-template-page-teams .sl-footer-bar-inner {
        height: 61px !important;
        font-size: 12px !important;
        color: rgba(255, 255, 255, .7) !important;
    }
}

@media (max-width: 640px) {
    body.page-template-page-teams .teams-blog-section {
        height: 696px !important;
        min-height: 696px !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .teams-cta-section {
        width: 100% !important;
        height: 601px !important;
        margin: 0 !important;
        padding: 0 16px 56px !important;
        background: #f3f2f8 !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .teams-cta-inner {
        width: 343px !important;
        max-width: 343px !important;
        height: 545px !important;
        min-height: 545px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
        border-radius: 16px !important;
        background: #fff !important;
    }

    body.page-template-page-teams .teams-cta-section .home-cta-mascot {
        width: 343px !important;
        height: 259px !important;
        margin: 0 !important;
        flex: 0 0 259px !important;
        border-radius: 16px 16px 0 0 !important;
        background: #eaf9ff url('../img/bootcamp-mobile-cta-mascot.png') center bottom / cover no-repeat !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .teams-cta-section .home-cta-mascot img,
    body.page-template-page-teams .teams-cta-section .teams-cta-mascot-video,
    body.page-template-page-teams .teams-cta-section .home-cta-mascot-video {
        display: none !important;
    }

    body.page-template-page-teams .teams-cta-card {
        display: block !important;
        width: 343px !important;
        height: 286px !important;
        min-height: 286px !important;
        margin: 0 !important;
        padding: 32px 24px 24px !important;
        border: 0 !important;
        border-radius: 0 0 16px 16px !important;
        background-color: #efe7f8 !important;
        background-image:
            linear-gradient(rgba(255, 255, 255, .72), rgba(235, 210, 244, .62)),
            url('../img/home-cta-card-bg.webp') !important;
        background-size: cover !important;
        background-position: center !important;
        color: #222 !important;
        text-align: left !important;
    }

    body.page-template-page-teams .teams-cta-title {
        width: 295px !important;
        max-width: 295px !important;
        margin: 0 0 16px !important;
        color: #222 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-cta-title::before {
        content: "Bring a Bootcamp\a to Your Org";
        display: block !important;
        white-space: pre-line !important;
        color: #222 !important;
        font-size: 32px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-cta-desc {
        width: 295px !important;
        max-width: 295px !important;
        margin: 0 0 24px !important;
        color: #222 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-cta-desc::before {
        content: "Want to upskill your team in AI, fast? We offer private sessions tailored to your company’s goals and team mix.";
        display: block !important;
        color: #222 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-cta-btn {
        width: 295px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 20px 0 24px !important;
        border: 0 !important;
        border-radius: 500px !important;
        background: #222 !important;
        color: #fff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        font-size: 0 !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
    }

    body.page-template-page-teams .teams-cta-btn::before {
        content: "Request a Private Bootcamp";
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
    }

    body.page-template-page-teams .teams-cta-btn::after {
        content: "\2192";
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        margin-top: -1px !important;
    }

    body.page-template-page-teams .sl-footer {
        width: 100% !important;
        padding: 0 !important;
        background: #222 !important;
    }

    body.page-template-page-teams .sl-footer-card {
        width: 100% !important;
        min-height: 1433px !important;
        border-radius: 0 !important;
        background: #222 !important;
    }

    body.page-template-page-teams .sl-footer-main {
        padding: 32px 16px 0 !important;
    }

    body.page-template-page-teams .sl-footer-inner {
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }

    body.page-template-page-teams .sl-footer-brand {
        padding-bottom: 12px !important;
        border-bottom: 1px solid rgba(255, 255, 255, .16) !important;
    }

    body.page-template-page-teams .sl-footer-contact {
        gap: 12px !important;
        margin-bottom: 24px !important;
    }

    body.page-template-page-teams .sl-contact-email,
    body.page-template-page-teams .sl-contact-phone {
        font-size: 20px !important;
        line-height: 1.1 !important;
    }

    body.page-template-page-teams .sl-footer-address {
        font-size: 14px !important;
        line-height: 1.4 !important;
        color: rgba(255, 255, 255, .7) !important;
    }

    body.page-template-page-teams .sl-footer-social {
        gap: 24px !important;
        margin-bottom: 18px !important;
    }

    body.page-template-page-teams .sl-footer-badge {
        gap: 16px !important;
    }

    body.page-template-page-teams .sl-footer-soc2-icon {
        width: 56px !important;
        height: 56px !important;
        opacity: .78 !important;
        filter: grayscale(1) brightness(.82) !important;
    }

    body.page-template-page-teams .sl-footer-soc2-text {
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        letter-spacing: .24px !important;
        color: rgba(255, 255, 255, .7) !important;
    }

    body.page-template-page-teams .sl-footer-col-heading {
        margin: 0 0 24px !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.1 !important;
    }

    body.page-template-page-teams .sl-footer-links {
        gap: 9px !important;
    }

    body.page-template-page-teams .sl-footer-links a {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.1 !important;
        color: rgba(255, 255, 255, .7) !important;
    }

    body.page-template-page-teams .sl-footer-newsletter-card {
        width: 100% !important;
        padding: 24px !important;
        gap: 24px !important;
        border-radius: 16px !important;
        background: rgba(67, 67, 67, .5) !important;
    }

    body.page-template-page-teams .sl-footer-newsletter-desc {
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
    }

    body.page-template-page-teams .sl-footer-bar {
        margin: 32px 16px 0 !important;
        padding: 32px 0 0 !important;
        border-top: 1px solid rgba(255, 255, 255, .16) !important;
    }

    body.page-template-page-teams .sl-footer-bar-inner {
        width: 100% !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        text-align: center !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        color: rgba(255, 255, 255, .7) !important;
    }

    body.page-template-page-teams .sl-footer-legal {
        flex-direction: column !important;
        gap: 16px !important;
    }

    body.page-template-page-teams .sl-footer-divider {
        display: none !important;
    }
}

@media (max-width: 640px) {
    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section {
        height: 601px !important;
        padding: 0 16px 56px !important;
        background: #f3f2f8 !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section > div.teams-cta-inner {
        width: 343px !important;
        max-width: 343px !important;
        height: 545px !important;
        min-height: 545px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        border-radius: 16px !important;
        background: #fff !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section div.home-cta-mascot {
        width: 343px !important;
        height: 259px !important;
        flex: 0 0 259px !important;
        border-radius: 16px 16px 0 0 !important;
        background: #eaf9ff url('../img/bootcamp-mobile-cta-mascot.png') center bottom / cover no-repeat !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section div.home-cta-mascot img,
    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section div.home-cta-mascot video {
        display: none !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section div.teams-cta-card {
        display: block !important;
        width: 343px !important;
        height: 286px !important;
        min-height: 286px !important;
        padding: 32px 24px 24px !important;
        border-radius: 0 0 16px 16px !important;
        background-color: #efe7f8 !important;
        background-image:
            linear-gradient(rgba(255, 255, 255, .72), rgba(235, 210, 244, .62)),
            url('../img/home-cta-card-bg.webp') !important;
        background-size: cover !important;
        background-position: center !important;
        color: #222 !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section h2.teams-cta-title {
        width: 295px !important;
        max-width: 295px !important;
        margin: 0 0 16px !important;
        color: #222 !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section h2.teams-cta-title::before {
        content: "Bring a Bootcamp\a to Your Org";
        display: block !important;
        white-space: pre-line !important;
        color: #222 !important;
        font-size: 32px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section p.teams-cta-desc {
        width: 295px !important;
        max-width: 295px !important;
        margin: 0 0 24px !important;
        color: #222 !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section p.teams-cta-desc::before {
        content: "Want to upskill your team in AI, fast? We offer private sessions tailored to your company’s goals and team mix.";
        display: block !important;
        color: #222 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section a.teams-cta-btn {
        width: 295px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 20px 0 24px !important;
        border: 0 !important;
        border-radius: 500px !important;
        background: #222 !important;
        color: #fff !important;
        font-size: 0 !important;
        font-weight: 500 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section a.teams-cta-btn::before {
        content: "Request a Private Bootcamp";
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
    }
}

body.page-template-page-ai {
    --ai-font: 'Onest', 'Plus Jakarta Sans', 'Proxima Nova', Arial, sans-serif;
}

body.page-template-page-ai .bg-color-stripe {
    display: none !important;
}

body.page-template-page-ai .ai-page-wrap,
body.page-template-page-ai .ai-page-wrap *,
body.page-template-page-ai .home-site-header,
body.page-template-page-ai .home-site-header * {
    font-family: var(--ai-font) !important;
    letter-spacing: 0 !important;
}

body.page-template-page-ai #ajax-content-wrap .ai-hero-heading,
body.page-template-page-ai #ajax-content-wrap .ai-hero-subtext,
body.page-template-page-ai #ajax-content-wrap .ai-hero-cta-btn,
body.page-template-page-ai .ai-hero-heading,
body.page-template-page-ai .ai-hero-subtext,
body.page-template-page-ai .ai-hero-cta-btn {
    font-family: var(--ai-font) !important;
}

body.page-template-page-ai #ajax-content-wrap :is(h1, h2, h3, h4, p, a, button, li, span, strong) {
    font-family: var(--ai-font) !important;
    letter-spacing: 0 !important;
}

body.page-template-page-ai #ajax-content-wrap .main-block-step-content h2 {
    font-size: 40px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
}

body.page-template-page-ai #ajax-content-wrap .main-block-step-content span {
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

body.page-template-page-ai #ajax-content-wrap .block-step-content h4 {
    font-size: 31px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
}

@media (max-width: 760px) {
    body.page-template-page-ai .home-site-header {
        height: 80px !important;
        min-height: 80px !important;
        padding: 0 16px !important;
        background: #fff !important;
    }

    body.page-template-page-ai .home-site-header-inner {
        height: 80px !important;
        min-height: 80px !important;
    }

    body.page-template-page-ai .ai-hero-section {
        width: calc(100vw - 32px) !important;
        margin: 0 16px !important;
        border-radius: 16px !important;
    }

    body.page-template-page-ai .ai-hero-inner {
        padding: 28px 24px 26px !important;
    }

    body.page-template-page-ai .ai-hero-photos-wrap {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin-bottom: 32px !important;
    }

    body.page-template-page-ai .ai-hero-photo {
        width: 100% !important;
        flex: none !important;
    }

    body.page-template-page-ai #ajax-content-wrap .ai-hero-heading,
    body.page-template-page-ai .ai-hero-heading {
        margin-bottom: 20px !important;
        font-size: 36px !important;
        line-height: 1.22 !important;
        font-weight: 400 !important;
    }

    body.page-template-page-ai #ajax-content-wrap .ai-hero-subtext,
    body.page-template-page-ai .ai-hero-subtext {
        margin-bottom: 28px !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;
    }

    body.page-template-page-ai #ajax-content-wrap .ai-hero-cta-btn,
    body.page-template-page-ai .ai-hero-cta-btn {
        min-height: 56px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    body.page-template-page-ai .ai-steps-inner {
        width: 100% !important;
        max-width: none !important;
        padding: 48px 16px 58px !important;
    }

    body.page-template-page-ai .main-block-step,
    body.page-template-page-ai .block-steps,
    body.page-template-page-ai .block-step {
        width: 100% !important;
        max-width: none !important;
    }

    body.page-template-page-ai .block-steps {
        padding: 0 !important;
        gap: 16px !important;
    }

    body.page-template-page-ai .block-step {
        padding: 24px !important;
        border-radius: 12px !important;
    }

    body.page-template-page-ai .block-step-title {
        display: grid !important;
        grid-template-columns: 56px 1fr !important;
        gap: 16px !important;
        align-items: center !important;
    }

    body.page-template-page-ai .ai-step-icon {
        width: 56px !important;
        height: 56px !important;
        flex-basis: 56px !important;
        border-radius: 10px !important;
    }

    body.page-template-page-ai .ai-step-icon img {
        width: 32px !important;
        height: 32px !important;
    }

    body.page-template-page-ai #ajax-content-wrap .block-step-content h4 {
        font-size: 24px !important;
        line-height: 1.14 !important;
    }
}

/* Teams page: final targeted fixes from review screenshots 111-888. */
@media (min-width: 641px) {
    body.page-template-page-teams #homeSiteHeader.home-site-header.home-site-header--light {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 88px !important;
        z-index: 1200 !important;
        background: #ebe8f8 !important;
    }

    body.page-template-page-teams #homeSiteHeader .home-site-header-inner {
        height: 88px !important;
        min-height: 88px !important;
        padding: 20px 100px !important;
    }

    body.page-template-page-teams .teams-page-wrapper {
        padding-top: 88px !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card,
    body.page-template-page-teams .teams-blog-section .blog-card:nth-child(4),
    body.page-template-page-teams .teams-client-card {
        opacity: 1 !important;
        transition: opacity .2s ease !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card.is-carousel-faded,
    body.page-template-page-teams .teams-client-card.is-carousel-faded {
        opacity: .4 !important;
    }

    body.page-template-page-teams .teams-blog-section .blog-card.is-carousel-visible,
    body.page-template-page-teams .teams-client-card.is-carousel-visible {
        opacity: 1 !important;
    }

    body.page-template-page-teams .teams-cta-section .home-cta-mascot {
        top: 0 !important;
        bottom: auto !important;
        height: 550px !important;
    }

    body.page-template-page-teams .teams-cta-section .home-cta-mascot img,
    body.page-template-page-teams .teams-cta-section .teams-cta-mascot-video,
    body.page-template-page-teams .teams-cta-section .home-cta-mascot-video {
        height: 550px !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    body.page-template-page-teams .teams-cta-section .teams-cta-mascot-video + img.home-cta-mascot-fallback {
        display: none !important;
    }

    body.page-template-page-teams .teams-cta-btn::after {
        content: none !important;
        display: none !important;
    }
}

@media (max-width: 640px) {
    body.page-template-page-teams .teams-skills-grid .teams-skill-icon::before {
        content: none !important;
        display: none !important;
        background: none !important;
        background-image: none !important;
    }

    body.page-template-page-teams .teams-skills-grid .teams-skill-icon img,
    body.page-template-page-teams .teams-skills-grid .teams-skill-icon svg {
        width: 32px !important;
        height: 32px !important;
        display: block !important;
        object-fit: contain !important;
    }

    body.page-template-page-teams .teams-blog-section {
        height: auto !important;
        min-height: 0 !important;
        padding: 56px 0 64px !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section,
    body.page-template-page-teams .teams-cta-section {
        height: auto !important;
        min-height: 0 !important;
        padding: 48px 16px 104px !important;
        background: #fff !important;
        overflow: visible !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section > div.teams-cta-inner,
    body.page-template-page-teams .teams-cta-inner {
        width: 343px !important;
        max-width: 343px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 16px !important;
        background: #fff !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section div.home-cta-mascot,
    body.page-template-page-teams .teams-cta-section .home-cta-mascot {
        width: 343px !important;
        height: 260px !important;
        flex: 0 0 260px !important;
        margin: 0 !important;
        border-radius: 16px 16px 0 0 !important;
        background: #f3f2f8 !important;
        overflow: hidden !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section div.home-cta-mascot video,
    body.page-template-page-teams .teams-cta-section .teams-cta-mascot-video,
    body.page-template-page-teams .teams-cta-section .home-cta-mascot-video {
        width: 343px !important;
        height: 260px !important;
        min-height: 260px !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center top !important;
        border-radius: 0 !important;
    }

    body.page-template-page-teams .teams-cta-section .teams-cta-mascot-video + img.home-cta-mascot-fallback {
        display: none !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section div.home-cta-mascot > img:not(.home-cta-mascot-fallback),
    body.page-template-page-teams .teams-cta-section .home-cta-mascot > img:not(.home-cta-mascot-fallback) {
        width: 343px !important;
        height: 260px !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section div.teams-cta-card,
    body.page-template-page-teams .teams-cta-card {
        width: 343px !important;
        height: auto !important;
        min-height: 286px !important;
        padding: 32px 24px 44px !important;
        display: block !important;
        border-radius: 0 0 16px 16px !important;
        background-color: #f0eef8 !important;
        background-image: url('../img/figma-assets/teams-mobile-cta-card-bg.png') !important;
        background-size: 100% 100% !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        color: #222 !important;
        text-align: left !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section h2.teams-cta-title,
    body.page-template-page-teams .teams-cta-title {
        width: 295px !important;
        max-width: 295px !important;
        margin: 0 0 16px !important;
        color: #222 !important;
        font-size: 30px !important;
        font-weight: 500 !important;
        line-height: 1.16 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section h2.teams-cta-title::before,
    body.page-template-page-teams .teams-cta-title::before,
    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section p.teams-cta-desc::before,
    body.page-template-page-teams .teams-cta-desc::before,
    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section a.teams-cta-btn::before,
    body.page-template-page-teams .teams-cta-btn::before {
        content: none !important;
        display: none !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section p.teams-cta-desc,
    body.page-template-page-teams .teams-cta-desc {
        width: 295px !important;
        max-width: 295px !important;
        margin: 0 0 26px !important;
        color: #222 !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section a.teams-cta-btn,
    body.page-template-page-teams .teams-cta-btn {
        width: 295px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 20px 0 24px !important;
        border: 0 !important;
        border-radius: 500px !important;
        background: #222 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    body.page-template-page-teams .teams-page-wrapper section.teams-cta-section a.teams-cta-btn::after,
    body.page-template-page-teams .teams-cta-btn::after {
        content: none !important;
        display: none !important;
    }

    body.page-template-page-teams .sl-footer-card {
        min-height: 0 !important;
        height: auto !important;
        padding-bottom: 36px !important;
    }

    body.page-template-page-teams .sl-footer-bar {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media (max-width: 768px) {
    body .sl-footer .sl-footer-col.sl-footer-newsletter-col {
        width: min(400px, calc(100vw - 32px)) !important;
        max-width: none !important;
        justify-self: center !important;
        margin-left: calc((100% - min(400px, calc(100vw - 32px))) / 2) !important;
        margin-right: calc((100% - min(400px, calc(100vw - 32px))) / 2) !important;
    }

    body .sl-footer .sl-footer-col.sl-footer-newsletter-col .sl-footer-newsletter-card {
        width: 100% !important;
        max-width: none !important;
    }
}