/* Generated by tools/mirror-ids.mjs — do not edit.
   Section ids are editable, so every rule the stylesheet hooks by id is
   mirrored here onto the class the block always carries. */

.b2bgaps-system {
    overflow: hidden
}
.b2bgaps-faq {
    border-top: 0;
    color: #fff!important;
    background: #131314!important
}
.canvas-page>.b2bgaps-system {
    border-top: 1px solid var(--line-dark);
    border-bottom: 1px solid var(--line-dark)
}
.canvas-page>.b2bgaps-system .principles__container:after,.canvas-page>.b2bgaps-system .principles__container:before {
    display: none!important
}
.canvas-page>.b2bgaps-system .principle-grid {
    transition: none
}
.canvas-page>.b2bgaps-system {
    min-height: 0
}
.canvas-page>.b2bgaps-system .principles__container {
    min-height: 200svh
}
.canvas-page>.b2bgaps-system .principles__sticky-wrap {
    z-index: 3;
    position: sticky;
    top: 10rem
}
.canvas-page>.b2bgaps-system .principles__scroll-wrap {
    min-height: calc(200svh - 10rem)
}
.canvas-page>.b2bgaps-system {
    overflow: clip
}
.canvas-page>.b2bgaps-system .principles__carousel {
    width: 100%;
    margin-left: 0;
    overflow: visible
}
@media (max-width:1024px) {
    .canvas-page>.b2bgaps-system .principles__container {
        min-height: 0
    }
}
@media (max-width:1024px) {
    .canvas-page>.b2bgaps-system .principles__sticky-wrap {
        position: relative;
        top: auto
    }
}
.canvas-page>.b2bgaps-pricing {
    z-index: 2;
    position: relative
}
.canvas-page>.b2bgaps-system .principles__carousel {
    -webkit-mask: linear-gradient(90deg,#000 92%,#0000);
    mask: linear-gradient(90deg,#000 92%,#0000)
}
@media (max-width:1024px) {
    .canvas-page>.b2bgaps-system .principles__carousel {
        -webkit-mask: none;
        mask: none
    }
}
.b2bgaps-pricing,.b2bgaps-case-tabs,.b2bgaps-faq,.b2bgaps-system,.b2bgaps-process,.b2bgaps-cta {
    scroll-margin-top: 6rem
}
.canvas-page>.b2bgaps-system .principles__container:before,.canvas-page>.b2bgaps-system .principles__container:after {
    display: block!important
}
.canvas-page>.b2bgaps-system .principles__carousel {
    overflow: hidden
}
.canvas-page>.b2bgaps-system .principles__sticky-wrap {
    top: var(--principles-sticky-top,10rem)
}
.canvas-page>.b2bgaps-system .principle-grid>article {
    flex: 0 0 calc(33.3333% - 2rem)
}
.canvas-page>.b2bgaps-system .principle-grid__graphic {
    aspect-ratio: auto;
    max-height: none;
    height: min(344px,100svh - 28rem)!important
}
@media (max-width:1024px) {
    .canvas-page>.b2bgaps-system .principles__sticky-wrap {
        position: relative;
        top: auto
    }
}
@media (max-width:1024px) {
    .b2bgaps-cta.cta27 {
        padding-inline: 1rem
    }
}
@media (max-width:767px) {
    .canvas-page>.b2bgaps-system .principle-grid {
        grid-template-columns: 1fr!important
    }
}
@media (max-width:767px) {
    .canvas-page>.b2bgaps-system .principle-grid__graphic {
        max-height: none;
        aspect-ratio: 1!important;
        height: auto!important
    }
}
@media (min-width:768px) {
    .canvas-page>.b2bgaps-system .principle-grid__graphic {
        max-height: none;
        aspect-ratio: 746/560!important;
        height: auto!important
    }
}
.theme-light .b2bgaps-faq {
    color: var(--text)!important;
    background: var(--paper)!important
}