/* /work-with-us/brokers — page-specific deltas on the .gwp-* design system. */

.wwub-page {
    /* Replaces the margin-bottom .fx-insidepage__wrapper used to supply. */
    margin-bottom: 50px;
}

/* Other sheets pin .row to a fixed 30px gutter; restores --bs-gutter-* here. */
.wwub-page .row {
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-top: calc(var(--bs-gutter-y) * -1);
}

.wwub-page .row > * {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

/* SECTION HEAD */
.wwub-head {
    max-width: 989px;
    margin: 0 auto 60px;
    text-align: center;
}

/* Appearance is all .gwp-eyebrow; only the gap below is ours. */
.wwub-eyebrow {
    margin-bottom: var(--gwp-space-3);
}

.wwub-head__title {
    margin: 0 0 var(--gwp-space-4) !important;
}

/* Lead is 16px here; .gwp-section-lead ships 18px. */
.wwub-head__lead {
    font-size: var(--gwp-fs-base);
    font-weight: var(--gwp-fw-regular);
    margin: 0;
}

.wwub-head__lead + .wwub-head__lead {
    margin-top: var(--gwp-space-4);
}

/* HERO */
.wwub-hero {
    position: relative;
    padding: 60px 0 80px;
    overflow: hidden;
}

.wwub-hero__media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.wwub-hero__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}

.wwub-hero__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #31356e 0%, rgba(49, 53, 110, .96) 24%, rgba(49, 53, 110, .62) 52%, rgba(49, 53, 110, .22) 100%);
}

.wwub-hero__copy {
    position: relative;
    z-index: 1;
    max-width: 633px;
}

/* !important: .gwp-hero__title caps at 36px and a global h1 rule outranks this. */
.wwub-hero__title {
    font-size: 46px !important;
    font-weight: var(--gwp-fw-extrabold);
    line-height: 1.2;
    margin: 0 0 var(--gwp-space-4) !important;
}

.wwub-hero__title em {
    color: var(--gwp-primary);
    font-style: italic;
    font-weight: var(--gwp-fw-extrabold);
}

/* An <h2> for the outline, body copy visually; !important beats the global heading rule. */
.wwub-hero__lead,
.wwub-hero__body {
    font-size: var(--gwp-fs-md) !important;
    font-weight: var(--gwp-fw-regular);
    line-height: 30px;
    color: var(--gwp-text-inverse);
    margin: 0 0 10px !important;
}

.wwub-hero__body:last-of-type {
    margin-bottom: 0 !important;
}

.wwub-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gwp-space-4);
    margin-top: var(--gwp-space-7);
}

/* AUDIENCE CARDS */
.wwub-audience {
    background: linear-gradient(180deg, #f6f7fd 0%, #ecf1ff 100%);
    padding: 80px 0;
}

/* Columns come from row-cols-*; only the gutter lives here. */
.wwub-audience__grid {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}

.wwub-audience__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 320px;
    padding: 20px 19px 20px 15px;
    border-radius: var(--gwp-radius-sm);
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.wwub-audience__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(179deg, rgba(0, 0, 0, 0) 43.48%, rgba(0, 0, 0, .6) 66.64%, rgb(0, 0, 0) 99.25%);
}

.wwub-audience__body {
    position: relative;
    z-index: 1;
}

.wwub-audience__title {
    font-family: var(--gwp-font-title);
    font-size: var(--gwp-fs-base) !important;
    font-weight: var(--gwp-fw-bold);
    line-height: 1.25;
    color: var(--gwp-text-inverse);
    margin: 0 0 var(--gwp-space-2) !important;
}

.wwub-audience__desc {
    font-size: var(--gwp-fs-sm);
    font-weight: var(--gwp-fw-regular);
    line-height: 1.25;
    color: var(--gwp-text-inverse);
    margin: 0;
}

@media (hover: hover) {
    .wwub-audience__card {
        transition: transform .35s ease, box-shadow .35s ease;
    }

    .wwub-audience__card::after {
        transition: background .45s ease;
    }

    .wwub-audience__body {
        transition: transform .35s cubic-bezier(.22, .61, .36, 1);
    }

    .wwub-audience__card:hover {
        transform: translateY(-6px);
        box-shadow: var(--gwp-shadow-card);
    }

    .wwub-audience__card:hover::after {
        background: linear-gradient(179deg, rgba(49, 53, 110, 0) 28%, rgba(49, 53, 110, .72) 62%, rgba(18, 20, 46, .96) 99%);
    }

    .wwub-audience__card:hover .wwub-audience__body {
        transform: translateY(-6px);
    }
}

/* BENEFIT CARDS */
.wwub-benefits {
    background: linear-gradient(180deg, #ecf1ff 0%, #ffffff 15%);
    padding: 80px 0;
}

.wwub-benefits__grid {
    --bs-gutter-x: 45px;
    --bs-gutter-y: 45px;
}

.wwub-benefit {
    position: relative;
    background: var(--gwp-surface-0);
    border: .6px solid var(--gwp-border);
    border-radius: 10px;
    padding: 75px 50px 20px 20px;
    min-height: 240px;
    overflow: hidden;
}

/* Overlay, not a background swap — gradients cannot be transitioned. */
.wwub-benefit::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(-73.75deg, #585fbe 3.54%, #31356e 59.26%);
    opacity: 0;
    pointer-events: none;
}

/* Inline SVG — colour lives here, not in the markup. */
.wwub-benefit__icon {
    position: relative;
    z-index: 1;
    display: block;
    width: 56px;
    height: 56px;
    margin-bottom: 18px;
    fill: var(--gwp-heading);
}

.wwub-benefit__title {
    position: relative;
    z-index: 1;
    font-family: var(--gwp-font-title);
    font-size: var(--gwp-fs-md) !important;
    font-weight: var(--gwp-fw-bold);
    line-height: 1.25;
    color: var(--gwp-text-body);
    margin: 0 0 var(--gwp-space-2) !important;
}

.wwub-benefit__desc {
    position: relative;
    z-index: 1;
    font-size: var(--gwp-fs-base);
    font-weight: var(--gwp-fw-regular);
    line-height: 1.25;
    color: var(--gwp-text-body);
    margin: 0;
}

@media (hover: hover) {
    .wwub-benefit {
        transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
    }

    .wwub-benefit::before {
        transition: opacity .35s ease;
    }

    /* Matches .aboutus-model__card-icon on About Us. */
    .wwub-benefit__icon {
        transition: fill .35s ease, transform .35s cubic-bezier(.22, .61, .36, 1);
    }

    .wwub-benefit__title,
    .wwub-benefit__desc {
        transition: color .35s ease;
    }

    .wwub-benefit:hover {
        transform: translateY(-6px);
        border-color: #31356e;
        box-shadow: var(--gwp-shadow-card);
    }

    .wwub-benefit:hover::before {
        opacity: 1;
    }

    .wwub-benefit:hover .wwub-benefit__title,
    .wwub-benefit:hover .wwub-benefit__desc {
        color: var(--gwp-text-inverse);
    }

    .wwub-benefit:hover .wwub-benefit__icon {
        fill: var(--gwp-primary);
        transform: scale(1.08) rotate(-6deg);
    }
}

/* HOW IT WORKS */
.wwub-steps {
    background: #fefbf2;
    padding: 80px 0;
}

/* Cap sits on a wrapper — auto margins on the row would cancel its negative gutters. */
.wwub-steps__wrap {
    max-width: 1180px;
    margin: 0 auto;
}

.wwub-steps__grid {
    --bs-gutter-x: 60px;
    --bs-gutter-y: 60px;
}

.wwub-step {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 215px;
    padding: var(--gwp-space-5);
    border: .6px solid var(--gwp-border);
    border-radius: var(--gwp-radius-md);
    overflow: hidden;
}

.wwub-step::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 4px;
    background: var(--gwp-primary);
    transform: scaleY(0);
    transform-origin: top center;
    pointer-events: none;
}

.wwub-step__num {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--gwp-heading);
    font-family: var(--gwp-font-title);
    font-size: 22px;
    font-weight: var(--gwp-fw-bold);
    line-height: 1.31;
    color: var(--gwp-text-inverse);
    margin-bottom: var(--gwp-space-4);
}

.wwub-step__title {
    position: relative;
    z-index: 1;
    font-family: var(--gwp-font-title);
    font-size: var(--gwp-fs-md) !important;
    font-weight: var(--gwp-fw-bold);
    line-height: 1.331;
    color: var(--gwp-text-body);
    margin: 0 0 var(--gwp-space-3) !important;
}

.wwub-step__desc {
    position: relative;
    z-index: 1;
    font-size: var(--gwp-fs-sm);
    font-weight: var(--gwp-fw-regular);
    line-height: 1.331;
    color: var(--gwp-text-body);
    margin: 0;
}

@media (hover: hover) {
    .wwub-step {
        transition: transform .35s ease, box-shadow .35s ease,
                    border-color .35s ease, background-color .35s ease;
    }

    .wwub-step::before {
        transition: transform .45s cubic-bezier(.22, 1, .36, 1);
    }

    .wwub-step__num {
        transition: background-color .35s ease, transform .35s cubic-bezier(.22, .61, .36, 1);
    }

    .wwub-step__title {
        transition: color .35s ease;
    }

    .wwub-step:hover {
        transform: translateY(-6px);
        background-color: var(--gwp-surface-0);
        border-color: var(--gwp-primary);
        box-shadow: var(--gwp-shadow-card);
    }

    .wwub-step:hover::before {
        transform: scaleY(1);
    }

    .wwub-step:hover .wwub-step__num {
        background: var(--gwp-primary);
        transform: scale(1.08) rotate(-6deg);
    }

    .wwub-step:hover .wwub-step__title {
        color: var(--gwp-heading);
    }
}

.wwub-steps__cta {
    margin-top: var(--gwp-space-8);
    text-align: center;
}

.wwub-btn-240 {
    width: 240px;
}

/* SCALE STATS */
.wwub-scale {
    background: linear-gradient(-57.83deg, #585fbe 15.34%, #31356e 91.83%);
    padding: 80px 0;
}

.wwub-scale__title {
    text-align: center;
    text-transform: capitalize;
    margin: 0 0 var(--gwp-space-8) !important;
}

.wwub-scale__list {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 40px;
    margin-bottom: 0;
}

.wwub-scale__item {
    position: relative;
}

/* Each item is in its own .col, so the divider keys off the column, not a sibling. */
.wwub-scale__list > .col .wwub-scale__item::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--bs-gutter-x) * -0.5);
    border-left: 1px solid rgba(255, 255, 255, .35);
}

/* First column of each row has nothing to divide from. */
@media (min-width: 1200px) {
    .wwub-scale__list > .col:nth-child(5n+1) .wwub-scale__item::before { display: none; }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .wwub-scale__list > .col:nth-child(3n+1) .wwub-scale__item::before { display: none; }
}

@media (max-width: 767.98px) {
    .wwub-scale__list > .col .wwub-scale__item::before { display: none; }
}

.wwub-scale__value {
    display: block;
    font-family: var(--gwp-font-title);
    font-size: var(--gwp-fs-3xl) !important;
    font-weight: var(--gwp-fw-extrabold);
    line-height: 1.2;
    color: var(--gwp-primary);
    margin: 0;
}

.wwub-scale__label {
    display: block;
    font-family: var(--gwp-font-title);
    font-size: var(--gwp-fs-base) !important;
    font-weight: var(--gwp-fw-bold);
    line-height: 1.2;
    color: var(--gwp-primary);
    margin: 5px 0 0;
}

.wwub-scale__desc {
    font-size: var(--gwp-fs-sm);
    font-weight: var(--gwp-fw-regular);
    line-height: 22px;
    color: var(--gwp-text-inverse);
    margin: 15px 0 0;
}

/* OUTCOMES */
.wwub-outcome {
    background: linear-gradient(180deg, #ffffff 0%, #ecf1ff 100%);
    padding: 80px 0;
}

/* Columns carry the split; the gutter replaces the old fixed gap. */
.wwub-outcome__layout {
    --bs-gutter-x: 48px;
    --bs-gutter-y: 40px;
}

/* 1290px = 418px title + 82px gap + 790px cards; below xl the columns take over. */
@media (min-width: 1200px) {
    .wwub-page .wwub-outcome__layout {
        display: flex;
        flex-wrap: nowrap;
        gap: 82px;
        max-width: 1290px;
        margin-left: auto;
        margin-right: auto;
    }

    .wwub-page .wwub-outcome__layout > .col-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .wwub-outcome__layout > .col-lg-4 {
        flex: 0 0 418px;
        max-width: 418px;
    }

    .wwub-outcome__layout > .col-lg-8 {
        flex: 0 0 790px;
        max-width: 790px;
    }
}

.wwub-outcome__title {
    margin: 0 !important;
}

.wwub-outcome__grid {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.wwub-outcome__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Shorter second row; the taller first row is content-driven. */
    min-height: 135px;
    padding: var(--gwp-space-5);
    border: .6px solid var(--gwp-border);
    border-radius: var(--gwp-radius-md);
    overflow: hidden;
}

/* Gold rule wipes in along the top edge on hover. */
.wwub-outcome__card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 3px;
    background: var(--gwp-primary);
    transform: scaleX(0);
    transform-origin: left center;
    pointer-events: none;
}

.wwub-outcome__card-title {
    position: relative;
    z-index: 1;
    font-family: var(--gwp-font-title);
    font-size: var(--gwp-fs-base) !important;
    font-weight: var(--gwp-fw-bold);
    line-height: 1.331;
    color: var(--gwp-text-body);
    margin: 0 0 var(--gwp-space-3) !important;
}

.wwub-outcome__card-desc {
    position: relative;
    z-index: 1;
    font-size: var(--gwp-fs-sm);
    font-weight: var(--gwp-fw-regular);
    line-height: 1.331;
    color: var(--gwp-text-body);
    margin: 0;
}

@media (hover: hover) {
    .wwub-outcome__card {
        transition: transform .35s cubic-bezier(.22, .61, .36, 1), box-shadow .35s ease,
                    border-color .35s ease, background-color .35s ease;
    }

    .wwub-outcome__card::after {
        transition: transform .45s cubic-bezier(.22, 1, .36, 1);
    }

    .wwub-outcome__card-title {
        transition: color .35s ease;
    }

    .wwub-outcome__card:hover {
        transform: scale(1.04);
        background-color: var(--gwp-surface-0);
        border-color: var(--gwp-heading);
        box-shadow: var(--gwp-shadow-elevated);
    }

    .wwub-outcome__card:hover::after {
        transform: scaleX(1);
    }

    .wwub-outcome__card:hover .wwub-outcome__card-title {
        color: var(--gwp-heading);
    }
}

/* PARTNER TYPES */
.wwub-partners {
    background: #fefbf2;
    padding: 80px 0;
}

/* These leads run to 860px, narrower than the 989px .wwub-head. */
.wwub-partners .wwub-head__lead {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}

.wwub-partners__grid {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}

/* 5 × 245px cards + 4 × 16px gaps; auto margins replace the row's negative ones. */
@media (min-width: 1200px) {
    .wwub-page .wwub-partners__grid {
        max-width: 1305px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* CTA pinned to the bottom so buttons line up across cards. */
.wwub-partner {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 215px;
    padding: var(--gwp-space-5) 15px;
    border: 1px solid var(--gwp-border);
    border-radius: var(--gwp-radius-sm);
    overflow: hidden;
}

/* Overlay, not a background swap — see .wwub-benefit::before. */
.wwub-partner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(99.6deg, #31356e 29.2%, #585fbe 121.57%);
    opacity: 0;
    pointer-events: none;
}

.wwub-partner__title {
    position: relative;
    z-index: 1;
    font-family: var(--gwp-font-title);
    font-size: var(--gwp-fs-md) !important;
    font-weight: var(--gwp-fw-bold);
    line-height: 1.25;
    color: var(--gwp-text-body);
    margin: 0 0 var(--gwp-space-2) !important;
}

.wwub-partner__desc {
    position: relative;
    z-index: 1;
    font-size: var(--gwp-fs-sm);
    font-weight: var(--gwp-fw-regular);
    line-height: 1.25;
    color: var(--gwp-text-body);
    margin: 0 0 10px;
}

.wwub-partner__cta {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-top: auto;
    width: 160px;
    height: 35px;
    border: 1px solid #000;
    border-radius: 6px;
    font-family: var(--gwp-font-title);
    font-size: var(--gwp-fs-sm);
    font-weight: var(--gwp-fw-semibold);
    line-height: 1;
    color: #000;
    text-decoration: none;
    transition: background-color .35s ease, border-color .35s ease, color .35s ease;
}

/* .wwub-partner:hover never matches when tabbing to the link. */
.wwub-partner__cta:focus-visible {
    background: var(--gwp-primary);
    border-color: var(--gwp-primary);
    outline: 2px solid var(--gwp-heading);
    outline-offset: 2px;
}

@media (hover: hover) {
    .wwub-partner {
        transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
    }

    .wwub-partner::before {
        transition: opacity .35s ease;
    }

    .wwub-partner__title,
    .wwub-partner__desc {
        transition: color .35s ease;
    }

    .wwub-partner:hover {
        transform: translateY(-6px);
        border-color: #31356e;
        box-shadow: var(--gwp-shadow-card);
    }

    .wwub-partner:hover::before {
        opacity: 1;
    }

    .wwub-partner:hover .wwub-partner__title,
    .wwub-partner:hover .wwub-partner__desc {
        color: var(--gwp-text-inverse);
    }

    .wwub-partner:hover .wwub-partner__cta {
        background: var(--gwp-primary);
        border-color: var(--gwp-primary);
    }

    .wwub-partner:hover .wwub-partner__cta:hover {
        background: var(--gwp-primary-gold);
        border-color: var(--gwp-primary-gold);
    }
}

/* FORM — .gwp-form__* supplies everything; only deltas live here. */
.wwub-form {
    background: var(--gwp-surface-0);
    padding: 80px 0;
}

/* .gwp-form__cta trails a margin from the block above it on the homepage. */
.wwub-form__cta {
    margin-top: 0;
}

/* An <h2> here, an <h3> on the homepage — a global rule resizes it without !important. */
.wwub-form .gwp-form__intro-title {
    font-size: 28px !important;
}

@media (min-width: 992px) {
    .wwub-form .gwp-form__intro-title {
        font-size: var(--gwp-fs-3xl) !important;
    }
}

/* 16px, not the component's 12px; the <a> is unstyled and global a:hover kills underlines. */
.wwub-form .gwp-form__footnote {
    font-size: var(--gwp-fs-base);
}

.wwub-form .gwp-form__footnote a,
.wwub-form .gwp-form__footnote a:hover,
.wwub-form .gwp-form__footnote a:focus {
    color: var(--gwp-heading);
    text-decoration: underline !important;
}

/* Native arrow removed so the chevron matches the other fields. */
.wwub-form__select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23666' stroke-width='1.5'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 16px;
    padding-right: 34px;
    color: #595959;
}

/* Validation styling for the page submit script. */
.wwub-form .invalid-feedback {
    display: none;
    font-size: var(--gwp-fs-xs);
    color: var(--gwp-accent-red);
    margin-top: 4px;
}

.wwub-form .is-invalid {
    border-bottom-color: var(--gwp-accent-red);
}

/* RESPONSIVE */
@media (max-width: 1399.98px) {
    .wwub-hero__title {
        font-size: 40px !important;
    }

}

@media (max-width: 1199.98px) {
    .wwub-hero {
        padding: 50px 0 60px;
    }

    .wwub-benefits__grid {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px;
    }

    .wwub-hero__title {
        font-size: 36px !important;
    }

    /* Desktop head-room reads as dead space on a shorter tablet card. */
    .wwub-benefit {
        padding: 40px 24px 24px;
        min-height: 0;
    }

    .wwub-steps__wrap {
        max-width: none;
    }

    .wwub-steps__grid {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

}

@media (max-width: 991.98px) {
    .wwub-hero__title {
        font-size: 32px !important;
    }

    .wwub-outcome__layout {
        --bs-gutter-x: 24px;
    }

    /* .gwp-btn--cta goes display:flex below lg, so centre with auto margins not text-align. */
    .wwub-steps__cta .gwp-btn.gwp-btn--cta.wwub-btn-240 {
        flex: none !important;
        width: 240px !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* 767.98, not 768 — a round 768 splits iPad portrait from the d-md-* utilities. */
@media (max-width: 767.98px) {
    .wwub-hero {
        padding: 36px 0 44px;
    }

    .wwub-hero__media img {
        object-position: center;
    }

    /* Portrait crop has no clear side for copy — wash the whole frame. */
    .wwub-hero__media::after {
        background: linear-gradient(180deg, rgba(49, 53, 110, .82) 0%, rgba(49, 53, 110, .95) 60%, #31356e 100%);
    }

    .wwub-hero__title {
        font-size: 28px !important;
    }

    /* !important: the base rule carries it, so the phone size would lose. */
    .wwub-hero__lead,
    .wwub-hero__body {
        font-size: var(--gwp-fs-base) !important;
        line-height: 26px;
    }

    .wwub-hero__actions {
        margin-top: var(--gwp-space-6);
    }

    .wwub-audience,
    .wwub-benefits,
    .wwub-steps,
    .wwub-scale,
    .wwub-outcome,
    .wwub-partners,
    .wwub-form {
        padding: 40px 0;
    }

    .wwub-head {
        margin-bottom: 30px;
    }

    .wwub-benefit {
        padding: 30px 20px 20px;
        min-height: 0;
    }

    .wwub-steps__cta {
        margin-top: 30px;
    }

}

@media (max-width: 575.98px) {
    .wwub-hero__title {
        font-size: 24px !important;
    }

    /* Container padding is 12px here, so no gutter may exceed 24px. */
    .wwub-benefits__grid,
    .wwub-steps__grid,
    .wwub-outcome__grid,
    .wwub-outcome__layout,
    .wwub-scale__list {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

    .wwub-audience__card {
        min-height: 260px;
    }

    /* One card per row: the height floor would strand the CTA. */
    .wwub-partner {
        min-height: 0;
    }

    .wwub-steps__cta .gwp-btn.gwp-btn--cta.wwub-btn-240 {
        width: 100% !important;
    }
}