.support-hero .hero-visual.cm-hero-visual-center {
    justify-content: center;
}

.support-hero.cm-hero-en {
    padding: 86px 0 36px;
    background: linear-gradient(135deg, #e7f7f3 0%, #d8f0ee 45%, #f7fbfb 100%);
    position: relative;
    overflow: hidden;
}

.support-hero.cm-hero-en:before {
    content: "";
    position: absolute;
    right: -120px;
    top: -100px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(33, 186, 169, .16);
}

.support-hero.cm-hero-en:after {
    content: "";
    position: absolute;
    right: 100px;
    top: -60px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(33, 186, 169, .10);
}

.support-hero.cm-hero-en .lightpill {
    display: inline-block;
    margin-bottom: 14px;
}

.support-hero.cm-hero-en .hero-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 28px;
    align-items: center;
}

.support-hero.cm-hero-en .hero-visual {
    min-height: 280px;
    border-radius: 28px;
    background: linear-gradient(135deg, #19c1b1, #1f305b);
    padding: 28px;
    color: #fff;
}

.support-hero.cm-hero-en .hero-visual .bench-label {
    color: #bdf0e8;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 6px;
}

.support-hero.cm-hero-en .hero-visual h2 {
    color: #fff;
    margin-bottom: 4px;
}

.support-hero.cm-hero-en .hero-visual .section-list {
    margin-top: 14px;
}

.support-hero.cm-hero-en .hero-visual .section-list li {
    color: #eef7ff;
}

.support-hero.cm-hero-en .hero-ctas {
    margin-top: 22px;
}

.collaboration-models-page .campaign-proofbar.cm-proofbar {
    margin-bottom: 0;
}

.collaboration-models-page .home-s5.cm-section-first {
    padding-top: 50px;
    padding-bottom: 0;
}

.collaboration-models-page .home-s5.cm-section {
    padding-top: 60px;
    padding-bottom: 0;
}

.collaboration-models-page .cm-dark-section {
    padding: 70px 0;
    background: #092136;
    color: #fff;
}

.collaboration-models-page .campaign-faq-wrap.cm-faq-section {
    padding: 60px 0;
    margin-top: 50px;
    background: #eef3f6;
}

.collaboration-models-page .cm-table-scroll {
    overflow-x: auto;
}

.collaboration-models-page .section-text-2.cm-text-900 {
    max-width: 900px;
}

.collaboration-models-page .section-text-2.cm-text-follow {
    max-width: 900px;
    margin-top: 10px;
    margin-bottom: 26px;
}

.collaboration-models-page .section-text-2.cm-text-note {
    max-width: 900px;
    margin-top: 20px;
}

.collaboration-models-page .section-text-2.cm-text-820 {
    max-width: 820px;
    margin-bottom: 30px;
}

.collaboration-models-page .section-text-2.cm-text-muted-light {
    color: rgba(255, 255, 255, .78);
}

.collaboration-models-page .cm-title-light {
    color: #fff;
}

.collaboration-models-page .section-title-3.cm-title-light-8 {
    color: #fff;
    margin-top: 8px;
}

.collaboration-models-page .campaign-kicker.cm-kicker-teal {
    color: #5fd6cc;
}

.collaboration-models-page .campaign-kicker.cm-kicker-gold {
    color: #ffc861;
}

.collaboration-models-page .section-list.cm-list-flush {
    margin-bottom: 0;
}

.collaboration-models-page .section-list.cm-list-14 {
    margin-top: 14px;
}

.collaboration-models-page .section-list.cm-list-16 {
    margin-top: 16px;
}

.collaboration-models-page .section-list.cm-list-20 {
    margin-top: 20px;
}



.collaboration-models-page .ais_chapter_card.cm-chapter-card {
    box-sizing: border-box;
    border: none;
}

.collaboration-models-page .ais_chapter_card.cm-chapter-card:hover {
    transform: none;
    box-shadow: none;
    border: none;
}

/* section 1: give the architecture diagram more room than the default dt-s6 column */
@media (min-width: 993px) {
    .collaboration-models-page .cm-section-first .dt-s6.image-text .flex-elem.left {
        width: 45%;
    }

    .collaboration-models-page .cm-section-first .dt-s6.image-text .flex-elem.right {
        width: 51%;
        margin-left: 0;
    }

    .collaboration-models-page .cm-section-first .image-text .it-image.it-image-diagram {
        width: 100%;
    }

    .collaboration-models-page .cm-section-first .image-text .it-image-diagram + .it-caption {
        max-width: none;
    }
}

.collaboration-models-page .box-elem.box-white-wrap.cm-plan-business {
    background: #eef9f8;
}

.collaboration-models-page .box-elem.box-white-wrap.cm-card-dark {
    background: #0D2C54;
    color: #fff;
}

.collaboration-models-page .ais_scenario_box.cm-scenario {
    margin-top: 10px;
}

.collaboration-models-page .cm-btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.collaboration-models-page .cm-btn-row .btn,
.collaboration-models-page .cm-btn-row .btn:visited {
    color: #fff;
}

.collaboration-models-page .cm-btn-row .btn:hover,
.collaboration-models-page .cm-btn-row .btn:focus {
    color: #fff;
    background: rgba(255, 255, 255, .12);
}

.collaboration-models-page .btn.cm-btn-center {
    margin: 0 auto;
    display: block;
    float: none;
}

.collaboration-models-page .row.cm-form-card {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(13, 44, 84, .08);
}

.collaboration-models-page .cm-form-main {
    flex: 2 1 420px;
    padding: 40px;
}

.collaboration-models-page .cm-form-side {
    flex: 1 1 340px;
    background: #0D2C54;
    color: #fff;
    padding: 40px;
}

.collaboration-models-page .cm-form {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.collaboration-models-page .cm-field {
    flex: 1 1 220px;
}

.collaboration-models-page .cm-field-full {
    flex: 1 1 100%;
}

.collaboration-models-page .cm-form-actions {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.collaboration-models-page .cm-contact-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.collaboration-models-page.cm-en .form-label {
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: #0d2438;
    margin-bottom: 6px;
}

.collaboration-models-page.cm-en .form-control,
.collaboration-models-page.cm-en .form-select {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid #d8e1e7;
    border-radius: 8px;
    font-size: 14px;
    color: #0d2438;
    background: #fff;
    box-sizing: border-box;
    font-family: inherit;
}

.collaboration-models-page.cm-en .form-control:focus,
.collaboration-models-page.cm-en .form-select:focus {
    outline: none;
    border-color: #12b8ad;
    box-shadow: 0 0 0 3px rgba(18, 184, 173, .15);
}

.collaboration-models-page.cm-en textarea.form-control {
    resize: vertical;
    min-height: 96px;
}

.collaboration-models-page.cm-en .form-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.collaboration-models-page.cm-en .form-check-input {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.collaboration-models-page.cm-en .form-check-label {
    font-size: 13px;
    color: #5a6b78;
}

/* resources-whitepapers: restore the modal backdrop/card (bootstrap5-wp.css only styles .modal under main.ai2026-whitepapers-page, which this template doesn't wrap in) */
#whitepaperModal .modal-content {
    background-color: #fff;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .25);
}

.modal-backdrop {
    background-color: #000;
}

.modal-backdrop.show {
    opacity: .6;
}

@media (max-width: 991px) {
    .support-hero.cm-hero-en .hero-grid {
        grid-template-columns: 1fr;
    }

    .support-hero.cm-hero-en .hero-visual {
        min-height: auto;
    }

    .collaboration-models-page .boxes.flex-spbtwn.cm-plans {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .collaboration-models-page .boxes.flex-spbtwn.cm-plans > .box-elem.box-white-wrap {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        text-align: left;
    }
}