/**
 * common-sections-v2.css
 * Section styles for Solutions v2 pages (Personalization, Merchandising, etc.).
 * Load only on target pages via enqueue_styles_by_page() — after common-sections.css,
 * before solutionsv2.css.
 *
 * Contains: y2026-hero-card, y2026-closing-banner, uvps, capabilities-v2, why-fs, who-benefits
 */

/* y2026-hero-card — opt-in hero variant (does not alter y2025-title-bold-regular) */
/* LCP: Frame-118.webp / BG.webp are preloaded from render_image_side_lcp_preloads() */

.section-wrap.image-side.y2026-hero-card {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    background-color: #ffffff !important;
    background-image: url(/wp-content/uploads/Frame-118.webp) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
}

/* Hero content — Figma 930:1127: max 1390, side pad 50 */
.image-side.y2026-hero-card .container {
    width: 100%;
    max-width: 1390px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    height: auto !important;
    padding: 40px 50px;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden;
    box-sizing: border-box;
}

.image-side.y2026-hero-card .right .content-container {
    padding-left: 0;
    justify-content: center;
}

.image-side.y2026-hero-card.left .content-container {
    align-items: flex-end;
    padding-right: 0;
    justify-content: center;
}

.image-side.y2026-hero-card .content-container-inner {
    width: 548px !important;
    max-width: 100%;
}

.image-side.y2026-hero-card.right .image-container {
    padding-right: 0;
    padding-left: 16px;
}

.image-side.y2026-hero-card.left .image-container {
    padding-left: 0;
    padding-right: 16px;
}

/* Title — Figma 694:1468: 50px / bold / #383700 */
.image-side.y2026-hero-card h1.title,
.image-side.y2026-hero-card h2.title {
    margin: 0;
    width: 100%;
    max-width: 548px;
    font-size: 50px;
    font-weight: 700;
    line-height: normal;
    color: #383700;
    letter-spacing: 0;
}

/* Body — Figma 694:1469: 20px / regular / 30px lh; 25px top (bottom via button mt) */
.image-side.y2026-hero-card .big-text,
.image-side.y2026-hero-card .medium-text {
    margin-top: 25px !important;
    margin-bottom: 0;
    width: 548px !important;
    max-width: 100%;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 30px;
    color: #383700;
    letter-spacing: 0;
}

.image-side.y2026-hero-card h1.title + .medium-text,
.image-side.y2026-hero-card h1.title + .big-text,
.image-side.y2026-hero-card h2.title + .medium-text,
.image-side.y2026-hero-card h2.title + .big-text {
    margin-top: 25px !important;
}

.image-side.y2026-hero-card .big-text p,
.image-side.y2026-hero-card .medium-text p {
    margin: 0;
}

.image-side.y2026-hero-card .medium-text p:last-of-type {
    margin-bottom: 0;
}

/* Button — Figma 694:1471: 18px / medium / 60px lh / min-w 204; 50px above */
.image-side.y2026-hero-card .contact-button,
.image-side.y2026-hero-card .big-text + .contact-button,
.image-side.y2026-hero-card .medium-text + .contact-button,
.image-side.y2026-hero-card .btn-solid,
.image-side.y2026-hero-card .btn-solid.btn-solid-small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 50px;
    margin-bottom: 25px;
    min-width: 204px;
    min-height: 62px;
    height: 62px;
    padding: 1px 37px;
    border-radius: 60px;
    border: 1px solid #5f49e5;
    background-color: #5f49e5;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0.09px;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
}

.image-side.y2026-hero-card .contact-button:hover,
.image-side.y2026-hero-card .btn-solid:hover {
    opacity: 0.92;
}

/* Video hero (e.g. Personalization) */
.image-side.y2026-hero-card .image-container video {
    border-radius: 15px;
    max-height: 350px;
}

/* Image hero (e.g. Merchandising) — Figma 994:1509: 600×314; beat ACF inline width */
.image-side.y2026-hero-card .image-container > img {
    width: 600px !important;
    max-width: 100%;
    height: auto !important;
    max-height: none;
    border-radius: 0;
    object-fit: contain;
}

.image-side.y2026-hero-card .image-container .video-on-demand {
    border-radius: 15px;
    overflow: hidden;
    max-height: 350px;
}

.image-side.y2026-hero-card .image-container .video-on-demand img {
    border-radius: 15px;
}

@media (max-width: 1100px) {
    .image-side.y2026-hero-card .container {
        padding: 40px 50px;
        background-color: transparent !important;
        box-shadow: none !important;
        border-radius: 0;
    }

    .image-side.y2026-hero-card .right .content-container,
    .image-side.y2026-hero-card.left .content-container {
        padding-left: 0;
        padding-right: 0;
    }

    .image-side.y2026-hero-card.right .image-container,
    .image-side.y2026-hero-card.left .image-container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1024px) {
    .section-wrap.image-side.y2026-hero-card {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .image-side.y2026-hero-card h1.title,
    .image-side.y2026-hero-card h2.title {
        font-size: 40px;
        line-height: 1.15;
    }

    .image-side.y2026-hero-card .big-text,
    .image-side.y2026-hero-card .medium-text {
        font-size: 18px !important;
        line-height: 28px;
        width: 100% !important;
    }

    .image-side.y2026-hero-card .contact-button,
    .image-side.y2026-hero-card .btn-solid,
    .image-side.y2026-hero-card .btn-solid.btn-solid-small {
        min-width: 180px;
        min-height: 54px;
        height: 54px;
        padding: 1px 28px;
        font-size: 16px;
        line-height: 52px;
    }
}

/* Mobile — Figma 738:575 (title → body → full-width CTA → media) */
@media (max-width: 768px) {
    .section-wrap.image-side.y2026-hero-card {
        padding: 0;
        background-color: #ffffff !important;
        background-image: url(/wp-content/uploads/BG.webp) !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    /* Mobile — 50px top/bottom; section pad cleared */
    .image-side.y2026-hero-card .container {
        border-radius: 0;
        padding: 50px 20px;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    .image-side.y2026-hero-card .divider,
    .image-side.y2026-hero-card .divider.right,
    .image-side.y2026-hero-card .divider.left {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .image-side.y2026-hero-card .half-width,
    .image-side.y2026-hero-card .content-container,
    .image-side.y2026-hero-card .content-container-inner,
    .image-side.y2026-hero-card .image-container {
        width: 100% !important;
        max-width: 100%;
    }

    /* Title — Figma 738:581: 36px / bold / 1.2 */
    .image-side.y2026-hero-card h1.title,
    .image-side.y2026-hero-card h2.title {
        font-size: 36px !important;
        font-weight: 700;
        line-height: 1.2;
        color: #383700;
        margin: 0;
        text-align: left;
        width: 100%;
        max-width: none;
    }

    /* Body — Figma 738:590: 18px / regular / 28px lh; 25px top */
    .image-side.y2026-hero-card .big-text,
    .image-side.y2026-hero-card .medium-text {
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 28px !important;
        color: #383700;
        width: 100% !important;
        max-width: 100% !important;
        letter-spacing: 0;
        text-align: left;
        margin-top: 25px !important;
        margin-bottom: 0 !important;
    }

    /* Button — Figma 738:584: full-width; 50px above description */
    .image-side.y2026-hero-card .contact-button,
    .image-side.y2026-hero-card .big-text + .contact-button,
    .image-side.y2026-hero-card .medium-text + .contact-button,
    .image-side.y2026-hero-card .btn-solid,
    .image-side.y2026-hero-card .btn-solid.btn-solid-small {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        margin-top: 50px;
        min-height: 0;
        height: auto;
        padding: 20px 24px;
        border-radius: 30px;
        border: 1px solid #5f49e5;
        background-color: #5f49e5;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: normal !important;
        text-align: center;
        white-space: normal;
    }

    /* Media — Figma 738:587: 220px / radius ~9.55 */
    .image-side.y2026-hero-card .image-container {
        margin-top: 20px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        align-items: stretch !important;
    }

    /* Video — fixed crop height */
    .image-side.y2026-hero-card .image-container video {
        width: 100% !important;
        max-width: 100% !important;
        height: 220px;
        max-height: none;
        object-fit: cover;
        border-radius: 10px;
    }

    /* Image — full width, keep aspect (don't crop) */
    .image-side.y2026-hero-card .image-container > img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none;
        object-fit: contain;
        border-radius: 0;
    }

    .image-side.y2026-hero-card .image-container .video-on-demand {
        width: 100% !important;
        max-width: 100% !important;
        height: 220px;
        border-radius: 10px;
        overflow: hidden;
    }

    .image-side.y2026-hero-card .image-container .video-on-demand img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        border-radius: 10px;
    }
}

@media screen and (max-width: 600px) {
    .section-wrap.image-side.y2026-hero-card {
        padding-top: 0 !important;
        padding-bottom: 0;
    }

    .section-wrap.image-side.y2026-hero-card .container {
        padding: 50px 20px;
        border-radius: 0;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .image-side.y2026-hero-card h1.title {
        margin-bottom: 0;
    }

    .image-side.y2026-hero-card .contact-button,
    .image-side.y2026-hero-card .big-text + .contact-button,
    .image-side.y2026-hero-card .btn-solid {
        margin-top: 50px;
        width: 100%;
        min-width: 0;
        height: auto;
        min-height: 0;
    }

    .image-side.y2026-hero-card .container:not(.reposition_image_on_mobile) .image-container,
    .image-side.y2026-hero-card .image-container {
        margin-top: 20px !important;
        margin-bottom: 0 !important;
    }

    .image-side.y2026-hero-card .container:not(.reposition_image_on_mobile) .image-container.mobile {
        margin-bottom: 0 !important;
    }
}

/* y2026-closing-banner — Figma Closing banner 694:2210 / Banner 694:2211 */

.section-wrap.image-side.y2026-closing-banner {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #e3e1fc;
    box-sizing: border-box;
}

.image-side.y2026-closing-banner .container {
    max-width: 1338px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
    padding: 50px 51px;
    background-color: #ffffff;
    box-shadow: none;
    overflow: visible;
    box-sizing: border-box;
}

.image-side.y2026-closing-banner .divider {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.image-side.y2026-closing-banner .half-width {
    flex: 0 1 auto;
    max-width: none;
}

.image-side.y2026-closing-banner .content-container {
    width: 548px;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: center;
}

.image-side.y2026-closing-banner .content-container-inner {
    width: 100% !important;
    max-width: 548px;
}

.image-side.y2026-closing-banner .right .content-container,
.image-side.y2026-closing-banner.left .content-container {
    padding-left: 0;
    padding-right: 0;
}

.image-side.y2026-closing-banner h1.title,
.image-side.y2026-closing-banner h2.title {
    margin: 0;
    width: 100%;
    max-width: 548px;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    color: #383700;
    letter-spacing: 0;
    text-align: left;
}

/* Description — Figma Subheading 694:2215: 548 wide (matches title), 20/28 */
.image-side.y2026-closing-banner .big-text,
.image-side.y2026-closing-banner .medium-text {
    margin: 0;
    width: 548px !important;
    max-width: 100%;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 28px;
    color: #383700;
    letter-spacing: 0;
    text-align: left;
}

.image-side.y2026-closing-banner h1.title + .big-text,
.image-side.y2026-closing-banner h1.title + .medium-text,
.image-side.y2026-closing-banner h2.title + .big-text,
.image-side.y2026-closing-banner h2.title + .medium-text {
    margin-top: 15px !important;
}

.image-side.y2026-closing-banner .big-text p,
.image-side.y2026-closing-banner .medium-text p {
    margin: 0;
}

/* CTA — Figma Button 694:2216: 203×50, 18px / 500, px 31, radius 60 */
.image-side.y2026-closing-banner .contact-button,
.image-side.y2026-closing-banner .big-text + .contact-button,
.image-side.y2026-closing-banner .medium-text + .contact-button,
.image-side.y2026-closing-banner .btn-solid {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 20px;
    min-width: 203px;
    min-height: 50px;
    height: 50px;
    padding: 0 31px;
    border-radius: 60px;
    border: 1px solid #5f49e5;
    background-color: #5f49e5;
    color: #ffffff;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: normal;
    letter-spacing: 0.07px;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
}

.image-side.y2026-closing-banner .contact-button:hover,
.image-side.y2026-closing-banner .btn-solid:hover {
    opacity: 0.92;
}

.image-side.y2026-closing-banner .image-container {
    width: 550px;
    max-width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    align-items: flex-end;
    justify-content: center;
}

.image-side.y2026-closing-banner .image-container img,
.image-side.y2026-closing-banner .image-container video {
    display: block;
    width: 550px;
    max-width: 100%;
    height: auto;
    max-height: none;
    border-radius: 0;
    object-fit: contain;
}

@media (max-width: 1200px) {
    .image-side.y2026-closing-banner .container {
        padding: 40px 36px;
    }

    .image-side.y2026-closing-banner .content-container {
        width: min(548px, 48%);
    }

    .image-side.y2026-closing-banner .image-container {
        width: min(550px, 48%);
    }
}

@media (max-width: 1024px) {
    .section-wrap.image-side.y2026-closing-banner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .image-side.y2026-closing-banner .divider {
        gap: 28px;
    }

    .image-side.y2026-closing-banner h1.title,
    .image-side.y2026-closing-banner h2.title {
        font-size: 34px;
        line-height: 42px;
    }

    .image-side.y2026-closing-banner .big-text,
    .image-side.y2026-closing-banner .medium-text {
        font-size: 18px !important;
        line-height: 26px;
        width: 100% !important;
    }
}

/* Mobile — Figma 736:648: full-width, pt 50, stacked title → body → CTA → image */
@media (max-width: 768px) {
    .section-wrap.image-side.y2026-closing-banner {
        margin-top: 0 !important;
        padding-top: 50px !important;
        padding-bottom: 50px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }

    .image-side.y2026-closing-banner .container {
        max-width: 100%;
        width: 100%;
        border-radius: 0;
        padding: 0 20px;
        background-color: transparent;
        box-shadow: none;
    }

    .image-side.y2026-closing-banner .divider,
    .image-side.y2026-closing-banner .divider.right,
    .image-side.y2026-closing-banner .divider.left {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .image-side.y2026-closing-banner .half-width,
    .image-side.y2026-closing-banner .content-container,
    .image-side.y2026-closing-banner .image-container {
        width: 100%;
        max-width: 100%;
    }

    .image-side.y2026-closing-banner .content-container-inner {
        max-width: 100%;
    }

    .image-side.y2026-closing-banner h1.title,
    .image-side.y2026-closing-banner h2.title {
        font-size: 26px !important;
        font-weight: 700;
        line-height: 35px;
        color: #383700;
        width: 100%;
        max-width: none;
    }

    .image-side.y2026-closing-banner .big-text,
    .image-side.y2026-closing-banner .medium-text {
        margin-top: 12px !important;
        width: 100% !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 25px;
        color: #383700;
    }

    .image-side.y2026-closing-banner .contact-button,
    .image-side.y2026-closing-banner .big-text + .contact-button,
    .image-side.y2026-closing-banner .medium-text + .contact-button,
    .image-side.y2026-closing-banner .btn-solid {
        display: flex;
        width: 100%;
        min-height: 58px;
        height: 58px;
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 20px 24px;
        border-radius: 30px;
        font-size: 15px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0;
    }

    .image-side.y2026-closing-banner .image-container {
        margin-top: 0 !important;
        align-items: stretch !important;
    }

    .image-side.y2026-closing-banner .image-container img,
    .image-side.y2026-closing-banner .image-container video {
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
        object-fit: contain;
    }
}

/* uvps - start */

/* uvps — Figma desktop 694:1673 / mobile 736:565
   Higher specificity needed to beat sections.css .section-wrap h2/h3 */

.section-wrap.uvps {
    background-color: #ffffff !important;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}
.section-wrap.uvps .uvps__container.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    width: 100%;
    max-width: 100%;
    padding-left: 50px !important;
    padding-right: 50px !important;
    box-sizing: border-box;
}

/* Header — Figma 694:1674: centered, not full-bleed stretched */
.section-wrap.uvps .uvps__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
    width: 100%;
    max-width: 1150px;
}

/* Heading — Figma 694:1675: 50px / 700 / 55px lh, w 1150 */
.section-wrap.uvps h2.uvps__title {
    margin: 0;
    max-width: 1150px;
    width: 100%;
    font-size: 50px !important;
    font-weight: 700 !important;
    line-height: 55px !important;
    letter-spacing: 0;
    color: #383700 !important;
    text-align: center !important;
    text-transform: none;
}

/* Subheading — Figma 694:1676: 20px / 400 / 30px lh, w 926 */
.section-wrap.uvps .uvps__subtitle {
    margin: 0 auto;
    max-width: 926px;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #383700;
    text-align: center;
}

/* Cards row — Figma 694:1680: max 1250, gap 40 */
.section-wrap.uvps .uvps__grid {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    gap: 40px;
    width: 100%;
    max-width: 1338px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* Card — Figma 694:1682: equal flex columns, 30px pad, 16px radius, gap 25 */
.section-wrap.uvps .uvps__card {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    min-height: 236px;
    box-sizing: border-box;
    padding: 30px;
    background-color: #e3e1fc;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 25px;
    text-align: left !important;
}

/* Card title — Figma 694:1686: 22px / 700 / 30.8px lh */
.section-wrap.uvps h3.uvps__card-title {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 30.8px !important;
    letter-spacing: 0;
    color: #383700 !important;
    text-align: left !important;
    text-transform: none;
}

/* Card body — Figma 694:1688: 20px / 400 / 30px lh */
.section-wrap.uvps .uvps__card-body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #383700;
    text-align: left !important;
}

.section-wrap.uvps .uvps__card-body p {
    margin: 0;
    text-align: left !important;
}

/* Card body links — Figma 1093:5873 / 1093:5889 */
.section-wrap.uvps .uvps__card-body a {
    color: inherit;
    text-decoration-line: underline !important;
    text-decoration-style: solid;
    text-decoration-color: currentColor;
    text-decoration-thickness: auto;
    text-decoration-skip-ink: none;
    text-underline-position: from-font;
}

@media screen and (max-width: 1100px) {
    .section-wrap.uvps h2.uvps__title {
        font-size: 40px !important;
        line-height: 1.15 !important;
    }

    .section-wrap.uvps .uvps__grid {
        flex-wrap: wrap;
        gap: 24px;
    }

    .section-wrap.uvps .uvps__card {
        flex: 1 1 calc((100% - 24px) / 2);
        min-height: 0;
    }
}

/* Mobile — Figma 736:565 */
@media screen and (max-width: 768px) {
    .section-wrap.uvps {
        padding:50px 0px;
    }

    .section-wrap.uvps .uvps__container.container {
        align-items: stretch;
        gap: 40px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .section-wrap.uvps .uvps__header {
        align-items: flex-start;
        gap: 12px;
        text-align: left;
        max-width: none;
    }

    .section-wrap.uvps h2.uvps__title {
        font-size: 26px !important;
        font-weight: 700 !important;
        line-height: 35px !important;
        text-align: left !important;
        max-width: none;
        width: 100%;
    }

    .section-wrap.uvps .uvps__subtitle {
        margin: 0;
        max-width: none;
        width: 100%;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
        text-align: left;
    }

    .section-wrap.uvps .uvps__grid {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 25px;
    }

    .section-wrap.uvps .uvps__card {
        flex: 1 1 auto;
        width: 100%;
        min-height: 0;
        padding: 24px;
        border-radius: 16px;
        align-items: flex-start;
        gap: 12px;
        text-align: left !important;
    }

    .section-wrap.uvps h3.uvps__card-title {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: normal !important;
        text-align: left !important;
        width: 100%;
    }

    .section-wrap.uvps .uvps__card-body {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        text-align: left !important;
        width: 100%;
    }
}

/* uvps - end */

/* capabilities-v2 — Figma desktop 694:1705 / mobile 744:3152
   Higher specificity needed to beat sections.css .section-wrap h2/h3 */

.section-wrap.capabilities-v2 {
    background-color: #ffffff !important;
    background-image: none !important;
    padding-top: 100px;
    padding-bottom: 100px;
    /* Cancel global .section-wrap horizontal padding (var(--menu_margin)) */
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

.section-wrap.capabilities-v2 .capabilities-v2__container.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 70px;
    width: 100%;
    max-width: 1450px;
    box-sizing: border-box;
    /* Figma 694:1771 row: px-[100px] */
    padding-left: 100px !important;
    padding-right: 100px !important;
}

/* Header — Figma 694:1706: centered, not full-bleed stretched */
.section-wrap.capabilities-v2 .capabilities-v2__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
    width: 100%;
    max-width: 1150px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

/* Heading — Figma 694:1707: 50px / 700 / 55px lh, w 1150 */
.section-wrap.capabilities-v2 h2.capabilities-v2__title {
    margin: 0;
    max-width: 1150px;
    width: 100%;
    font-size: 50px !important;
    font-weight: 700 !important;
    line-height: 55px !important;
    letter-spacing: 0;
    color: #383700 !important;
    text-align: center !important;
    text-transform: none;
}

/* Subheading — Figma 694:1708: 20px / 400 / 30px lh, w 926 */
.section-wrap.capabilities-v2 .capabilities-v2__subtitle {
    margin: 0 auto;
    max-width: 926px;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #383700;
    text-align: center;
}

/* CTA — Figma 694:1709: 171×50, pill — do not stretch */
.section-wrap.capabilities-v2 .capabilities-v2__cta.btn-solid {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: auto;
    max-width: none;
    min-width: 171px;
    height: 50px;
    flex: none;
    margin-top: 0;
    padding: 0 31px;
    box-sizing: border-box;
    background-color: #5f49e5;
    border: 1px solid #5f49e5;
    border-radius: 60px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.09px;
    line-height: normal;
    text-decoration: none;
}

.section-wrap.capabilities-v2 .capabilities-v2__cta.btn-solid:hover {
    opacity: 0.92;
}

.section-wrap.capabilities-v2 .capabilities-v2__feed {
    display: flex;
    flex-direction: column;
    gap: 100px;
    width: 100%;
    box-sizing: border-box;
}

/* Row — Figma 694:1712: fixed 550 text + 550 media, space-between auto gap */
.section-wrap.capabilities-v2 .capabilities-v2__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

.section-wrap.capabilities-v2 .capabilities-v2__row.is-media-right {
    flex-direction: row;
}

.section-wrap.capabilities-v2 .capabilities-v2__row.is-media-left {
    flex-direction: row-reverse;
}

/* Content — Figma 694:1713: shrink-0 w-[550px] */
.section-wrap.capabilities-v2 .capabilities-v2__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 550px;
    max-width: 550px;
    flex: 0 0 550px;
    min-width: 0;
    box-sizing: border-box;
    text-align: left !important;
}

/* Row title — Figma 694:1715: 40px / 800 / 44px lh */
.section-wrap.capabilities-v2 h3.capabilities-v2__row-title {
    margin: 0;
    width: 100%;
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 44px !important;
    letter-spacing: 0;
    color: #383700 !important;
    text-align: left !important;
    text-transform: none;
}

/* Row body — Figma 694:1716: 20px / 600 / 30px lh */
.section-wrap.capabilities-v2 .capabilities-v2__row-body {
    margin: 0;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #383700;
    text-align: left !important;
}

.section-wrap.capabilities-v2 .capabilities-v2__row-body p {
    margin: 0;
    text-align: left !important;
}

/* Row body links — Figma 1093:6173 */
.section-wrap.capabilities-v2 .capabilities-v2__row-body a {
    color: inherit;
    text-decoration-line: underline !important;
    text-decoration-style: solid;
    text-decoration-color: currentColor;
    text-decoration-thickness: auto;
    text-decoration-skip-ink: none;
    text-underline-position: from-font;
}

/* Learn more — Figma 694:1718: 18px / 700 / 28px lh */
.section-wrap.capabilities-v2 .capabilities-v2__learn-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #5f49e5;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    text-decoration: none;
}

.section-wrap.capabilities-v2 .capabilities-v2__learn-more::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 9px;
    background-color: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath fill='%23000' d='M7.2 0L6.1 1.1 8.9 3.9H0v1.5h8.9L6.1 8.2 7.2 9.3 12 4.5z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath fill='%23000' d='M7.2 0L6.1 1.1 8.9 3.9H0v1.5h8.9L6.1 8.2 7.2 9.3 12 4.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.section-wrap.capabilities-v2 .capabilities-v2__learn-more:hover {
    opacity: 0.85;
}

/* Media — Figma 694:1720: shrink-0 550×350 */
.section-wrap.capabilities-v2 .capabilities-v2__media {
    flex: 0 0 550px;
    width: 550px;
    max-width: 550px;
    min-width: 0;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.section-wrap.capabilities-v2 .capabilities-v2__image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 550px;
    max-height: 350px;
    object-fit: contain;
}

@media screen and (max-width: 1250px) {
    .section-wrap.capabilities-v2 .capabilities-v2__container.container {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    /* Allow mild shrink when 550+550 no longer fits */
    .section-wrap.capabilities-v2 .capabilities-v2__content,
    .section-wrap.capabilities-v2 .capabilities-v2__media {
        flex: 0 1 550px;
        max-width: calc((100% - 40px) / 2);
        width: calc((100% - 40px) / 2);
    }

    .section-wrap.capabilities-v2 .capabilities-v2__row {
        gap: 40px;
    }

    .section-wrap.capabilities-v2 h3.capabilities-v2__row-title {
        font-size: 34px !important;
        line-height: 1.15 !important;
    }
}

@media screen and (max-width: 1024px) {
    .section-wrap.capabilities-v2 .capabilities-v2__container.container {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__feed {
        gap: 70px;
    }

    .section-wrap.capabilities-v2 h2.capabilities-v2__title {
        font-size: 40px !important;
        line-height: 1.15 !important;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__media {
        height: auto;
        min-height: 280px;
    }
}

/* Mobile — Figma 744:3152 (image → title → body → Learn more) */
@media screen and (max-width: 768px) {
    .section-wrap.capabilities-v2 {
        padding-top: 50px;
        padding-bottom: 50px;
        /* Beat global .section-wrap side padding so content inset is exactly 20px */
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__container.container {
        align-items: stretch;
        gap: 40px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__header {
        align-items: flex-start;
        gap: 12px;
        text-align: left;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }

    .section-wrap.capabilities-v2 h2.capabilities-v2__title {
        max-width: none;
        width: 100%;
        font-size: 26px !important;
        font-weight: 700 !important;
        line-height: 35px !important;
        letter-spacing: 0 !important;
        color: #383700 !important;
        text-align: left !important;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__subtitle {
        margin: 0;
        max-width: none;
        width: 100%;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 25px !important;
        color: #383700;
        text-align: left !important;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__cta.btn-solid {
        align-self: stretch;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 58px;
        margin-top: 28px; /* + header gap 12px = 40px from subtitle (Figma parent gap) */
        padding: 20px 24px;
        border-radius: 30px;
        font-size: 15px !important;
        font-weight: 600 !important;
        letter-spacing: 0;
        line-height: normal;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__feed {
        gap: 40px;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__row,
    .section-wrap.capabilities-v2 .capabilities-v2__row.is-media-right,
    .section-wrap.capabilities-v2 .capabilities-v2__row.is-media-left {
        flex-direction: column;
        align-items: stretch;
        gap: 30px;
        padding-left: 0;
        padding-right: 0;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__content {
        order: 2;
        width: 100%;
        flex: none;
        gap: 12px;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__media {
        order: 1;
        width: 100%;
        flex: none;
        height: auto;
        min-height: 0;
        justify-content: flex-start;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__image {
        width: 100%;
        max-width: 100%;
        max-height: none;
        height: auto;
        object-fit: contain;
    }

    .section-wrap.capabilities-v2 h3.capabilities-v2__row-title {
        font-size: 22px !important;
        font-weight: 800 !important;
        line-height: normal !important;
        letter-spacing: 0 !important;
        color: #383700 !important;
        text-align: left !important;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__row-body {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 22px !important;
        color: #383700;
        text-align: left !important;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__learn-more {
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 28px !important;
        gap: 8px;
        color: #5f49e5;
    }

    .section-wrap.capabilities-v2 .capabilities-v2__learn-more::after {
        width: 10px;
        height: 7px;
    }
}

/* capabilities-v2 - end */

/* why-fs — Figma desktop 694:2041 / mobile 736:600
   Higher specificity needed to beat sections.css .section-wrap h2/h3
   and inline section background-color (#ffffff00) from the section renderer */

.section-wrap.why-fs {
    /* Force opaque white — renderer sets inline background-color:#ffffff00 */
    background-color: #ffffff !important;
    background-image: none !important;
    padding-top: 100px;
    padding-bottom: 100px;
    /* Cancel global .section-wrap horizontal padding (var(--menu_margin)) */
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

.section-wrap.why-fs .why-fs__container.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 70px;
    width: 100%;
    max-width: 1450px;
    padding-left: 50px !important;
    padding-right: 50px !important;
    box-sizing: border-box;
}

/* Title — Figma 694:2042: 50px / 700 / 47.25px lh */
.section-wrap.why-fs h2.why-fs__title {
    margin: 0;
    width: 100%;
    max-width: none;
    font-size: 50px !important;
    font-weight: 700 !important;
    line-height: 47.25px !important;
    letter-spacing: 0 !important;
    color: #383700 !important;
    text-align: center !important;
    text-transform: none;
}

/* Grid — Figma 694:2043: equal columns, gap 40px */
.section-wrap.why-fs .why-fs__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 40px;
    row-gap: 40px;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    align-items: start;
}

/* Item — Figma 694:2044: icon + content column, gap 10 */
.section-wrap.why-fs .why-fs__item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    text-align: left !important;
}

.section-wrap.why-fs .why-fs__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 22px;
    flex-shrink: 0;
    line-height: 0;
}

.section-wrap.why-fs .why-fs__icon svg {
    display: block;
    width: 20px;
    height: 22px;
}

/* Title + body stack — Figma 694:2047 */
.section-wrap.why-fs .why-fs__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Item title — Figma 694:2048: 22px / 700 / 21.6px lh */
.section-wrap.why-fs h3.why-fs__item-title {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 21.6px !important;
    letter-spacing: 0 !important;
    color: #383700 !important;
    text-align: left !important;
    text-transform: none;
}

/* Item body — Figma 694:2049: 20px / 500 / 28px lh */
.section-wrap.why-fs .why-fs__item-body {
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #383700;
    text-align: left !important;
}

.section-wrap.why-fs .why-fs__item-body p {
    margin: 0;
    text-align: left !important;
}

@media screen and (max-width: 1100px) {
    .section-wrap.why-fs .why-fs__container.container {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .section-wrap.why-fs h2.why-fs__title {
        font-size: 40px !important;
        line-height: 1.15 !important;
    }

    .section-wrap.why-fs .why-fs__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

/* Mobile — Figma 736:600 */
@media screen and (max-width: 768px) {
    .section-wrap.why-fs {
        padding-top: 50px;
        padding-bottom: 50px;
        /* Beat global .section-wrap side padding + inline #ffffff00 */
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }

    .section-wrap.why-fs .why-fs__container.container {
        align-items: stretch;
        gap: 40px;
        width: 100%;
        max-width: none;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Title — Figma 738:1694: 26px / 700 / 35px lh, left */
    .section-wrap.why-fs h2.why-fs__title {
        max-width: none;
        width: 100%;
        font-size: 26px !important;
        font-weight: 700 !important;
        line-height: 35px !important;
        letter-spacing: 0 !important;
        color: #383700 !important;
        text-align: left !important;
    }

    .section-wrap.why-fs .why-fs__grid {
        grid-template-columns: 1fr;
        gap: 40px;
        width: 100%;
        max-width: none;
    }

    .section-wrap.why-fs .why-fs__item {
        width: 100%;
        gap: 12px;
        align-items: flex-start;
        text-align: left !important;
    }

    /* Icon — Figma 738:1708: ~17.82px */
    .section-wrap.why-fs .why-fs__icon {
        width: 18px;
        height: 18px;
    }

    .section-wrap.why-fs .why-fs__icon svg {
        width: 18px;
        height: 18px;
    }

    .section-wrap.why-fs .why-fs__content {
        gap: 10px;
    }

    /* Item title — Figma 738:1710: 20px / 800 */
    .section-wrap.why-fs h3.why-fs__item-title {
        font-size: 20px !important;
        font-weight: 800 !important;
        line-height: normal !important;
        letter-spacing: 0 !important;
        color: #383700 !important;
        text-align: left !important;
    }

    /* Item body — Figma 738:1716: 16px / 400 / 22px lh */
    .section-wrap.why-fs .why-fs__item-body {
        padding-left: 0;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 22px !important;
        color: #383700;
        text-align: left !important;
    }
}

/* why-fs - end */

/* who-benefits — Figma desktop 694:2076 / mobile 736:621
   Higher specificity needed to beat sections.css .section-wrap h2/h3
   and inline section background-color (#ffffff00) from the section renderer */

.section-wrap.who-benefits {
    /* Force lavender — renderer sets inline background-color:#ffffff00 */
    background-color: #e3e1fc !important;
    background-image: none !important;
    padding-top: 100px;
    padding-bottom: 100px;
    /* Cancel global .section-wrap horizontal padding (var(--menu_margin)) */
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

.section-wrap.who-benefits .who-benefits__container.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    width: 100%;
    max-width: 1450px;
    padding-left: 50px !important;
    padding-right: 50px !important;
    box-sizing: border-box;
}

/* Intro = title + subtitle + CTA (Figma 694:2077) — constrained; cards stay full width */
.section-wrap.who-benefits .who-benefits__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 100%;
    padding-left: 120px;
    padding-right: 120px;
    box-sizing: border-box;
}

.section-wrap.who-benefits .who-benefits__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
    width: 100%;
    max-width: 1150px;
}

/* Title — Figma 694:2078: 50px / 700 / 55px lh, w 1150 */
.section-wrap.who-benefits h2.who-benefits__title {
    margin: 0;
    max-width: 1150px;
    width: 100%;
    font-size: 50px !important;
    font-weight: 700 !important;
    line-height: 55px !important;
    letter-spacing: 0 !important;
    color: #383700 !important;
    text-align: center !important;
    text-transform: none;
}

/* Subtitle — Figma 694:2079: 20px / 400 / 30px lh, w 926 */
.section-wrap.who-benefits .who-benefits__subtitle {
    margin: 0 auto;
    max-width: 926px;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #383700;
    text-align: center;
}

/* CTA — Figma 694:2080: 50px tall, 18px / 500, radius 60 */
.section-wrap.who-benefits .who-benefits__cta.btn-solid {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 171px;
    height: 50px;
    margin-top: 0;
    padding: 0 31px;
    box-sizing: border-box;
    background-color: #5f49e5;
    border: 1px solid #5f49e5;
    border-radius: 60px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.09px;
    line-height: normal;
    text-decoration: none;
}

.section-wrap.who-benefits .who-benefits__cta.btn-solid:hover {
    opacity: 0.92;
}

.section-wrap.who-benefits .who-benefits__grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    width: 100%;
    box-sizing: border-box;
}

/* Card — Figma 694:2083: white, p30, r16, gap 25 */
.section-wrap.who-benefits .who-benefits__card {
    flex: 1 1 0;
    min-width: 0;
    box-sizing: border-box;
    padding: 30px;
    background-color: #ffffff;
    border: none;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 25px;
    text-align: left !important;
}

/* Card title — Figma 694:2085: 22px / 700 / 30.8px lh */
.section-wrap.who-benefits h3.who-benefits__card-title {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 30.8px !important;
    letter-spacing: 0 !important;
    color: #383700 !important;
    text-align: left !important;
    text-transform: none;
}

/* Card body — Figma 694:2087: 20px / 400 / 28px lh */
.section-wrap.who-benefits .who-benefits__card-body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #383700;
    text-align: left !important;
}

.section-wrap.who-benefits .who-benefits__card-body p {
    margin: 0;
    text-align: left !important;
}

/* Learn more — Figma 694:2089: 18px / 700 / 28px lh */
.section-wrap.who-benefits .who-benefits__learn-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #5f49e5;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    text-decoration: none;
}

.section-wrap.who-benefits .who-benefits__learn-more::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 9px;
    background-color: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath fill='%23000' d='M7.2 0L6.1 1.1 8.9 3.9H0v1.5h8.9L6.1 8.2 7.2 9.3 12 4.5z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath fill='%23000' d='M7.2 0L6.1 1.1 8.9 3.9H0v1.5h8.9L6.1 8.2 7.2 9.3 12 4.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.section-wrap.who-benefits .who-benefits__learn-more:hover {
    opacity: 0.85;
}

@media screen and (max-width: 1100px) {
    .section-wrap.who-benefits .who-benefits__container.container {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .section-wrap.who-benefits .who-benefits__intro {
        padding-left: 40px;
        padding-right: 40px;
    }

    .section-wrap.who-benefits h2.who-benefits__title {
        font-size: 40px !important;
        line-height: 1.15 !important;
    }

    .section-wrap.who-benefits .who-benefits__grid {
        flex-wrap: wrap;
        gap: 24px;
    }

    .section-wrap.who-benefits .who-benefits__card {
        flex: 1 1 calc((100% - 24px) / 2);
    }
}

/* Mobile — Figma 736:621 */
@media screen and (max-width: 768px) {
    .section-wrap.who-benefits {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-color: #e3e1fc !important;
        background-image: none !important;
    }

    .section-wrap.who-benefits .who-benefits__container.container {
        align-items: stretch;
        gap: 40px;
        width: 100%;
        max-width: none;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Flatten intro so header → CTA → cards all share the 40px stack gap */
    .section-wrap.who-benefits .who-benefits__intro {
        display: contents;
        padding-left: 0;
        padding-right: 0;
    }

    .section-wrap.who-benefits .who-benefits__header {
        align-items: flex-start;
        gap: 12px;
        text-align: left;
        max-width: none;
        width: 100%;
    }

    /* Title — Figma 738:1749: 26px / 700 / 35px lh */
    .section-wrap.who-benefits h2.who-benefits__title {
        max-width: none;
        width: 100%;
        font-size: 26px !important;
        font-weight: 700 !important;
        line-height: 35px !important;
        letter-spacing: 0 !important;
        color: #383700 !important;
        text-align: left !important;
    }

    /* Subtitle — Figma 738:1750: 18px / 400 / 25px lh */
    .section-wrap.who-benefits .who-benefits__subtitle {
        margin: 0;
        max-width: none;
        width: 100%;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 25px !important;
        color: #383700;
        text-align: left !important;
    }

    /* CTA — Figma 744:3544: full-width, 15/600, r30, py20 px24 */
    .section-wrap.who-benefits .who-benefits__cta.btn-solid {
        align-self: stretch;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: auto;
        min-height: 58px;
        margin-top: 0;
        padding: 20px 24px;
        border-radius: 30px;
        font-size: 15px !important;
        font-weight: 600 !important;
        letter-spacing: 0;
        line-height: normal;
        line-height: normal !important;
    }

    .section-wrap.who-benefits .who-benefits__grid {
        flex-direction: column;
        align-items: stretch;
        gap: 40px;
        width: 100%;
    }

    /* Card — Figma 736:626: #fafafa, border #e5e7eb, p24, r12, gap 12 */
    .section-wrap.who-benefits .who-benefits__card {
        flex: none;
        width: 100%;
        padding: 24px;
        border-radius: 12px;
        background-color: #fafafa;
        border: 1px solid #e5e7eb;
        align-items: flex-start;
        gap: 12px;
        text-align: left !important;
    }

    /* Card title — Figma 736:627: 20px / 700 */
    .section-wrap.who-benefits h3.who-benefits__card-title {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: normal !important;
        color: #383700 !important;
        text-align: left !important;
        width: 100%;
    }

    /* Card body — Figma 736:628: 16px / 400 / 22px lh */
    .section-wrap.who-benefits .who-benefits__card-body {
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 22px !important;
        color: #383700;
        text-align: left !important;
        width: 100%;
    }

    .section-wrap.who-benefits .who-benefits__learn-more {
        gap: 8px;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 28px !important;
    }

    .section-wrap.who-benefits .who-benefits__learn-more::after {
        width: 10px;
        height: 7px;
    }
}

/* who-benefits - end */