/*
 * Soofos For Business (B2B) public marketing page.
 * Renamed from voor-bedrijven.css when the canonical slug changed to for-businesses.
 * All visual values use the existing --* / --soofos-* token set.
 * Selectors are namespaced under .sf-b2b-page so rules cannot bleed
 * into the rest of the site.
 *
 * Sections (in order, v4 — aligned with the home-page look):
 *   .sf-b2b-hero      — light band (page-tint gradient): badge, copy,
 *                       red convert CTA, photo + floating stat cards
 *   .sf-b2b-stats     — navy stats strip (4 verified numbers)
 *   .sf-b2b-trusted   — trusted-by strip (white panel on page bg)
 *   .sf-b2b-why       — split panel: dominant highlight + compact icon list
 *   .sf-b2b-dash      — navy manager-dashboard band (KPIs + image)
 *   .sf-b2b-portal    — 6-card manager-portal capabilities grid (the one
 *                       section that stays a card grid, v8)
 *   .sf-b2b-cases     — divided audience band (3 columns, hairline rules)
 *   .sf-b2b-tiers     — 3-card comparison (Team Assign / Plus / Plus Pro);
 *                       tier CTAs route into the /team-signup/ flow (v10)
 *   .sf-b2b-how       — 3 numbered steps
 *   .sf-b2b-quote     — single testimonial card
 *   .sf-b2b-faq       — 6 details/summary FAQs
 *   .sf-b2b-cta       — final navy CTA panel (red convert button)
 *   .sf-b2b-contact   — 2 contact cards (self-serve / tailored)
 *   .sf-b2b-footnote  — privacy / terms / trial pointer
 *
 * The v3 "Simple per-seat pricing" volume section (.sf-b2b-pricing) was
 * removed from the page — its rules are gone too.
 *
 * Responsive at 390 / 768 / 1440 px. Visible focus, 44px tap targets,
 * no horizontal scroll, prefers-reduced-motion respected.
 */

.sf-b2b-page {
    background: var(--page);
    color: var(--body);
    font-family: var(--font);
}

.sf-b2b-page .sf-b2b-section__inner,
.sf-b2b-page .sf-b2b-section__inner > .wp-block-group__inner-container {
    width: 100%;
    min-width: 0;
    max-width: calc(var(--soofos-space-3xl) * 24);
    margin-inline: auto;
}

.sf-b2b-page .sf-b2b-section__inner > .wp-block-group__inner-container {
    grid-column: 1 / -1;
}

/* ---------------------------------------------------------------------
 * Hero — light band, home-page treatment
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-hero {
    background: linear-gradient(180deg, var(--page), var(--white));
    color: var(--body);
    padding: calc(var(--soofos-space-3xl) + var(--soofos-space-lg)) var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-hero__inner,
.sf-b2b-page .sf-b2b-hero__inner > .wp-block-group__inner-container {
    width: 100%;
    min-width: 0;
    max-width: calc(var(--soofos-space-3xl) * 20);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: var(--soofos-space-md);
}

.sf-b2b-page .sf-b2b-hero__inner > .wp-block-group__inner-container {
    grid-column: 1 / -1;
}

.sf-b2b-page .sf-b2b-hero__badge {
    align-self: flex-start;
    margin: 0 0 var(--soofos-space-md);
    background: var(--blue-fill);
    color: var(--deep-blue);
    border-radius: var(--r-pill);
    padding: var(--soofos-space-xs) var(--soofos-space-md);
    font-size: var(--soofos-player-text-sm);
    font-weight: var(--soofos-font-weight-extrabold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sf-b2b-page .sf-b2b-kicker {
    margin: 0;
    color: var(--deep-blue);
    font-size: var(--soofos-player-text-md);
    font-weight: var(--soofos-font-weight-extrabold);
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sf-b2b-page .sf-b2b-hero__title {
    max-width: calc(var(--soofos-space-3xl) * 14);
    margin: 0;
    color: var(--ink);
    font-size: calc(var(--soofos-space-2xl) + var(--soofos-space-xs));
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.08;
}

.sf-b2b-page .sf-b2b-hero__lead {
    max-width: calc(var(--soofos-space-3xl) * 13);
    margin: var(--soofos-space-md) 0 0;
    color: var(--muted);
    font-size: var(--soofos-space-lg);
    font-weight: var(--soofos-font-weight-semibold);
    line-height: 1.7;
}

.sf-b2b-page .sf-b2b-hero__actions {
    gap: var(--soofos-space-md);
    margin: var(--soofos-space-xl) 0 0;
    flex-wrap: wrap;
}

.sf-b2b-page .sf-b2b-hero__copy,
.sf-b2b-page .sf-b2b-hero__media {
    min-width: 0;
}

.sf-b2b-page .sf-b2b-hero__media {
    position: relative;
}

.sf-b2b-page .sf-b2b-hero__image {
    margin: 0;
}

.sf-b2b-page .sf-b2b-hero__image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--r-card-lg);
    box-shadow: var(--shadow-pop);
}

.sf-b2b-page .sf-b2b-hero__stat {
    position: absolute;
    background: var(--white);
    border: thin solid var(--card-border);
    border-radius: var(--r-card-sm);
    padding: var(--soofos-space-sm) var(--soofos-space-md);
    box-shadow: var(--shadow-pop);
}

.sf-b2b-page .sf-b2b-hero__stat--top {
    top: var(--soofos-space-lg);
    left: calc(var(--soofos-space-md) * -1);
}

.sf-b2b-page .sf-b2b-hero__stat--bottom {
    bottom: var(--soofos-space-lg);
    right: calc(var(--soofos-space-md) * -1);
}

.sf-b2b-page .sf-b2b-hero__stat-value {
    margin: 0;
    color: var(--ink);
    font-size: var(--soofos-player-text-md);
    font-weight: var(--soofos-font-weight-black);
}

.sf-b2b-page .sf-b2b-hero__stat-label {
    margin: 0;
    color: var(--muted-2);
    font-size: var(--soofos-player-text-sm);
    font-weight: var(--soofos-font-weight-semibold);
}

.sf-b2b-page .sf-b2b-hero__points {
    display: flex;
    flex-wrap: wrap;
    gap: var(--soofos-space-sm) var(--soofos-space-lg);
    margin: var(--soofos-space-lg) 0 0;
    color: var(--muted);
    font-size: var(--soofos-player-text-md);
    font-weight: var(--soofos-font-weight-extrabold);
}

.sf-b2b-page .sf-b2b-hero__point {
    display: inline-flex;
    align-items: center;
    gap: var(--soofos-space-xs);
}

.sf-b2b-page .sf-b2b-hero__point-icon {
    display: inline-flex;
    line-height: 0;
    color: var(--green);
}

.sf-b2b-page .sf-b2b-hero__point-icon .sf-icon {
    width: 16px;
    height: 16px;
}

/* ---------------------------------------------------------------------
 * Buttons
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-button .wp-block-button__link {
    display: inline-flex;
    min-height: var(--soofos-control-min-height);
    align-items: center;
    justify-content: center;
    padding: var(--soofos-space-md) var(--soofos-space-xl);
    border-radius: var(--r-btn);
    font-family: var(--font);
    font-size: var(--soofos-player-text-lg);
    font-weight: var(--soofos-font-weight-extrabold);
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
}

.sf-b2b-page .sf-b2b-button--convert .wp-block-button__link {
    background: var(--red);
    color: var(--white);
    box-shadow: var(--soofos-shadow-red-cta);
}

.sf-b2b-page .sf-b2b-button--convert .wp-block-button__link:hover {
    background: var(--red-hover);
    color: var(--white);
}

.sf-b2b-page .sf-b2b-button--outline .wp-block-button__link {
    background: var(--white);
    color: var(--ink);
    border: 2px solid var(--card-border);
}

.sf-b2b-page .sf-b2b-button--outline .wp-block-button__link:hover {
    border-color: var(--blue);
    color: var(--deep-blue);
}

.sf-b2b-page .sf-b2b-button--primary .wp-block-button__link {
    background: var(--blue);
    color: var(--white);
    box-shadow: var(--shadow-soft);
}

.sf-b2b-page .sf-b2b-button--primary .wp-block-button__link:hover {
    background: var(--blue-hover);
}

.sf-b2b-page .sf-b2b-button--secondary .wp-block-button__link {
    background: transparent;
    color: var(--white);
    border: thin solid var(--white);
}

.sf-b2b-page .sf-b2b-button--secondary .wp-block-button__link:hover {
    background: var(--white);
    color: var(--ink);
}

.sf-b2b-page .sf-b2b-button--inverse .wp-block-button__link {
    background: var(--white);
    color: var(--ink);
}

.sf-b2b-page .sf-b2b-button--inverse .wp-block-button__link:hover {
    background: var(--blue-fill);
    color: var(--ink);
}

.sf-b2b-page .sf-b2b-button__icon {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    margin-left: var(--soofos-space-sm);
}

.sf-b2b-page .sf-b2b-button__icon .sf-icon {
    width: 18px;
    height: 18px;
}

.sf-b2b-page .sf-b2b-button .wp-block-button__link:focus-visible {
    outline: var(--soofos-space-2xs) solid var(--deep-blue);
    outline-offset: var(--soofos-space-2xs);
}

/* ---------------------------------------------------------------------
 * Stats band (navy strip)
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-stats {
    background: var(--ink);
    color: var(--white);
    padding: var(--soofos-space-2xl) var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-stats__grid,
.sf-b2b-page .sf-b2b-stats__grid > .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--soofos-space-lg) var(--soofos-space-xl);
}

.sf-b2b-page .sf-b2b-stats__item {
    text-align: center;
}

.sf-b2b-page .sf-b2b-stats__value {
    margin: 0;
    color: var(--white);
    font-size: var(--soofos-space-2xl);
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.15;
}

.sf-b2b-page .sf-b2b-stats__label {
    margin: var(--soofos-space-2xs) 0 0;
    color: var(--faint);
    font-size: var(--soofos-player-text-md);
    font-weight: var(--soofos-font-weight-extrabold);
    letter-spacing: 0.02em;
}

/* ---------------------------------------------------------------------
 * Trusted-by strip
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-trusted {
    background: var(--page);
    padding: var(--soofos-space-2xl) var(--soofos-space-2xl) 0;
}

.sf-b2b-page .sf-b2b-trusted__panel,
.sf-b2b-page .sf-b2b-trusted__panel > .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--soofos-space-md) var(--soofos-space-xl);
}

.sf-b2b-page .sf-b2b-trusted__panel {
    background: var(--white);
    border: thin solid var(--card-border);
    border-radius: var(--r-card-lg);
    padding: var(--soofos-space-lg) var(--soofos-space-xl);
}

.sf-b2b-page .sf-b2b-trusted__panel > .wp-block-group__inner-container {
    width: 100%;
}

.sf-b2b-page .sf-b2b-trusted__label {
    margin: 0;
    color: var(--muted-2);
    font-size: var(--soofos-player-text-sm);
    font-weight: var(--soofos-font-weight-extrabold);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sf-b2b-page .sf-b2b-trusted__name {
    margin: 0;
    color: var(--muted);
    font-size: var(--soofos-player-text-lg);
    font-weight: var(--soofos-font-weight-extrabold);
}

/* ---------------------------------------------------------------------
 * Shared section headings
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-heading,
.sf-b2b-page .sf-b2b-cta__title,
.sf-b2b-page .sf-b2b-contact__title {
    margin: 0;
    color: var(--ink);
    font-size: var(--soofos-space-xl);
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.2;
}

.sf-b2b-page .sf-b2b-kicker + .sf-b2b-heading {
    margin-top: var(--soofos-space-sm);
}

.sf-b2b-page .sf-b2b-heading__icon {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    margin-right: var(--soofos-space-sm);
    vertical-align: middle;
    color: var(--deep-blue);
}

.sf-b2b-page .sf-b2b-heading__icon .sf-icon {
    width: 28px;
    height: 28px;
}

.sf-b2b-page .sf-b2b-intro {
    max-width: calc(var(--soofos-space-3xl) * 14);
    margin: var(--soofos-space-lg) 0 0;
    color: var(--muted);
    font-size: var(--soofos-player-text-lg);
    line-height: 1.7;
}

/* ---------------------------------------------------------------------
 * "Why teams choose Soofos" — split panel (v8):
 * one dominant highlight panel + a compact hairline icon list.
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-why {
    background: var(--page);
    padding: calc(var(--soofos-space-3xl) + var(--soofos-space-lg)) var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-why__split,
.sf-b2b-page .sf-b2b-why__split > .wp-block-group__inner-container {
    display: grid;
    gap: var(--soofos-space-xl);
    margin-top: var(--soofos-space-2xl);
    align-items: stretch;
}

.sf-b2b-page .sf-b2b-why__split > .wp-block-group__inner-container {
    grid-column: 1 / -1;
    margin-top: 0;
}

.sf-b2b-page .sf-b2b-why__lead {
    background: var(--blue-tint);
    border: thin solid var(--blue-border);
    border-radius: var(--r-card-lg);
    padding: var(--soofos-space-2xl);
    min-height: 100%;
}

.sf-b2b-page .sf-b2b-why__lead-eyebrow {
    margin: 0;
    color: var(--deep-blue);
    font-size: var(--soofos-player-text-sm);
    font-weight: var(--soofos-font-weight-extrabold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sf-b2b-page .sf-b2b-why__lead-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--soofos-control-min-height) + var(--soofos-space-md));
    height: calc(var(--soofos-control-min-height) + var(--soofos-space-md));
    background: var(--white);
    color: var(--deep-blue);
    border-radius: var(--r-btn);
    margin: var(--soofos-space-lg) 0 0;
}

.sf-b2b-page .sf-b2b-why__lead-icon .sf-icon {
    width: 24px;
    height: 24px;
}

.sf-b2b-page .sf-b2b-why__lead-title {
    margin: var(--soofos-space-lg) 0 0;
    color: var(--ink);
    font-size: var(--soofos-space-xl);
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.2;
}

.sf-b2b-page .sf-b2b-why__lead-copy {
    margin: var(--soofos-space-md) 0 0;
    color: var(--muted);
    font-size: var(--soofos-player-text-lg);
    line-height: 1.65;
}

.sf-b2b-page .sf-b2b-why__lead-facts {
    display: flex;
    flex-wrap: wrap;
    gap: var(--soofos-space-sm);
    margin: var(--soofos-space-xl) 0 0;
}

.sf-b2b-page .sf-b2b-why__fact {
    display: inline-flex;
    align-items: center;
    gap: var(--soofos-space-xs);
    background: var(--white);
    border: thin solid var(--card-border);
    border-radius: var(--r-pill);
    padding: var(--soofos-space-xs) var(--soofos-space-md);
    color: var(--muted);
    font-size: var(--soofos-player-text-sm);
    font-weight: var(--soofos-font-weight-semibold);
}

.sf-b2b-page .sf-b2b-why__fact strong {
    color: var(--ink);
    font-weight: var(--soofos-font-weight-black);
}

.sf-b2b-page .sf-b2b-why__list,
.sf-b2b-page .sf-b2b-why__list > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sf-b2b-page .sf-b2b-why__list > .wp-block-group__inner-container {
    width: 100%;
}

.sf-b2b-page .sf-b2b-why__row,
.sf-b2b-page .sf-b2b-why__row > .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--soofos-space-lg);
}

.sf-b2b-page .sf-b2b-why__row {
    padding: var(--soofos-space-lg) 0;
}

.sf-b2b-page .sf-b2b-why__row:first-child {
    padding-top: 0;
}

.sf-b2b-page .sf-b2b-why__row:last-child {
    padding-bottom: 0;
}

.sf-b2b-page .sf-b2b-why__row + .sf-b2b-why__row {
    border-top: thin solid var(--card-border);
}

.sf-b2b-page .sf-b2b-why__row > .wp-block-group__inner-container {
    grid-column: 1 / -1;
}

.sf-b2b-page .sf-b2b-why__row-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--soofos-control-min-height);
    height: var(--soofos-control-min-height);
    background: var(--blue-fill);
    color: var(--deep-blue);
    border-radius: var(--r-btn);
    margin: 0;
    grid-row: span 2;
}

.sf-b2b-page .sf-b2b-why__row-icon .sf-icon {
    width: 20px;
    height: 20px;
}

.sf-b2b-page .sf-b2b-why__row-title {
    margin: 0;
    color: var(--ink);
    font-size: var(--soofos-player-text-lg);
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.3;
    align-self: center;
    grid-column: 2;
}

.sf-b2b-page .sf-b2b-why__row-copy {
    margin: var(--soofos-space-2xs) 0 0;
    color: var(--muted);
    font-size: var(--soofos-player-text-md);
    line-height: 1.6;
    grid-column: 2;
}

.sf-b2b-page .sf-b2b-portal__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--soofos-control-min-height) + var(--soofos-space-md));
    height: calc(var(--soofos-control-min-height) + var(--soofos-space-md));
    background: var(--blue-fill);
    color: var(--deep-blue);
    border-radius: var(--r-btn);
    margin: 0 0 var(--soofos-space-sm);
}

.sf-b2b-page .sf-b2b-portal__icon .sf-icon {
    width: 22px;
    height: 22px;
}

.sf-b2b-page .sf-b2b-portal__title {
    margin: 0;
    color: var(--ink);
    font-size: var(--soofos-space-lg);
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.3;
}

.sf-b2b-page .sf-b2b-portal__copy {
    margin: 0;
    color: var(--muted);
    font-size: var(--soofos-player-text-lg);
    line-height: 1.65;
}

/* ---------------------------------------------------------------------
 * Manager dashboard band (navy panel)
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-dash {
    background: var(--page);
    padding: 0 var(--soofos-space-2xl) calc(var(--soofos-space-3xl) + var(--soofos-space-lg));
}

.sf-b2b-page .sf-b2b-dash__panel,
.sf-b2b-page .sf-b2b-dash__panel > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-dash__panel {
    background: var(--ink);
    color: var(--white);
    border-radius: var(--r-card-lg);
    padding: var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-dash__panel > .wp-block-group__inner-container {
    width: 100%;
}

.sf-b2b-page .sf-b2b-dash__content {
    min-width: 0;
}

.sf-b2b-page .sf-b2b-dash__eyebrow {
    margin: 0;
    color: var(--blue);
    font-size: var(--soofos-player-text-md);
    font-weight: var(--soofos-font-weight-extrabold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sf-b2b-page .sf-b2b-dash__title {
    margin: var(--soofos-space-sm) 0 0;
    color: var(--white);
    font-size: var(--soofos-space-xl);
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.2;
}

.sf-b2b-page .sf-b2b-dash__copy {
    margin: var(--soofos-space-md) 0 0;
    color: var(--faint);
    font-size: var(--soofos-player-text-lg);
    line-height: 1.65;
    max-width: calc(var(--soofos-space-3xl) * 13);
}

.sf-b2b-page .sf-b2b-dash__stats,
.sf-b2b-page .sf-b2b-dash__stats > .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--soofos-space-xl);
}

.sf-b2b-page .sf-b2b-dash__stats {
    margin-top: var(--soofos-space-lg);
}

.sf-b2b-page .sf-b2b-dash__stat-value {
    margin: 0;
    color: var(--white);
    font-size: var(--soofos-space-xl);
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.2;
}

.sf-b2b-page .sf-b2b-dash__stat-label {
    margin: 0;
    color: var(--faint);
    font-size: var(--soofos-player-text-sm);
    font-weight: var(--soofos-font-weight-extrabold);
}

.sf-b2b-page .sf-b2b-dash__action {
    margin: var(--soofos-space-lg) 0 0;
}

.sf-b2b-page .sf-b2b-dash__image {
    margin: 0;
}

.sf-b2b-page .sf-b2b-dash__image img {
    display: block;
    width: 100%;
    height: auto;
}

/* ---------------------------------------------------------------------
 * Manager portal capabilities — 6-card grid
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-portal {
    background: var(--white);
    padding: calc(var(--soofos-space-3xl) + var(--soofos-space-lg)) var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-portal__grid,
.sf-b2b-page .sf-b2b-portal__grid > .wp-block-group__inner-container {
    display: grid;
    gap: var(--soofos-space-lg);
    margin-top: var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-portal__grid > .wp-block-group__inner-container {
    grid-column: 1 / -1;
}

.sf-b2b-page .sf-b2b-portal__card {
    background: var(--page);
    border: thin solid var(--card-border);
    border-radius: var(--r-card);
    padding: var(--soofos-space-2xl);
    display: flex;
    flex-direction: column;
    gap: var(--soofos-space-sm);
    min-height: 100%;
}

/* ---------------------------------------------------------------------
 * "Who it's for" — divided audience band (v8): one white panel,
 * 3 columns separated by hairline rules, icon inline with the title.
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-cases {
    background: var(--page);
    padding: calc(var(--soofos-space-3xl) + var(--soofos-space-lg)) var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-cases__band,
.sf-b2b-page .sf-b2b-cases__band > .wp-block-group__inner-container {
    display: grid;
    margin-top: var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-cases__band {
    background: var(--white);
    border: thin solid var(--card-border);
    border-radius: var(--r-card-lg);
    box-shadow: var(--shadow-soft);
}

.sf-b2b-page .sf-b2b-cases__band > .wp-block-group__inner-container {
    grid-column: 1 / -1;
    margin-top: 0;
}

.sf-b2b-page .sf-b2b-cases__col {
    padding: var(--soofos-space-2xl);
    min-width: 0;
}

.sf-b2b-page .sf-b2b-cases__col + .sf-b2b-cases__col {
    border-top: thin solid var(--card-border);
}

.sf-b2b-page .sf-b2b-cases__title {
    display: flex;
    align-items: center;
    gap: var(--soofos-space-md);
    margin: 0;
    color: var(--ink);
    font-size: var(--soofos-space-lg);
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.3;
}

.sf-b2b-page .sf-b2b-cases__title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--soofos-control-min-height);
    height: var(--soofos-control-min-height);
    flex: none;
    background: var(--blue-fill);
    color: var(--deep-blue);
    border-radius: var(--r-btn);
}

.sf-b2b-page .sf-b2b-cases__title-icon .sf-icon {
    width: 20px;
    height: 20px;
}

.sf-b2b-page .sf-b2b-cases__copy {
    margin: var(--soofos-space-md) 0 0;
    color: var(--muted);
    font-size: var(--soofos-player-text-lg);
    line-height: 1.65;
}

/* ---------------------------------------------------------------------
 * "Which Team plan fits you" 3-card comparison
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-tiers {
    background: var(--white);
    padding: calc(var(--soofos-space-3xl) + var(--soofos-space-lg)) var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-tiers .sf-b2b-kicker,
.sf-b2b-page .sf-b2b-tiers .sf-b2b-heading {
    text-align: center;
}

.sf-b2b-page .sf-b2b-tiers .sf-b2b-intro {
    margin-inline: auto;
    text-align: center;
}

.sf-b2b-page .sf-b2b-tiers__grid,
.sf-b2b-page .sf-b2b-tiers__grid > .wp-block-group__inner-container {
    display: grid;
    gap: var(--soofos-space-lg);
    margin-top: var(--soofos-space-2xl);
    align-items: stretch;
}

.sf-b2b-page .sf-b2b-tiers__grid > .wp-block-group__inner-container {
    grid-column: 1 / -1;
}

.sf-b2b-page .sf-b2b-tier {
    background: var(--white);
    border: 1px solid var(--card-border);
    border-radius: var(--r-card-lg);
    padding: var(--soofos-space-2xl);
    display: flex;
    flex-direction: column;
    gap: var(--soofos-space-md);
}

.sf-b2b-page .sf-b2b-tier--feature {
    background: var(--blue-tint);
    border-color: var(--blue);
    box-shadow: var(--shadow-card);
    position: relative;
}

.sf-b2b-page .sf-b2b-tier--pro {
    position: relative;
    background: linear-gradient(160deg, var(--ink-2), var(--ink));
    border-color: var(--on-navy-line);
    color: var(--white);
    box-shadow: var(--shadow-card);
}

.sf-b2b-page .sf-b2b-tier__badge {
    position: absolute;
    top: calc(var(--soofos-space-md) * -1);
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    background: var(--yellow);
    color: var(--yellow-ink);
    border-radius: var(--r-pill);
    padding: var(--soofos-space-2xs) var(--soofos-space-md);
    font-size: var(--soofos-player-text-sm);
    font-weight: var(--soofos-font-weight-extrabold);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.sf-b2b-page .sf-b2b-tier__badge--pro {
    left: var(--soofos-space-xl);
    transform: none;
}

.sf-b2b-page .sf-b2b-tier__eyebrow {
    margin: 0;
    color: var(--deep-blue);
    font-size: var(--soofos-player-text-lg);
    font-weight: var(--soofos-font-weight-extrabold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sf-b2b-page .sf-b2b-tier__eyebrow--feature {
    color: var(--deep-blue);
}

.sf-b2b-page .sf-b2b-tier__eyebrow--pro {
    color: var(--faint);
}

.sf-b2b-page .sf-b2b-tier__desc {
    margin: 0;
    color: var(--muted);
    font-size: var(--soofos-player-text-md);
    line-height: 1.6;
}

.sf-b2b-page .sf-b2b-tier__desc--pro {
    color: var(--blue-border);
}

.sf-b2b-page .sf-b2b-tier__price {
    margin: var(--soofos-space-sm) 0 0;
    color: var(--ink);
    font-size: var(--soofos-space-2xl);
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.1;
}

.sf-b2b-page .sf-b2b-tier__price--feature {
    color: var(--ink);
}

.sf-b2b-page .sf-b2b-tier__price-note {
    color: var(--muted);
    font-size: var(--soofos-player-text-md);
    font-weight: var(--soofos-font-weight-semibold);
}

.sf-b2b-page .sf-b2b-tier__price-note--feature {
    color: var(--muted);
}

.sf-b2b-page .sf-b2b-tier__price--pro {
    color: var(--white);
}

.sf-b2b-page .sf-b2b-tier__price-note--pro {
    color: var(--faint);
}

.sf-b2b-page .sf-b2b-tier__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--soofos-space-sm);
    color: var(--ink);
    font-size: var(--soofos-player-text-md);
    line-height: 1.55;
    flex: 1;
}

.sf-b2b-page .sf-b2b-tier__list li {
    display: flex;
    align-items: flex-start;
    gap: var(--soofos-space-sm);
}

.sf-b2b-page .sf-b2b-tier__list-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--soofos-control-min-height);
    height: var(--soofos-control-min-height);
    flex: none;
    background: var(--blue-fill);
    color: var(--deep-blue);
    border-radius: var(--r-btn);
}

.sf-b2b-page .sf-b2b-tier--feature .sf-b2b-tier__list-icon,
.sf-b2b-page .sf-b2b-tier__list-icon--feature {
    background: var(--white);
    color: var(--deep-blue);
}

.sf-b2b-page .sf-b2b-tier__list--pro {
    color: var(--blue-border);
}

.sf-b2b-page .sf-b2b-tier--pro .sf-b2b-tier__list-icon,
.sf-b2b-page .sf-b2b-tier__list-icon--pro {
    background: var(--player-dark);
    color: var(--blue);
}

.sf-b2b-page .sf-b2b-tier__list-icon .sf-icon {
    width: 18px;
    height: 18px;
}

.sf-b2b-page .sf-b2b-tier__action {
    width: 100%;
    margin: 0;
}

.sf-b2b-page .sf-b2b-tier__action .wp-block-button__link {
    width: 100%;
}

.sf-b2b-page .sf-b2b-tiers__note {
    margin: var(--soofos-space-2xl) auto 0;
    color: var(--muted-2);
    font-size: var(--soofos-player-text-sm);
    line-height: 1.6;
    max-width: calc(var(--soofos-space-3xl) * 18);
    text-align: center;
}

.sf-b2b-page .sf-b2b-tiers__note a {
    color: var(--deep-blue);
    font-weight: var(--soofos-font-weight-extrabold);
    text-decoration: underline;
    text-decoration-thickness: from-font;
    text-underline-offset: var(--soofos-space-xs);
}

.sf-b2b-page .sf-b2b-tiers__note a:hover {
    color: var(--blue-hover);
}

.sf-b2b-page .sf-b2b-tiers__note a:focus-visible {
    outline: var(--soofos-space-2xs) solid var(--deep-blue);
    outline-offset: var(--soofos-space-2xs);
}

/* ---------------------------------------------------------------------
 * "How it works" 3-step explainer
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-how {
    background: var(--page);
    padding: calc(var(--soofos-space-3xl) + var(--soofos-space-lg)) var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-steps,
.sf-b2b-page .sf-b2b-steps > .wp-block-group__inner-container {
    display: grid;
    gap: var(--soofos-space-lg);
    margin-top: var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-steps > .wp-block-group__inner-container {
    grid-column: 1 / -1;
}

.sf-b2b-page .sf-b2b-step {
    background: var(--white);
    border: thin solid var(--card-border);
    border-radius: var(--r-card);
    padding: var(--soofos-space-2xl);
    display: flex;
    flex-direction: column;
    gap: var(--soofos-space-sm);
}

.sf-b2b-page .sf-b2b-step__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--soofos-control-min-height) + var(--soofos-space-md));
    height: calc(var(--soofos-control-min-height) + var(--soofos-space-md));
    background: var(--blue-fill);
    color: var(--deep-blue);
    border-radius: 50%;
    margin: 0 0 var(--soofos-space-sm);
    font-size: var(--soofos-space-lg);
    font-weight: var(--soofos-font-weight-black);
}

.sf-b2b-page .sf-b2b-step__title {
    margin: 0;
    color: var(--ink);
    font-size: var(--soofos-space-lg);
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: var(--soofos-space-sm);
}

.sf-b2b-page .sf-b2b-step__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--deep-blue);
}

.sf-b2b-page .sf-b2b-step__icon .sf-icon {
    width: 22px;
    height: 22px;
}

.sf-b2b-page .sf-b2b-step__copy {
    margin: 0;
    color: var(--muted);
    font-size: var(--soofos-player-text-lg);
    line-height: 1.65;
}

/* ---------------------------------------------------------------------
 * Testimonial card
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-quote {
    background: var(--white);
    padding: calc(var(--soofos-space-3xl) + var(--soofos-space-lg)) var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-quote__grid,
.sf-b2b-page .sf-b2b-quote__grid > .wp-block-group__inner-container {
    display: grid;
    gap: var(--soofos-space-lg);
    margin-top: var(--soofos-space-2xl);
    align-items: stretch;
}

.sf-b2b-page .sf-b2b-quote__grid > .wp-block-group__inner-container {
    grid-column: 1 / -1;
}

.sf-b2b-page .sf-b2b-quote__card,
.sf-b2b-page .sf-b2b-quote__card > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: var(--soofos-space-lg);
}

.sf-b2b-page .sf-b2b-quote__card {
    background: var(--blue-tint);
    border: thin solid var(--blue-border);
    border-radius: var(--r-card-lg);
    padding: var(--soofos-space-2xl);
    min-height: 100%;
}

.sf-b2b-page .sf-b2b-quote__card > .wp-block-group__inner-container {
    width: 100%;
}

.sf-b2b-page .sf-b2b-quote__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--soofos-control-min-height) + var(--soofos-space-md));
    height: calc(var(--soofos-control-min-height) + var(--soofos-space-md));
    flex: none;
    margin: 0;
    border-radius: 50%;
    background: var(--blue-fill);
    color: var(--deep-blue);
    font-size: var(--soofos-space-lg);
    font-weight: var(--soofos-font-weight-black);
}

.sf-b2b-page .sf-b2b-quote__body {
    flex: 1;
    min-width: 0;
}

.sf-b2b-page .sf-b2b-quote__stars {
    margin: 0;
    color: var(--star);
    font-size: var(--soofos-player-text-md);
    letter-spacing: 0.1em;
}

.sf-b2b-page .sf-b2b-quote__text {
    margin: var(--soofos-space-sm) 0 0;
    color: var(--body);
    font-size: var(--soofos-space-lg);
    font-weight: var(--soofos-font-weight-semibold);
    line-height: 1.65;
}

.sf-b2b-page .sf-b2b-quote__meta {
    margin: var(--soofos-space-md) 0 0;
    color: var(--ink);
    font-size: var(--soofos-player-text-sm);
    font-weight: var(--soofos-font-weight-extrabold);
}

/* ---------------------------------------------------------------------
 * FAQ
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-faq {
    background: var(--page);
    padding: calc(var(--soofos-space-3xl) + var(--soofos-space-lg)) var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-faq__list {
    margin: var(--soofos-space-2xl) 0 0;
    display: flex;
    flex-direction: column;
    gap: var(--soofos-space-md);
    max-width: calc(var(--soofos-space-3xl) * 18);
    margin-inline: auto;
}

.sf-b2b-page .sf-b2b-faq__item {
    background: var(--white);
    border: 1px solid var(--card-border);
    border-radius: var(--r-card);
    padding: var(--soofos-space-md) var(--soofos-space-xl);
    color: var(--ink);
    font-size: var(--soofos-player-text-lg);
}

.sf-b2b-page .sf-b2b-faq__item summary {
    cursor: pointer;
    font-weight: var(--soofos-font-weight-extrabold);
    color: var(--ink);
    padding: var(--soofos-space-sm) 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--soofos-space-md);
}

.sf-b2b-page .sf-b2b-faq__item summary::-webkit-details-marker {
    display: none;
}

.sf-b2b-page .sf-b2b-faq__item summary::after {
    content: "+";
    color: var(--muted-2);
    font-weight: var(--soofos-font-weight-extrabold);
    font-size: var(--soofos-space-xl);
    transition: transform .2s ease;
}

.sf-b2b-page .sf-b2b-faq__item[open] summary::after {
    content: "\2212";
}

.sf-b2b-page .sf-b2b-faq__item summary:focus-visible {
    outline: var(--soofos-space-2xs) solid var(--deep-blue);
    outline-offset: var(--soofos-space-2xs);
    border-radius: var(--r-btn);
}

.sf-b2b-page .sf-b2b-faq__item p {
    margin: var(--soofos-space-sm) 0 var(--soofos-space-md);
    color: var(--muted);
    line-height: 1.7;
}

.sf-b2b-page .sf-b2b-faq__item p a {
    color: var(--deep-blue);
    font-weight: var(--soofos-font-weight-extrabold);
    text-decoration: underline;
    text-decoration-thickness: from-font;
    text-underline-offset: var(--soofos-space-xs);
}

/* ---------------------------------------------------------------------
 * Final CTA panel
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-cta {
    background: var(--ink);
    color: var(--white);
    padding: calc(var(--soofos-space-3xl) + var(--soofos-space-lg)) var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-cta__panel,
.sf-b2b-page .sf-b2b-cta__panel > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: var(--soofos-space-2xl);
    align-items: flex-start;
}

.sf-b2b-page .sf-b2b-cta__panel > .wp-block-group__inner-container {
    grid-column: 1 / -1;
    width: 100%;
}

.sf-b2b-page .sf-b2b-cta__title {
    color: var(--white);
}

.sf-b2b-page .sf-b2b-cta__copy {
    margin: var(--soofos-space-md) 0 0;
    color: var(--faint);
    font-size: var(--soofos-player-text-lg);
    line-height: 1.7;
    max-width: calc(var(--soofos-space-3xl) * 15);
}

.sf-b2b-page .sf-b2b-cta__actions {
    flex-wrap: wrap;
    gap: var(--soofos-space-md);
    margin: 0;
}

.sf-b2b-page .sf-b2b-cta .sf-b2b-button--secondary .wp-block-button__link {
    border-color: var(--white);
    color: var(--white);
}

.sf-b2b-page .sf-b2b-cta .sf-b2b-button--secondary .wp-block-button__link:hover {
    background: var(--white);
    color: var(--ink);
}

.sf-b2b-page .sf-b2b-cta .sf-b2b-button .wp-block-button__link:focus-visible {
    outline-color: var(--white);
}

/* ---------------------------------------------------------------------
 * Contact grid (2 cards: self-serve + tailored)
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-contact {
    background: var(--page);
    padding: calc(var(--soofos-space-3xl) + var(--soofos-space-lg)) var(--soofos-space-2xl);
}

.sf-b2b-page .sf-b2b-contact__grid,
.sf-b2b-page .sf-b2b-contact__grid > .wp-block-group__inner-container {
    display: grid;
    gap: var(--soofos-space-lg);
}

.sf-b2b-page .sf-b2b-contact__grid > .wp-block-group__inner-container {
    grid-column: 1 / -1;
}

.sf-b2b-page .sf-b2b-contact__card {
    background: var(--white);
    border: thin solid var(--card-border);
    border-radius: var(--r-card-lg);
    padding: var(--soofos-space-2xl);
    display: flex;
    flex-direction: column;
    gap: var(--soofos-space-sm);
    min-width: 0;
}

.sf-b2b-page .sf-b2b-contact__copy {
    margin: 0;
    color: var(--muted);
    font-size: var(--soofos-player-text-lg);
    line-height: 1.65;
    flex: 1;
}

.sf-b2b-page .sf-b2b-contact__action {
    width: 100%;
    margin: var(--soofos-space-md) 0 0;
}

.sf-b2b-page .sf-b2b-contact__action .wp-block-button__link {
    width: 100%;
}

.sf-b2b-page .sf-b2b-contact__card .sf-b2b-button--secondary .wp-block-button__link {
    border-color: var(--blue);
    color: var(--deep-blue);
}

.sf-b2b-page .sf-b2b-contact__card .sf-b2b-button--secondary .wp-block-button__link:hover {
    background: var(--blue-tint);
    color: var(--deep-blue);
}

.sf-b2b-page .sf-b2b-tier .sf-b2b-button--secondary .wp-block-button__link {
    border-color: var(--blue);
    color: var(--deep-blue);
}

.sf-b2b-page .sf-b2b-tier .sf-b2b-button--secondary .wp-block-button__link:hover {
    background: var(--blue-tint);
    color: var(--deep-blue);
}

/* ---------------------------------------------------------------------
 * Footnote
 * ------------------------------------------------------------------- */

.sf-b2b-page .sf-b2b-footnote {
    background: var(--page);
    padding: var(--soofos-space-2xl) var(--soofos-space-2xl) calc(var(--soofos-space-3xl) + var(--soofos-space-2xl));
}

.sf-b2b-page .sf-b2b-footnote__copy {
    margin: 0;
    color: var(--muted-2);
    font-size: var(--soofos-player-text-sm);
    line-height: 1.6;
    max-width: calc(var(--soofos-space-3xl) * 18);
}

.sf-b2b-page .sf-b2b-footnote__copy a {
    color: var(--deep-blue);
    text-decoration: underline;
    text-decoration-thickness: from-font;
    text-underline-offset: var(--soofos-space-xs);
}

.sf-b2b-page .sf-b2b-footnote__copy a:hover {
    color: var(--blue-hover);
}

.sf-b2b-page .sf-b2b-footnote__copy a:focus-visible {
    outline: var(--soofos-space-2xs) solid var(--deep-blue);
    outline-offset: var(--soofos-space-2xs);
}

.sf-b2b-page .sf-b2b-footnote__icon {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    margin-left: var(--soofos-space-2xs);
}

.sf-b2b-page .sf-b2b-footnote__icon .sf-icon {
    width: 14px;
    height: 14px;
}

/* ---------------------------------------------------------------------
 * Tablet / desktop
 * ------------------------------------------------------------------- */

@media (min-width: 48rem) {
    .sf-b2b-page .sf-b2b-hero,
    .sf-b2b-page .sf-b2b-stats,
    .sf-b2b-page .sf-b2b-trusted,
    .sf-b2b-page .sf-b2b-why,
    .sf-b2b-page .sf-b2b-dash,
    .sf-b2b-page .sf-b2b-portal,
    .sf-b2b-page .sf-b2b-cases,
    .sf-b2b-page .sf-b2b-tiers,
    .sf-b2b-page .sf-b2b-how,
    .sf-b2b-page .sf-b2b-quote,
    .sf-b2b-page .sf-b2b-faq,
    .sf-b2b-page .sf-b2b-cta,
    .sf-b2b-page .sf-b2b-contact,
    .sf-b2b-page .sf-b2b-footnote {
        padding-right: calc(var(--soofos-space-3xl) + var(--soofos-space-lg));
        padding-left: calc(var(--soofos-space-3xl) + var(--soofos-space-lg));
    }

    .sf-b2b-page .sf-b2b-hero__title {
        font-size: var(--soofos-space-3xl);
    }

    .sf-b2b-page .sf-b2b-hero__lead {
        font-size: var(--soofos-space-xl);
    }

    .sf-b2b-page .sf-b2b-hero__inner,
    .sf-b2b-page .sf-b2b-hero__inner > .wp-block-group__inner-container {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
        gap: var(--soofos-space-3xl);
        align-items: center;
    }

    .sf-b2b-page .sf-b2b-stats__grid,
    .sf-b2b-page .sf-b2b-stats__grid > .wp-block-group__inner-container {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sf-b2b-page .sf-b2b-dash__panel,
    .sf-b2b-page .sf-b2b-dash__panel > .wp-block-group__inner-container {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
        gap: var(--soofos-space-2xl);
        align-items: center;
    }

    .sf-b2b-page .sf-b2b-quote__grid,
    .sf-b2b-page .sf-b2b-quote__grid > .wp-block-group__inner-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sf-b2b-page .sf-b2b-heading,
    .sf-b2b-page .sf-b2b-cta__title,
    .sf-b2b-page .sf-b2b-contact__title {
        font-size: var(--soofos-space-2xl);
    }

    .sf-b2b-page .sf-b2b-why__split,
    .sf-b2b-page .sf-b2b-why__split > .wp-block-group__inner-container {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    }

    .sf-b2b-page .sf-b2b-portal__grid,
    .sf-b2b-page .sf-b2b-portal__grid > .wp-block-group__inner-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sf-b2b-page .sf-b2b-cases__band > .wp-block-group__inner-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sf-b2b-page .sf-b2b-cases__col + .sf-b2b-cases__col {
        border-top: 0;
        border-left: thin solid var(--card-border);
    }

    .sf-b2b-page .sf-b2b-tiers__grid,
    .sf-b2b-page .sf-b2b-tiers__grid > .wp-block-group__inner-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sf-b2b-page .sf-b2b-steps,
    .sf-b2b-page .sf-b2b-steps > .wp-block-group__inner-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sf-b2b-page .sf-b2b-contact__grid,
    .sf-b2b-page .sf-b2b-contact__grid > .wp-block-group__inner-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sf-b2b-page .sf-b2b-cta__panel,
    .sf-b2b-page .sf-b2b-cta__panel > .wp-block-group__inner-container {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .sf-b2b-page .sf-b2b-cta__content {
        max-width: calc(var(--soofos-space-3xl) * 14);
    }

    .sf-b2b-page .sf-b2b-cta__actions {
        flex: none;
    }
}

@media (min-width: 75rem) {
    .sf-b2b-page .sf-b2b-hero {
        padding-top: calc(var(--soofos-space-3xl) * 2);
        padding-bottom: calc(var(--soofos-space-3xl) * 2);
    }

    .sf-b2b-page .sf-b2b-why__split,
    .sf-b2b-page .sf-b2b-why__split > .wp-block-group__inner-container {
        gap: var(--soofos-space-2xl);
    }

    .sf-b2b-page .sf-b2b-portal__grid,
    .sf-b2b-page .sf-b2b-portal__grid > .wp-block-group__inner-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .sf-b2b-page .sf-b2b-button .wp-block-button__link,
    .sf-b2b-page .sf-b2b-faq__item summary::after {
        transition: none;
    }
}