
        @font-face {
            font-family: "HubSpot Serif Page Header Human";
            src: url("/cached/www.hubspot.com/hubfs/assets/hs-components/v4/fonts/hubspot-2025/HubSpotSerif-Book.woff2") format("woff2");
            font-display: swap;
            font-style: normal
        }

        .wf-page-header {
            --wf-page-header-height: calc(100dvh - var(--global-nav-header-height));
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            height: 100%;
            position: relative
        }

        .wf-page-header:not(.wf-above-the-fold *) {
            height: var(--wf-page-header-height);
            transition: height 300ms ease-out
        }

        .wf-page-header .csol-section-wrapper {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            height: 100%
        }

        .wf-page-header_content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-grow: 1;
            padding: 2rem;
            text-align: center;
            height: 100%;
            position: relative;
            z-index: 3
        }

        .wf-page-header.-max-width-none .csol-section-wrapper {
            max-width: unset
        }

        @media(width>=600px) {
            .wf-page-header.-max-width-none .wf-page-header_content {
                padding: 2rem 0
            }
        }

        @media(width>=1080px) {
            .wf-page-header.-max-width-none .wf-page-header_content {
                padding: 2rem
            }
        }

        .wf-page-header_content-text {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-grow: 1;
            height: 100%;
            color: var(--cl-color-text-01)
        }

        @media(width>=600px) {
            .wf-page-header_content-text {
                height: auto;
                flex-grow: unset
            }
        }

        .wf-page-header_content-text .-break {
            display: inline
        }

        @media(width>=900px) {
            .wf-page-header_content-text .-break {
                display: block
            }
        }

        .wf-page-header_tagline.cl-p.-microheading {
            text-transform: uppercase;
            margin-block-start: 0;
            margin-block-end: .5rem
        }

        .wf-page-header-human .wf-page-header_content-text {
            --sobai-hero-gap: 1rem
        }

        .wf-page-header-human .wf-page-header_tagline.cl-p.-microheading {
            font-size: 14px;
            line-height: 20px;
            font-weight: 700;
            margin-block-end: var(--sobai-hero-gap)
        }

        .wf-page-header_heading:is(h1,
        .cl-h1),
        .wf-page-header_heading :is(h1,
        .cl-h1) {
            font-family: "HubSpot Serif Page Header Human", "HubSpot Serif", serif
        }

        .wf-page-header_heading.cl-h1.-custom-font-size {
            --wf-page-header-heading-custom-font-size: 48px;
            --wf-page-header-heading-custom-line-height: 55px;
            font-size: var(--wf-page-header-heading-custom-font-size);
            line-height: var(--wf-page-header-heading-custom-line-height);
            margin-block-start: 0;
            margin-block-end: 1.5rem
        }

        @media(width>=600px) {
            .wf-page-header_heading.cl-h1.-custom-font-size {
                --wf-page-header-heading-custom-font-size: 80px;
                --wf-page-header-heading-custom-line-height: 95px
            }
        }

        .wf-page-header_heading.cl-h1.-custom-font-size-65 {
            --wf-page-header-heading-custom-font-size: 65px;
            --wf-page-header-heading-custom-line-height: 78px;
            font-size: var(--cl-font-size-h1);
            line-height: var(--cl-line-height-h1);
            margin-block-start: 0;
            margin-block-end: 1.5rem
        }

        @media(width>=1080px) {
            .wf-page-header_heading.cl-h1.-custom-font-size-65 {
                font-size: var(--wf-page-header-heading-custom-font-size);
                line-height: var(--wf-page-header-heading-custom-line-height)
            }
        }

        .wf-page-header_heading.-display-01 {
            font-size: var(--cl-font-size-display-01);
            line-height: var(--cl-line-height-display-01);
            letter-spacing: var(--cl-letter-spacing-display-01)
        }

        .wf-page-header_heading.-display-02 {
            font-size: var(--cl-font-size-display-02);
            line-height: var(--cl-line-height-display-02);
            letter-spacing: var(--cl-letter-spacing-display-02)
        }

        .wf-page-header_heading-animated-wrapper {
            display: inline-block;
            height: var(--wf-page-header-heading-custom-line-height);
            margin: auto;
            overflow: hidden;
            vertical-align: bottom
        }

        .wf-page-header_heading-animated-list-item {
            align-items: flex-start;
            text-align: left;
            font-size: var(--wf-page-header-heading-custom-font-size);
            line-height: var(--wf-page-header-heading-custom-line-height);
            height: var(--wf-page-header-heading-scroll-height);
            margin-block: 0
        }

        .sobai-hero-heading.cl-h1.-custom-font-size {
            --wf-page-header-heading-custom-font-size: 20px;
            --wf-page-header-heading-custom-line-height: 28px;
            display: block;
            margin-block-end: var(--sobai-hero-gap);
            max-width: 100%;
            width: min(calc(100vw - 2rem), 1180px)
        }

        .sobai-hero-heading .wf-page-header_heading-animated-wrapper {
            display: block;
            width: 100%;
            height: auto;
            overflow: visible
        }

        .sobai-hero-heading .wf-page-header_heading-animated-list {
            list-style: none;
            margin: 0;
            padding: 0;
            transform: translateY(0)
        }

        .sobai-hero-heading .wf-page-header_heading-animated-list-item {
            display: block;
            height: auto;
            text-align: center;
            white-space: normal
        }

        .sobai-hero-heading .wf-page-header_heading-animated-list-item:not(:first-child) {
            display: none
        }

        .sobai-hero-heading .wf-page-header_heading-animated-list-item.-brand::after {
            content: none !important;
            display: none !important
        }

        .sobai-hero-headline-text {
            display: inline-block
        }

        .sobai-hero-dot {
            background: var(--cl-color-hubspot-brand-01);
            border-radius: 999px;
            display: none !important;
            height: .12em;
            margin-inline-start: .08em;
            transform: translateY(.04em);
            vertical-align: baseline;
            width: .12em
        }

        @media(width>=480px) {
            .sobai-hero-heading.cl-h1.-custom-font-size {
                --wf-page-header-heading-custom-font-size: 24px;
                --wf-page-header-heading-custom-line-height: 32px
            }
        }

        @media(width>=900px) {
            .wf-page-header-human .wf-page-header_content-text {
                --sobai-hero-gap: 1.5rem
            }

            .wf-page-header-human .wf-page-header_tagline.cl-p.-microheading {
                font-size: 18px;
                line-height: 24px
            }

            .sobai-hero-heading.cl-h1.-custom-font-size {
                --wf-page-header-heading-custom-font-size: clamp(56px, 6.25vw, 80px);
                --wf-page-header-heading-custom-line-height: clamp(68px, 7.42vw, 95px)
            }

            .sobai-hero-heading .wf-page-header_heading-animated-wrapper {
                position: relative;
                height: var(--wf-page-header-heading-scroll-height, 64px);
                overflow: hidden
            }

            .sobai-hero-heading .wf-page-header_heading-animated-list {
                animation: none;
                height: auto;
                transform: translateY(0);
                transition: none;
                will-change: transform
            }

            .sobai-hero-animation-ready .sobai-hero-heading .wf-page-header_heading-animated-list {
                animation: sobaiHeroHeadlineScroll 7.5s infinite
            }

            .sobai-hero-heading .wf-page-header_heading-animated-list-item {
                align-items: center;
                display: flex;
                height: var(--wf-page-header-heading-scroll-height, 64px);
                justify-content: center;
                opacity: 1;
                position: static;
                visibility: visible;
                white-space: normal
            }

            .sobai-hero-heading .wf-page-header_heading-animated-list-item:not(:first-child) {
                display: flex
            }

            .sobai-hero-heading .wf-page-header_heading-animated-list-item:nth-child(4) {
                display: flex
            }
        }

        @keyframes sobaiHeroHeadlineScroll {
            0%,
            28% {
                transform: translateY(0)
            }

            33.333%,
            61.333% {
                transform: translateY(calc(var(--wf-page-header-heading-scroll-height, 64px) * -1))
            }

            66.666%,
            94.666% {
                transform: translateY(calc(var(--wf-page-header-heading-scroll-height, 64px) * -2))
            }

            100% {
                transform: translateY(calc(var(--wf-page-header-heading-scroll-height, 64px) * -3))
            }
        }

        @media(prefers-reduced-motion: reduce) {
            .sobai-hero-heading .wf-page-header_heading-animated-list {
                animation: none !important;
                transform: none !important
            }

            .sobai-hero-heading .wf-page-header_heading-animated-list-item:not(:first-child) {
                display: none !important
            }

            .sobai-hero-heading .wf-page-header_heading-animated-list-item:first-child {
                opacity: 1;
                visibility: visible
            }
        }

        @media(width>=1280px) {
            .sobai-hero-heading.cl-h1.-custom-font-size {
                --wf-page-header-heading-custom-font-size: 80px;
                --wf-page-header-heading-custom-line-height: 95px
            }
        }

        .wf-page-header_description {
            margin-block: 0
        }

        .sobai-services-section.csol-section {
            background: linear-gradient(115deg, #f0c2d8 0%, #f7e8df 34%, #d9f0eb 68%, #f3a87f 100%);
            color: #1f1f1f;
            overflow: hidden;
            padding-block: 5rem 4rem
        }

        .sobai-services-section .csol-section-wrapper {
            max-width: 1360px;
            padding-inline: 2rem
        }

        .sobai-section-hidden {
            display: none !important
        }

        .sobai-project-marquee-section.csol-section {
            background: #fff;
            overflow: hidden;
            padding-block: 2.25rem 2.5rem
        }

        .sobai-project-marquee-section .csol-section-wrapper {
            max-width: 1280px;
            padding-inline: 2rem
        }

        .sobai-project-marquee-heading.cl-h4 {
            color: #1f1f1f;
            font-size: clamp(2rem, 3vw, 2.8rem);
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1.15;
            margin: 0 auto 2.25rem;
            max-width: 860px;
            text-align: center
        }

        .sobai-client-marquee {
            overflow: hidden;
            -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent)
        }

        .sobai-client-marquee-track {
            animation: sobaiClientMarquee 28s linear infinite;
            display: flex;
            width: max-content
        }

        .sobai-client-marquee:hover .sobai-client-marquee-track {
            animation-play-state: paused
        }

        .sobai-client-marquee-group {
            display: flex;
            flex: 0 0 auto;
            gap: clamp(2.25rem, 5vw, 4.75rem);
            padding-inline-end: clamp(2.25rem, 5vw, 4.75rem)
        }

        .sobai-client-logo-card {
            align-items: center;
            color: #1f1f1f;
            display: flex;
            flex-direction: column;
            height: 76px;
            justify-content: center;
            min-width: clamp(140px, 14vw, 190px);
            padding: 0;
            text-align: center
        }

        .sobai-client-logo-card img {
            display: block;
            height: auto;
            max-height: 58px;
            max-width: 168px;
            object-fit: contain;
            width: auto
        }

        .sobai-client-logo-card.-airopass img {
            border-radius: 12px;
            max-height: 66px
        }

        .sobai-client-logo-card.-aan img {
            max-height: 68px;
            max-width: 170px
        }

        .sobai-client-wordmark {
            display: block;
            font-size: clamp(1.12rem, 1.65vw, 1.6rem);
            font-weight: 900;
            letter-spacing: 0;
            line-height: 1.05
        }

        .sobai-client-logo-card small {
            color: rgba(31, 31, 31, .58);
            display: block;
            font-size: .74rem;
            font-weight: 700;
            letter-spacing: 0;
            line-height: 1.2;
            margin-block-start: .35rem
        }

        @keyframes sobaiClientMarquee {
            from {
                transform: translateX(0)
            }

            to {
                transform: translateX(-50%)
            }
        }

        .sobai-platform-strip-section.csol-section {
            background: #fff;
            padding-block: 2.75rem
        }

        .sobai-platform-strip-section .csol-section-wrapper {
            max-width: 1280px;
            padding-block: 0 !important
        }

        .sobai-platform-strip-section .wf-badges-content {
            align-items: center;
            display: flex;
            flex-direction: row;
            gap: clamp(3rem, 6vw, 6rem);
            justify-content: center
        }

        .sobai-platform-title.cl-h3 {
            color: #1f1f1f;
            flex: 0 1 280px;
            font-family: var(--cl-font-family, inherit);
            font-size: clamp(1.45rem, 2vw, 2rem);
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1.15;
            margin: 0
        }

        .sobai-platform-logos {
            align-items: center;
            display: flex;
            flex: 1 1 760px;
            flex-wrap: wrap;
            gap: 1.35rem clamp(2rem, 4vw, 3.75rem);
            list-style: none;
            margin: 0;
            max-width: 900px;
            padding: 0;
            width: 100%
        }

        .sobai-platform-logo {
            align-items: center;
            color: #1f1f1f;
            display: inline-flex;
            font-size: clamp(1rem, 1.35vw, 1.24rem);
            font-weight: 900;
            gap: 0;
            height: auto;
            justify-content: center;
            letter-spacing: 0;
            min-width: max-content;
            padding: .2rem 0;
            white-space: nowrap
        }

        .sobai-tech-mark {
            display: none
        }

        .sobai-platform-logo.-zoho {
            color: #d9232e
        }

        .sobai-platform-logo.-zoho span {
            display: inline
        }

        .sobai-platform-logo.-ghl {
            color: #16a34a
        }

        .sobai-platform-logo.-ghl .sobai-tech-mark {
            background: #16a34a
        }

        .sobai-platform-logo.-n8n {
            color: #ea4b71
        }

        .sobai-platform-logo.-n8n .sobai-tech-mark {
            background: #ea4b71
        }

        .sobai-platform-logo.-zapier {
            color: #ff4f00
        }

        .sobai-platform-logo.-zapier .sobai-tech-mark {
            background: #ff4f00
        }

        .sobai-platform-logo.-python .sobai-tech-mark {
            background: linear-gradient(135deg, #3776ab 0%, #ffd43b 100%)
        }

        .sobai-platform-logo.-mern .sobai-tech-mark {
            background: #10b981
        }

        .sobai-platform-logo.-laravel .sobai-tech-mark {
            background: #ff2d20
        }

        .sobai-platform-logo.-langchain .sobai-tech-mark {
            background: #1c6b4a
        }

        .sobai-platform-logo.-rag .sobai-tech-mark {
            background: #7c3aed
        }

        .sobai-platform-logo.-mcp .sobai-tech-mark {
            background: #1f1f1f
        }

        .sobai-platform-logo.-aws .sobai-tech-mark {
            background: #232f3e
        }

        .sobai-platform-logo.-hostinger .sobai-tech-mark {
            background: #673de6
        }

        .sobai-platform-logo.-python {
            color: #3776ab
        }

        .sobai-platform-logo.-mern {
            color: #10b981
        }

        .sobai-platform-logo.-laravel {
            color: #ff2d20
        }

        .sobai-platform-logo.-langchain {
            color: #1c6b4a
        }

        .sobai-platform-logo.-rag {
            color: #6d28d9
        }

        .sobai-platform-logo.-mcp {
            color: #1f1f1f
        }

        .sobai-platform-logo.-aws {
            color: #232f3e
        }

        .sobai-platform-logo.-hostinger {
            color: #673de6
        }

        @media(prefers-reduced-motion: reduce) {
            .sobai-client-marquee-track {
                animation: none
            }
        }

        .global-footer__logo .global-nav-logo-wrapper {
            background: url("/assets/sobai-logo-white-transparent.png") center / contain no-repeat;
            display: inline-flex;
            height: 64px;
            width: 190px
        }

        .global-footer__logo .global-nav-logo-wrapper img {
            height: 100% !important;
            opacity: 0;
            width: 100% !important
        }

        #hs_cos_wrapper_widget_1754602889014,
        #widget_1754602889014,
        #widget_1754602889014 .csol-section-wrapper,
        #widget_1754602889014 .wf-elevated-cta__container {
            background: #000 !important;
            background-color: #000 !important
        }

        .global-footer {
            background: #000 !important;
            background-color: #000 !important
        }

        .global-footer .global-nav-content-section,
        .global-footer__contact-links,
        .global-footer__bottom {
            background: transparent !important;
            background-color: transparent !important
        }

        html.sobai-clickables-disabled .global-nav-header .-is-dropdown {
            display: none !important;
            opacity: 0 !important;
            pointer-events: none !important;
            visibility: hidden !important
        }

        html.sobai-clickables-disabled body.-burger-menu-open::after {
            display: none !important
        }

        @media(width < 960px) {
            .sobai-platform-strip-section .wf-badges-content {
                align-items: stretch;
                flex-direction: column;
                gap: 1.5rem
            }

            .sobai-platform-title.cl-h3 {
                flex-basis: auto;
                text-align: center
            }

            .sobai-platform-logos {
                flex-basis: auto;
                justify-content: center;
                max-width: 100%
            }

            .sobai-platform-logo {
                min-width: 0
            }
        }

        #widget_195064770155 {
            background: #fff !important;
            background-color: #fff !important;
            color: #1f1f1f;
            transition: background-color .9s cubic-bezier(.22, 1, .36, 1), color .55s ease
        }

        #widget_195064770155 .csol-section-wrapper,
        #widget_195064770155 .wf-customer-platform-wrapper,
        #widget_195064770155 .wf-customer-platform__content-wrapper,
        #widget_195064770155 .wf-customer-platform__content,
        #widget_195064770155 .wf-customer-platform__carousel-version,
        #widget_195064770155 .wf-customer-platform__content-carousel,
        #widget_195064770155 .cl-carousel-rail,
        #widget_195064770155 .cl-carousel-train,
        #widget_195064770155 .cl-carousel-slide,
        #widget_195064770155 .wf-customer-platform__content-header-item {
            background: transparent !important;
            background-color: transparent !important
        }

        #widget_195064770155 .wf-customer-platform__header-heading,
        #widget_195064770155 .wf-customer-platform__header-description,
        #widget_195064770155 .wf-flexible-section-header-heading,
        #widget_195064770155 .wf-flexible-section-header-description {
            color: #1f1f1f;
            transition: color .55s ease
        }

        #widget_195064770155.sobai-customer-platform-crm-active {
            background: #000 !important;
            background-color: #000 !important;
            color: #fff
        }

        #widget_195064770155.sobai-customer-platform-crm-active .csol-section-wrapper,
        #widget_195064770155.sobai-customer-platform-crm-active .wf-customer-platform-wrapper,
        #widget_195064770155.sobai-customer-platform-crm-active .wf-customer-platform__content-wrapper,
        #widget_195064770155.sobai-customer-platform-crm-active .wf-customer-platform__content,
        #widget_195064770155.sobai-customer-platform-crm-active .wf-customer-platform__carousel-version,
        #widget_195064770155.sobai-customer-platform-crm-active .wf-customer-platform__content-carousel,
        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-rail,
        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-train,
        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-slide,
        #widget_195064770155.sobai-customer-platform-crm-active .wf-customer-platform__content-header-item {
            background: transparent !important;
            background-color: transparent !important;
            color: #fff
        }

        #widget_195064770155.sobai-customer-platform-crm-active .wf-customer-platform__header-heading,
        #widget_195064770155.sobai-customer-platform-crm-active .wf-customer-platform__header-description,
        #widget_195064770155.sobai-customer-platform-crm-active .wf-flexible-section-header-heading,
        #widget_195064770155.sobai-customer-platform-crm-active .wf-flexible-section-header-description {
            color: #fff !important
        }

        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-controls .cl-round-button {
            background: rgba(255, 255, 255, .12) !important;
            border-color: rgba(255, 255, 255, .38) !important;
            color: #fff !important
        }

        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-controls .cl-round-button:hover,
        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-controls .cl-round-button:focus-visible {
            background: rgba(255, 255, 255, .2) !important;
            color: #fff !important
        }

        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-controls .cl-icon {
            color: #fff !important;
            fill: currentColor !important;
            stroke: currentColor !important
        }

        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-dots,
        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-dots * {
            color: #fff !important
        }

        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-dots button,
        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-dots [role=button],
        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-dots-list>* {
            background-color: rgba(255, 255, 255, .34) !important;
            border-color: rgba(255, 255, 255, .34) !important
        }

        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-dots button[aria-current=true],
        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-dots button[aria-selected=true],
        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-dots .-active,
        #widget_195064770155.sobai-customer-platform-crm-active .cl-carousel-dots [data-active=true] {
            background-color: #fff !important;
            border-color: #fff !important
        }

        .sobai-smart-crm-animation-frame {
            align-items: center;
            background: transparent;
            display: flex;
            justify-content: center;
            overflow: hidden
        }

        #widget_195064770155 .sobai-smart-crm-animation-frame {
            display: flex
        }

        .sobai-smart-crm-animation {
            aspect-ratio: 704 / 537;
            background: transparent;
            display: block;
            height: auto;
            max-width: 704px;
            object-fit: contain;
            opacity: 0;
            transition: opacity .45s ease;
            width: 100%
        }

        #widget_195064770155.sobai-customer-platform-crm-active .sobai-smart-crm-animation {
            opacity: 1
        }

        #widget_195064770155 [data-sobai-platform-slide="products"] .wf-customer-platform__carousel-image {
            align-items: center;
            aspect-ratio: 704 / 469;
            display: flex;
            height: auto;
            justify-content: center;
            max-width: 704px;
            overflow: visible;
            width: min(100%, 704px)
        }

        #widget_195064770155 [data-sobai-platform-slide="products"] .sobai-connects-things-image {
            display: block;
            height: 100% !important;
            object-fit: contain !important;
            width: 100% !important
        }

        .sobai-services-header {
            margin-block-end: 3.25rem
        }

        .sobai-services-header-top {
            align-items: center;
            display: flex;
            gap: 1.25rem;
            margin-block-end: 3.25rem
        }

        .sobai-services-icon {
            align-items: center;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 16px 36px rgba(70, 38, 24, .08);
            display: flex;
            flex: 0 0 52px;
            height: 52px;
            justify-content: center;
            position: relative;
            width: 52px
        }

        .sobai-services-icon::before,
        .sobai-services-icon::after {
            background: #ff5c35;
            border-radius: 999px;
            content: "";
            display: block;
            position: absolute;
            transform: rotate(45deg)
        }

        .sobai-services-icon::before {
            height: 28px;
            width: 8px
        }

        .sobai-services-icon::after {
            height: 8px;
            width: 28px
        }

        .sobai-services-top-line {
            border-top: 1px dotted rgba(31, 31, 31, .18);
            flex: 1;
            min-width: 4rem
        }

        .sobai-services-header-bottom {
            align-items: start;
            display: grid;
            gap: 2rem;
            grid-template-columns: minmax(0, 1fr) minmax(320px, 520px)
        }

        .sobai-services-heading h2 {
            margin: 0;
            color: #1f1f1f;
            font-family: "HubSpot Serif Page Header Human", "HubSpot Serif", serif;
            font-size: clamp(2.5rem, 4.1vw, 4rem);
            font-weight: 700;
            letter-spacing: 0;
            line-height: 1.08
        }

        .sobai-services-header p {
            margin: 0;
            color: rgba(31, 31, 31, .84);
            font-size: 1.1rem;
            line-height: 1.55
        }

        .sobai-services-carousel {
            padding: 0 5rem 4rem;
            position: relative
        }

        .sobai-services-carousel-viewport {
            margin-inline: auto;
            max-width: 1120px;
            overflow: hidden;
            padding-block: 1.75rem;
            position: relative;
            z-index: 1
        }

        .sobai-services-carousel-track {
            align-items: center;
            display: flex;
            gap: 1.5rem;
            list-style: none;
            margin: 0;
            padding: 0;
            transition: transform .9s cubic-bezier(.16, 1, .3, 1);
            will-change: transform
        }

        .sobai-services-slide {
            flex: 0 0 clamp(300px, 28vw, 360px);
            opacity: .74;
            transform: scale(.92);
            transition: opacity .6s ease, transform .6s cubic-bezier(.16, 1, .3, 1);
            z-index: 1
        }

        .sobai-services-slide.is-neighbor {
            opacity: .88
        }

        .sobai-services-slide.is-active {
            opacity: 1;
            transform: scale(1.06);
            z-index: 2
        }

        .sobai-service-card {
            background: rgba(255, 255, 255, .97);
            border: 1px solid rgba(255, 255, 255, .92);
            border-radius: 18px;
            box-shadow: 0 20px 52px rgba(60, 42, 36, .18);
            color: #1f1f1f;
            display: flex;
            flex-direction: column;
            min-height: 470px;
            overflow: hidden;
            transition: background-color .6s ease, border-color .6s ease, box-shadow .6s ease
        }

        .sobai-services-slide.is-active .sobai-service-card {
            background: #fff;
            border-color: rgba(255, 255, 255, 1);
            box-shadow: 0 30px 78px rgba(60, 42, 36, .24)
        }

        .sobai-service-image-wrap {
            background: #f8f5ee;
            border-bottom: 1px solid rgba(31, 31, 31, .12);
            height: 230px;
            overflow: hidden;
            padding: 0
        }

        .sobai-service-image {
            display: block;
            height: 100%;
            object-fit: cover;
            object-position: center;
            width: 100%
        }

        .sobai-service-card.-image-contain .sobai-service-image-wrap {
            align-items: center;
            background: #fff;
            display: flex;
            justify-content: center
        }

        .sobai-service-card.-image-contain .sobai-service-image {
            object-fit: contain;
            padding: 2rem
        }

        .sobai-service-content {
            display: flex;
            flex: 1;
            flex-direction: column;
            padding: 1.8rem;
            text-align: center
        }

        .sobai-service-title {
            margin: 0 0 .6rem;
            color: #1f1f1f;
            font-family: var(--cl-font-family, inherit);
            font-size: 1.4rem;
            font-weight: 700;
            letter-spacing: 0;
            line-height: 1.2
        }

        .sobai-service-description {
            margin: 0;
            color: rgba(31, 31, 31, .76);
            font-size: 1rem;
            line-height: 1.55
        }

        .sobai-service-link {
            margin-block-start: auto;
            padding-block-start: 1.35rem;
            color: #1f1f1f;
            display: inline-block;
            font-size: .95rem;
            font-weight: 700;
            line-height: 1.4;
            text-decoration: underline;
            text-decoration-color: #ff5c35;
            text-decoration-thickness: 2px;
            text-underline-offset: .35rem
        }

        .sobai-services-carousel-control {
            align-items: center;
            background: #fff;
            border: 0;
            border-radius: 999px;
            box-shadow: 0 12px 30px rgba(80, 42, 26, .12);
            color: #1f1f1f;
            cursor: pointer;
            display: flex;
            height: 48px;
            justify-content: center;
            padding: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 48px;
            z-index: 3
        }

        .sobai-services-carousel-control.-previous {
            left: .5rem
        }

        .sobai-services-carousel-control.-next {
            right: .5rem
        }

        .sobai-services-carousel-control .cl-icon,
        .sobai-services-carousel-toggle .cl-icon {
            height: 1.25rem;
            width: 1.25rem
        }

        .sobai-services-carousel-toggle {
            align-items: center;
            background: #fff;
            border: 0;
            border-radius: 999px;
            bottom: 0;
            box-shadow: 0 12px 30px rgba(80, 42, 26, .12);
            color: #1f1f1f;
            cursor: pointer;
            display: flex;
            height: 34px;
            justify-content: center;
            left: 50%;
            padding: 0;
            position: absolute;
            transform: translateX(-50%);
            width: 34px;
            z-index: 3
        }

        @media(width < 768px) {
            .sobai-services-section.csol-section {
                padding-block: 4rem
            }

            .sobai-services-section .csol-section-wrapper {
                padding-inline: 1.5rem
            }

            .sobai-platform-strip-section .wf-badges-content {
                align-items: stretch;
                flex-direction: column;
                gap: 1.5rem
            }

            .sobai-platform-title.cl-h3 {
                flex-basis: auto;
                text-align: center
            }

            .sobai-platform-logos {
                flex-basis: auto;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                max-width: 100%
            }

            .sobai-platform-logo {
                min-width: 0
            }

            .sobai-services-header-top {
                margin-block-end: 2rem
            }

            .sobai-services-header-bottom {
                grid-template-columns: 1fr
            }

            .sobai-services-carousel {
                padding: 0 0 3.5rem
            }

            .sobai-services-carousel-viewport {
                overflow: visible;
                padding-block: 1rem
            }

            .sobai-services-slide {
                flex-basis: min(82vw, 330px);
                transform: scale(.96)
            }

            .sobai-services-slide.is-active {
                transform: scale(1)
            }

            .sobai-services-carousel-control {
                display: none
            }

            .sobai-service-image-wrap {
                height: 210px
            }
        }

        @media(prefers-reduced-motion: reduce) {
            .sobai-services-carousel-track,
            .sobai-services-slide,
            .sobai-service-card {
                transition: none !important
            }
        }

        .wf-page-header_content-ctas {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin-block-start: 2.5rem;
            width: 100%
        }

        .wf-page-header_content-ctas .wf-page-header_content-ctas-cta.cl-button {
            width: 100%
        }

        .wf-page-header_content-ctas .wf-page-header_content-ctas-cta.cl-button.-tertiary-outline {
            background-color: rgba(0, 0, 0, 0);
            border-color: var(--cl-color-border-01);
            color: var(--cl-color-text-01)
        }

        .wf-page-header_content-ctas .wf-page-header_content-ctas-cta.cl-button.-tertiary-outline:hover {
            background-color: var(--cl-color-hover-01);
            border-color: var(--cl-color-border-01);
            color: var(--cl-color-text-01)
        }

        .wf-page-header_content-ctas .wf-page-header_content-ctas-cta.cl-button.-tertiary-outline-dark {
            border-color: var(--cl-color-border-01);
            color: var(--cl-color-text-01)
        }

        @media(width>=600px) {
            .wf-page-header_content-ctas {
                justify-content: center;
                flex-direction: row
            }
            .wf-page-header_content-ctas .wf-page-header_content-ctas-cta.cl-button {
                width: auto
            }
        }

        @media(width>=1080px) {
            .wf-page-header_content-ctas .wf-page-header_content-ctas-cta.-default-size.cl-button {
                --cl-button-font-size: var(--cl-font-size-small);
                --cl-button-line-height: var(--cl-line-height-small);
                --cl-button-padding: 0.5rem 1rem
            }
        }

        .wf-page-header-human.wf-page-header {
            --wf-page-header-image-loaded-speed: 400ms;
            --wf-page-header-image-loaded-easing-function: ease-out
        }

        .wf-page-header-human.wf-page-header .wf-page-header_background-image::after {
            content: "";
            position: absolute;
            inset: 0;
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
            z-index: 2;
            pointer-events: none
        }

        .wf-page-header-human.wf-page-header .wf-page-header_background-image img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center 18%;
            opacity: 0;
            transition: opacity var(--wf-page-header-image-loaded-speed) var(--wf-page-header-image-loaded-easing-function);
            z-index: 1
        }

        .wf-page-header-human.wf-page-header.-image-loaded .wf-page-header_background-image img {
            opacity: 1
        }

        @media(width < 600px) {
            .wf-page-header-human.wf-page-header.-has-desktop-images:not(.-has-mobile-images) .wf-page-header_background-image {
                display: none
            }
        }

        @media(width>=600px) {
            .wf-page-header-human.wf-page-header.-has-mobile-images:not(.-has-desktop-images) .wf-page-header_background-image {
                display: none
            }
        }

        @media(width < 600px) {
            .wf-page-header-human.wf-page-header.-has-mobile-images .wf-page-header_content-text {
                color: var(--dark-theme-text-01)
            }
        }

        @media(width>=600px) {
            .wf-page-header-human.wf-page-header.-has-desktop-images .wf-page-header_content-text {
                color: var(--dark-theme-text-01)
            }
        }
    