/* Single-Tenant Architecture & Data Portability */

:root {
    --paradiso: #2F6F7A;
    --bright-sun: #ffc845;
    --white: #ffffff;
}

.clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.common-wrap {
    max-width: 1320px;
    margin: 0 auto;
    clear: both;
    padding: 0 20px;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
}

.flex-horizontal-align {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.primary-hero-bg-container {
    position: relative;
    padding-bottom: 206px;
}

.primary-hero-bg-wrap {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.primary-hero-bg-left {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--paradiso);
    height: 206px;
    clip-path: polygon(0% 0%, 100% 93%, 100% 100%, 0% 100%);
}

.primary-hero-bg-right {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--bright-sun);
    height: 206px;
    clip-path: polygon(0% 92.8%, 100% 0%, 100% 100%, 0% 100%);
}

.scaling-slash-row {
    float: left;
    width: 100%;
    padding-bottom: 103px;
    margin-top: 0;
}

.scaling-slash-row .primary-hero-bg-wrap {
    height: 103px;
}

.scaling-slash-row .primary-hero-bg-left {
    background-color: var(--paradiso);
    height: 103px;
    clip-path: polygon(0% 0%, 100% 93%, 100% 100%, 0% 100%);
}

.scaling-slash-row .primary-hero-bg-right {
    background-color: var(--bright-sun);
    height: 103px;
    clip-path: polygon(0% 92.8%, 100% 0%, 100% 100%, 0% 100%);
}

.scaling-slash-row-reflect {
    margin-top: 0;
    padding-bottom: 103px;
}

.scaling-slash-row-reflect .primary-hero-bg-left {
    background-color: var(--paradiso);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 7.2%);
}

.scaling-slash-row-reflect .primary-hero-bg-right {
    background-color: var(--bright-sun);
    clip-path: polygon(0% 0%, 100% 0%, 100% 7%, 0% 100%);
}

.scaling-tenant-wrap {
    float: left;
    width: 100%;
    position: relative;
}

.scaling-tenant-wrap .scaling-slash-row {
    margin-top: 80px;
}

.scaling-tenant-wrap .scaling-slash-row-reflect {
    margin-top: -2px;
}

.scaling-tenant-wrap .scaling-slash-row-reflect .primary-hero-bg-wrap {
    bottom: 0;
}

.scaling-tenant-wrap .scaling-slash-row-reflect .primary-hero-bg-left {
    display: none;
}

.scaling-tenant-wrap .scaling-slash-row-reflect .primary-hero-bg-right {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 7%);
    z-index: 1;
}

.scaling-tenant-band {
    float: left;
    width: 100%;
    background-color: var(--bright-sun);
    padding: 36px 0 48px;
    margin-top: -1px;
}

.scaling-tenant-band .common-wrap {
    max-width: 980px;
}

.scaling-tenant-inner {
    float: left;
    width: 100%;
    text-align: center;
}

.scaling-tenant-intro {
    float: left;
    width: 100%;
    margin-bottom: 44px;
}

.scaling-tenant-intro h2 {
    color: var(--paradiso);
    font-size: 70px;
    line-height: 78px;
    font-weight: 700;
    padding-bottom: 18px;
}

.scaling-tenant-intro p {
    color: var(--paradiso);
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    max-width: 720px;
    margin: 0 auto;
}

.scaling-tenant-icons {
    float: left;
    width: 100%;
    justify-content: center;
    column-gap: 56px;
    row-gap: 28px;
    margin-bottom: 44px;
}

.scaling-tenant-icon-item {
    width: 200px;
    text-align: center;
    color: var(--paradiso);
}

.scaling-tenant-icon-item figure {
    width: 56px;
    margin: 0 auto 16px;
}

.scaling-tenant-icon-item svg,
.scaling-tenant-icon-item img {
    width: 56px;
    height: 56px;
    display: block;
    object-fit: contain;
}

.scaling-tenant-icon-item h5 {
    color: var(--paradiso);
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

.scaling-tenant-copy {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}

.scaling-tenant-copy p {
    width: 100%;
    color: var(--paradiso);
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    padding-bottom: 18px;
}

.scaling-tenant-copy p:last-child {
    padding-bottom: 0;
}

.scaling-tenant-points {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    column-gap: 28px;
    row-gap: 8px;
    font-weight: 700 !important;
    padding-bottom: 22px !important;
}

.scaling-tenant-points span {
    position: relative;
    padding-left: 16px;
}

.scaling-tenant-points span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--paradiso);
}

@media only screen and (min-width: 280px) and (max-width: 480px) {
    .scaling-slash-row {
        padding-bottom: 70px;
    }

    .scaling-slash-row .primary-hero-bg-wrap,
    .scaling-slash-row .primary-hero-bg-left,
    .scaling-slash-row .primary-hero-bg-right {
        height: 70px;
    }

    .scaling-tenant-wrap .scaling-slash-row {
        margin-top: 40px;
    }

    .scaling-tenant-wrap .scaling-slash-row-reflect {
        margin-top: -2px;
    }

    .scaling-tenant-band {
        padding: 24px 0 32px;
    }

    .scaling-tenant-intro {
        margin-bottom: 32px;
    }

    .scaling-tenant-intro h2 {
        font-size: 28px;
        line-height: 34px;
        padding-bottom: 14px;
    }

    .scaling-tenant-intro p {
        font-size: 15px;
        line-height: 22px;
    }

    .scaling-tenant-icons {
        flex-flow: column;
        align-items: center;
        row-gap: 24px;
        margin-bottom: 32px;
    }

    .scaling-tenant-icon-item {
        width: 100%;
        max-width: 260px;
    }

    .scaling-tenant-icon-item svg,
    .scaling-tenant-icon-item img {
        width: 48px;
        height: 48px;
        margin: 0 auto;
    }

    .scaling-tenant-icon-item h5 {
        font-size: 15px;
        line-height: 20px;
    }

    .scaling-tenant-copy p {
        font-size: 15px;
        line-height: 22px;
        padding-bottom: 14px;
    }

    .scaling-tenant-points {
        flex-flow: column;
        align-items: center;
        row-gap: 6px;
        column-gap: 0;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .scaling-tenant-band {
        padding: 28px 0 40px;
    }

    .scaling-tenant-intro h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .scaling-tenant-icons {
        column-gap: 36px;
    }

    .scaling-tenant-icon-item {
        width: 180px;
    }
}

body.page-id-5430 .testimonial-content,
body.page-id-5430 .testimonial-content p {
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
}

body.page-id-5430 .testimonial-content {
    padding-top: 0;
}

body.page-id-5430 .testimonial-content h3,
body.page-id-5430 .testimonial-content p:empty {
    display: none;
    padding: 0;
    margin: 0;
}

body.page-id-5430 .testimonial-wrap .testimonial-wedgewood-color,
body.page-id-5430 .testimonial-wrap .testimonial-supernova-color {
    display: none !important;
}

@media only screen and (max-width: 768px) {
    body.page-id-5430:not(.navshown) .phone-nav .hamburger {
        top: 50%;
        transform: translateY(-50%);
    }

    body.page-id-5430 .testimonial-content {
        padding-top: 36px;
    }

    body.page-id-5430 .testimonial-content,
    body.page-id-5430 .testimonial-content p {
        font-size: 24px;
        line-height: 32px;
    }

    body.page-id-5430 .testimonial-content .schedule-btn .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--bright-sun) !important;
        color: var(--paradiso);
    }

    body.page-id-5430 .testimonial-content .schedule-btn .btn span {
        color: var(--paradiso);
    }

    body.page-id-5430 .scaling-highlights-inner.flex {
        display: flex;
        flex-flow: row nowrap !important;
        column-gap: 0;
        row-gap: 0;
    }

    body.page-id-5430 .scaling-highlight-item {
        flex: 0 0 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    body.page-id-5430 .scaling-highlight-icon {
        width: 112px;
        margin-bottom: 20px;
    }

    body.page-id-5430 .scaling-highlight-icon svg,
    body.page-id-5430 .scaling-highlight-icon img {
        width: 112px;
        height: 112px;
    }

    body.page-id-5430 .stat-banner-stats {
        display: grid;
        grid-template-columns: max-content minmax(0, 1fr);
        justify-content: stretch;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    body.page-id-5430 .stat-banner-stat.flex {
        display: contents;
    }

    body.page-id-5430 .stat-banner-stat span,
    body.page-id-5430 .stat-banner-stat:nth-child(3) span {
        min-width: 0;
        max-width: none;
        white-space: normal;
        overflow-wrap: break-word;
    }

    body.page-id-5430 .scaling-section-title h2,
    body.page-id-5430 .scaling-unrestricted-content h2,
    body.page-id-5430 .scaling-tenant-intro h2 {
        font-size: 34px;
        line-height: 40px;
    }

    body.page-id-5430 .scaling-category-trigger {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        text-align: center;
    }

    body.page-id-5430 .scaling-category-trigger-top {
        display: contents;
    }

    body.page-id-5430 .scaling-category-copy {
        order: 1;
        width: 100%;
        text-align: center;
    }

    body.page-id-5430 .scaling-category-toggle {
        order: 3;
        margin-top: 16px;
        padding-top: 0;
        justify-content: center;
    }

    body.page-id-5430 .scaling-category-badge {
        order: 2;
        margin-top: 14px;
        margin-left: auto;
        margin-right: auto;
    }

    body.page-id-5430 .scaling-tenant-icons.flex {
        display: flex;
        flex-flow: column nowrap !important;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
        padding: 32px 28px 30px;
        margin-bottom: 44px;
        row-gap: 0;
        background-color: var(--white);
        border-radius: 10px;
        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
        box-sizing: border-box;
    }

    body.page-id-5430 .scaling-tenant-icon-item {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        width: 100%;
        max-width: none;
        margin: 0 0 22px;
        column-gap: 14px;
        text-align: left;
    }

    body.page-id-5430 .scaling-tenant-icon-item:last-child {
        margin-bottom: 0;
    }

    body.page-id-5430 .scaling-tenant-icon-item figure {
        display: flex;
        flex: 0 0 36px;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        margin: 0;
    }

    body.page-id-5430 .scaling-tenant-icon-item svg,
    body.page-id-5430 .scaling-tenant-icon-item img {
        width: 36px;
        height: 36px;
        margin: 0;
    }

    body.page-id-5430 .scaling-tenant-icon-item h5 {
        flex: 1 1 auto;
        min-width: 0;
        font-size: 20px;
        line-height: 26px;
        text-align: left;
    }
}

@media only screen and (max-width: 480px) {
    body.page-id-5430 .scaling-tenant-icons.flex {
        padding: 28px 22px;
    }

    body.page-id-5430 .scaling-tenant-icon-item {
        margin-bottom: 20px;
        column-gap: 12px;
    }

    body.page-id-5430 .scaling-tenant-icon-item figure {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    body.page-id-5430 .scaling-tenant-icon-item svg,
    body.page-id-5430 .scaling-tenant-icon-item img {
        width: 32px;
        height: 32px;
    }

    body.page-id-5430 .scaling-tenant-icon-item h5 {
        font-size: 15px;
        line-height: 20px;
    }
}

body.page-id-5430 .scaling-category-trigger:focus-visible,
body.page-id-5430 .scaling-highlights-dots button:focus-visible,
body.page-id-5430 .scaling a:focus-visible {
    outline: 3px solid var(--white);
    outline-offset: 3px;
    box-shadow: 0 0 0 5px var(--paradiso);
}

@media (prefers-reduced-motion: reduce) {
    body.page-id-5430 .scaling-highlights-inner,
    body.page-id-5430 .scaling-category-toggle svg,
    body.page-id-5430 .scaling * {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
