.landing-page--hero-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    overflow-y: hidden;
    padding-top: clamp(5.625rem, 8.91vw + 3.625rem, 14.3125rem);
    padding-bottom: clamp(3.75rem, 5.2vw, 6.25rem);
    box-sizing: border-box;
}

.landing-page,
.landing-page * {
    box-sizing: border-box;
}


.landing-page {

    .landing-page__hero {
        position: relative;
        isolation: isolate;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 100%;
        overflow: visible;
        margin-bottom: 0;

        .landing-page__hero-btn-wrap {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            margin-bottom: 3.125rem;

            .common-btn {
                font-size: 1.125rem;
                padding: 0.90625rem 1.875rem;
                border-radius: 0.375rem;
                margin-bottom: 0;
            }
        }

        .landing-page__hero-glow {
            position: absolute;
            top: calc(50% - 9.375rem);
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100vw;
            max-width: 120rem;
            aspect-ratio: 1920 / 1089;
            filter: blur(6.25rem);
            pointer-events: none;
            z-index: -1;
        }

        .landing-page__hero-glow-shape {
            width: 100%;
            height: 100%;
            background: linear-gradient(270deg, #3C51E0 0%, #80A2F8 53%, #5D68FF 97.5%);
            clip-path: polygon(0% 18.37%,
                    7.55% 60%,
                    45.09% 55.46%,
                    46.73% 53.22%,
                    73.28% 60%,
                    100% 31.74%,
                    93.49% 67.24%,
                    77.2% 79.71%,
                    59.94% 79.71%,
                    53.44% 81.56%,
                    39.86% 73.38%,
                    25.13% 67.24%,
                    1.55% 73.38%,
                    1.55% 67.24%,
                    0% 18.37%);
        }

        .landing-page__hero-content {
            position: relative;
            z-index: 1;
            display: flex;
            align-items: center;
            flex-direction: column;
            max-width: 52.625rem;
        }

        .landing-page__partner-badges {
            display: flex;
            justify-content: center;
            margin-bottom: 2.5rem;
            gap: 1.25rem;

            img {
                border-radius: 0.375rem;
                max-height: 4.375rem;
            }
        }

        .landing-page__title {
            font-size: 6.25rem;
            font-weight: 900;
            letter-spacing: -0.075rem;
            line-height: 0.8;
            text-transform: uppercase;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: clamp(0.833313rem, 1.0417vw, 1.25rem);
            margin-bottom: 1.875rem;

            .landing-page__highlight-blue {
                background: var(--color-blue);
                border-radius: 0.75rem;
                padding-inline: 0.9375rem;
                line-height: 1.1;
            }
        }

        .landing-page__description {
            font-size: 1.25rem;
            line-height: 1.8;
            opacity: 0.6;
            text-align: center;
            max-width: 46.875rem;
            margin-inline: auto;
            margin-bottom: 1.875rem;
        }
    }

    /* =========================================================
       HERO CARDS
       ========================================================= */
    .landing-page__hero-cards {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
        z-index: 2;
        overflow: hidden;
        box-sizing: border-box;
        padding-left: max(1rem, calc((100vw - 79.1667vw) / 2));
        padding-right: max(1rem, calc((100vw - 79.1667vw) / 2));

        .swiper-wrapper {
            display: flex;
            align-items: stretch;
            width: auto;
        }
    }

    @media (min-width: 1024px) {
        .landing-page__hero-cards {
            width: 100vw;
            margin-left: calc(-50vw + 50%);
            margin-top: 2rem;
            margin-bottom: 0;
            overflow: visible;
            padding-block: 2rem;
            padding-left: 0;
            padding-right: 0;

            .swiper-wrapper {
                display: grid;
                grid-template-columns: repeat(4, 23.75rem);
                gap: 0;
                justify-content: center;
                align-items: center;
                width: 100%;
                transform: none !important;
            }
        }
    }

    .landing-page__hero-card {
        display: block;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
        width: 23.75rem;
        height: 31.25rem;
        flex-shrink: 0;
        border-radius: 1.75rem;
        border: 0.25rem solid #ffffff;
        box-shadow: none;
        overflow: hidden;
        position: relative;
        background-color: #121212;
        user-select: none;
        -webkit-user-select: none;
    }

    .landing-page__hero-card:hover {
        box-shadow: none;
    }

    /* Video cards */
    .landing-page__hero-card--video {
        .landing-page__hero-card-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            background-color: #1a1a1a;
            pointer-events: none;
        }

        .landing-page__hero-card-user {
            position: absolute;
            bottom: 1.5rem;
            left: 1.5rem;
            display: flex;
            align-items: center;
            gap: 0.3125rem;
            z-index: 2;

            .landing-page__hero-card-user-avatar {
                width: 2.125rem;
                height: 2.125rem;
                border-radius: 50%;
                object-fit: cover;
                background-color: rgba(255, 255, 255, 0.25);
            }

            .landing-page__hero-card-username {
                font-family: var(--font-dm-sans, "DM Sans", sans-serif);
                font-size: 1rem;
                font-weight: 600;
                color: #ffffff;
                line-height: 1;
                text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.8);
            }

            .landing-page__hero-card-badge {
                width: 0.875rem;
                height: 0.875rem;
                min-width: 0.875rem;
                min-height: 0.875rem;
                flex-shrink: 0;
                display: block;
                filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.5));
            }
        }
    }

    .landing-page__hero-card--image {
        .landing-page__hero-card-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
    }

    /* Static blue card */
    .landing-page__hero-card--static {
        background-color: var(--color-blue);
        color: #ffffff;

        .landing-page__hero-card-static-content {
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            text-align: center;
            padding: 3.75rem 3.6875rem 2.5rem;
            box-sizing: border-box;
        }

        .landing-page__hero-card-stats {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 10.3125rem;
        }

        .landing-page__hero-card-count {
            font-family: var(--font-dm-sans, "DM Sans", sans-serif);
            font-size: 5rem;
            font-weight: 900;
            line-height: 0.8;
            letter-spacing: -0.09375rem;
            margin: 0 0 0.375rem 0;
        }

        .landing-page__hero-card-subtitle {
            font-family: var(--font-dm-sans, "DM Sans", sans-serif);
            font-size: 1rem;
            font-weight: 600;
            opacity: 0.95;
            letter-spacing: -0.0125rem;
            line-height: 1;
            margin: 0;
        }

        .landing-page__hero-card-social-proof {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0;
        }

        .landing-page__hero-card-avatars {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0.625rem;

            .landing-page__hero-card-avatar {
                width: 2.5rem;
                height: 2.5rem;
                border-radius: 50%;
                border: 0.125rem solid #ffffff;
                object-fit: cover;
                margin-left: -0.625rem;
                background-color: rgba(255, 255, 255, 0.3);

                &:first-child {
                    margin-left: 0;
                }
            }
        }

        .landing-page__hero-card-clients-text {
            font-family: var(--font-dm-sans, "DM Sans", sans-serif);
            font-size: 1rem;
            font-weight: 600;
            margin: 0 0 0.375rem 0;
            line-height: 1.1;
        }

        .landing-page__hero-card-rating {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.375rem;
            font-family: var(--font-dm-sans, "DM Sans", sans-serif);
            font-size: 1rem;
            font-weight: 600;
            line-height: 1;
            margin: 0;

            svg {
                width: 1rem;
                height: 1rem;
                flex-shrink: 0;
            }
        }

        .landing-page__hero-card-footer-text {
            font-family: var(--font-dm-sans, "DM Sans", sans-serif);
            font-size: 0.875rem;
            font-weight: 500;
            opacity: 0.9;
            letter-spacing: 0.01875rem;
            margin: 2.375rem 0 0 0;
            line-height: 1.1;
            max-width: 100%;
        }
    }

    /* Individual Card Rotations - alternating -15deg and 15deg (Desktop only) */
    @media (min-width: 1024px) {
        .landing-page__hero-card--1 {
            transform: rotate(-15deg);
            z-index: 1;
        }

        .landing-page__hero-card--2 {
            transform: rotate(15deg);
            z-index: 2;
        }

        .landing-page__hero-card--3 {
            transform: rotate(-15deg);
            z-index: 3;
        }

        .landing-page__hero-card--4 {
            transform: rotate(15deg);
            z-index: 5;
        }
    }

    .certified-partners__skills {
        padding-top: 9.375rem;
        margin-bottom: 9.375rem;
    }

    .contact-us__contact-section {
        margin-bottom: 9.375rem;
    }

    .page-home .contact-us,
    .landing-page+.contact-us {
        padding-top: 0 !important;
    }
}

/* =========================================================
   SERVICES SCROLL SECTION ("WE [CRAFT | EVOLVE | SCALE]")
   ========================================================= */

.services-scroll {
    width: 100%;
    max-width: 79rem;
    margin-inline: auto;
    position: relative;
    box-sizing: border-box;
    padding-top: clamp(12.5rem, 15.625vw, 18.75rem);
    padding-bottom: clamp(12.5rem, 15.625vw, 18.75rem);
    margin-bottom: 0;
}

.services-scroll__container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(6.25rem, 7.8125vw, 9.375rem);
    width: 100%;
    position: relative;
}

/* Left Fixed Column: Pinned via GSAP (position: fixed) across Row 1 to Row 3 */
.services-scroll__left {
    flex: 0 0 clamp(15.166688rem, 18.9583vw, 22.75rem);
    width: clamp(15.166688rem, 18.9583vw, 22.75rem);
    align-self: stretch;
    position: relative;
    z-index: 5;
    box-sizing: border-box;
}

.services-scroll__sticky-wrap {
    display: flex;
    flex-direction: column;
    user-select: none;
    line-height: 0.95;
    width: 100%;
    will-change: transform;
}

.services-scroll__static-text {
    font-family: var(--font-dm-sans, "DM Sans", sans-serif);
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    display: block;
    line-height: 1;
    margin-bottom: clamp(0.5rem, 0.625vw, 0.75rem);
}

.services-scroll__static-text,
.services-scroll__word {
    font-size: clamp(4.166688rem, calc(5.2083vw * var(--desktop-font-vw-scale, 1)), 6.25rem);
}

.services-scroll__dynamic-words {
    position: relative;
    height: clamp(4.375rem, 5.4688vw, 6.5625rem);
    width: 100%;
    overflow: hidden;
}

.services-scroll__word {
    position: absolute;
    top: 0;
    left: 0;
    font-family: var(--font-dm-sans, "DM Sans", sans-serif);
    font-weight: 800;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    line-height: 1;
    opacity: 0;
    transform: translateY(3.75rem);
    transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
    white-space: nowrap;
}

.services-scroll__word.is-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.services-scroll__word.is-prev {
    opacity: 0;
    transform: translateY(-3.75rem);
}

.services-scroll__word--craft {
    color: var(--color-blue);
}

.services-scroll__word--evolve {
    color: var(--color-pink);
}

.services-scroll__word--scale {
    color: var(--color-blue);
}

.services-scroll__word--design {
    color: var(--color-pink);
}

/* Right Natural Scrolling Items Column */
.services-scroll__right {
    flex: 1 1 auto;
    max-width: clamp(31.25rem, 39.0625vw, 46.875rem);
    display: flex;
    flex-direction: column;
    gap: clamp(12.5rem, 15.625vw, 18.75rem);
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.services-scroll__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.services-scroll__mobile-badge {
    display: none;
}

.services-scroll__item-title {
    font-family: var(--font-dm-sans, "DM Sans", sans-serif);
    font-size: clamp(2.25rem, calc(2.8125vw * var(--desktop-font-vw-scale, 1)), 3.375rem);
    font-weight: 500;
    color: #ffffff;
    line-height: clamp(2.666688rem, 3.3333vw, 4rem);
    letter-spacing: 0;
    max-width: clamp(25.875rem, 32.3438vw, 38.8125rem);
    margin-bottom: clamp(0.416687rem, 0.5208vw, 0.625rem);
}

.services-scroll__item-desc {
    font-family: var(--font-dm-sans, "DM Sans", sans-serif);
    font-size: clamp(0.75rem, calc(0.9375vw * var(--desktop-font-vw-scale, 1)), 1.125rem);
    font-weight: 400;
    line-height: clamp(1.25rem, 1.5625vw, 1.875rem);
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 0;
    max-width: clamp(31.25rem, 39.0625vw, 46.875rem);
    margin-bottom: clamp(1.25rem, 1.5625vw, 1.875rem);
}

.services-scroll__features {
    list-style: none;
    padding: 0;
    margin: 0 0 clamp(1.25rem, 1.5625vw, 1.875rem) 0;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    gap: clamp(0.666687rem, 0.8333vw, 1rem) clamp(1.666688rem, 2.0833vw, 2.5rem);
    max-width: 100%;
}

.services-scroll__feature {
    display: flex;
    align-items: center;
    gap: clamp(0.416687rem, 0.5208vw, 0.625rem);
    font-family: var(--font-dm-sans, "DM Sans", sans-serif);
    font-size: clamp(0.666687rem, calc(0.8333vw * var(--desktop-font-vw-scale, 1)), 1rem);
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-scroll__feature-link {
    display: inline-flex;
    align-items: center;
    gap: inherit;
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    white-space: nowrap;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.services-scroll__feature-link:hover {
    opacity: 0.85;
    transform: translateX(0.1875rem);
}

.services-scroll__arrow {
    flex-shrink: 0;
    width: clamp(0.583313rem, 0.7292vw, 0.875rem);
    height: clamp(0.583313rem, 0.7292vw, 0.875rem);
}

.services-scroll__arrow--craft {
    color: var(--color-blue);
}

.services-scroll__arrow--evolve {
    color: var(--color-pink);
}

.services-scroll__arrow--scale {
    color: var(--color-blue);
}

.services-scroll__arrow--design {
    color: var(--color-pink);
}

.services-scroll__cta-wrap {
    display: flex;
    align-items: center;
}

#services-btn-craft,
#services-btn-scale {
    background-color: var(--color-blue);
    color: #ffffff;
    --btn-hover-bg: #ffffff;
    --btn-hover-color: #000000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transition: color 0.35s ease, transform 0.22s ease;
    cursor: pointer;
}

#services-btn-craft:hover,
#services-btn-scale:hover {
    transform: translateY(-0.125rem);
    box-shadow: none;
    color: #000000;
}

#services-btn-design {
    background-color: var(--color-pink);
    color: #ffffff;
    --btn-hover-bg: var(--color-blue);
    --btn-hover-color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transition: color 0.35s ease, transform 0.22s ease;
    cursor: pointer;
}

#services-btn-design:hover {
    transform: translateY(-0.125rem);
    box-shadow: none;
    color: #ffffff;
}

#services-btn-evolve {
    background-color: var(--color-pink);
    color: #ffffff;
    --btn-hover-bg: var(--color-blue);
    --btn-hover-color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transition: color 0.35s ease, transform 0.22s ease;
    cursor: pointer;
}

#services-btn-evolve:hover {
    transform: translateY(-0.125rem);
    box-shadow: none;
    color: #ffffff;
}

@media (max-width: 1023px) {
    .landing-page--hero-wrap {
        padding-top: 5.625rem;
        padding-bottom: 3.75rem;
    }

    .landing-page .landing-page__hero .landing-page__title {
        gap: 0.833313rem;
    }

    .services-scroll {
        padding-top: 12.5rem;
        padding-bottom: 12.5rem;
    }

    .services-scroll__container {
        gap: 6.25rem;
    }

    .services-scroll__left {
        flex: 0 0 15.166688rem;
        width: 15.166688rem;
    }

    .services-scroll__static-text {
        margin-bottom: 0.5rem;
    }

    .services-scroll__static-text,
    .services-scroll__word {
        font-size: 4.166688rem;
    }

    .services-scroll__dynamic-words {
        height: 4.375rem;
    }

    .services-scroll__right {
        max-width: 31.25rem;
        gap: 12.5rem;
    }

    .services-scroll__item-title {
        font-size: 2.25rem;
        line-height: 2.666688rem;
        max-width: 25.875rem;
        margin-bottom: 0.416687rem;
    }

    .services-scroll__item-desc {
        font-size: 0.75rem;
        line-height: 1.25rem;
        max-width: 31.25rem;
        margin-bottom: 1.25rem;
    }

    .services-scroll__features {
        margin-bottom: 1.25rem;
        gap: 0.666687rem 1.666688rem;
    }

    .services-scroll__feature {
        gap: 0.416687rem;
        font-size: 0.666687rem;
    }

    .services-scroll__arrow {
        width: 0.583313rem;
        height: 0.583313rem;
    }
}

/* =========================================================
   DIVIDE 1: 1919px–1280px
   FIRST FLUID RANGE (PROPORTIONAL SCALING DOWN FROM 1920 TO 1280)
   ========================================================= */
@media (min-width: 1280px) and (max-width: 1919px) {
    .landing-page .landing-page__hero {
        .landing-page__hero-btn-wrap {
            margin-bottom: clamp(4.166688rem, 5.2083vw, 6.25rem);

            .common-btn {
                font-size: clamp(0.75rem, calc(0.9375vw * var(--desktop-font-vw-scale, 1)), 1.125rem);
                padding: clamp(0.604187rem, 0.7552vw, 0.90625rem) clamp(1.25rem, 1.5625vw, 1.875rem);
                border-radius: clamp(0.25rem, 0.3125vw, 0.375rem);
                margin-bottom: 0;
            }
        }

        .landing-page__hero-glow {
            top: calc(50% - clamp(6.25rem, 7.8125vw, 9.375rem));
            filter: blur(clamp(4.166688rem, 5.2083vw, 6.25rem));
            max-width: clamp(80rem, 100vw, 120rem);
        }

        .landing-page__hero-content {
            max-width: clamp(35.083312rem, 43.8542vw, 52.625rem);
        }

        .landing-page__partner-badges {
            gap: clamp(0.833313rem, 1.0417vw, 1.25rem);
            margin-bottom: clamp(1.666688rem, 2.0833vw, 2.5rem);

            img {
                max-height: clamp(2.916688rem, 3.6458vw, 4.375rem);
            }
        }

        .landing-page__title {
            font-size: clamp(4.166688rem, calc(5.2083vw * var(--desktop-font-vw-scale, 1)), 6.25rem);
            letter-spacing: clamp(-0.075rem, -0.0625vw, -0.05rem);
            gap: clamp(0.833313rem, 1.042vw, 1.25rem);
            margin-bottom: clamp(1.25rem, 1.5625vw, 1.875rem);

            .landing-page__highlight-blue {
                padding-inline: clamp(0.625rem, 0.78125vw, 0.9375rem);
                border-radius: clamp(0.5rem, 0.625vw, 0.75rem);
            }
        }

        .landing-page__description {
            font-size: clamp(0.833313rem, calc(1.0417vw * var(--desktop-font-vw-scale, 1)), 1.25rem);
            margin-bottom: clamp(1.25rem, 1.5625vw, 1.875rem);
        }
    }

    .landing-page .landing-page__hero-cards {
        margin-bottom: 0;

        .swiper-wrapper {
            grid-template-columns: repeat(4, clamp(15.833312rem, 19.7917vw, 23.75rem));
        }

        .landing-page__hero-card {
            width: clamp(15.833312rem, 19.7917vw, 23.75rem);
            height: clamp(20.833313rem, 26.0417vw, 31.25rem);
            border-radius: clamp(1.166688rem, 1.4583vw, 1.75rem);
            border-width: clamp(0.166687rem, 0.2083vw, 0.25rem);
        }

        .landing-page__hero-card--video .landing-page__hero-card-user {
            bottom: clamp(1rem, 1.25vw, 1.5rem);
            left: clamp(1rem, 1.25vw, 1.5rem);
            gap: clamp(0.208313rem, 0.2604vw, 0.3125rem);

            .landing-page__hero-card-user-avatar {
                width: clamp(1.416688rem, 1.7708vw, 2.125rem);
                height: clamp(1.416688rem, 1.7708vw, 2.125rem);
            }

            .landing-page__hero-card-username {
                font-size: clamp(0.666687rem, calc(0.8333vw * var(--desktop-font-vw-scale, 1)), 1rem);
            }

            .landing-page__hero-card-badge {
                width: clamp(0.583313rem, 0.7292vw, 0.875rem);
                height: clamp(0.583313rem, 0.7292vw, 0.875rem);
                min-width: clamp(0.583313rem, 0.7292vw, 0.875rem);
                min-height: clamp(0.583313rem, 0.7292vw, 0.875rem);
            }
        }

        .landing-page__hero-card--static {
            .landing-page__hero-card-static-content {
                padding: clamp(2.5rem, 3.125vw, 3.75rem) clamp(2.458312rem, 3.0729vw, 3.6875rem) clamp(1.666688rem, 2.0833vw, 2.5rem);
            }

            .landing-page__hero-card-stats {
                margin-bottom: clamp(6.875rem, 8.59375vw, 10.3125rem);
            }

            .landing-page__hero-card-count {
                font-size: clamp(3.333312rem, calc(4.1667vw * var(--desktop-font-vw-scale, 1)), 5rem);
                margin-bottom: clamp(0.25rem, 0.3125vw, 0.375rem);
            }

            .landing-page__hero-card-subtitle {
                font-size: clamp(0.666687rem, calc(0.8333vw * var(--desktop-font-vw-scale, 1)), 1rem);
            }

            .landing-page__hero-card-avatars {
                margin-bottom: clamp(0.416687rem, 0.5208vw, 0.625rem);

                .landing-page__hero-card-avatar {
                    width: clamp(1.666688rem, 2.0833vw, 2.5rem);
                    height: clamp(1.666688rem, 2.0833vw, 2.5rem);
                    margin-left: clamp(-0.625rem, -0.5208vw, -0.416687rem);
                }
            }

            .landing-page__hero-card-clients-text {
                font-size: clamp(0.666687rem, calc(0.8333vw * var(--desktop-font-vw-scale, 1)), 1rem);
                margin-bottom: clamp(0.25rem, 0.3125vw, 0.375rem);
            }

            .landing-page__hero-card-rating {
                font-size: clamp(0.666687rem, calc(0.8333vw * var(--desktop-font-vw-scale, 1)), 1rem);
                gap: clamp(0.25rem, 0.3125vw, 0.375rem);

                svg {
                    width: clamp(0.666687rem, 0.8333vw, 1rem);
                    height: clamp(0.666687rem, 0.8333vw, 1rem);
                }
            }

            .landing-page__hero-card-footer-text {
                font-size: clamp(0.583313rem, calc(0.7292vw * var(--desktop-font-vw-scale, 1)), 0.875rem);
                margin-top: clamp(1.583312rem, 1.9792vw, 2.375rem);
            }
        }
    }

    .landing-page {
        .certified-partners__skills {
            padding-top: clamp(6.25rem, 7.8125vw, 9.375rem);
            margin-bottom: clamp(6.25rem, 7.8125vw, 9.375rem);
        }

        .services-scroll {
            padding-top: clamp(12.5rem, 15.625vw, 18.75rem);
            padding-bottom: clamp(12.5rem, 15.625vw, 18.75rem);
            margin-bottom: 0;
        }

        .services-scroll__right {
            gap: clamp(12.5rem, 15.625vw, 18.75rem);
        }

        .contact-us__contact-section {
            margin-bottom: clamp(6.25rem, 7.8125vw, 9.375rem);
        }
    }
}

/* =========================================================
   DIVIDE 2: 1024px–1279px
   PROPORTIONAL DESKTOP SCALING
   ========================================================= */
@media (min-width: 1024px) and (max-width: 1279px) {
    .landing-page .landing-page__hero {
        .landing-page__hero-btn-wrap {
            margin-bottom: 5.2083vw;

            .common-btn {
                font-size: 0.75rem;
                padding: 0.7552vw 1.5625vw;
                border-radius: 0.3125vw;
                margin-bottom: 0;
            }
        }

        .landing-page__hero-glow {
            top: calc(50% - 7.8125vw);
            filter: blur(5.2083vw);
            max-width: 100vw;
        }

        .landing-page__hero-content {
            max-width: 43.85415vw;
        }

        .landing-page__partner-badges {
            gap: 1.0417vw;
            margin-bottom: 2.0833vw;

            img {
                max-height: 3.6458vw;
            }
        }

        .landing-page__title {
            font-size: 5.2083vw;
            letter-spacing: -0.0625vw;
            gap: 1.0417vw;
            margin-bottom: 1.5625vw;

            .landing-page__highlight-blue {
                padding-inline: 0.78125vw;
                border-radius: 0.625vw;
            }
        }

        .landing-page__description {
            max-width: 39.0625vw;
            font-size: 0.875rem;
            margin-bottom: 1.5625vw;
        }
    }

    .landing-page .landing-page__hero-cards {
        margin-bottom: 0;
        margin-top: 2.5vw;
        padding-block: 2.5vw;

        .swiper-wrapper {
            grid-template-columns: repeat(4, 19.7917vw);
        }

        .landing-page__hero-card {
            width: 19.7917vw;
            height: 26.0417vw;
            border-radius: 1.4583vw;
            border-width: 0.2083vw;
        }

        .landing-page__hero-card--video .landing-page__hero-card-user {
            bottom: 1.25vw;
            left: 1.25vw;
            gap: 0.2604vw;

            .landing-page__hero-card-user-avatar {
                width: 1.7708vw;
                height: 1.7708vw;
            }

            .landing-page__hero-card-username {
                font-size: 0.6875rem;
            }

            .landing-page__hero-card-badge {
                width: 0.7292vw;
                height: 0.7292vw;
                min-width: 0.7292vw;
                min-height: 0.7292vw;
            }
        }

        .landing-page__hero-card--static {
            .landing-page__hero-card-static-content {
                padding: 3.125vw 3.0729vw 2.0833vw;
            }

            .landing-page__hero-card-stats {
                margin-bottom: 8.59375vw;
            }

            .landing-page__hero-card-count {
                font-size: 4.1667vw;
                margin-bottom: 0.3125vw;
            }

            .landing-page__hero-card-subtitle {
                font-size: 0.6875rem;
            }

            .landing-page__hero-card-avatars {
                margin-bottom: 0.5208vw;

                .landing-page__hero-card-avatar {
                    width: 2.0833vw;
                    height: 2.0833vw;
                    margin-left: -0.78125vw;
                }
            }

            .landing-page__hero-card-clients-text {
                font-size: 0.6875rem;
                margin-bottom: 0.3125vw;
            }

            .landing-page__hero-card-rating {
                font-size: 0.6875rem;
                gap: 0.3125vw;

                svg {
                    width: 0.8333vw;
                    height: 0.8333vw;
                }
            }

            .landing-page__hero-card-footer-text {
                font-size: 0.6875rem;
                margin-top: 1.9792vw;
            }
        }
    }

    .landing-page {
        .certified-partners__skills {
            padding-top: 6.25rem;
            margin-bottom: 6.25rem;
        }

        .services-scroll {
            padding-top: 12.5rem;
            padding-bottom: 12.5rem;
            margin-bottom: 0;
        }

        .contact-us__contact-section {
            margin-bottom: 6.25rem;
        }
    }

    .services-scroll__container {
        gap: 6.25rem;
    }

    .services-scroll__left {
        flex: 0 0 15.166688rem;
        width: 15.166688rem;
    }

    .services-scroll__static-text,
    .services-scroll__word {
        font-size: 4.166688rem;
    }

    .services-scroll__dynamic-words {
        height: 4.375rem;
    }

    .services-scroll__right {
        gap: 12.5rem;
    }

    .services-scroll__item-title {
        font-size: 2.25rem;
        line-height: 2.666688rem;
        max-width: 25.875rem;
        margin-bottom: 0.416687rem;
    }

    .services-scroll__item-desc {
        font-size: 0.75rem;
        line-height: 1.25rem;
        max-width: 31.25rem;
        margin-bottom: 1.25rem;
    }
}

/* =========================================================
   DIVIDE 3: 1023px–768px
   TABLET (SWIPER SLIDER)
   ========================================================= */
@media (min-width: 768px) and (max-width: 1023px) {
    .landing-page .landing-page__hero {
        .landing-page__hero-btn-wrap {
            margin-bottom: 2rem;

            .common-btn {
                font-size: 0.75rem;
                padding: 0.6rem 1.2rem;
                border-radius: 0.3rem;
                margin-bottom: 0;
            }
        }

        .landing-page__hero-glow {
            top: calc(50% - 3.75rem);
            filter: blur(2.8125rem);
        }

        .landing-page__hero-content {
            max-width: 37.5rem;
        }

        .landing-page__partner-badges {
            gap: 0.75rem;
            margin-bottom: 1rem;

            img {
                max-height: 2.375rem;
            }
        }

        .landing-page__title {
            font-size: 2.75rem;
            letter-spacing: -0.0375rem;
            line-height: 1.05;
            gap: 0.5rem;
            margin-bottom: 0.75rem;

            .landing-page__highlight-blue {
                padding-inline: 0.625rem;
                border-radius: 0.5rem;
            }
        }

        .landing-page__description {
            font-size: 0.725rem;
            max-width: 32.5rem;
            margin-bottom: 1.5rem;
        }
    }

    .landing-page .landing-page__hero-content:not(:has(.landing-page__partner-badges)) .landing-page__title {
        margin-top: 3.6875rem;
    }

    .landing-page .landing-page__hero-cards {
        margin-bottom: 0;
        overflow: hidden !important;
        width: 100vw !important;
        max-width: none !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 1.25rem !important;
        padding-right: 0 !important;
        padding-block: 0.5rem 1rem;
        box-sizing: border-box !important;

        .swiper-wrapper {
            display: flex;
            grid-template-columns: none;
            align-items: stretch;
            width: auto;
        }

        .landing-page__hero-card,
        .landing-page__hero-card--1,
        .landing-page__hero-card--2,
        .landing-page__hero-card--3,
        .landing-page__hero-card--4 {
            width: 16.25rem;
            height: 21.875rem;
            flex-shrink: 0;
            border-radius: 1.25rem;
            border-width: 0.1875rem;
            box-shadow: none;
            transform: none !important;
            z-index: 1 !important;
        }

        .landing-page__hero-card--video .landing-page__hero-card-user {
            bottom: 1rem;
            left: 1rem;
            gap: 0.3125rem;

            .landing-page__hero-card-user-avatar {
                width: 1.625rem;
                height: 1.625rem;
            }

            .landing-page__hero-card-username {
                font-size: 0.8125rem;
            }

            .landing-page__hero-card-badge {
                width: 0.75rem;
                height: 0.75rem;
                min-width: 0.75rem;
                min-height: 0.75rem;
            }
        }

        .landing-page__hero-card--static {
            .landing-page__hero-card-static-content {
                padding: 2.375rem 1.5rem 1.375rem;
            }

            .landing-page__hero-card-stats {
                margin-bottom: 5.9375rem;
            }

            .landing-page__hero-card-count {
                font-size: 3.25rem;
                margin-bottom: 0.25rem;
            }

            .landing-page__hero-card-subtitle {
                font-size: 0.75rem;
            }

            .landing-page__hero-card-avatars {
                margin-bottom: 0.375rem;

                .landing-page__hero-card-avatar {
                    width: 1.625rem;
                    height: 1.625rem;
                    margin-left: -0.375rem;
                }
            }

            .landing-page__hero-card-clients-text {
                font-size: 0.71875rem;
                margin-bottom: 0.1875rem;
            }

            .landing-page__hero-card-rating {
                font-size: 0.71875rem;
                gap: 0.1875rem;

                svg {
                    width: 0.75rem;
                    height: 0.75rem;
                }
            }

            .landing-page__hero-card-footer-text {
                font-size: 0.625rem;
                margin-top: 1.25rem;
            }
        }
    }

    .landing-page {
        .certified-partners__skills {
            padding-top: 5rem;
            margin-bottom: 5rem;
        }

        .services-scroll {
            padding-top: 5.833312rem;
            padding-bottom: 5.833312rem;
            margin-bottom: 5rem;
        }

        .contact-us__contact-section {
            margin-bottom: 5rem;
        }
    }

    .services-scroll__container {
        gap: 2.083312rem;
    }

    .services-scroll__left {
        flex: 0 0 9.583312rem;
        width: 9.583312rem;
    }

    .services-scroll__static-text,
    .services-scroll__word {
        font-size: 2.566637rem;
    }

    .services-scroll__dynamic-words {
        height: 2.8rem;
    }

    .services-scroll__right {
        gap: 10rem;
        max-width: 100%;
    }

    .services-scroll__item-title {
        font-size: 1.733306rem;
        line-height: 1.25;
        margin-bottom: 0.75rem;
    }

    .services-scroll__item-desc {
        font-size: 0.645813rem;
        line-height: 1.6;
        margin-bottom: 1.875rem;
    }

    .services-scroll__features {
        grid-template-columns: repeat(2, max-content);
        gap: 0.75rem 0.75rem;
        margin-bottom: 1.875rem;
    }

    .services-scroll__feature {
        font-size: 0.5625rem;
        gap: 0.5rem;
    }
}

/* =========================================================
   DIVIDE 4: 767px–481px
   PHABLET / MOBILE LANDSCAPE (SWIPER SLIDER)
   ========================================================= */
@media (min-width: 481px) and (max-width: 767px) {
    .landing-page .landing-page__hero {
        .landing-page__hero-btn-wrap {
            margin-bottom: 1.75rem;

            .common-btn {
                font-size: 0.875rem;
                padding: 0.6875rem 1.375rem;
                border-radius: 0.375rem;
                margin-bottom: 0;
            }
        }

        .landing-page__hero-glow {
            top: calc(50% - 3.125rem);
            filter: blur(2.5rem);
        }

        .landing-page__hero-content {
            max-width: 100%;
            padding-inline: 1.25rem;
        }

        .landing-page__partner-badges {
            gap: 0.625rem;
            margin-bottom: 0.875rem;

            img {
                max-height: 2.125rem;
            }
        }

        .landing-page__title {
            font-size: 2rem;
            letter-spacing: -0.03125rem;
            line-height: 1.08;
            gap: 0.416687rem;
            margin-bottom: 0.75rem;

            .landing-page__highlight-blue {
                padding-inline: 0.5rem;
                border-radius: 0.375rem;
            }
        }

        .landing-page__description {
            font-size: 0.875rem;
            max-width: 28.75rem;
            line-height: 1.6;
            margin-bottom: 1.25rem;
        }
    }

    .landing-page .landing-page__hero-cards {
        margin-bottom: 0;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-inline: 1.25rem !important;
        padding-block: 0.5rem 1rem;
        box-sizing: border-box !important;

        .swiper-wrapper {
            display: flex;
            grid-template-columns: none;
            align-items: stretch;
            width: auto;
        }

        .landing-page__hero-card,
        .landing-page__hero-card--1,
        .landing-page__hero-card--2,
        .landing-page__hero-card--3,
        .landing-page__hero-card--4 {
            width: 14.375rem;
            height: 19.375rem;
            flex-shrink: 0;
            border-radius: 1.125rem;
            border-width: 0.15625rem;
            box-shadow: none;
            transform: none !important;
            z-index: 1 !important;
        }

        .landing-page__hero-card--video .landing-page__hero-card-user {
            bottom: 1rem;
            left: 1rem;
            gap: 0.25rem;

            .landing-page__hero-card-user-avatar {
                width: 1.5rem;
                height: 1.5rem;
            }

            .landing-page__hero-card-username {
                font-size: 0.75rem;
            }

            .landing-page__hero-card-badge {
                width: 0.6875rem;
                height: 0.6875rem;
                min-width: 0.6875rem;
                min-height: 0.6875rem;
            }
        }

        .landing-page__hero-card--static {
            .landing-page__hero-card-static-content {
                padding: 2.125rem 1.25rem 1.25rem;
            }

            .landing-page__hero-card-stats {
                margin-bottom: 4.375rem;
            }

            .landing-page__hero-card-count {
                font-size: 3rem;
                margin-bottom: 0.25rem;
            }

            .landing-page__hero-card-subtitle {
                font-size: 0.6875rem;
            }

            .landing-page__hero-card-avatars {
                margin-bottom: 0.375rem;

                .landing-page__hero-card-avatar {
                    width: 1.5rem;
                    height: 1.5rem;
                    margin-left: -0.375rem;
                }
            }

            .landing-page__hero-card-clients-text {
                font-size: 0.6875rem;
                margin-bottom: 0.25rem;
            }

            .landing-page__hero-card-rating {
                font-size: 0.6875rem;
                gap: 0.25rem;

                svg {
                    width: 0.75rem;
                    height: 0.75rem;
                }
            }

            .landing-page__hero-card-footer-text {
                font-size: 0.59375rem;
                margin-top: 1rem;
            }
        }
    }

    .landing-page {
        .certified-partners__skills {
            padding-top: 3.75rem;
            margin-bottom: 3.75rem;
        }

        .services-scroll {
            padding-top: 2.5rem;
            padding-bottom: 2rem;
            margin-bottom: 3rem;
            height: auto;
            min-height: auto;
        }

        .contact-us__contact-section {
            margin-bottom: 3.75rem;
        }
    }

    .services-scroll__container {
        flex-direction: column;
        gap: 0;
        width: 100%;
    }

    .services-scroll__left {
        display: none;
    }

    .services-scroll__mobile-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        font-family: var(--font-dm-sans, "DM Sans", sans-serif);
        font-size: 1rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 0.75rem;

        .services-scroll__badge-word--craft {
            color: var(--color-blue);
        }

        .services-scroll__badge-word--evolve {
            color: var(--color-pink);
        }

        .services-scroll__badge-word--scale {
            color: var(--color-blue);
        }

        .services-scroll__badge-word--design {
            color: var(--color-pink);
        }
    }

    .services-scroll__right {
        display: flex;
        flex-direction: column;
        gap: 2.708312rem;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    .services-scroll__item {
        width: 100%;
        min-height: auto;
        padding: 0;
    }

    .services-scroll__item-title {
        font-size: 1.25rem;
        line-height: 1.25;
        margin-bottom: 0.625rem;
        max-width: 100%;
    }

    .services-scroll__item-desc {
        font-size: 0.645813rem;
        line-height: 1.6;
        margin-bottom: 1.875rem;
        max-width: 100%;
    }

    .services-scroll__features {
        grid-template-columns: repeat(2, max-content);
        gap: 0.75rem 1rem;
        margin-bottom: 1.875rem;
        max-width: 100%;
    }

    .services-scroll__feature {
        font-size: 0.5625rem;
        gap: 0.5rem;
    }

    .services-scroll__cta-wrap {
        display: flex;
        justify-content: flex-start;
    }
}

/* =========================================================
   DIVIDE 5: <= 480px
   SMALL MOBILE (SWIPER SLIDER)
   ========================================================= */
@media (max-width: 480px) {
    .landing-page .landing-page__hero {
        .landing-page__hero-btn-wrap {
            margin-bottom: 1.5rem;

            .common-btn {
                margin-bottom: 0;
                font-size: 0.875rem;
                padding: 0.625rem 1.25rem;
                border-radius: 0.3125rem;
            }
        }

        .landing-page__hero-glow {
            top: calc(50% - 2.5rem);
            filter: blur(2.1875rem);
        }

        .landing-page__hero-content {
            max-width: 100%;
            padding-inline: 1.25rem !important;
            box-sizing: border-box !important;
        }

        .landing-page__partner-badges {
            gap: 0.5rem;
            margin-bottom: 0.75rem;

            img {
                max-height: 1.75rem;
            }
        }

        .landing-page__title {
            font-size: 2rem;
            letter-spacing: -0.025rem;
            line-height: 1.1;
            gap: 0.333313rem;
            margin-bottom: 0.75rem;

            .landing-page__highlight-blue {
                padding-inline: 0.5rem;
                border-radius: 0.375rem;
            }
        }

        .landing-page__description {
            font-size: 0.9375rem;
            line-height: 1.55;
            margin-bottom: 1.25rem;
        }
    }

    .landing-page .landing-page__hero-cards {
        margin-bottom: 0;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-inline: 1.25rem !important;
        padding-block: 0.5rem 0.75rem;
        box-sizing: border-box !important;

        .swiper-wrapper {
            display: flex;
            grid-template-columns: none;
            align-items: stretch;
            width: auto;
        }

        .landing-page__hero-card,
        .landing-page__hero-card--1,
        .landing-page__hero-card--2,
        .landing-page__hero-card--3,
        .landing-page__hero-card--4 {
            width: 13.125rem;
            height: 17.8125rem;
            flex-shrink: 0;
            border-radius: 1rem;
            border-width: 0.125rem;
            box-shadow: none;
            transform: none !important;
            z-index: 1 !important;
        }

        .landing-page__hero-card--video .landing-page__hero-card-user {
            bottom: 0.875rem;
            left: 0.875rem;
            gap: 0.25rem;

            .landing-page__hero-card-user-avatar {
                width: 1.375rem;
                height: 1.375rem;
            }

            .landing-page__hero-card-username {
                font-size: 0.6875rem;
            }

            .landing-page__hero-card-badge {
                width: 0.625rem;
                height: 0.625rem;
                min-width: 0.625rem;
                min-height: 0.625rem;
            }
        }

        .landing-page__hero-card--static {
            .landing-page__hero-card-static-content {
                padding: 1.875rem 1rem 1rem;
            }

            .landing-page__hero-card-stats {
                margin-bottom: 3.4375rem;
            }

            .landing-page__hero-card-count {
                font-size: 2.625rem;
                margin-bottom: 0.1875rem;
            }

            .landing-page__hero-card-subtitle {
                font-size: 0.65625rem;
            }

            .landing-page__hero-card-avatars {
                margin-bottom: 0.3125rem;

                .landing-page__hero-card-avatar {
                    width: 1.375rem;
                    height: 1.375rem;
                    margin-left: -0.3125rem;
                }
            }

            .landing-page__hero-card-clients-text {
                font-size: 0.65625rem;
                margin-bottom: 0.1875rem;
            }

            .landing-page__hero-card-rating {
                font-size: 0.65625rem;
                gap: 0.1875rem;

                svg {
                    width: 0.6875rem;
                    height: 0.6875rem;
                }
            }

            .landing-page__hero-card-footer-text {
                font-size: 0.5625rem;
                margin-top: 0.875rem;
            }
        }
    }

    .landing-page {
        .certified-partners__skills {
            padding-top: 3.333312rem;
            margin-bottom: 3.333312rem;
        }

        .services-scroll {
            padding-top: 2.5rem;
            padding-bottom: 2rem;
            margin-bottom: 2.666688rem;
        }

        .contact-us__contact-section {
            margin-bottom: 3.333312rem;
        }
    }

    .services-scroll__container {
        flex-direction: column;
        gap: 0;
        width: 100%;
    }

    .services-scroll__left {
        display: none;
    }

    .services-scroll__mobile-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        font-family: var(--font-dm-sans, "DM Sans", sans-serif);
        font-size: 0.916687rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 0.625rem;

        >span {
            font: inherit;
            letter-spacing: inherit;
        }

        .services-scroll__badge-word--craft {
            color: var(--color-blue);
        }

        .services-scroll__badge-word--evolve {
            color: var(--color-pink);
        }

        .services-scroll__badge-word--scale {
            color: var(--color-blue);
        }

        .services-scroll__badge-word--design {
            color: var(--color-pink);
        }
    }

    .services-scroll__right {
        display: flex;
        flex-direction: column;
        gap: 2.8125rem;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    .services-scroll__item {
        width: 100%;
        min-height: auto;
        padding: 0;
    }

    .services-scroll__item-title {
        font-size: 1.625rem;
        line-height: 1.25;
        margin-bottom: 0.625rem;
        max-width: 100%;
    }

    .services-scroll__item-desc {
        font-size: 0.604187rem;
        line-height: 1.6;
        margin-bottom: 1.875rem;
        max-width: 100%;
    }

    .services-scroll__features {
        grid-template-columns: 1fr;
        gap: 0.6875rem;
        margin-bottom: 1.875rem;
        max-width: 100%;
    }

    .services-scroll__feature {
        font-size: 0.875rem;
        gap: 0.5rem;
    }

    .services-scroll__cta-wrap {
        display: flex;
        justify-content: flex-start;

        .common-btn {
            font-size: 0.875rem;
            padding: 0.625rem 1.25rem;
        }
    }
}



.landing-page__case-studies {
    position: relative;
    width: 100%;
    height: fit-content;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: clamp(5rem, 6.25vw, 7.5rem);
    box-sizing: border-box;

    .landing-page__case-studies-wrap {
        width: 100%;
        min-height: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding-bottom: 0;
        position: relative;
    }

    .landing-page__case-studies-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 1.875rem;
        margin-top: 0;
        padding-top: 0;
        padding-block: 0;
        margin-bottom: clamp(1.5rem, 3vh, 2.75rem);
        height: auto;
        min-height: auto;

        .landing-page__header-content {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.75rem;
            max-width: 46.875rem;
            margin: 0;
            padding: 0;

            .landing-page__heading {
                font-size: clamp(2.25rem, calc(2.8125vw * var(--desktop-font-vw-scale, 1)), 3.375rem);
                line-height: 1.15;
                font-weight: 500;
                letter-spacing: -0.02em;
                color: #ffffff;
                margin: 0;
                padding: 0;
            }

            .landing-page__description {
                font-size: clamp(0.75rem, calc(0.9375vw * var(--desktop-font-vw-scale, 1)), 1.125rem);
                line-height: 1.667;
                color: rgba(255, 255, 255, 0.6);
                margin: 0;
                padding: 0;
            }
        }

        .landing-page__case-studies-btn {
            background-color: var(--color-blue);
            color: #ffffff;
            --btn-hover-bg: #ffffff;
            --btn-hover-color: #000000;
            font-size: clamp(0.75rem, calc(0.8333vw * var(--desktop-font-vw-scale, 1)), 1rem);
            font-weight: 600;
            padding: clamp(0.604187rem, 0.7552vw, 0.90625rem) clamp(1.25rem, 1.5625vw, 1.875rem);
            border-radius: 0.375rem;
            white-space: nowrap;
            box-shadow: none;
            transition: color 0.35s ease, transform 0.22s ease;
            flex-shrink: 0;
            align-self: flex-end;
            margin-bottom: 0;

            &:hover {
                transform: translateY(-0.125rem);
                box-shadow: none;
                color: #000000;
            }
        }
    }

    .landing-page__case-studies-slider {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .landing-page__case-studies-track {
        display: flex;
        align-items: stretch;
        width: max-content;
        gap: 1.25rem;
        padding-left: max(1rem, calc((100vw - 79.1667vw) / 2));
        padding-right: max(3.75rem, calc((100vw - 79.1667vw) / 2));
        box-sizing: border-box;
        will-change: transform;
    }

    .landing-page__case-study-card {
        width: auto;
        flex-shrink: 0;
        height: auto;
    }

    .landing-page__case-study-link {
        display: flex;
        flex-direction: column;
        width: auto;
        height: 100%;
        text-decoration: none;
        color: inherit;
    }

    .landing-page__case-study-media {
        width: auto;
        height: clamp(20.833313rem, 26.042vw, 31.25rem);
        border-radius: clamp(0.833313rem, 1.0417vw, 1.25rem);
        overflow: hidden;
        position: relative;
        display: flex;
        flex-shrink: 0;

        img {
            width: auto;
            height: 100%;
            max-width: none;
            display: block;
            object-fit: contain;
            border-radius: inherit;
            transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
        }
    }

    .landing-page__case-study-card:hover .landing-page__case-study-media img {
        transform: scale(1.04);
    }

    .landing-page__case-study-info {
        display: flex;
        flex-direction: column;
        margin-top: 1.25rem;
        gap: 0.625rem;
    }

    .landing-page__case-study-title {
        font-size: clamp(1.083312rem, calc(1.3542vw * var(--desktop-font-vw-scale, 1)), 1.625rem);
        font-weight: 500;
        color: #ffffff;
        line-height: 1.25;
        letter-spacing: -0.01em;
        transition: color 0.25s ease;
        margin: 0;
        padding: 0;
    }

    .landing-page__case-study-card:hover .landing-page__case-study-title {
        color: #80A2F8;
    }

    .landing-page__case-study-category {
        font-size: 1.125rem;
        color: rgba(255, 255, 255, 0.6);
        font-weight: 500;
        line-height: 1.4;
        margin: 0;
        padding: 0;
    }
}

/* =========================================================
   BUILT FOR BRANDS STATS SECTION
   ========================================================= */

.landing-page__stats {
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    position: relative;
    overflow: hidden;
    padding-top: 9.375rem;
    padding-bottom: 1.5625rem;
    box-sizing: border-box;

    .landing-page__stats-container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .landing-page__stats-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.625rem;
        max-width: 100%;
    }

    .landing-page__stats-heading {
        font-family: 'DM Sans', sans-serif;
        font-size: 3.375rem;
        font-weight: 500;
        line-height: 4rem;
        letter-spacing: 0;
        color: #000000;
        margin: 0;
        padding: 0;
        max-width: 28.8125rem;
    }

    .landing-page__stats-description {
        font-family: 'DM Sans', sans-serif;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.875rem;
        letter-spacing: 0;
        color: rgba(0, 0, 0, 0.6);
        margin: 0;
        padding: 0;
        max-width: 46.875rem;
    }

    .landing-page__stats-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.875rem;
        margin-top: 4.6875rem;
        align-items: flex-start;
    }

    .landing-page__stat-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .landing-page__stat-number {
        font-family: 'DM Sans', sans-serif;
        font-size: 5rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    .landing-page__stat-label {
        font-family: 'DM Sans', sans-serif;
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.35;
        letter-spacing: 0;
        color: rgba(0, 0, 0, 0.6);
        margin: 0;
        padding: 0;
    }

    .landing-page__stats-ticker {
        width: 100%;
        overflow: hidden;
        margin-top: 6.25rem;
        margin-bottom: 0;
        display: flex;
        user-select: none;
        pointer-events: none;
        white-space: nowrap;
        position: relative;
    }

    .landing-page__stats-ticker-track {
        display: flex;
        align-items: center;
        white-space: nowrap;
        width: max-content;
        will-change: transform;
        animation: statsTickerMarquee 32s linear infinite;
    }

    .landing-page__stats-ticker-text {
        font-family: 'DM Sans', sans-serif;
        font-size: 5rem;
        font-weight: 900;
        /* Black */
        line-height: 0.8;
        letter-spacing: 0;
        text-transform: uppercase;
        color: #000000;
        opacity: 0.1;
        white-space: nowrap;
        margin: 0;
        padding: 0 1.625rem 0 0;
        flex-shrink: 0;
        display: inline-block;
    }
}

@keyframes statsTickerMarquee {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

/* =========================================================
   CLIENT TESTIMONIALS SECTION (LANDING PAGE)
   ========================================================= */

.landing-page.client_testimonials-video-section {
    padding-block: clamp(6.25rem, 7.8125vw, 9.375rem);

    .section_inner {
        padding-block: 0 !important;
    }
}

/* =========================================================
   BRANDS WE'VE WORKED WITH SECTION
   ========================================================= */

.landing-page__brands {
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    position: relative;
    overflow: hidden;
    padding-block: clamp(6.25rem, 7.8125vw, 9.375rem);
    box-sizing: border-box;

    .landing-page__brands-strip-wrap {
        width: 100%;
        overflow: hidden;
        display: flex;
        position: relative;
    }

    .landing-page__brands-strip-wrap--top {
        justify-content: flex-start;
        margin-bottom: 0;
    }

    .landing-page__brands-strip-wrap--bottom {
        justify-content: flex-end;
        margin-top: 0;
    }

    .landing-page__brands-strip {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        width: max-content;
        will-change: transform;
    }

    .landing-page__brands-group {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        flex-shrink: 0;
    }

    /* Duplicate marquee group is strictly for mobile infinite loop (< 768px); hidden on desktop so cards do not stretch full 1920px */
    .landing-page__brands-group--duplicate,
    .landing-page__brands-group[aria-hidden="true"] {
        display: none !important;
    }

    .landing-page__brands-strip--top {
        padding-left: 0;
    }

    .landing-page__brands-strip--bottom {
        padding-right: 0;
    }

    .landing-page__brand-card {
        width: 14.8125rem;
        height: 7.5rem;
        background-color: #F5F5F5;
        border-radius: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.25rem 1.5rem;
        box-sizing: border-box;
        flex-shrink: 0;
        text-decoration: none;
        cursor: pointer;
        transition: transform 0.25s ease, background-color 0.25s ease;

        img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
            user-select: none;
            pointer-events: none;
        }

        a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            max-width: 100%;
            max-height: 100%;
            text-decoration: none;

            img {
                max-width: 100%;
                max-height: 100%;
                width: auto;
                height: auto;
                object-fit: contain;
                display: block;
                user-select: none;
                pointer-events: none;
            }
        }

        &:hover {
            background-color: #ECECEC;
            transform: translateY(-0.125rem);
        }
    }

    .landing-page__brands-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        max-width: 50.6875rem;
        margin: 0 auto;
        padding-inline: 1.25rem;
        padding-block: clamp(4.166688rem, 5.2083vw, 6.25rem);
        box-sizing: border-box;
    }

    .landing-page__brands-title {
        font-family: 'DM Sans', sans-serif;
        font-size: 3.375rem;
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: 0;
        color: #000000;
        margin: 0;
        padding: 0;
        max-width: 43rem;
        text-align: center;
    }

    .landing-page__brands-description {
        font-family: 'DM Sans', sans-serif;
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.875rem;
        letter-spacing: 0;
        color: rgba(0, 0, 0, 0.6);
        margin: 1rem auto 0;
        padding: 0;
        max-width: 50.6875rem;
        text-align: center;
    }
}

@media (max-width: 1023px) {
    .landing-page__case-studies {
        padding-bottom: 5rem;

        .landing-page__case-studies-header {
            margin-bottom: 2.083312rem;

            .landing-page__header-content {
                .landing-page__heading {
                    font-size: 2.25rem;
                }

                .landing-page__description {
                    font-size: 0.75rem;
                }
            }

            .landing-page__case-studies-btn {
                font-size: 0.666687rem;
                padding: 0.604187rem 1.25rem;
            }
        }

        .landing-page__case-studies-track {
            padding-left: max(1rem, calc((100vw - 79.1667vw) / 2));
            padding-right: max(3.75rem, calc((100vw - 79.1667vw) / 2));
        }

        .landing-page__case-study-media {
            height: 20.833313rem;
            border-radius: 0.833313rem;
        }

        .landing-page__case-study-title {
            font-size: 1.083312rem;
        }
    }

    .landing-page.client_testimonials-video-section {
        padding-block: 6.25rem;
    }

    .landing-page__brands {
        padding-block: 6.25rem;

        .landing-page__brands-content {
            padding-block: 4.166688rem;
        }
    }
}

/* =========================================================
   CASE STUDIES, STATS & BRANDS RESPONSIVE BREAKPOINTS
   ========================================================= */

/* Divide 1: 1919px–1280px */
@media (min-width: 1280px) and (max-width: 1919px) {
    .landing-page__case-studies {
        padding-top: 0;

        .landing-page__case-studies-header {
            margin-bottom: clamp(2.083312rem, 2.6042vw, 3.125rem);
        }


    }

    .landing-page__stats {
        padding-top: 9.375rem;
        padding-bottom: 1.5625rem;

        .landing-page__stats-heading {
            font-size: clamp(2.25rem, calc(2.8125vw * var(--desktop-font-vw-scale, 1)), 3.375rem);
            line-height: clamp(2.666688rem, 3.3333vw, 4rem);
        }

        .landing-page__stats-grid {
            gap: clamp(1.25rem, 1.5625vw, 1.875rem);
            margin-top: 4.6875rem;
        }

        .landing-page__stat-number {
            font-size: clamp(3.333312rem, calc(4.1667vw * var(--desktop-font-vw-scale, 1)), 5rem);
        }

        .landing-page__stats-ticker {
            margin-top: clamp(4.166688rem, 5.2083vw, 6.25rem);
        }

        .landing-page__stats-ticker-text {
            font-size: clamp(3.333312rem, calc(4.1667vw * var(--desktop-font-vw-scale, 1)), 5rem);
            padding-right: clamp(2.916688rem, 3.6458vw, 4.375rem);
        }
    }

    .landing-page__brands {
        .landing-page__brand-card {
            width: clamp(9.875rem, 12.3438vw, 14.8125rem);
            height: clamp(5rem, 6.25vw, 7.5rem);
        }

        .landing-page__brands-title {
            font-size: clamp(2.25rem, calc(2.8125vw * var(--desktop-font-vw-scale, 1)), 3.375rem);
        }

        .landing-page__brands-description {
            font-size: clamp(0.75rem, calc(0.9375vw * var(--desktop-font-vw-scale, 1)), 1.125rem);
            line-height: clamp(1.25rem, 1.5625vw, 1.875rem);
        }
    }
}

/* Divide 2: 1024px–1279px */
@media (min-width: 1024px) and (max-width: 1279px) {
    .landing-page__case-studies {
        padding-top: 0;
        padding-bottom: 6.25vw;
        margin-bottom: 0;

        .landing-page__case-studies-track {
            padding-left: 10.41625vw;
            padding-right: 10.41625vw;
        }

        .landing-page__case-studies-header {
            margin-bottom: 2.60414vw;
            gap: 1.5625vw;

            .landing-page__header-content {
                .landing-page__heading {
                    font-size: 2.8125vw;
                }

                .landing-page__description {
                    font-size: max(0.875rem, 0.9375vw);
                }
            }
        }

        .landing-page__case-study-media {
            height: 26.04164vw;
        }
    }

    .landing-page__stats {
        padding-top: 7.8125vw;
        padding-bottom: 1.30208vw;

        .landing-page__stats-header {
            gap: 0.52083vw;
        }

        .landing-page__stats-heading {
            font-size: 2.8125vw;
            line-height: 3.33336vw;
        }

        .landing-page__stats-description {
            max-width: 39.0625vw;
            font-size: max(0.875rem, 0.9375vw);
            line-height: max(1.25rem, 1.5625vw);
        }

        .landing-page__stats-grid {
            gap: 1.5625vw;
            margin-top: 3.90625vw;
        }

        .landing-page__stat-number {
            font-size: 4.16664vw;
        }

        .landing-page__stat-label {
            font-size: max(0.875rem, 0.9375vw);
        }

        .landing-page__stats-ticker {
            margin-top: 5.20836vw;
        }

        .landing-page__stats-ticker-text {
            font-size: 4.16664vw;
            padding-right: 3.64586vw;
        }
    }

    .landing-page__brands {
        .landing-page__brand-card {
            width: 12.34375vw;
            height: 6.25vw;
            border-radius: 0.9375vw;
            padding: 1.04167vw 1.25vw;
        }

        .landing-page__brands-strip {
            gap: 1.5625vw;
        }

        .landing-page__brands-title {
            font-size: 2.8125vw;
        }

        .landing-page__brands-description {
            font-size: max(0.875rem, 0.9375vw);
            line-height: max(1.25rem, 1.5625vw);
            margin-top: 0.8333vw;
        }
    }
}

/* Divide 3: 1023px–768px (Tablet) */
@media (min-width: 768px) and (max-width: 1023px) {
    .landing-page__case-studies {
        padding-top: 0;
        padding-bottom: 3rem;
        margin-bottom: 0;

        /* The tablet page gutter already aligns the section heading. Reset
           the desktop slider inset so the first card shares that same edge. */
        .landing-page__case-studies-track {
            padding-left: 0;
            padding-right: 3.125rem;
        }

        .landing-page__case-studies-header {
            margin-bottom: 1rem;
            gap: 1.125rem;

            .landing-page__header-content {
                .landing-page__heading {
                    font-size: 1.5rem;
                }

                .landing-page__description {
                    font-size: 0.90625rem;
                }
            }

            .landing-page__case-studies-btn {
                font-size: 0.875rem;
                padding: 0.6875rem 1.25rem;
            }
        }

        .landing-page__case-study-media {
            height: 15.625rem;
        }

        .landing-page__case-study-info {
            margin-top: 0.875rem;
            gap: 0.375rem;
        }

        .landing-page__case-study-title {
            font-size: 1.25rem;
        }

        .landing-page__case-study-category {
            font-size: 0.84375rem;
        }
    }

    .landing-page__stats {
        padding-top: 5.3125rem;
        padding-bottom: 1.5625rem;

        .landing-page__stats-header {
            gap: 0.625rem;
        }

        .landing-page__stats-heading {
            font-size: 2.375rem;
            line-height: 2.875rem;
        }

        .landing-page__stats-description {
            font-size: 0.9375rem;
            line-height: 1.625rem;
        }

        .landing-page__stats-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem 1.25rem;
            margin-top: 2.625rem;
        }

        .landing-page__stat-number {
            font-size: 3.375rem;
        }

        .landing-page__stat-label {
            font-size: 0.96875rem;
        }

        .landing-page__stats-ticker {
            margin-top: 3.75rem;
        }

        .landing-page__stats-ticker-text {
            font-size: 2.875rem;
            padding-right: 2.25rem;
        }
    }

    .landing-page__brands {
        padding-top: 3.125rem;
        padding-bottom: 4.0625rem;

        .landing-page__brand-card {
            width: 10.9375rem;
            height: 5.75rem;
            border-radius: 0.625rem;
            padding: 0.875rem 1.125rem;
        }

        .landing-page__brands-strip {
            gap: 0.875rem;
        }

        .landing-page__brands-strip-wrap--top,
        .landing-page__brands-strip-wrap--bottom {
            margin-block: 2.5rem;
        }

        .landing-page__brands-title {
            font-size: 1.625rem;
        }

        .landing-page__brands-description {
            font-size: 0.9375rem;
            line-height: 1.625rem;
            margin-top: 0.75rem;
        }
    }
}

/* Divide 4: 767px–481px (Phablet / Mobile Landscape) */
@media (min-width: 481px) and (max-width: 767px) {
    .landing-page__case-studies {
        padding-top: 0;
        padding-bottom: 2.5rem;
        margin-bottom: 0;
        height: auto !important;
        min-height: auto !important;

        .landing-page__case-studies-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 1.25rem;
            margin-bottom: 1.75rem;

            .landing-page__header-content {
                .landing-page__heading {
                    font-size: 1.625rem;
                }

                .landing-page__description {
                    font-size: 0.875rem;
                    line-height: 1.6;
                }
            }

            .landing-page__case-studies-btn {
                align-self: flex-start;
                font-size: 0.875rem;
                padding: 0.6875rem 1.375rem;
            }
        }

        .landing-page__case-studies-slider {
            width: 100% !important;
            overflow: visible !important;
        }

        .landing-page__case-studies-track {
            display: grid !important;
            grid-template-columns: 1fr !important;
            width: 100% !important;
            max-width: calc(100% - 2.5rem) !important;
            margin-inline: auto !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            gap: 2rem !important;
            transform: none !important;
            box-sizing: border-box !important;
        }

        .landing-page__case-study-card {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        .landing-page__case-study-link {
            width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
        }

        .landing-page__case-study-media {
            width: 100% !important;
            height: auto !important;
            aspect-ratio: 16 / 9 !important;
            border-radius: 1rem !important;
            overflow: hidden !important;

            img {
                width: 100% !important;
                height: 100% !important;
                max-width: 100% !important;
                object-fit: cover !important;
                display: block !important;
            }
        }

        .landing-page__case-study-info {
            margin-top: 0.875rem !important;
            gap: 0.375rem !important;
        }

        .landing-page__case-study-title {
            font-size: 1.25rem !important;
            line-height: 1.25 !important;
        }

        .landing-page__case-study-category {
            font-size: 0.875rem !important;
            line-height: 1.4 !important;
        }
    }

    .landing-page__stats {
        padding-top: 4.375rem;
        padding-bottom: 1.5625rem;

        .landing-page__stats-header {
            gap: 0.5rem;
        }

        .landing-page__stats-heading {
            font-size: 1.625rem;
            line-height: 1.25;
        }

        .landing-page__stats-description {
            font-size: 0.90625rem;
            line-height: 1.5rem;
        }

        .landing-page__stats-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 1.75rem 1rem;
            margin-top: 2.25rem;
        }

        .landing-page__stat-number {
            font-size: 2.75rem;
        }

        .landing-page__stat-label {
            font-size: 0.875rem;
        }

        .landing-page__stats-ticker {
            margin-top: 3rem;
        }

        .landing-page__stats-ticker-text {
            font-size: 2.25rem;
            padding-right: 1.75rem;
        }
    }

    .landing-page__brands {
        padding-top: 2.5rem;
        padding-bottom: 3.4375rem;

        .landing-page__brand-card {
            width: 9.375rem;
            height: 5rem;
            border-radius: 0.5rem;
            padding: 0.75rem 1rem;
        }

        .landing-page__brands-group {
            gap: 0.75rem;
            padding-right: 0.75rem;
        }

        .landing-page__brands-title {
            font-size: 1.625rem;
        }

        .landing-page__brands-description {
            font-size: 0.875rem;
            line-height: 1.375rem;
            margin-top: 0.625rem;
        }
    }
}

/* Divide 5: <= 480px (Small Mobile) */
@media (max-width: 480px) {
    .landing-page__case-studies {
        padding-top: 0;
        padding-bottom: 2.25rem;
        margin-bottom: 0;
        height: auto !important;
        min-height: auto !important;

        .landing-page__case-studies-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 1.5rem;

            .landing-page__header-content {
                .landing-page__heading {
                    font-size: 1.625rem;
                }

                .landing-page__description {
                    font-size: 0.9375rem;
                    line-height: 1.55;
                }
            }

            .landing-page__case-studies-btn {
                align-self: flex-start;
                font-size: 0.875rem;
                padding: 0.625rem 1.25rem;
                border-radius: 0.3125rem;
            }
        }

        .landing-page__case-studies-slider {
            width: 100% !important;
            overflow: visible !important;
        }

        .landing-page__case-studies-track {
            display: grid !important;
            grid-template-columns: 1fr !important;
            width: 100% !important;
            max-width: calc(100% - 2.5rem) !important;
            margin-inline: auto !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            gap: 1.5rem !important;
            transform: none !important;
            box-sizing: border-box !important;
        }

        .landing-page__case-study-card {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        .landing-page__case-study-link {
            width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
        }

        .landing-page__case-study-media {
            width: 100% !important;
            height: auto !important;
            aspect-ratio: 16 / 9 !important;
            border-radius: 0.875rem !important;
            overflow: hidden !important;

            img {
                width: 100% !important;
                height: 100% !important;
                max-width: 100% !important;
                object-fit: cover !important;
                display: block !important;
            }
        }

        .landing-page__case-study-info {
            margin-top: 0.75rem !important;
            gap: 0.3125rem !important;
        }

        .landing-page__case-study-title {
            font-size: 1.125rem !important;
            line-height: 1.25 !important;
        }

        .landing-page__case-study-category {
            font-size: 0.875rem !important;
            line-height: 1.4 !important;
        }
    }

    .landing-page__stats {
        padding-top: 3.75rem;
        padding-bottom: 1.5625rem;

        .landing-page__stats-header {
            gap: 0.5rem;
        }

        .landing-page__stats-heading {
            font-size: 1.625rem;
            line-height: 1.25;
        }

        .landing-page__stats-description {
            font-size: 0.875rem;
            line-height: 1.375rem;
        }

        .landing-page__stats-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem 0.875rem;
            margin-top: 1.875rem;

            @media (max-width: 340px) {
                grid-template-columns: 1fr;
                gap: 1.25rem;
            }
        }

        .landing-page__stat-item {
            gap: 0.5rem;
        }

        .landing-page__stat-number {
            font-size: 1.666688rem;
        }

        .landing-page__stat-label {
            font-size: 0.875rem;
            line-height: 1.35;
        }

        .landing-page__stats-ticker {
            margin-top: 2.25rem;
        }

        .landing-page__stats-ticker-text {
            font-size: 1.75rem;
            padding-right: 1.25rem;
        }
    }

    .landing-page__brands {
        padding-top: 2.8125rem;
        padding-bottom: 3.75rem;

        .landing-page__brand-card {
            width: 8.125rem;
            height: 4.375rem;
            border-radius: 0.5rem;
            padding: 0.625rem 0.875rem;
        }

        .landing-page__brands-title {
            font-size: 1rem;
        }

        .landing-page__brands-description {
            font-size: 0.84375rem;
            line-height: 1.25rem;
            margin-top: 0.625rem;
        }
    }
}

/* =========================================================
   MOBILE CONTINUOUS MARQUEE FOR BRANDS (< 768px)
   ========================================================= */

@media (max-width: 767px) {

    .landing-page__brands .landing-page__brands-strip-wrap,
    .landing-page__brands .landing-page__brands-strip-wrap--top,
    .landing-page__brands .landing-page__brands-strip-wrap--bottom {
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: flex-start !important;
    }

    .landing-page__brands .landing-page__brands-strip {
        display: flex;
        align-items: center;
        width: max-content;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        will-change: transform;
    }

    .landing-page__brands .landing-page__brands-group {
        display: flex !important;
        align-items: center;
        gap: 0.75rem;
        padding-right: 0.75rem;
        flex-shrink: 0;
    }

    .landing-page__brands .landing-page__brands-group--duplicate,
    .landing-page__brands .landing-page__brands-group[aria-hidden="true"] {
        display: flex !important;
    }

    .landing-page__brands .landing-page__brands-strip--top {
        animation: brandsMarqueeLeft 24s linear infinite !important;
    }

    .landing-page__brands .landing-page__brands-strip--bottom {
        animation: brandsMarqueeRight 24s linear infinite !important;
    }

    .landing-page__brands .landing-page__brands-strip-wrap:active .landing-page__brands-strip {
        animation-play-state: paused;
    }
}

@media (max-width: 1279px) {
    .landing-page .landing-page__hero .landing-page__description {
        font-size: 0.875rem;
        line-height: 1.55;
    }

    .landing-page .landing-page__hero-card-subtitle,
    .landing-page .landing-page__hero-card-clients-text,
    .landing-page .landing-page__hero-card-rating,
    .landing-page .landing-page__hero-card-footer-text {
        font-size: 0.875rem;
    }

    .landing-page .landing-page__hero-cards .landing-page__hero-card-clients-text,
    .landing-page .landing-page__hero-cards .landing-page__hero-card-footer-text {
        font-size: 0.875rem !important;
    }

    .services-scroll__item-desc {
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .services-scroll__feature,
    .services-scroll__feature-link {
        font-size: 0.875rem;
    }
}

@media (max-width: 480px) {
    .landing-page__brands .landing-page__brands-group {
        gap: 0.625rem;
        padding-right: 0.625rem;
    }
}

@keyframes brandsMarqueeLeft {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes brandsMarqueeRight {
    0% {
        transform: translate3d(-50%, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.page-services .landing-page__hero .landing-page__hero-glow-shape {
    background: linear-gradient(270deg, #BF249A 3.03%, #FFB3ED 54.43%, #BF249A 97.58%);
}

.page-services .landing-page__hero .landing-page__title .landing-page__highlight-blue {
    background: #BF249A;
}

.page-services .landing-page__hero .landing-page__hero-btn-wrap>.common-btn {
    background: #ffffff;
    color: #000000;
    font-weight: 600;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .page-services .services-scroll {
        padding-top: 2rem;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .landing-page--hero-wrap {
        padding-top: 13.44125vw;
        padding-bottom: 5.2vw;
    }

    .landing-page--hero-wrap .landing-page__hero .landing-page__description {
        font-size: 0.875rem;
    }

    .page-services .services-scroll {
        padding-top: 15.625vw;
    }
}

@media (max-width: 767px) {
    .landing-page--hero-wrap .landing-page__hero {
        .landing-page__hero-content {

            align-items: center;
            text-align: center;
        }

        .landing-page__partner-badges {
            /*justify-content: flex-start;*/
        }

        .landing-page__title {
            /*align-items: flex-start;*/
            /*text-align: left;*/
        }

        .landing-page__description {
            /*text-align: left;*/
        }

        .landing-page__hero-btn-wrap {
            /*justify-content: flex-start;*/
        }
    }
}