@media (max-width: 1023px) {


    /* =====================================================
       SERVICES DESIGN SYSTEM
       ===================================================== */

    .services-page {
        background: #fff;
        color: var(--d2c-black);
    }

    .services-page * {
        box-sizing: border-box;
    }

    .service-shell {
        width: 100%;
        max-width: 540px;

        margin: 0 auto;
        padding: 0 18px;
    }

    .service-section {
        position: relative;

        padding: 42px 0;

        overflow: hidden;
        background: #fff;
    }


    /* KICKER */

    .service-kicker {
        margin: 0 0 12px;

        color: var(--d2c-purple);

        font-size: 9px;
        line-height: 1;

        font-weight: 800;
        letter-spacing: .24em;

        text-transform: uppercase;
    }

    .service-kicker--center {
        text-align: center;
    }

    .service-kicker--gold {
        color: #c78c13;
    }


    /* H1 */

    .services-page h1 {
        margin: 0;

        color: var(--d2c-black);

        font-size: 34px;
        line-height: .96;

        font-weight: 900;
        letter-spacing: -.05em;
    }


    /* SECTION H2 — SAME ACROSS PAGE */

    .services-page h2 {
        margin: 0;

        color: var(--d2c-black);

        font-size: 30px;
        line-height: .98;

        font-weight: 900;
        letter-spacing: -.045em;
    }


    .services-page h1 span,
    .services-page h2 span {
        color: var(--d2c-purple);
    }


    .service-center {
        text-align: center;
    }


    /* BODY */

    .service-lead,
    .service-section-intro {
        margin: 13px 0 0;

        color: var(--d2c-body);

        font-size: 14px;
        line-height: 1.38;

        font-weight: 400;
    }


    /* =====================================================
       SHARED BUTTON
       ===================================================== */

    .service-btn {
        display: flex;

        align-items: center;
        justify-content: center;

        gap: 14px;

        width: 100%;
        min-height: 44px;

        padding: 0 16px;

        border: 0;
        border-radius: 7px;

        text-decoration: none;

        font-size: 13px;
        line-height: 1;

        font-weight: 800;
    }


    .service-btn--gold {
        background:
            linear-gradient(
                90deg,
                var(--d2c-gold),
                var(--d2c-gold-light)
            );

        color: #080b0e;
    }


    .service-btn--purple {
        background:
            linear-gradient(
                90deg,
                #762df4,
                var(--d2c-purple)
            );

        color: #fff;
    }


    .service-btn--outline-purple {
        border: 1px solid #c7a8ff;
        background: #f9f6ff;
        color: var(--d2c-purple);
    }


    .service-btn--outline-light {
        border: 1px solid #af70ff;
        background: transparent;
        color: #cb95ff;
    }



    /* =====================================================
       HERO
       ===================================================== */

    .service-hero {
        padding-top: 28px;

        background:
            radial-gradient(
                circle at 100% 2%,
                rgba(111, 44, 255, .12),
                transparent 34%
            ),
            #fff;
    }


    .service-hero .service-lead {
        max-width: 320px;
    }


    .service-hero__image {
        width: calc(100% + 36px);

        margin:
            20px -18px
            0;

        overflow: hidden;

        border-radius:
            28px 0 0 0;
    }


    .service-hero__image img {
        display: block;

        width: 100%;
        height: 220px;

        object-fit: cover;
    }



    /* =====================================================
       HERO TRUST
       ===================================================== */

    .service-trust {
        display: grid;

        grid-template-columns:
            repeat(3, 1fr);

        margin:
            0 -4px
            20px;

        padding:
            14px 0;

        border-bottom:
            1px solid var(--d2c-border);
    }


    .service-trust > div {
        display: grid;

        grid-template-columns:
            26px 1fr;

        gap: 7px;

        align-items: center;

        padding:
            0 8px;

        border-left:
            1px solid var(--d2c-border);
    }


    .service-trust > div:first-child {
        border-left: 0;
    }


    .service-trust svg {
        width: 24px;
        height: 24px;

        color: var(--d2c-purple);
    }


    .service-trust span {
        color: #303949;

        font-size: 9px;
        line-height: 1.25;
    }



    /* =====================================================
       WORK-WITH-ME CARDS
       ===================================================== */

    .service-way-list {
        display: grid;
        gap: 10px;
    }


    .service-way-card {
        position: relative;

        display: grid;

        grid-template-columns:
            52px 1fr 30px;

        gap: 11px;

        min-height: 100px;

        padding:
            14px 13px;

        border:
            1px solid var(--d2c-border);

        border-radius: var(--d2c-radius);

        background: #fff;

        color: inherit;

        text-decoration: none;

        box-shadow: var(--d2c-shadow);
    }


    .service-way-card__icon,
    .service-program-icon {
        display: grid;

        place-items: center;

        width: 48px;
        height: 48px;

        border-radius: 50%;

        background: var(--d2c-soft-purple);
        color: var(--d2c-purple);
    }


    .service-way-card__icon svg {
        width: 28px;
        height: 28px;
    }


    .service-way-card strong {
        display: block;

        margin-bottom: 3px;

        font-size: 17px;
        line-height: 1.05;

        font-weight: 900;
    }


    .service-way-card b {
        display: block;

        margin-bottom: 6px;

        color: var(--d2c-purple);

        font-size: 10px;
        line-height: 1.2;
    }


    .service-way-card p {
        margin: 0;

        color: var(--d2c-body);

        font-size: 10px;
        line-height: 1.35;
    }


    .service-way-card > small {
        position: absolute;

        top: 11px;
        right: 12px;

        color: #929bad;

        font-size: 9px;
    }


    .service-circle-arrow {
        position: absolute;

        right: 13px;
        bottom: 16px;

        display: grid;
        place-items: center;

        width: 35px;
        height: 35px;

        border-radius: 50%;

        background:
            linear-gradient(
                135deg,
                var(--d2c-gold),
                var(--d2c-gold-light)
            );

        color: #080a0e;

        font-size: 19px;
    }



    /* =====================================================
       TOP STATS
       ===================================================== */

    .service-top-stats {
        display: grid;

        grid-template-columns:
            repeat(3, 1fr);

        margin-top: 19px;
    }


    .service-top-stats > div {
        text-align: center;

        padding:
            0 8px;

        border-left:
            1px solid var(--d2c-border);
    }


    .service-top-stats > div:first-child {
        border-left: 0;
    }


    .service-top-stats strong {
        display: block;

        font-size: 14px;
        line-height: 1;

        font-weight: 900;
    }


    .service-top-stats span {
        display: block;

        margin-top: 5px;

        color: var(--d2c-body);

        font-size: 8px;
        line-height: 1.25;
    }



    /* =====================================================
       STARTING POINT
       ===================================================== */

    .service-starting {
        background:
            linear-gradient(
                180deg,
                #fff,
                #fbfaff
            );
    }


    .service-starting-list {
        display: grid;

        gap: 10px;

        margin-top: 17px;
    }


    .service-start-card {
        padding:
            11px 11px
            10px;

        border:
            1px solid var(--d2c-border);

        border-radius: var(--d2c-radius);

        background: #fff;

        box-shadow: var(--d2c-shadow);
    }


    .service-start-card header {
        display: grid;

        grid-template-columns:
            42px 1fr;

        gap: 10px;

        align-items: center;

        margin-bottom: 9px;
    }


    .service-start-card header > b {
        display: grid;

        place-items: center;

        width: 38px;
        height: 38px;

        border-radius: 50%;

        background: var(--d2c-soft-purple);

        color: var(--d2c-purple);

        font-size: 13px;
    }


    .service-start-card h3 {
        margin: 0;

        font-size: 14px;
        line-height: 1.1;

        font-weight: 900;
    }


    .service-start-card header p {
        margin:
            2px 0
            0;

        color: var(--d2c-body);

        font-size: 9px;
    }


    .service-start-card > img {
        display: block;

        width: 100%;
        height: 92px;

        border-radius: 6px;

        object-fit: cover;
    }



    /* =====================================================
       SHARED CHECKS
       ===================================================== */

    .service-check-list,
    .service-program-features {
        margin:
            10px 0;

        padding: 0;

        list-style: none;
    }


    .service-check-list li,
    .service-program-features li {
        position: relative;

        padding-left: 20px;

        color: #3d485a;

        font-size: 10px;
        line-height: 1.35;
    }


    .service-check-list li::before,
    .service-program-features li::before {
        content: "✓";

        position: absolute;

        left: 0;
        top: 0;

        display: grid;

        place-items: center;

        width: 13px;
        height: 13px;

        border-radius: 50%;

        background: var(--d2c-purple);

        color: #fff;

        font-size: 8px;
    }


    .service-start-card footer {
        display: flex;

        align-items: center;
        justify-content: space-between;
    }


    .service-start-card footer > span {
        padding:
            6px 9px;

        border-radius: 5px;

        background: #f3edff;

        color: var(--d2c-purple);

        font-size: 9px;
        font-weight: 700;
    }


    .service-start-card footer > a {
        display: grid;

        place-items: center;

        width: 35px;
        height: 35px;

        border-radius: 50%;

        background: #f3edff;

        color: var(--d2c-purple);

        text-decoration: none;

        font-size: 20px;
    }



    /* =====================================================
       HELP CARD
       ===================================================== */

    .service-help-card {
        display: grid;

        grid-template-columns:
            44px 1fr;

        gap: 10px;

        margin-top: 12px;

        padding: 12px;

        border:
            1px solid #dfd5fb;

        border-radius: var(--d2c-radius);

        background: #f8f5ff;
    }


    .service-help-card__icon {
        color: var(--d2c-purple);
    }


    .service-help-card strong {
        font-size: 12px;
    }


    .service-help-card p {
        margin:
            2px 0
            0;

        color: var(--d2c-body);

        font-size: 9px;
        line-height: 1.3;
    }


    .service-help-card .service-btn {
        grid-column:
            1 / -1;

        margin-top: 3px;
    }



    /* =====================================================
       PROGRAM / PRICING CARDS
       ===================================================== */

    .service-program-list {
        display: grid;

        gap: 12px;

        margin-top: 18px;
    }


    .service-program-card {
        position: relative;

        padding: 12px;

        border:
            1px solid var(--d2c-border);

        border-radius: var(--d2c-radius);

        background: #fff;

        box-shadow: var(--d2c-shadow);
    }


    .service-program-card--popular {
        border-color: var(--d2c-purple);
    }


    .service-popular {
        position: absolute;

        top: -1px;
        right: -1px;

        padding:
            8px 14px;

        border-radius:
            0 9px 0 7px;

        background: var(--d2c-purple);

        color: #fff;

        font-size: 8px;
        font-weight: 700;
    }


    .service-program-card__top {
        display: grid;

        grid-template-columns:
            48% 52%;

        align-items: start;

        gap: 8px;
    }


    .service-program-card__top img {
        display: block;

        width: 100%;
        height: 108px;

        border-radius: 5px;

        object-fit: cover;
    }


    .service-program-card small {
        display: block;

        margin-top: 5px;

        font-size: 8px;
    }


    .service-program-card h3 {
        margin: 0;

        font-size: 21px;
        line-height: 1;

        font-weight: 900;
    }


    .service-program-card__top b {
        color: var(--d2c-purple);

        font-size: 10px;
    }


    .service-price {
        display: block;

        margin-top: 8px;

        font-size: 28px;
        line-height: 1;

        font-weight: 900;
    }


    .service-price small {
        display: inline;

        font-size: 11px;
        font-weight: 500;
    }


    .service-best-for {
        margin:
            7px 0;

        color: var(--d2c-body);

        font-size: 9px;
        line-height: 1.3;
    }


    .service-program-features {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            6px 11px;

        margin:
            12px 0;
    }


    .service-program-features li {
        font-size: 8px;
    }



    /* DARK PROGRAM */

    .service-program-card--dark {
        border-color: #111826;

        background:
            linear-gradient(
                145deg,
                #0c121d,
                #070b13
            );

        color: #fff;
    }


    .service-program-card--dark
    .service-best-for,

    .service-program-card--dark
    .service-program-features li {
        color: #d7dbe3;
    }



    /* =====================================================
       PROCESS
       ===================================================== */

    .service-process-list {
        position: relative;

        display: grid;

        gap: 9px;

        margin-top: 18px;

        padding-left: 40px;
    }


    .service-process-list::before {
        content: "";

        position: absolute;

        top: 17px;
        bottom: 17px;
        left: 19px;

        border-left:
            1px dashed #bfa6f9;
    }


    .service-process-list article {
        position: relative;

        display: grid;

        grid-template-columns:
            48px 1fr;

        gap: 12px;

        min-height: 90px;

        padding:
            12px;

        border:
            1px solid var(--d2c-border);

        border-radius: var(--d2c-radius);

        background: #fff;
    }


    .service-process-list article > b {
        position: absolute;

        left: -57px;
        top: 15px;

        display: grid;

        place-items: center;

        width: 36px;
        height: 36px;

        border-radius: 50%;

        background: var(--d2c-purple);

        color: #fff;

        font-size: 11px;
    }


    .service-process-icon {
        display: grid;

        place-items: center;

        width: 45px;
        height: 45px;

        border-radius: 50%;

        background: var(--d2c-soft-purple);

        color: var(--d2c-purple);
    }


    .service-process-icon svg {
        width: 25px;
        height: 25px;
    }


    .service-process-list h3 {
        margin: 0;

        font-size: 14px;
        font-weight: 900;
    }


    .service-process-list small {
        display: block;

        margin:
            2px 0
            5px;

        color: var(--d2c-body);

        font-size: 9px;
    }


    .service-process-list p {
        margin: 0;

        color: var(--d2c-body);

        font-size: 10px;
        line-height: 1.3;
    }



    /* =====================================================
       PROCESS TRUST
       ===================================================== */

    .service-process-trust {
        display: grid;

        grid-template-columns:
            repeat(3, 1fr);

        margin-top: 12px;

        border:
            1px solid var(--d2c-border);

        border-radius: var(--d2c-radius);

        background: #faf9ff;
    }


    .service-process-trust div {
        display: grid;

        grid-template-columns:
            28px 1fr;

        gap: 5px;

        align-items: center;

        padding:
            10px 7px;

        border-left:
            1px solid var(--d2c-border);
    }


    .service-process-trust div:first-child {
        border-left: 0;
    }


    .service-process-trust svg {
        width: 24px;
        color: var(--d2c-purple);
    }


    .service-process-trust span {
        color: var(--d2c-body);

        font-size: 7px;
        line-height: 1.25;
    }


    .service-process-trust b {
        display: block;

        color: #111;

        font-size: 7px;
    }



    /* =====================================================
       WHY GRID
       ===================================================== */

    .service-why-grid {
        display: grid;

        grid-template-columns:
            repeat(2, 1fr);

        gap: 9px;

        margin-top: 18px;
    }


    .service-why-grid article {
        min-height: 130px;

        padding: 15px;

        border:
            1px solid var(--d2c-border);

        border-radius: var(--d2c-radius);

        background: #fff;
    }


    .service-why-grid svg {
        width: 31px;
        height: 31px;

        margin-bottom: 12px;

        color: var(--d2c-purple);
    }


    .service-why-grid h3 {
        margin:
            0 0
            5px;

        font-size: 14px;
        line-height: 1.1;
    }


    .service-why-grid p {
        margin: 0;

        color: var(--d2c-body);

        font-size: 11px;
        line-height: 1.3;
    }



    /* =====================================================
       IMPACT CARD
       ===================================================== */

    .service-impact {
        margin-top: 10px;

        padding:
            20px 18px;

        border-radius: var(--d2c-radius);

        background:
            radial-gradient(
                circle at 100% 100%,
                rgba(111,44,255,.35),
                transparent 40%
            ),
            #080d17;

        color: #fff;
    }


    .service-impact article {
        display: grid;

        grid-template-columns:
            1fr 70px;

        align-items: center;

        min-height: 100px;

        border-top:
            1px solid rgba(255,255,255,.20);
    }


    .service-impact article:first-of-type {
        border-top: 0;
    }


    .service-impact strong {
        display: block;

        font-size: 30px;
        line-height: 1;

        font-weight: 900;
    }


    .service-impact article b {
        display: block;

        font-size: 11px;
    }


    .service-impact article span {
        display: block;

        max-width: 220px;

        color: #cfd4dd;

        font-size: 9px;
        line-height: 1.25;
    }


    .service-impact article svg {
        width: 48px;
        height: 48px;

        color: #9751ff;
    }



    /* =====================================================
       FAQ
       ===================================================== */

    .service-contact-card {
        display: grid;

        grid-template-columns:
            1fr 145px;

        gap: 12px;

        align-items: center;

        margin:
            18px 0
            12px;

        padding: 16px;

        border:
            1px solid var(--d2c-border);

        border-radius: var(--d2c-radius);

        background: #faf9ff;
    }


    .service-contact-card strong {
        font-size: 13px;
    }


    .service-contact-card p {
        margin:
            2px 0
            10px;

        color: var(--d2c-body);

        font-size: 10px;
    }


    .service-contact-card small {
        color: var(--d2c-muted);

        font-size: 8px;
    }


    .service-faq-list {
        display: grid;
        gap: 7px;
    }


    .service-faq-list details {
        border:
            1px solid var(--d2c-border);

        border-radius: 7px;

        background: #fff;
    }


    .service-faq-list summary {
        display: grid;

        grid-template-columns:
            30px
            1fr
            25px;

        gap: 10px;

        align-items: center;

        min-height: 50px;

        padding:
            8px 12px;

        cursor: pointer;

        list-style: none;
    }


    .service-faq-list summary::-webkit-details-marker {
        display: none;
    }


    .service-faq-list summary small {
        color: #758095;

        font-size: 9px;
    }


    .service-faq-list summary strong {
        padding-left: 10px;

        border-left:
            1px solid var(--d2c-border);

        font-size: 12px;
        line-height: 1.2;
    }


    .service-faq-list summary > span {
        font-size: 20px;
        text-align: right;
    }


    .service-faq-answer {
        padding:
            0 52px
            14px;

        color: var(--d2c-body);

        font-size: 11px;
        line-height: 1.4;
    }



    /* =====================================================
       FINAL CTA
       ===================================================== */

    .service-apply {
        padding: 0;

        background: #eef4f8;
    }


    .service-apply .service-shell {
        position: relative;

        min-height: 930px;

        padding:
            40px 20px
            0;

        overflow: hidden;
    }


    .service-apply-bg {
        position: absolute;

        z-index: 0;

        inset: 0;
    }


    .service-apply-bg img {
        width: 100%;
        height: 100%;

        object-fit: none;
        object-position: center bottom;
    }


    .service-apply-bg::after {
        content: "";

        position: absolute;

        inset: 0;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.97) 0%,
                rgba(255,255,255,.89) 38%,
                rgba(255,255,255,.10) 72%
            );
    }


    .service-apply__top,
    .service-next-card,
    .service-final-quote {
        position: relative;

        z-index: 2;
    }


    .service-apply h2 span {
        color: #d6a028;
    }


    .service-apply__top > p:not(.service-kicker) {
        margin:
            12px 0
            14px;

        color: var(--d2c-body);

        font-size: 13px;
        line-height: 1.4;
    }


    .service-apply-button {
        height: 47px;

        font-size: 14px;
    }


    .service-safe {
        display: block;

        margin:
            9px auto
            18px;

        color: #616c7d;

        text-align: center;

        font-size: 8px;
    }



    /* =====================================================
       WHAT HAPPENS NEXT
       ===================================================== */

    .service-next-card {
        padding:
            17px;

        border:
            1px solid rgba(220,224,230,.8);

        border-radius: var(--d2c-radius);

        background:
            rgba(255,255,255,.90);

        backdrop-filter:
            blur(5px);
    }


    .service-next-card h3 {
        margin:
            0 0
            14px;

        font-size: 18px;
    }


    .service-next-card article {
        position: relative;

        display: grid;

        grid-template-columns:
            42px 1fr;

        gap: 12px;

        min-height: 70px;
    }


    .service-next-card article > b {
        display: grid;

        place-items: center;

        width: 35px;
        height: 35px;

        border-radius: 50%;

        background: #ffe5a2;

        color: #111;

        font-size: 10px;
    }


    .service-next-card article:not(:last-child)::after {
        content: "";

        position: absolute;

        top: 35px;
        bottom: 0;
        left: 17px;

        width: 1px;

        background: #e3c779;
    }


    .service-next-card strong {
        display: block;

        margin:
            2px 0
            4px;

        font-size: 11px;
    }


    .service-next-card p {
        margin: 0;

        color: var(--d2c-body);

        font-size: 9px;
        line-height: 1.35;
    }


.service-apply-bg img
    /* =====================================================
       FINAL QUOTE
       ===================================================== */

    .service-final-quote {
        position: absolute;

        left: 20px;
        bottom: 62px;

        margin: 0;

        color: #fff;

        font-size: 15px;
        line-height: 1.25;

        font-style: italic;
    }


    .service-final-quote small {
        display: block;

        margin-top: 10px;

        font-size: 7px;
        font-style: normal;

        font-weight: 700;

        letter-spacing: .2em;
    }

}

.service-btn svg, .service-safe svg{
    height: 24px;
}