body.dark-page-theme {
    background: #070707;
}

body.dark-page-theme .primary-header.solution-header {
    background: rgba(25, 25, 25, .98);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
    padding: 0;
}

body.dark-page-theme .solution-header__container {
    min-height: 74px;
    max-width: 1392px;
    background: transparent;
    border-radius: 0;
    box-shadow: none !important;
}

body.dark-page-theme .primary-header .logo__img--light {
    display: none !important;
}

body.dark-page-theme .primary-header .logo__img--dark {
    display: block !important;
}

body.dark-page-theme .primary-header .nav-link {
    color: rgba(255, 255, 255, .72);
    font-weight: 700;
}

body.dark-page-theme .primary-header .nav-link:hover,
body.dark-page-theme .primary-header .nav-link:focus {
    color: #fff;
}

body.dark-page-theme .primary-header .solution-header__contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    min-height: 40px;
    border: 1px solid #00d0a2;
    background: transparent;
    color: #00d0a2;
    border-radius: 4px;
    padding: 9px 17px;
    line-height: 1;
    box-shadow: inset 0 0 0 1px rgba(0, 208, 162, .08);
}

body.dark-page-theme .primary-header .solution-header__contact:hover,
body.dark-page-theme .primary-header .solution-header__contact:focus {
    background: #00d0a2;
    color: #06110e;
}

body.dark-page-theme .primary-header .dropdown-modifier {
    display: none !important;
}

@media (min-width: 992px) {
    body.dark-page-theme .primary-header .nav-link {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

.dark-page {
    background: #070707;
    color: #fff;
    overflow: hidden;
}

.dark-page a {
    text-decoration: none;
}

.dark-hero {
    position: relative;
    overflow: hidden;
    padding: 104px 0 24px;
    background: #070707;
    color: #fff;
}

.dark-hero .container {
    width: min(1460px, calc(100vw - 184px));
    max-width: none;
    margin-right: auto;
    margin-left: max(24px, calc((100vw - 1568px) / 2));
}

.dark-hero-panel {
    position: relative;
    overflow: hidden;
    min-height: 600px;
    border-radius: 8px;
    background: #0b1220;
}

.dark-hero-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .76) 0%, rgba(0, 0, 0, .56) 38%, rgba(0, 0, 0, .22) 68%, rgba(0, 0, 0, .1) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, .03) 0%, rgba(0, 0, 0, .24) 100%);
    pointer-events: none;
}

.dark-hero-panel > .mk-ops-world {
    position: absolute;
    inset: 0;
    min-height: 100%;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
}

.mk-ops-world,
.mk-ops-world--video {
    position: relative;
    min-height: 520px;
    background: #07110f;
    isolation: isolate;
}

.mk-ops-world--video::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .3));
    pointer-events: none;
}

.mk-ops-world__poster,
.mk-ops-world__video {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(1.16) contrast(1.04) saturate(1.08);
}

.mk-ops-world__poster {
    background: #07110f;
}

.dark-hero-panel__content {
    position: relative;
    z-index: 3;
    max-width: 1040px;
    padding: 80px 60px 42px;
}

.dark-eyebrow,
.dark-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #dbeafe;
    font-size: 14px;
    font-weight: 800;
}

.dark-eyebrow {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, .08);
}

.dark-section-kicker {
    margin-bottom: 12px;
    color: #9bb4ff;
}

.dark-hero-title {
    max-width: 1000px;
    color: #fff;
    font-size: 58px;
    line-height: 1.08;
    letter-spacing: 0;
}

.dark-hero-subtitle {
    max-width: 760px;
    font-size: 17px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .78);
}

.dark-hero-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 820px;
    margin: -10px 0 26px;
    padding: 0;
    list-style: none;
}

.dark-hero-highlights li {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    border: 1px solid rgba(0, 208, 162, .28);
    border-radius: 4px;
    padding: 7px 10px;
    color: rgba(255, 255, 255, .88);
    background: rgba(0, 208, 162, .09);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.18;
}

.dark-hero-actions {
    max-width: 1080px;
}

.dark-hero-actions--with-logos {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 28px;
    row-gap: 12px;
    align-items: center !important;
    max-width: 1080px;
}

.dark-hero-actions.dark-hero-actions--with-logos.d-flex {
    display: grid !important;
}

.dark-hero-logo-strip {
    display: inline-flex;
    min-width: 0;
    width: 100%;
    max-width: 840px;
    flex-direction: column;
    gap: 7px;
    padding-left: 2px;
    transform: translateX(28px);
}

.dark-hero-logo-strip--grouped {
    gap: 8px;
    max-width: 560px;
    transform: none;
}

@media (min-width: 992px) {
    .dark-hero-panel__content--with-logo-groups {
        max-width: none;
    }

    .dark-hero-panel__content--with-logo-groups .dark-hero-actions {
        width: 100%;
        max-width: none;
    }

    .dark-hero-panel__content--with-logo-groups .dark-hero-actions--with-logos {
        grid-template-columns: minmax(250px, 340px) minmax(0, 1fr);
        column-gap: 32px;
        width: 100%;
        max-width: none;
    }

    .dark-hero-panel__content--with-logo-groups .dark-hero-logo-strip--grouped {
        max-width: 100%;
    }

    .dark-hero-panel__content--with-logo-groups .dark-hero-logo-strip__group {
        grid-template-columns: minmax(76px, 104px) minmax(0, 1fr);
    }

    .dark-hero-panel__content--with-logo-groups .dark-hero-logo-strip__items {
        gap: 8px 12px;
    }
}

.dark-hero-logo-strip__label {
    color: rgba(255, 255, 255, .62);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.dark-hero-logo-strip__groups {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.dark-hero-logo-strip__group {
    display: grid;
    grid-template-columns: minmax(96px, 116px) minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.dark-hero-logo-strip__group-label {
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.18;
}

.dark-hero-logo-strip__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
}

.dark-hero-logo-strip__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 22px;
}

.dark-hero-logo-strip__item--amazon {
    width: 72px;
}

.dark-hero-logo-strip__item--manomano {
    width: 76px;
}

.dark-hero-logo-strip__item--back-market,
.dark-hero-logo-strip__item--la-redoute,
.dark-hero-logo-strip__item--leroy-merlin {
    width: 82px;
}

.dark-hero-logo-strip__item--decathlon,
.dark-hero-logo-strip__item--carrefour,
.dark-hero-logo-strip__item--boulanger {
    width: 72px;
}

.dark-hero-logo-strip__item--auchan,
.dark-hero-logo-strip__item--cultura {
    width: 68px;
}

.dark-hero-logo-strip__item--rue-du-commerce {
    width: 108px;
}

.dark-hero-logo-strip__item--shippingbo,
.dark-hero-logo-strip__item--lundi-matin {
    width: 90px;
}

.dark-hero-logo-strip__item--origami-marketplace {
    width: 100px;
}

.dark-hero-logo-strip__item--wizaplace,
.dark-hero-logo-strip__item--cdiscount {
    width: 82px;
}

.dark-hero-logo-strip__item--fnac-darty {
    width: 86px;
}

.dark-hero-logo-strip__item--odoo,
.dark-hero-logo-strip__item--sage {
    width: 58px;
}

.dark-hero-logo-strip__item--akeneo {
    width: 72px;
}

.dark-hero-logo-strip__item img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 22px;
    object-fit: contain;
    opacity: .86;
    filter: brightness(0) invert(1);
}

.dark-hero-logo-strip--grouped .dark-hero-logo-strip__item,
.dark-hero-logo-strip--grouped .dark-hero-logo-strip__item img {
    max-height: 19px;
}

.dark-hero-logo-strip__text {
    color: rgba(255, 255, 255, .9);
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
}

.dark-btn-accent,
.dark-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 4px;
    font-weight: 800;
    min-height: 45px;
}

.dark-btn-accent {
    border: 1px solid #00d0a2;
    background: #00d0a2;
    color: #06110e;
}

.dark-btn-accent:hover,
.dark-btn-accent:focus {
    border-color: #17f0c0;
    background: #17f0c0;
    color: #06110e;
}

.dark-btn-outline {
    border: 1px solid rgba(255, 255, 255, .72);
    background: rgba(255, 255, 255, .04);
    color: #fff;
}

.dark-btn-outline:hover,
.dark-btn-outline:focus {
    border-color: #fff;
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.dark-tag {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    padding: 8px 13px;
    background: rgba(255, 255, 255, .07);
    color: rgba(255, 255, 255, .66);
    font-size: 14px;
    font-weight: 700;
}

.dark-section {
    padding: 88px 0;
}

.dark-section--compact {
    padding: 64px 0;
}

.dark-section-title {
    max-width: 860px;
    margin: 0;
    color: #fff;
    font-size: 42px;
    line-height: 1.12;
    letter-spacing: 0;
}

.text-center .dark-section-title,
.dark-section-title.mx-auto {
    margin-right: auto;
    margin-left: auto;
}

.dark-section-copy {
    max-width: 760px;
    margin-top: 18px;
    color: rgba(255, 255, 255, .62);
    font-size: 16px;
    line-height: 1.65;
}

.text-center .dark-section-copy,
.dark-section-copy.mx-auto {
    margin-right: auto;
    margin-left: auto;
}

.dark-card,
.dark-panel,
.dark-page .card,
.dark-page .card-flush,
.dark-page .bg-body,
.dark-page .bg-light-subtle {
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 8px !important;
    background: #151515 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.dark-panel {
    background: #0b1220 !important;
    overflow: hidden;
}

.dark-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 22px;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.dark-card:hover,
.dark-card:focus-within {
    transform: translateY(-3px);
    border-color: rgba(0, 208, 162, .72) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .18) !important;
}

.dark-page h1,
.dark-page h2,
.dark-page h3,
.dark-page h4,
.dark-page h5,
.dark-page h6,
.dark-page .text-heading,
.dark-page .text-body,
.dark-page .text-secondary {
    color: rgba(255, 255, 255, .88) !important;
}

.dark-page p,
.dark-page li,
.dark-page .text-muted,
.dark-page .text-light-emphasis,
.dark-page .accordion-body {
    color: rgba(255, 255, 255, .62) !important;
    line-height: 1.65;
}

.dark-page a:not(.btn):not(.btn-sm):not(.dark-btn-accent):not(.dark-btn-outline):not(.mdk-btn):not(.badge),
.dark-page .link,
.dark-link {
    color: #00d0a2 !important;
    font-weight: 800;
    text-decoration-color: currentColor !important;
}

.dark-page a:not(.btn):not(.btn-sm):not(.dark-btn-accent):not(.dark-btn-outline):not(.mdk-btn):not(.badge):hover,
.dark-page a:not(.btn):not(.btn-sm):not(.dark-btn-accent):not(.dark-btn-outline):not(.mdk-btn):not(.badge):focus,
.dark-page .link:hover,
.dark-page .link:focus,
.dark-link:hover,
.dark-link:focus {
    color: #17f0c0 !important;
}

.dark-icon {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 208, 162, .12);
    color: #00d0a2;
    font-size: 22px;
    flex-shrink: 0;
}

.dark-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.dark-split {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: center;
}

.dark-stack-list {
    display: grid;
    grid-template-columns: 1fr;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    overflow: hidden;
    background: #101010;
}

.dark-stack-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 19px 20px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .62);
}

.dark-stack-row:first-child {
    border-top: 0;
}

.dark-stack-row strong {
    color: #fff;
}

.dark-page .accordion-item,
.dark-page .accordion-button {
    border-color: rgba(255, 255, 255, .14) !important;
    background: #151515 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.dark-page .accordion-button::after {
    filter: invert(1);
}

.dark-page .accordion-body {
    border-color: rgba(255, 255, 255, .12) !important;
    background: #101010;
}

.dark-page .badge,
.dark-page .btn-sm.bg-body {
    border: 1px solid rgba(155, 180, 255, .28) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #dbeafe !important;
    box-shadow: none !important;
}

.dark-page.api-integration-page .dark-hero-panel,
.dark-page.api-integration-page .dark-panel {
    background: #07110f !important;
}

.dark-page.api-integration-page .text-primary,
.dark-page.api-integration-page .dark-eyebrow,
.dark-page.api-integration-page .dark-section-kicker,
.dark-page.api-integration-page .badge,
.dark-page.api-integration-page .btn-sm.bg-body {
    color: #00d0a2 !important;
}

.dark-page.api-integration-page .dark-eyebrow,
.dark-page.api-integration-page .badge,
.dark-page.api-integration-page .btn-sm.bg-body {
    border-color: rgba(0, 208, 162, .32) !important;
    background: rgba(0, 208, 162, .08) !important;
}

.dark-page.api-integration-page .dark-eyebrow,
.dark-page.api-integration-page .dark-hero-title {
    margin-bottom: 20px !important;
}

.dark-page.api-integration-page .dark-hero-subtitle {
    line-height: 1.5;
}

.dark-page .btn-sm.bg-primary,
.dark-page .btn-sm.bg-primary:hover,
.dark-page .btn-sm.bg-primary:focus {
    border-color: #00d0a2 !important;
    background: #00d0a2 !important;
    color: #06110e !important;
}

.dark-page .form-control,
.dark-page input[type="search"],
.dark-page input[type="text"],
.dark-page select {
    border: 1px solid rgba(255, 255, 255, .14) !important;
    background: #101010 !important;
    color: #fff !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.dark-page .form-control::placeholder,
.dark-page input::placeholder {
    color: rgba(255, 255, 255, .46) !important;
}

.dark-page .project-rich-content,
.dark-page .project-link-block,
.dark-page pre {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: #101010;
    color: rgba(255, 255, 255, .76);
    padding: 18px;
}

.dark-page .blog-article-summary,
.dark-page [class*="summary"] {
    border-color: rgba(255, 255, 255, .14) !important;
    background: #101010 !important;
}

#technologies {
    background: #070707 !important;
    color: #fff;
}

#technologies h2,
#technologies h3,
#technologies .text-heading {
    color: rgba(255, 255, 255, .84) !important;
}

#technologies p,
#technologies .text-muted {
    color: rgba(255, 255, 255, .62) !important;
}

#technologies .bg-light-subtle {
    border: 1px solid rgba(255, 255, 255, .14) !important;
    background: #151515 !important;
    box-shadow: none !important;
}

.dark-final-cta {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: #101010;
    color: #fff;
}

.dark-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, .42)),
        linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .52));
    pointer-events: none;
}

.dark-final-cta__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.95) contrast(1.06) saturate(1.08);
}

.dark-final-cta__content {
    position: relative;
    z-index: 2;
    max-width: 780px;
    padding: 72px 28px;
    margin: 0 auto;
    text-align: center;
}

@media (min-width: 768px) {
    .dark-grid--2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .dark-stack-row {
        grid-template-columns: .9fr 1.7fr .7fr;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .dark-split {
        grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    }
}

@media (min-width: 1200px) {
    .dark-grid--3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .dark-grid--4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991.98px) {
    .dark-hero {
        padding: 96px 0 18px;
    }

    .dark-hero .container {
        width: min(100% - 28px, 720px);
        margin-left: auto;
        margin-right: auto;
    }

    .dark-hero-panel {
        min-height: 690px;
    }

    .mk-ops-world__video {
        display: none;
    }

    .dark-hero-panel__content {
        padding: 82px 24px 34px;
    }

    .dark-hero-title {
        font-size: 42px;
    }

    .dark-section-title {
        font-size: 34px;
    }

}

@media (max-width: 575.98px) {
    .dark-hero .container {
        width: min(100% - 28px, 420px);
        padding-right: 0;
        padding-left: 0;
    }

    .dark-hero-panel {
        min-height: 760px;
    }

    .dark-hero-title {
        font-size: 34px;
        line-height: 1.12;
        max-width: 100%;
        overflow-wrap: break-word;
    }

    .dark-hero-subtitle {
        font-size: 16px;
    }

    .dark-hero-highlights {
        margin-top: -8px;
    }

    .dark-hero-highlights li {
        max-width: 100%;
    }

    .dark-page.api-integration-page .dark-hero-highlights {
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .dark-page.api-integration-page .dark-hero-highlights::-webkit-scrollbar {
        display: none;
    }

    .dark-page.api-integration-page .dark-hero-highlights li {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .dark-hero-actions {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .dark-hero-actions--with-logos {
        display: flex !important;
    }

    .dark-hero-actions.dark-hero-actions--with-logos.d-flex {
        display: flex !important;
    }

    .dark-hero-logo-strip {
        order: 3;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        transform: none;
    }

    .dark-hero-logo-strip__groups {
        gap: 12px;
    }

    .dark-hero-logo-strip__group {
        grid-template-columns: minmax(0, 1fr);
        gap: 7px;
    }

    .dark-hero-logo-strip__items {
        gap: 12px 16px;
        max-width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .dark-hero-logo-strip__items::-webkit-scrollbar {
        display: none;
    }

    .dark-hero-logo-strip--grouped .dark-hero-logo-strip__item {
        flex: 0 0 auto;
    }

    .dark-hero-actions .dark-btn-outline {
        order: 1;
    }

    .dark-hero-actions .dark-btn-accent {
        order: 2;
    }

    .dark-section {
        padding: 72px 0;
    }

    .dark-section--compact {
        padding: 52px 0;
    }
}

@media (max-width: 360px) {
    .dark-hero-panel__content {
        padding-right: 20px;
        padding-left: 20px;
    }

    .dark-hero-title {
        font-size: 30px;
    }
}