/*
 * CrossMerg — Integrations
 * Release 14.1 — System Ownership Number Alignment
 * Updated: 2026-08-13 05:28 AM PT
 *
 * Scope:
 * - CSS only.
 * - System Ownership Map number badges only.
 * - Desktop + tablet only.
 * - Phone styles remain unchanged.
 * - No shared/global contract changes.
 */

/*
 * CrossMerg — Integrations
 * Release 14 — Accessibility / Contract Audit / Freeze Prep
 * Updated: 2026-08-13 05:10 AM PT
 *
 * Source of truth:
 * - Release 13.3 restored/fixed page stylesheet.
 *
 * Scope:
 * - Adds only page-owned FAQ keyboard-focus visibility.
 * - No existing CSS block removed, rewritten, or reordered.
 * - No shared Hero, Quick Navigation, CTA, Bootstrap, loader,
 *   route, controller, Credibility Band, Footer, or shell changes.
 */

/*
 * CrossMerg — Integrations
 * Release 13.3 — Two Isolated Mobile Corrections
 * Updated: 2026-08-13 04:58 AM PT
 *
 * Source of truth:
 * - Restored Release 13.1 stylesheet.
 *
 * Scope:
 * - Adds one final mobile-only corrective block.
 * - Does not remove, rewrite, or replace any existing CSS block.
 * - Desktop and tablet declarations remain byte-for-byte intact
 *   beneath this release header.
 *
 * No shared/global contract changes.
 */

/*
 * CrossMerg — Integrations
 * Release 13.1 — Responsive QA Corrections
 * Updated: 2026-08-12 05:50 PM PT
 *
 * Corrective scope:
 * - System Ownership mobile number badges.
 * - Connected Transaction Path mobile header/pill reflow.
 * - FAQ Decision Principle icon visibility.
 *
 * Page-scoped only. No shared/global contract changes.
 */

/*
 * CrossMerg — Integrations
 * Release 13 — Tablet + Mobile Responsive QA
 * Updated: 2026-08-12 05:37 PM PT
 *
 * Scope:
 * - Integrations page only.
 * - Replaces the existing page-wide tablet/mobile refinement block.
 * - No stacked responsive patch layer added.
 * - No shared component, Bootstrap breakpoint, loader, route,
 *   controller, Hero, Quick Navigation, CTA, FAQ behavior,
 *   Credibility Band, Footer, or shell changes.
 */

/*
 * CrossMerg — Integrations
 * Release 12 — Desktop QA + Page-Wide Polish
 * Updated: 2026-08-12 05:32 PM PT
 *
 * Scope:
 * - Integrations page only.
 * - Adds one consolidated desktop-only QA refinement block.
 * - No shared component, Bootstrap, loader, route, controller,
 *   Hero, Quick Navigation, CTA, FAQ behavior, Footer, or shell changes.
 */

/*
 * CrossMerg — Integrations
 * Release 11 — Practical First Conversation + Shared Destination CTA
 * Updated: 2026-08-12 05:28 PM PT
 *
 * Scope:
 * - Integrations page only.
 * - Removes local final-CTA styling ownership.
 * - Styles only the page-owned first-conversation lead-in and a
 *   scroll-margin anchor for the shared CTA wrapper.
 * - No shared CTA geometry or shared-component overrides.
 */

/*
 * CrossMerg — Integrations
 * Release 10 — FAQ Decision Guide
 * Updated: 2026-08-12 05:24 PM PT
 *
 * Scope:
 * - Integrations FAQ section only.
 * - Implements the established destination-page sticky FAQ guide,
 *   scrolling questions, tablet/mobile normal flow, and full-width
 *   closing principle composition.
 * - No shared component, Bootstrap, loader, route, controller,
 *   Hero, Quick Navigation, CTA, Credibility Band, Footer, or shell changes.
 */

/*
 * CrossMerg — Integrations
 * Release 9 — Practical Business Outcomes
 * Updated: 2026-08-12 05:20 PM PT
 *
 * Scope:
 * - Integrations page only.
 * - Rebuilds only the page-owned Practical Business Outcomes
 *   section presentation.
 * - No shared component, Bootstrap, loader, route, controller,
 *   Hero, Quick Navigation, CTA, FAQ, Footer, or shell changes.
 */

/*
 * CrossMerg — Integrations
 * Release 8.1 — Reliability Card Structure Correction
 * Updated: 2026-08-12 PT
 *
 * Scope:
 * - Integrations Reliability section only.
 * - Aligns the Release 8 grid refinement selector with the actual
 *   page-owned __grid class.
 * - Removes unused Release 8 selectors for classes not present
 *   in the markup.
 * - No shared component or global contract changes.
 */

/*
 * CrossMerg — Integrations
 * Release 8 — Reliability & Exception Handling
 * Updated: 2026-08-12 05:56 PM PT
 *
 * Scope:
 * - Integrations page only.
 * - Adds page-owned reliability operating-model styling and
 *   refines existing Section 8 surfaces.
 * - No shared component, Bootstrap, loader, route, controller,
 *   Hero, Quick Navigation, CTA, FAQ, Footer, or shell changes.
 */

/*
 * CrossMerg — Integrations
 * Release 7 — Connection Methods
 * Updated: 2026-08-12 05:39 PM PT
 *
 * Scope:
 * - Integrations page only.
 * - Rebuilds only the page-owned APIs / Webhooks / Middleware /
 *   Custom Connector section presentation.
 * - No shared component, Bootstrap, loader, route, controller,
 *   Hero, Quick Navigation, CTA, FAQ, Footer, or shell changes.
 */

/*
 * CrossMerg — Integrations
 * Release 6 — Finance & Operations
 * Updated: 2026-08-12 05:22 PM PT
 *
 * Scope:
 * - Integrations page only.
 * - Rebuilds only the page-owned Finance / Billing / Operations
 *   section presentation.
 * - No shared component, Bootstrap, loader, route, controller,
 *   Hero, Quick Navigation, CTA, FAQ, Footer, or shell changes.
 */

/*
 * CrossMerg — Integrations
 * Release 5 — Business-System Handoffs
 * Updated: 2026-08-12 05:05 PM PT
 *
 * Scope:
 * - Integrations page only.
 * - Rebuilds only the page-owned Customer / Sales / Service /
 *   Delivery section presentation.
 * - No shared component, Bootstrap, loader, route, controller,
 *   Hero, Quick Navigation, CTA, FAQ, Footer, or shell changes.
 */

/*
 * CrossMerg — Integrations
 * Release 4 — System-of-Record Architecture
 * Updated: 2026-08-12 04:48 PM PT
 *
 * Scope:
 * - Integrations page only.
 * - Rebuilds only the page-owned System-of-Record section styling.
 * - No shared component, global Bootstrap, loader, route, controller,
 *   Hero, Quick Navigation, CTA, FAQ, Footer, or shell changes.
 */

/*
 * CrossMerg — Integrations
 * Release 3.2 — Connected Journey Header Contrast Correction
 * Updated: 2026-08-12 PT
 *
 * Scope:
 * - Integrations page only.
 * - Corrects the actual Release 3 source declarations responsible
 *   for low-contrast text in the Connected Transaction Path header.
 * - No PHP, shared component, loader, Bootstrap, route, controller,
 *   hero, Quick Navigation, CTA, FAQ, footer, or shell changes.
 */

/*
 * CrossMerg — Integrations
 * Path: assets/themes/crossmerg/custom/css/integrations.css
 * Updated: 2026-08-12 16:25 PT
 * Updated: 2026-08-12 16:32 PT
 *
 * Release 2 — Fragmentation + Foundation Workspace
 * Updated: 2026-08-12 04:21 PM PT
 * Scope:
 * - Integrations page only.
 * - Preserves the existing 1380px destination-page width contract.
 * - Normalizes section-heading measure, vertical rhythm, and small-screen spacing
 *   to the frozen Reporting & Business Intelligence destination-page baseline.
 * - Consolidates prior section-rhythm overrides into the page foundation.
 * - Uses only page-scoped selectors.
 * - Does not alter the frozen shared Hero, Quick Navigation, CTA, FAQ,
 *   Bootstrap, Credibility Band, loader, footer, or app shell.
 */

/* ============================================================
   PAGE FOUNDATION
   ============================================================ */

body.marketing-site .cm-page--integrations {
  --cm-int-blue: #3e79d1;
  --cm-int-green: #3ed196;
  --cm-int-gold: #d1963e;
  --cm-int-rose: #d13e79;
  --cm-int-violet: #7567d8;
  --cm-int-ink: #0f172a;
  --cm-int-muted: #475569;
  --cm-int-line: rgba(148, 163, 184, 0.24);
  --cm-int-shadow: 0 18px 44px rgba(15, 23, 42, 0.10);
}

body.marketing-site .cm-page--integrations .cm-int-section-head {
  max-width: 880px;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

body.marketing-site .cm-page--integrations .cm-int-section-head.cm-heading-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

body.marketing-site .cm-page--integrations .cm-int-section-head .cm-section-title {
  max-width: 860px;
  line-height: 1.14;
  text-wrap: balance;
}

body.marketing-site .cm-page--integrations .cm-int-section-head .cm-section-subtitle {
  max-width: 780px;
  color: #4b5a6d;
  line-height: 1.72;
}

body.marketing-site .cm-page--integrations .cm-int-scroll {
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

/* Wider destination-page alignment. Page-scoped only. */
@media (min-width: 1200px) {
  body.marketing-site .cm-page--integrations > .cm-section--band > .container {
    width: min(1380px, calc(100% - 64px));
    max-width: 1380px;
  }
}

/* ============================================================
   SECTION 1 — FRAGMENTATION
   Release 2 — opening problem workspace
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-fragmentation {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 8% 8%, rgba(209, 62, 121, 0.045), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: end;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__intro .cm-int-section-head {
  margin-bottom: 0;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__signal {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  min-height: 100%;
  padding: clamp(1.3rem, 2.6vw, 1.75rem);
  border: 1px solid rgba(209, 62, 121, 0.17);
  border-radius: 22px;
  background: linear-gradient(145deg, #fff 0%, #fff8fb 100%);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__signal-icon {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(209, 62, 121, 0.09);
  color: var(--cm-int-rose);
  font-size: 1.05rem;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__signal p:first-child {
  margin: 0 0 0.28rem;
  color: var(--cm-int-rose);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__signal h3 {
  margin: 0 0 0.45rem;
  color: var(--cm-int-ink);
  font-size: 1.13rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__signal div > p:last-child {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.6;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation-card {
  --cm-int-accent: var(--cm-int-blue);
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: clamp(1.25rem, 2.4vw, 1.65rem);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--cm-int-accent);
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation-card--blue { --cm-int-accent: var(--cm-int-blue); }
body.marketing-site .cm-page--integrations .cm-int-fragmentation-card--violet { --cm-int-accent: var(--cm-int-violet); }
body.marketing-site .cm-page--integrations .cm-int-fragmentation-card--gold { --cm-int-accent: var(--cm-int-gold); }
body.marketing-site .cm-page--integrations .cm-int-fragmentation-card--rose { --cm-int-accent: var(--cm-int-rose); }
body.marketing-site .cm-page--integrations .cm-int-fragmentation-card--green { --cm-int-accent: #2cae78; }

body.marketing-site .cm-page--integrations .cm-int-fragmentation-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation-card__icon {
  display: inline-flex;
  width: 2.9rem;
  height: 2.9rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.08);
  font-size: 1.2rem;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation-card__number {
  color: var(--cm-int-accent);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation-card h3 {
  margin: 0 0 0.55rem;
  color: var(--cm-int-ink);
  font-size: 1.07rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation-card > p {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.62;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation-card__impact {
  margin-top: auto;
  padding-top: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation-card__impact span {
  display: block;
  margin-bottom: 0.22rem;
  color: var(--cm-int-accent);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation-card__impact strong {
  display: block;
  color: #334155;
  font-size: 0.9rem;
  line-height: 1.48;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__sequence {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__sequence span {
  display: inline-flex;
  gap: 0.42rem;
  align-items: center;
  color: #475569;
  font-size: 0.84rem;
  font-weight: 800;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__sequence strong {
  color: var(--cm-int-rose);
  font-size: 0.68rem;
  letter-spacing: 0.07em;
}

body.marketing-site .cm-page--integrations .cm-int-fragmentation__sequence > i {
  color: rgba(62, 121, 209, 0.55);
  font-size: 0.7rem;
}

/* ============================================================
   SECTION 2 — CONNECTED SYSTEMS FOUNDATION
   Release 2 — operating-contract workspace
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-foundation {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 92% 8%, rgba(62, 121, 209, 0.08), transparent 32%),
    linear-gradient(180deg, #f7faff 0%, #edf4fb 100%);
  color: var(--cm-int-ink);
}

body.marketing-site .cm-page--integrations .cm-int-foundation .cm-eyebrow { color: var(--cm-int-blue); }
body.marketing-site .cm-page--integrations .cm-int-foundation .cm-section-title { color: var(--cm-int-ink); }
body.marketing-site .cm-page--integrations .cm-int-foundation .cm-section-subtitle { color: var(--cm-int-muted); }

body.marketing-site .cm-page--integrations .cm-int-foundation__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: end;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

body.marketing-site .cm-page--integrations .cm-int-foundation__intro .cm-int-section-head { margin-bottom: 0; }

body.marketing-site .cm-page--integrations .cm-int-foundation__principle {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  padding: clamp(1.3rem, 2.6vw, 1.8rem);
  border: 1px solid rgba(62, 121, 209, 0.18);
  border-radius: 22px;
  background: linear-gradient(135deg, #17335f 0%, #234f85 100%);
  box-shadow: 0 18px 42px rgba(30, 64, 175, 0.18);
}

body.marketing-site .cm-page--integrations .cm-int-foundation__principle-icon {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

body.marketing-site .cm-page--integrations .cm-int-foundation__principle p:first-child {
  margin: 0 0 0.28rem;
  color: #9fc5ff;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-foundation__principle h3 {
  margin: 0 0 0.45rem;
  color: #fff;
  font-size: 1.18rem;
  line-height: 1.32;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-foundation__principle div > p:last-child {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.62;
}

body.marketing-site .cm-page--integrations .cm-int-foundation__workspace {
  padding: clamp(1.05rem, 2vw, 1.35rem);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.48);
}

body.marketing-site .cm-page--integrations .cm-int-foundation__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--integrations .cm-int-foundation-card {
  position: relative;
  min-height: 100%;
  padding: 1.15rem;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055);
}

body.marketing-site .cm-page--integrations .cm-int-foundation-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.82rem;
}

body.marketing-site .cm-page--integrations .cm-int-foundation-card__number {
  display: inline-flex;
  min-width: 2rem;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(62, 121, 209, 0.08);
  color: var(--cm-int-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-foundation-card__icon { font-size: 1.18rem; }

body.marketing-site .cm-page--integrations .cm-int-foundation-card h3 {
  margin: 0 0 0.45rem;
  color: var(--cm-int-ink);
  font-size: 1.02rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-foundation-card p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

body.marketing-site .cm-page--integrations .cm-int-foundation__outcome {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-top: 0.85rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(62, 209, 150, 0.24);
  border-radius: 17px;
  background: rgba(62, 209, 150, 0.075);
}

body.marketing-site .cm-page--integrations .cm-int-foundation__outcome > span {
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #fff;
  color: #20855f;
  box-shadow: 0 8px 20px rgba(27, 94, 70, 0.08);
}

body.marketing-site .cm-page--integrations .cm-int-foundation__outcome p:first-child {
  margin: 0 0 0.22rem;
  color: #237755;
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-foundation__outcome h3 {
  margin: 0 0 0.22rem;
  color: var(--cm-int-ink);
  font-size: 1.02rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-foundation__outcome div > p:last-child {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.55;
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--integrations .cm-int-fragmentation__intro,
  body.marketing-site .cm-page--integrations .cm-int-foundation__intro {
    grid-template-columns: 1fr;
    align-items: start;
  }

  body.marketing-site .cm-page--integrations .cm-int-fragmentation__grid,
  body.marketing-site .cm-page--integrations .cm-int-foundation__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-fragmentation__sequence {
    flex-wrap: wrap;
  }
}

@media (max-width: 575px) {

  /* Release 13.1 — System Ownership mobile number badges */
  body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-step {
    grid-template-columns: 2.15rem minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-number {
    display: inline-flex;
    width: 2.15rem;
    min-width: 2.15rem;
    height: 2.15rem;
    align-items: center;
    justify-content: center;
    align-self: start;
    margin: 0;
    line-height: 1;
    text-align: center;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-step > div {
    min-width: 0;
  }


  /* Release 13.1 — Connected Transaction Path mobile header */
  body.marketing-site .cm-page--integrations .cm-int-flow__workspace-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: start;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__workspace-title {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    min-width: 0;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__workspace-title > div {
    min-width: 0;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__workspace-title h3 {
    max-width: none;
    margin: 0;
    line-height: 1.22;
    text-wrap: pretty;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__phase-key {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    width: 100%;
    margin: 0;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__phase-key span {
    width: 100%;
    justify-content: space-between;
    padding: 0.6rem 0.75rem;
  }


  body.marketing-site .cm-page--integrations .cm-int-fragmentation__grid,
  body.marketing-site .cm-page--integrations .cm-int-foundation__grid {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-fragmentation__signal,
  body.marketing-site .cm-page--integrations .cm-int-foundation__principle,
  body.marketing-site .cm-page--integrations .cm-int-foundation__outcome {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-fragmentation__sequence {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  body.marketing-site .cm-page--integrations .cm-int-fragmentation__sequence > i {
    display: none;
  }
}

/* ============================================================
   SECTION 3 — CONNECTED OPERATIONS FLOW
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-flow {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
}

body.marketing-site .cm-page--integrations .cm-int-flow__workspace {
  padding: clamp(1.25rem, 2.6vw, 1.75rem);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.10);
  box-shadow: 0 22px 48px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(6px);
}

body.marketing-site .cm-page--integrations .cm-int-flow__workspace-head {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.15rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

body.marketing-site .cm-page--integrations .cm-int-flow__workspace-title {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  align-items: center;
  min-width: 0;
}

body.marketing-site .cm-page--integrations .cm-int-flow__workspace-icon {
  display: inline-flex;
  width: 2.9rem;
  height: 2.9rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(62, 121, 209, 0.16);
  border-radius: 15px;
  background: rgba(62, 121, 209, 0.08);
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-flow__workspace-title p {
  margin: 0 0 0.2rem;
  color: var(--cm-int-blue);
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-flow__workspace-title h3 {
  margin: 0;
  color: var(--cm-int-ink);
  font-size: clamp(1.05rem, 1.8vw, 1.28rem);
  line-height: 1.35;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--integrations .cm-int-flow__phase-key {
  display: flex;
  flex: 0 0 auto;
  gap: 0.5rem;
}

body.marketing-site .cm-page--integrations .cm-int-flow__phase-key span {
  display: inline-grid;
  grid-template-columns: auto auto;
  gap: 0.42rem;
  align-items: center;
  padding: 0.52rem 0.66rem;
  border: 1px solid rgba(62, 121, 209, 0.14);
  border-radius: 999px;
  background: rgba(62, 121, 209, 0.06);
}

body.marketing-site .cm-page--integrations .cm-int-flow__phase-key strong {
  color: var(--cm-int-blue);
  font-size: 0.7rem;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-flow__phase-key small {
  color: #64748b;
  font-size: 0.64rem;
  font-weight: 850;
}

body.marketing-site .cm-page--integrations .cm-int-flow__journey {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--integrations .cm-int-flow-card {
  --cm-int-flow-accent: var(--cm-int-blue);
  position: relative;
  min-width: 0;
  min-height: 100%;
  padding: 1.15rem 0.95rem 1.05rem;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 15px 34px rgba(15, 23, 42, 0.13);
  overflow: hidden;
}

body.marketing-site .cm-page--integrations .cm-int-flow-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--cm-int-flow-accent);
}

body.marketing-site .cm-page--integrations .cm-int-flow-card:nth-child(2),
body.marketing-site .cm-page--integrations .cm-int-flow-card:nth-child(3) {
  --cm-int-flow-accent: var(--cm-int-violet);
}

body.marketing-site .cm-page--integrations .cm-int-flow-card:nth-child(4),
body.marketing-site .cm-page--integrations .cm-int-flow-card:nth-child(5) {
  --cm-int-flow-accent: var(--cm-int-gold);
}

body.marketing-site .cm-page--integrations .cm-int-flow-card:nth-child(6),
body.marketing-site .cm-page--integrations .cm-int-flow-card:nth-child(7) {
  --cm-int-flow-accent: #2cae78;
}

body.marketing-site .cm-page--integrations .cm-int-flow-card:not(:last-child)::after {
  content: "→";
  position: absolute;
  top: 50%;
  right: -0.67rem;
  z-index: 2;
  width: 1.15rem;
  height: 1.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  border-radius: 999px;
  background: #ffffff;
  color: var(--cm-int-blue);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
  font-size: 0.74rem;
  font-weight: 950;
}

body.marketing-site .cm-page--integrations .cm-int-flow-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

body.marketing-site .cm-page--integrations .cm-int-flow-card__step {
  display: inline-flex;
  min-width: 2rem;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: color-mix(in srgb, var(--cm-int-flow-accent) 10%, white);
  color: var(--cm-int-flow-accent);
  font-size: 0.69rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-flow-card__icon {
  font-size: 1.12rem;
}

body.marketing-site .cm-page--integrations .cm-int-flow-card h3 {
  margin: 0 0 0.42rem;
  color: var(--cm-int-ink);
  font-size: 0.98rem;
  line-height: 1.3;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-flow-card p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.87rem;
  line-height: 1.55;
}

body.marketing-site .cm-page--integrations .cm-int-flow__outcome {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
  margin-top: clamp(1.5rem, 3vw, 2.2rem);
  padding: clamp(1.35rem, 2.7vw, 1.8rem);
  border: 1px solid rgba(62, 121, 209, 0.18);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 42px rgba(30, 64, 175, 0.12);
}

body.marketing-site .cm-page--integrations .cm-int-flow__outcome > span {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(62, 121, 209, 0.10);
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-flow__outcome p:first-child {
  margin: 0 0 0.25rem;
  color: var(--cm-int-blue);
  font-size: 0.69rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-flow__outcome h3 {
  margin: 0 0 0.35rem;
  color: var(--cm-int-ink);
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  line-height: 1.3;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-flow__outcome div > p:last-child {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.6;
}


/* ============================================================
   SECTION 4 — SYSTEM-OF-RECORD ARCHITECTURE
   Release 4 — Ownership workspace refinement
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-system-record {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 90% 8%, rgba(62, 121, 209, 0.07), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

body.marketing-site .cm-page--integrations .cm-int-system-record__workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.62fr);
  gap: 1rem;
  align-items: stretch;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__map,
body.marketing-site .cm-page--integrations .cm-int-system-record__principle,
body.marketing-site .cm-page--integrations .cm-int-system-record__rules {
  border: 1px solid var(--cm-int-line);
  border-radius: 22px;
  box-shadow: var(--cm-int-shadow);
}

body.marketing-site .cm-page--integrations .cm-int-system-record__map,
body.marketing-site .cm-page--integrations .cm-int-system-record__rules {
  padding: clamp(1.35rem, 2.8vw, 1.9rem);
  background: rgba(255, 255, 255, 0.97);
}

body.marketing-site .cm-page--integrations .cm-int-system-record__map-head {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__kicker,
body.marketing-site .cm-page--integrations .cm-int-system-record__principle p:first-child,
body.marketing-site .cm-page--integrations .cm-int-system-record__rules-head p,
body.marketing-site .cm-page--integrations .cm-int-system-record__outcome p:first-child {
  margin: 0 0 0.25rem;
  color: var(--cm-int-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__map-head h3 {
  max-width: 720px;
  margin: 0;
  color: var(--cm-int-ink);
  font-size: clamp(1.2rem, 2.2vw, 1.55rem);
  line-height: 1.3;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__badge {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.45rem;
  align-items: center;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgba(62, 121, 209, 0.16);
  border-radius: 999px;
  background: rgba(62, 121, 209, 0.07);
  color: #315f9f;
  font-size: 0.73rem;
  font-weight: 850;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-path {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(62, 121, 209, 0.14);
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(62, 121, 209, 0.055), rgba(62, 209, 150, 0.045));
}

body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.62rem;
  align-items: center;
  min-width: 0;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-number {
  display: inline-flex;
  width: 2.15rem;
  height: 2.15rem;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #ffffff;
  color: var(--cm-int-blue);
  box-shadow: 0 7px 18px rgba(30, 64, 175, 0.08);
  font-size: 0.66rem;
  font-weight: 950;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-step strong,
body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-step span {
  display: block;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-step strong {
  margin-bottom: 0.12rem;
  color: var(--cm-int-ink);
  font-size: 0.88rem;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-step div > span {
  color: var(--cm-int-muted);
  font-size: 0.76rem;
  line-height: 1.4;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-arrow {
  color: rgba(62, 121, 209, 0.55);
  font-size: 0.78rem;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

body.marketing-site .cm-page--integrations .cm-int-system-card {
  --cm-int-system-accent: var(--cm-int-blue);
  position: relative;
  min-height: 100%;
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 16px;
  background: #ffffff;
  overflow: hidden;
}

body.marketing-site .cm-page--integrations .cm-int-system-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--cm-int-system-accent);
}

body.marketing-site .cm-page--integrations .cm-int-system-card--green { --cm-int-system-accent: #2cae78; }
body.marketing-site .cm-page--integrations .cm-int-system-card--violet { --cm-int-system-accent: var(--cm-int-violet); }
body.marketing-site .cm-page--integrations .cm-int-system-card--rose { --cm-int-system-accent: var(--cm-int-rose); }
body.marketing-site .cm-page--integrations .cm-int-system-card--gold { --cm-int-system-accent: var(--cm-int-gold); }

body.marketing-site .cm-page--integrations .cm-int-system-card__head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.7rem;
  align-items: center;
  margin-bottom: 0.65rem;
}

body.marketing-site .cm-page--integrations .cm-int-system-card__icon,
body.marketing-site .cm-page--integrations .cm-int-system-record__rules-icon,
body.marketing-site .cm-page--integrations .cm-int-system-record__outcome > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-system-card__icon {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.05rem;
}

body.marketing-site .cm-page--integrations .cm-int-system-card__number {
  align-self: start;
  color: rgba(15, 23, 42, 0.25);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__rules-icon,
body.marketing-site .cm-page--integrations .cm-int-system-record__outcome > span {
  width: 2.8rem;
  height: 2.8rem;
}

body.marketing-site .cm-page--integrations .cm-int-system-card__system {
  display: block;
  margin-bottom: 0.15rem;
  color: var(--cm-int-system-accent);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-system-card h4,
body.marketing-site .cm-page--integrations .cm-int-rule-card h4 {
  margin: 0 0 0.24rem;
  color: var(--cm-int-ink);
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-system-card > p,
body.marketing-site .cm-page--integrations .cm-int-rule-card p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.86rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__principle {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: clamp(1.4rem, 2.8vw, 1.9rem);
  border-color: rgba(62, 209, 150, 0.24);
  background:
    radial-gradient(circle at 100% 0%, rgba(62, 209, 150, 0.12), transparent 34%),
    linear-gradient(160deg, #f9fffd 0%, #eefaf6 100%);
}

body.marketing-site .cm-page--integrations .cm-int-system-record__principle-icon {
  display: inline-flex;
  width: 2.9rem;
  height: 2.9rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.9rem;
  border-radius: 14px;
  background: #ffffff;
  color: #20855f;
  box-shadow: 0 9px 22px rgba(27, 94, 70, 0.09);
}

body.marketing-site .cm-page--integrations .cm-int-system-record__principle p:first-child {
  color: #237755;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__principle h3 {
  margin: 0 0 0.55rem;
  color: var(--cm-int-ink);
  font-size: 1.12rem;
  line-height: 1.38;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__principle > div > p:last-child {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.6;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__principle-contract {
  display: grid;
  gap: 0.6rem;
  margin-top: auto;
  padding-top: 1.2rem;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__principle-contract > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.55rem;
  align-items: start;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(35, 119, 85, 0.12);
  color: #3f6656;
  font-size: 0.82rem;
  line-height: 1.45;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__principle-contract i {
  margin-top: 0.15rem;
  color: #20855f;
  font-size: 0.72rem;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__rules {
  margin-top: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__rules-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

body.marketing-site .cm-page--integrations .cm-int-system-record__rules-head h3 {
  margin: 0;
  color: var(--cm-int-ink);
  font-size: 1.08rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__rules-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

body.marketing-site .cm-page--integrations .cm-int-rule-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.7rem;
  min-height: 100%;
  padding: 0.95rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 15px;
  background: #ffffff;
}

body.marketing-site .cm-page--integrations .cm-int-rule-card__icon {
  font-size: 1rem;
  line-height: 1.35;
}

body.marketing-site .cm-page--integrations .cm-int-rule-card__number {
  display: block;
  margin-bottom: 0.18rem;
  color: var(--cm-int-blue);
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__outcome {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(62, 121, 209, 0.18);
  border-radius: 18px;
  background: rgba(62, 121, 209, 0.07);
}

body.marketing-site .cm-page--integrations .cm-int-system-record__outcome h3 {
  margin: 0 0 0.25rem;
  color: var(--cm-int-ink);
  font-size: 1.04rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__outcome div > p:last-child {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.55;
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--integrations .cm-int-system-record__workspace {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__principle-contract {
    margin-top: 1rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__rules-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-path {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-arrow {
    transform: rotate(90deg);
    justify-self: center;
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--integrations .cm-int-system-record {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__map-head {
    flex-direction: column;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__grid,
  body.marketing-site .cm-page--integrations .cm-int-system-record__rules-grid {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__rules-head,
  body.marketing-site .cm-page--integrations .cm-int-system-record__outcome {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   SECTION 5 — CUSTOMER, SALES & SERVICE INTEGRATIONS
   Release 5 — Business-system handoff workspace
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-business-systems {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 90% 8%, rgba(62, 121, 209, 0.07), transparent 30%),
    linear-gradient(180deg, #f7faff 0%, #eef4fb 100%);
  color: var(--cm-int-ink);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems .cm-eyebrow {
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems .cm-section-title {
  color: var(--cm-int-ink);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems .cm-section-subtitle {
  color: var(--cm-int-muted);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__workspace {
  padding: clamp(1.35rem, 2.8vw, 1.9rem);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(62, 121, 209, 0.07), transparent 28%),
    rgba(255, 255, 255, 0.97);
  box-shadow: var(--cm-int-shadow);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__workspace-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-bottom: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__workspace-icon,
body.marketing-site .cm-page--integrations .cm-int-business-systems__handoffs-icon {
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__workspace-head p,
body.marketing-site .cm-page--integrations .cm-int-business-systems__handoffs-head p,
body.marketing-site .cm-page--integrations .cm-int-business-systems__principle p:first-child {
  margin: 0 0 0.24rem;
  color: var(--cm-int-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__workspace-head h3,
body.marketing-site .cm-page--integrations .cm-int-business-systems__handoffs-head h3 {
  margin: 0;
  color: var(--cm-int-ink);
  font-size: 1.08rem;
  line-height: 1.4;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__path {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(62, 121, 209, 0.14);
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(62, 121, 209, 0.05), rgba(117, 103, 216, 0.045));
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__path > i {
  color: rgba(62, 121, 209, 0.48);
  font-size: 0.76rem;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__path-step {
  min-width: 0;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__path-step > span,
body.marketing-site .cm-page--integrations .cm-int-business-systems__path-step strong,
body.marketing-site .cm-page--integrations .cm-int-business-systems__path-step small {
  display: block;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__path-step > span {
  margin-bottom: 0.18rem;
  color: var(--cm-int-blue);
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__path-step strong {
  margin-bottom: 0.16rem;
  color: var(--cm-int-ink);
  font-size: 0.86rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__path-step small {
  color: var(--cm-int-muted);
  font-size: 0.73rem;
  line-height: 1.4;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-business-card {
  --cm-int-business-accent: var(--cm-int-blue);
  position: relative;
  min-height: 100%;
  padding: 1.2rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.99);
  overflow: hidden;
}

body.marketing-site .cm-page--integrations .cm-int-business-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--cm-int-business-accent);
}

body.marketing-site .cm-page--integrations .cm-int-business-card--blue { --cm-int-business-accent: var(--cm-int-blue); }
body.marketing-site .cm-page--integrations .cm-int-business-card--green { --cm-int-business-accent: #2cae78; }
body.marketing-site .cm-page--integrations .cm-int-business-card--rose { --cm-int-business-accent: var(--cm-int-rose); }
body.marketing-site .cm-page--integrations .cm-int-business-card--violet { --cm-int-business-accent: var(--cm-int-violet); }

body.marketing-site .cm-page--integrations .cm-int-business-card__head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.65rem;
  align-items: center;
  margin-bottom: 0.9rem;
}

body.marketing-site .cm-page--integrations .cm-int-business-card__icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(62, 121, 209, 0.08);
  font-size: 1.05rem;
}

body.marketing-site .cm-page--integrations .cm-int-business-card__label {
  color: var(--cm-int-business-accent);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-business-card__number {
  align-self: start;
  color: rgba(15, 23, 42, 0.24);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-business-card h3 {
  margin: 0 0 0.55rem;
  color: var(--cm-int-ink);
  font-size: 1.04rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-business-card__text {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.6;
}

body.marketing-site .cm-page--integrations .cm-int-business-card__examples {
  display: grid;
  gap: 0.5rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--integrations .cm-int-business-card__examples li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.45rem;
  align-items: start;
  color: #475569;
  font-size: 0.84rem;
  line-height: 1.45;
}

body.marketing-site .cm-page--integrations .cm-int-business-card__examples i {
  margin-top: 0.18rem;
  color: var(--cm-int-business-accent);
  font-size: 0.75rem;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__handoffs {
  margin-top: 1rem;
  padding: clamp(1.35rem, 2.8vw, 1.9rem);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--cm-int-shadow);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__handoffs-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-handoff-table {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  overflow: hidden;
}

body.marketing-site .cm-page--integrations .cm-int-handoff-row {
  display: grid;
  grid-template-columns: 1.05fr 1.3fr 1.45fr 1.4fr;
  gap: 0;
  background: #ffffff;
}

body.marketing-site .cm-page--integrations .cm-int-handoff-row + .cm-int-handoff-row {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
}

body.marketing-site .cm-page--integrations .cm-int-handoff-row > * {
  min-width: 0;
  padding: 0.85rem 0.9rem;
  color: #475569;
  font-size: 0.84rem;
  line-height: 1.45;
}

body.marketing-site .cm-page--integrations .cm-int-handoff-row > * + * {
  border-left: 1px solid rgba(148, 163, 184, 0.14);
}

body.marketing-site .cm-page--integrations .cm-int-handoff-row--head {
  background: #f5f8fc;
}

body.marketing-site .cm-page--integrations .cm-int-handoff-row--head > * {
  color: #334155;
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-handoff-route {
  display: flex;
  gap: 0.42rem;
  align-items: center;
  color: var(--cm-int-ink) !important;
  font-weight: 800;
}

body.marketing-site .cm-page--integrations .cm-int-handoff-route i {
  color: var(--cm-int-blue);
  font-size: 0.72rem;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__handoff-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.65rem;
  align-items: start;
  margin-top: 0.85rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(62, 121, 209, 0.13);
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.055);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__handoff-note i {
  margin-top: 0.16rem;
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__handoff-note p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.84rem;
  line-height: 1.52;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__handoff-note strong {
  color: var(--cm-int-ink);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__principle {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(62, 209, 150, 0.24);
  border-radius: 18px;
  background: rgba(62, 209, 150, 0.08);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__principle > span {
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #ffffff;
  color: #20855f;
  box-shadow: 0 8px 20px rgba(27, 94, 70, 0.08);
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__principle p:first-child {
  color: #237755;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__principle h3 {
  margin: 0 0 0.25rem;
  color: var(--cm-int-ink);
  font-size: 1.04rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-business-systems__principle div > p:last-child {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.55;
}


/* ============================================================
   RELEASE 12 — DESKTOP QA + PAGE-WIDE POLISH
   Desktop-only, page-owned refinement
   ============================================================ */

@media (min-width: 1200px) {

  /* --------------------------------------------
     Section rhythm
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations > .cm-section--band {
    scroll-margin-top: 112px;
  }

  body.marketing-site .cm-page--integrations .cm-int-section-head {
    margin-bottom: 2.65rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-section-head .cm-section-title {
    line-height: 1.08;
    letter-spacing: -0.025em;
  }

  body.marketing-site .cm-page--integrations .cm-int-section-head .cm-section-subtitle {
    max-width: 820px;
  }

  body.marketing-site .cm-page--integrations .cm-int-scroll {
    margin-top: 2.4rem;
  }

  /* --------------------------------------------
     Fragmentation
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-fragmentation__grid {
    align-items: stretch;
  }

  body.marketing-site .cm-page--integrations .cm-int-fragmentation-card {
    min-height: 292px;
  }

  body.marketing-site .cm-page--integrations .cm-int-fragmentation-card h3 {
    min-height: 2.95em;
  }

  /* --------------------------------------------
     Foundation
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-foundation__intro {
    align-items: stretch;
  }

  body.marketing-site .cm-page--integrations .cm-int-foundation__principle {
    min-height: 100%;
  }

  body.marketing-site .cm-page--integrations .cm-int-foundation-card {
    min-height: 228px;
  }

  /* --------------------------------------------
     Connected journey
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-flow__workspace {
    padding: 1.5rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow-card {
    min-height: 250px;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow-card h3 {
    min-height: 2.55em;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__outcome {
    margin-top: 1.15rem;
  }

  /* --------------------------------------------
     System of record
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-system-record__workspace {
    gap: 1.15rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-card {
    min-height: 174px;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__principle {
    justify-content: space-between;
  }

  body.marketing-site .cm-page--integrations .cm-int-rule-card {
    min-height: 154px;
  }

  /* --------------------------------------------
     Business systems
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-business-card {
    min-height: 340px;
  }

  body.marketing-site .cm-page--integrations .cm-int-business-card h3 {
    min-height: 4.05em;
  }

  body.marketing-site .cm-page--integrations .cm-int-business-card__examples {
    margin-top: 1.05rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row > * {
    display: flex;
    align-items: center;
  }

  /* --------------------------------------------
     Finance + operations
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-finance-card {
    min-height: 350px;
  }

  body.marketing-site .cm-page--integrations .cm-int-finance-card h3 {
    min-height: 4.05em;
  }

  body.marketing-site .cm-page--integrations .cm-int-finance-flow__step {
    min-height: 190px;
  }

  body.marketing-site .cm-page--integrations .cm-int-finance-guardrail {
    min-height: 150px;
  }

  /* --------------------------------------------
     Connection methods
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-connection-card {
    min-height: 360px;
  }

  body.marketing-site .cm-page--integrations .cm-int-connection-card h3 {
    min-height: 5.4em;
  }

  body.marketing-site .cm-page--integrations .cm-int-connection-factor {
    min-height: 150px;
  }

  body.marketing-site .cm-page--integrations .cm-int-connection-path li {
    min-height: 152px;
  }

  /* --------------------------------------------
     Reliability
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-reliability-card {
    min-height: 235px;
  }

  body.marketing-site .cm-page--integrations .cm-int-reliability-flow li {
    min-height: 178px;
  }

  body.marketing-site .cm-page--integrations .cm-int-reliability__workspace {
    gap: 1.15rem;
  }

  /* --------------------------------------------
     Outcomes
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-outcome-card {
    min-height: 210px;
  }

  body.marketing-site .cm-page--integrations .cm-int-outcome-card h3 {
    min-height: 2.75em;
  }

  body.marketing-site .cm-page--integrations .cm-int-outcome-measure {
    min-height: 124px;
  }

  body.marketing-site .cm-page--integrations .cm-int-outcome-compare__before,
  body.marketing-site .cm-page--integrations .cm-int-outcome-compare__after {
    display: flex;
    min-height: 104px;
    flex-direction: column;
    justify-content: center;
  }

  /* --------------------------------------------
     FAQ
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-faq__layout {
    gap: 1.6rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq__guide {
    top: 128px;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item summary {
    min-height: 74px;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq__principle {
    margin-top: 1.35rem;
  }

  /* --------------------------------------------
     First conversation
     -------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-first-conversation__panel {
    gap: 2.4rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation__steps {
    align-self: stretch;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation-step {
    min-height: 88px;
    align-items: center;
  }
}

@media (max-width: 1199px) {
  body.marketing-site .cm-page--integrations .cm-int-business-systems__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-business-systems__path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-business-systems__path > i {
    display: none;
  }
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--integrations .cm-int-handoff-row {
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    padding: 0.9rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row--head {
    display: none;
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row > * {
    position: relative;
    padding: 1.3rem 0.8rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 12px;
    background: #ffffff;
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row > *::before {
    content: attr(data-label);
    position: absolute;
    top: 0.45rem;
    left: 0.8rem;
    color: var(--cm-int-blue);
    font-size: 0.59rem;
    font-weight: 950;
    letter-spacing: 0.07em;
    text-transform: uppercase;
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row > * + * {
    border-left: 1px solid rgba(148, 163, 184, 0.15);
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--integrations .cm-int-business-systems {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-business-systems__workspace-head,
  body.marketing-site .cm-page--integrations .cm-int-business-systems__handoffs-head,
  body.marketing-site .cm-page--integrations .cm-int-business-systems__principle {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-business-systems__grid,
  body.marketing-site .cm-page--integrations .cm-int-business-systems__path,
  body.marketing-site .cm-page--integrations .cm-int-handoff-row {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-route {
    flex-wrap: wrap;
  }
}


/* ============================================================
   SECTION 6 — FINANCE, BILLING & OPERATIONAL INTEGRATIONS
   Release 6 — Financial-control workspace
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-finance-ops {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 10% 5%, rgba(209, 150, 62, 0.07), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__workspace {
  padding: clamp(1.35rem, 2.8vw, 1.9rem);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(209, 150, 62, 0.08), transparent 28%),
    rgba(255, 255, 255, 0.98);
  box-shadow: var(--cm-int-shadow);
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__workspace-head,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__flow-head,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__guardrails-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__workspace-icon,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__flow-icon,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__guardrails-head > span,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__outcome > span {
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__workspace-head p,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__flow-head p,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__guardrails-head p,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__outcome p:first-child {
  margin: 0 0 0.24rem;
  color: var(--cm-int-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__workspace-head h3,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__flow-head h3,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__guardrails-head h3 {
  margin: 0;
  color: var(--cm-int-ink);
  font-size: 1.08rem;
  line-height: 1.4;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-path {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(209, 150, 62, 0.17);
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(209, 150, 62, 0.055), rgba(62, 121, 209, 0.04));
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-path > i {
  color: rgba(154, 102, 28, 0.55);
  font-size: 0.76rem;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-step {
  min-width: 0;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-step > span,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-step strong,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-step small {
  display: block;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-step > span {
  margin-bottom: 0.18rem;
  color: #9a661c;
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-step strong {
  margin-bottom: 0.16rem;
  color: var(--cm-int-ink);
  font-size: 0.86rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-step small {
  color: var(--cm-int-muted);
  font-size: 0.73rem;
  line-height: 1.4;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-finance-card {
  --cm-int-fin-accent: var(--cm-int-blue);
  position: relative;
  min-height: 100%;
  padding: 1.2rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.99);
  overflow: hidden;
}

body.marketing-site .cm-page--integrations .cm-int-finance-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--cm-int-fin-accent);
}

body.marketing-site .cm-page--integrations .cm-int-finance-card--blue { --cm-int-fin-accent: var(--cm-int-blue); }
body.marketing-site .cm-page--integrations .cm-int-finance-card--green { --cm-int-fin-accent: #2cae78; }
body.marketing-site .cm-page--integrations .cm-int-finance-card--violet { --cm-int-fin-accent: var(--cm-int-violet); }
body.marketing-site .cm-page--integrations .cm-int-finance-card--gold { --cm-int-fin-accent: var(--cm-int-gold); }

body.marketing-site .cm-page--integrations .cm-int-finance-card__head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.65rem;
  align-items: center;
  margin-bottom: 0.9rem;
}

body.marketing-site .cm-page--integrations .cm-int-finance-card__icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(62, 121, 209, 0.08);
  font-size: 1.05rem;
}

body.marketing-site .cm-page--integrations .cm-int-finance-card__label {
  color: var(--cm-int-fin-accent);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-finance-card__number {
  align-self: start;
  color: rgba(15, 23, 42, 0.24);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-finance-card h3 {
  margin: 0 0 0.55rem;
  color: var(--cm-int-ink);
  font-size: 1.04rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-finance-card > p {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.6;
}

body.marketing-site .cm-page--integrations .cm-int-finance-card__examples {
  display: grid;
  gap: 0.5rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--integrations .cm-int-finance-card__examples li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.45rem;
  color: #475569;
  font-size: 0.84rem;
  line-height: 1.45;
}

body.marketing-site .cm-page--integrations .cm-int-finance-card__examples i {
  margin-top: 0.18rem;
  color: var(--cm-int-fin-accent);
  font-size: 0.75rem;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__flow,
body.marketing-site .cm-page--integrations .cm-int-finance-ops__guardrails {
  margin-top: 1rem;
  padding: clamp(1.35rem, 2.8vw, 1.9rem);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--cm-int-shadow);
}

body.marketing-site .cm-page--integrations .cm-int-finance-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--integrations .cm-int-finance-flow__step {
  min-height: 100%;
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: #ffffff;
}

body.marketing-site .cm-page--integrations .cm-int-finance-flow__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.7rem;
}

body.marketing-site .cm-page--integrations .cm-int-finance-flow__number {
  color: var(--cm-int-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-finance-flow__icon {
  font-size: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-finance-flow__step h4,
body.marketing-site .cm-page--integrations .cm-int-finance-guardrail h4 {
  margin: 0 0 0.3rem;
  color: var(--cm-int-ink);
  font-size: 0.95rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-finance-flow__step p,
body.marketing-site .cm-page--integrations .cm-int-finance-guardrail p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.84rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__flow-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.65rem;
  align-items: start;
  margin-top: 0.85rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(209, 150, 62, 0.17);
  border-radius: 14px;
  background: rgba(209, 150, 62, 0.06);
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__flow-note i {
  margin-top: 0.16rem;
  color: #9a661c;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__flow-note p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.84rem;
  line-height: 1.52;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__flow-note strong {
  color: var(--cm-int-ink);
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__guardrails-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

body.marketing-site .cm-page--integrations .cm-int-finance-guardrail {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.7rem;
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: #ffffff;
}

body.marketing-site .cm-page--integrations .cm-int-finance-guardrail__icon {
  font-size: 1rem;
  line-height: 1.35;
}

body.marketing-site .cm-page--integrations .cm-int-finance-guardrail__number {
  display: block;
  margin-bottom: 0.18rem;
  color: #9a661c;
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__outcome {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(209, 150, 62, 0.22);
  border-radius: 18px;
  background: rgba(209, 150, 62, 0.07);
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__outcome > span {
  background: #ffffff;
  color: #9a661c;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__outcome p:first-child {
  color: #9a661c;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__outcome h3 {
  margin: 0 0 0.25rem;
  color: var(--cm-int-ink);
  font-size: 1.04rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-finance-ops__outcome div > p:last-child {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.55;
}

@media (max-width: 1199px) {
  body.marketing-site .cm-page--integrations .cm-int-finance-ops__grid,
  body.marketing-site .cm-page--integrations .cm-int-finance-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-path > i {
    display: none;
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--integrations .cm-int-finance-ops {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-finance-ops__workspace-head,
  body.marketing-site .cm-page--integrations .cm-int-finance-ops__flow-head,
  body.marketing-site .cm-page--integrations .cm-int-finance-ops__guardrails-head,
  body.marketing-site .cm-page--integrations .cm-int-finance-ops__outcome {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-finance-ops__grid,
  body.marketing-site .cm-page--integrations .cm-int-finance-flow,
  body.marketing-site .cm-page--integrations .cm-int-finance-ops__guardrails-grid,
  body.marketing-site .cm-page--integrations .cm-int-finance-ops__authority-path {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   SECTION 7 — APIS, WEBHOOKS & CUSTOM CONNECTORS
   Release 7 — Connection-method decision framework
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-connection-methods {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 90% 8%, rgba(117, 103, 216, 0.08), transparent 30%),
    linear-gradient(180deg, #f7faff 0%, #eef4fb 100%);
  color: var(--cm-int-ink);
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods .cm-eyebrow {
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods .cm-section-title {
  color: var(--cm-int-ink);
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods .cm-section-subtitle {
  color: var(--cm-int-muted);
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__workspace,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__decision,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__path {
  padding: clamp(1.35rem, 2.8vw, 1.9rem);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--cm-int-shadow);
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__workspace {
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(117, 103, 216, 0.08), transparent 28%),
    rgba(255, 255, 255, 0.98);
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__decision,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__path {
  margin-top: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__workspace-head,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__decision-head,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__path-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__workspace-icon,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__decision-icon,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__path-head > span,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__outcome > span {
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__workspace-head p,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__decision-head p,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__path-head p,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__outcome p:first-child {
  margin: 0 0 0.24rem;
  color: var(--cm-int-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__workspace-head h3,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__decision-head h3,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__path-head h3 {
  margin: 0;
  color: var(--cm-int-ink);
  font-size: 1.08rem;
  line-height: 1.4;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-path {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(117, 103, 216, 0.16);
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(117, 103, 216, 0.055), rgba(62, 121, 209, 0.045));
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-path > i {
  color: rgba(98, 85, 184, 0.52);
  font-size: 0.76rem;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-step {
  min-width: 0;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-step > span,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-step strong,
body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-step small {
  display: block;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-step > span {
  margin-bottom: 0.18rem;
  color: #6255b8;
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-step strong {
  margin-bottom: 0.16rem;
  color: var(--cm-int-ink);
  font-size: 0.86rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-step small {
  color: var(--cm-int-muted);
  font-size: 0.73rem;
  line-height: 1.4;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.9rem;
}

body.marketing-site .cm-page--integrations .cm-int-connection-card {
  --cm-int-connection-accent: var(--cm-int-blue);
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 1.15rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.99);
  overflow: hidden;
}

body.marketing-site .cm-page--integrations .cm-int-connection-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--cm-int-connection-accent);
}

body.marketing-site .cm-page--integrations .cm-int-connection-card--blue { --cm-int-connection-accent: var(--cm-int-blue); }
body.marketing-site .cm-page--integrations .cm-int-connection-card--green { --cm-int-connection-accent: #2cae78; }
body.marketing-site .cm-page--integrations .cm-int-connection-card--violet { --cm-int-connection-accent: var(--cm-int-violet); }
body.marketing-site .cm-page--integrations .cm-int-connection-card--gold { --cm-int-connection-accent: var(--cm-int-gold); }
body.marketing-site .cm-page--integrations .cm-int-connection-card--rose { --cm-int-connection-accent: var(--cm-int-rose); }

body.marketing-site .cm-page--integrations .cm-int-connection-card__head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.85rem;
}

body.marketing-site .cm-page--integrations .cm-int-connection-card__icon {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(62, 121, 209, 0.08);
  font-size: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-connection-card__label {
  color: var(--cm-int-connection-accent);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-connection-card__number {
  align-self: start;
  color: rgba(15, 23, 42, 0.24);
  font-size: 0.65rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-connection-card h3 {
  margin: 0 0 0.5rem;
  color: var(--cm-int-ink);
  font-size: 1rem;
  line-height: 1.34;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-connection-card > p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.86rem;
  line-height: 1.55;
}

body.marketing-site .cm-page--integrations .cm-int-connection-card__best {
  margin-top: auto;
  padding-top: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-connection-card__best span {
  display: block;
  margin-bottom: 0.22rem;
  color: var(--cm-int-connection-accent);
  font-size: 0.65rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-connection-card__best strong {
  display: block;
  color: #334155;
  font-size: 0.82rem;
  line-height: 1.45;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__decision-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

body.marketing-site .cm-page--integrations .cm-int-connection-factor {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.7rem;
  min-height: 100%;
  padding: 0.95rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 15px;
  background: #ffffff;
}

body.marketing-site .cm-page--integrations .cm-int-connection-factor__icon {
  font-size: 1rem;
  line-height: 1.35;
}

body.marketing-site .cm-page--integrations .cm-int-connection-factor__number {
  display: block;
  margin-bottom: 0.18rem;
  color: #6255b8;
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-connection-factor h4,
body.marketing-site .cm-page--integrations .cm-int-connection-path h4 {
  margin: 0 0 0.25rem;
  color: var(--cm-int-ink);
  font-size: 0.94rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-connection-factor p,
body.marketing-site .cm-page--integrations .cm-int-connection-path p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.84rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--integrations .cm-int-connection-path {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--integrations .cm-int-connection-path li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.65rem;
  min-height: 100%;
  padding: 0.95rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 15px;
  background: #ffffff;
}

body.marketing-site .cm-page--integrations .cm-int-connection-path__step {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(62, 121, 209, 0.08);
  color: var(--cm-int-blue);
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.05em;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__path-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.65rem;
  align-items: start;
  margin-top: 0.85rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(117, 103, 216, 0.16);
  border-radius: 14px;
  background: rgba(117, 103, 216, 0.055);
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__path-note i {
  margin-top: 0.16rem;
  color: #6255b8;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__path-note p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.84rem;
  line-height: 1.52;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__path-note strong {
  color: var(--cm-int-ink);
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__outcome {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(117, 103, 216, 0.20);
  border-radius: 18px;
  background: rgba(117, 103, 216, 0.07);
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__outcome > span {
  background: #ffffff;
  color: var(--cm-int-violet);
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__outcome p:first-child {
  color: #6255b8;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__outcome h3 {
  margin: 0 0 0.25rem;
  color: var(--cm-int-ink);
  font-size: 1.04rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__outcome div > p:last-child {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.55;
}

@media (max-width: 1199px) {
  body.marketing-site .cm-page--integrations .cm-int-connection-methods__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-connection-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-path > i {
    display: none;
  }
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--integrations .cm-int-connection-methods__decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--integrations .cm-int-connection-methods {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-connection-methods__workspace-head,
  body.marketing-site .cm-page--integrations .cm-int-connection-methods__decision-head,
  body.marketing-site .cm-page--integrations .cm-int-connection-methods__path-head,
  body.marketing-site .cm-page--integrations .cm-int-connection-methods__outcome {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-connection-methods__grid,
  body.marketing-site .cm-page--integrations .cm-int-connection-methods__decision-grid,
  body.marketing-site .cm-page--integrations .cm-int-connection-path,
  body.marketing-site .cm-page--integrations .cm-int-connection-methods__priority-path {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   SECTION 8 — RELIABILITY, MONITORING & ERROR HANDLING
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-reliability {
  padding-top:clamp(4.75rem,7vw,7rem);
  padding-bottom:clamp(4.75rem,7vw,7rem);
  background:radial-gradient(circle at 10% 8%,rgba(62,209,150,.07),transparent 30%),linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}

body.marketing-site .cm-page--integrations .cm-int-reliability__grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-card {
  --cm-int-rel-accent:var(--cm-int-blue);
  position:relative;
  min-height:100%;
  padding:1.2rem;
  border:1px solid rgba(148,163,184,.22);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--cm-int-shadow);
  overflow:hidden;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-card::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:var(--cm-int-rel-accent);
}

body.marketing-site .cm-page--integrations .cm-int-reliability-card--green { --cm-int-rel-accent:#2cae78; }
body.marketing-site .cm-page--integrations .cm-int-reliability-card--rose { --cm-int-rel-accent:var(--cm-int-rose); }
body.marketing-site .cm-page--integrations .cm-int-reliability-card--violet { --cm-int-rel-accent:var(--cm-int-violet); }

body.marketing-site .cm-page--integrations .cm-int-reliability-card__head {
  display:flex;
  gap:.65rem;
  align-items:center;
  margin-bottom:.85rem;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-card__icon {
  display:inline-flex;
  width:2.55rem;
  height:2.55rem;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:rgba(62,121,209,.08);
}

body.marketing-site .cm-page--integrations .cm-int-reliability-card__label {
  color:var(--cm-int-rel-accent);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-card h3 {
  margin:0 0 .5rem;
  color:var(--cm-int-ink);
  font-size:1.03rem;
  line-height:1.35;
  font-weight:900;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-card > p {
  margin:0;
  color:var(--cm-int-muted);
  line-height:1.58;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__workspace {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(300px,.65fr);
  gap:1rem;
  margin-top:1rem;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__flow-panel,
body.marketing-site .cm-page--integrations .cm-int-reliability__status-panel {
  padding:clamp(1.3rem,2.7vw,1.8rem);
  border:1px solid rgba(148,163,184,.22);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--cm-int-shadow);
}

body.marketing-site .cm-page--integrations .cm-int-reliability__panel-head,
body.marketing-site .cm-page--integrations .cm-int-reliability__status-head {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.8rem;
  align-items:center;
  margin-bottom:1rem;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__panel-head > span,
body.marketing-site .cm-page--integrations .cm-int-reliability__status-head > span,
body.marketing-site .cm-page--integrations .cm-int-reliability__principle > span {
  display:inline-flex;
  width:2.8rem;
  height:2.8rem;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(62,121,209,.09);
  color:var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-reliability__panel-head p,
body.marketing-site .cm-page--integrations .cm-int-reliability__status-head p,
body.marketing-site .cm-page--integrations .cm-int-reliability__principle p:first-child {
  margin:0 0 .24rem;
  color:var(--cm-int-blue);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__panel-head h3,
body.marketing-site .cm-page--integrations .cm-int-reliability__status-head h3 {
  margin:0;
  color:var(--cm-int-ink);
  font-size:1.08rem;
  line-height:1.4;
  font-weight:900;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-flow {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.7rem;
  margin:0;
  padding:0;
  list-style:none;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-flow li {
  min-height:100%;
  padding:.9rem;
  border:1px solid rgba(148,163,184,.18);
  border-radius:15px;
  background:#fff;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-flow__top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:.65rem;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-flow__step {
  color:var(--cm-int-blue);
  font-size:.67rem;
  font-weight:950;
  letter-spacing:.07em;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-flow h4,
body.marketing-site .cm-page--integrations .cm-int-reliability-signal h4 {
  margin:0 0 .25rem;
  color:var(--cm-int-ink);
  font-size:.91rem;
  line-height:1.35;
  font-weight:900;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-flow p,
body.marketing-site .cm-page--integrations .cm-int-reliability-signal p {
  margin:0;
  color:var(--cm-int-muted);
  font-size:.82rem;
  line-height:1.48;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-signals {
  display:grid;
  gap:.65rem;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-signal {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.65rem;
  padding:.8rem;
  border:1px solid rgba(148,163,184,.16);
  border-radius:14px;
  background:#f9fbfe;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-signal__icon {
  line-height:1.35;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__principle {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.85rem;
  align-items:center;
  margin-top:1rem;
  padding:1rem 1.1rem;
  border:1px solid rgba(62,209,150,.24);
  border-radius:18px;
  background:rgba(62,209,150,.08);
}

body.marketing-site .cm-page--integrations .cm-int-reliability__principle > span {
  background:#fff;
  color:#20855f;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__principle p:first-child {
  color:#237755;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__principle h3 {
  margin:0 0 .25rem;
  color:var(--cm-int-ink);
  font-size:1.04rem;
  line-height:1.4;
  font-weight:900;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__principle div > p:last-child {
  margin:0;
  color:var(--cm-int-muted);
  line-height:1.55;
}

@media (max-width:1199px) {
  body.marketing-site .cm-page--integrations .cm-int-reliability__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.marketing-site .cm-page--integrations .cm-int-reliability-flow {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:991px) {
  body.marketing-site .cm-page--integrations .cm-int-reliability__workspace {
    grid-template-columns:1fr;
  }
}

@media (max-width:575px) {
  body.marketing-site .cm-page--integrations .cm-int-reliability {
    padding-top:3.75rem;
    padding-bottom:3.75rem;
  }
  body.marketing-site .cm-page--integrations .cm-int-reliability__grid,
  body.marketing-site .cm-page--integrations .cm-int-reliability-flow {
    grid-template-columns:1fr;
  }
  body.marketing-site .cm-page--integrations .cm-int-reliability__panel-head,
  body.marketing-site .cm-page--integrations .cm-int-reliability__status-head,
  body.marketing-site .cm-page--integrations .cm-int-reliability__principle {
    grid-template-columns:1fr;
  }
}



/* ============================================================
   RELEASE 8 — RELIABILITY & EXCEPTION HANDLING
   Page-owned refinement of Section 8 only
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-reliability__operating-model {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.95rem;
  border: 1px solid rgba(62, 121, 209, 0.16);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(62, 121, 209, 0.055), rgba(62, 209, 150, 0.045));
}

body.marketing-site .cm-page--integrations .cm-int-reliability__operating-model > i {
  color: rgba(62, 121, 209, 0.5);
  font-size: 0.76rem;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__operating-step {
  min-width: 0;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__operating-step span,
body.marketing-site .cm-page--integrations .cm-int-reliability__operating-step strong,
body.marketing-site .cm-page--integrations .cm-int-reliability__operating-step small {
  display: block;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__operating-step span {
  margin-bottom: 0.18rem;
  color: var(--cm-int-blue);
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__operating-step strong {
  margin-bottom: 0.16rem;
  color: var(--cm-int-ink);
  font-size: 0.88rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__operating-step small {
  color: var(--cm-int-muted);
  font-size: 0.74rem;
  line-height: 1.42;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__grid--release8 {
  gap: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-card--release8 {
  position: relative;
  overflow: hidden;
}

body.marketing-site .cm-page--integrations .cm-int-reliability-card--release8::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--cm-int-blue), rgba(62, 209, 150, 0.75));
}

@media (max-width: 1199px) {
  body.marketing-site .cm-page--integrations .cm-int-reliability__operating-model {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-reliability__operating-model > i {
    display: none;
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--integrations .cm-int-reliability__operating-model {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   SECTION 9 — PRACTICAL BUSINESS OUTCOMES
   Release 9 — Business-results composition
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-outcomes {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 90% 10%, rgba(62, 121, 209, 0.07), transparent 30%),
    linear-gradient(180deg, #f7faff 0%, #eef4fb 100%);
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__workspace,
body.marketing-site .cm-page--integrations .cm-int-outcomes__comparison,
body.marketing-site .cm-page--integrations .cm-int-outcomes__measure {
  padding: clamp(1.35rem, 2.8vw, 1.9rem);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--cm-int-shadow);
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__workspace {
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(62, 121, 209, 0.08), transparent 28%),
    rgba(255, 255, 255, 0.98);
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__comparison,
body.marketing-site .cm-page--integrations .cm-int-outcomes__measure {
  margin-top: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__workspace-head,
body.marketing-site .cm-page--integrations .cm-int-outcomes__comparison-head,
body.marketing-site .cm-page--integrations .cm-int-outcomes__measure-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__workspace-icon,
body.marketing-site .cm-page--integrations .cm-int-outcomes__comparison-head > span,
body.marketing-site .cm-page--integrations .cm-int-outcomes__measure-head > span,
body.marketing-site .cm-page--integrations .cm-int-outcomes__principle > span {
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__workspace-head p,
body.marketing-site .cm-page--integrations .cm-int-outcomes__comparison-head p,
body.marketing-site .cm-page--integrations .cm-int-outcomes__measure-head p,
body.marketing-site .cm-page--integrations .cm-int-outcomes__principle p:first-child {
  margin: 0 0 0.24rem;
  color: var(--cm-int-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__workspace-head h3,
body.marketing-site .cm-page--integrations .cm-int-outcomes__comparison-head h3,
body.marketing-site .cm-page--integrations .cm-int-outcomes__measure-head h3 {
  margin: 0;
  color: var(--cm-int-ink);
  font-size: 1.08rem;
  line-height: 1.4;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__signal-path {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(62, 121, 209, 0.15);
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(62, 121, 209, 0.05), rgba(62, 209, 150, 0.045));
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__signal-path > i {
  color: rgba(62, 121, 209, 0.5);
  font-size: 0.76rem;
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__signal-step span,
body.marketing-site .cm-page--integrations .cm-int-outcomes__signal-step strong,
body.marketing-site .cm-page--integrations .cm-int-outcomes__signal-step small {
  display: block;
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__signal-step span {
  margin-bottom: 0.18rem;
  color: var(--cm-int-blue);
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__signal-step strong {
  margin-bottom: 0.16rem;
  color: var(--cm-int-ink);
  font-size: 0.86rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__signal-step small {
  color: var(--cm-int-muted);
  font-size: 0.73rem;
  line-height: 1.4;
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-card {
  --cm-int-outcome-accent: var(--cm-int-blue);
  position: relative;
  min-height: 100%;
  padding: 1.2rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--cm-int-outcome-accent);
}

body.marketing-site .cm-page--integrations .cm-int-outcome-card--green { --cm-int-outcome-accent: #2cae78; }
body.marketing-site .cm-page--integrations .cm-int-outcome-card--violet { --cm-int-outcome-accent: var(--cm-int-violet); }
body.marketing-site .cm-page--integrations .cm-int-outcome-card--gold { --cm-int-outcome-accent: var(--cm-int-gold); }
body.marketing-site .cm-page--integrations .cm-int-outcome-card--rose { --cm-int-outcome-accent: var(--cm-int-rose); }

body.marketing-site .cm-page--integrations .cm-int-outcome-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.85rem;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-card__icon {
  display: inline-flex;
  width: 2.65rem;
  height: 2.65rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.08);
  font-size: 1.05rem;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-card__number {
  color: rgba(15, 23, 42, 0.24);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-card h3 {
  margin: 0 0 0.45rem;
  color: var(--cm-int-ink);
  font-size: 1.04rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-card p {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.58;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare {
  display: grid;
  gap: 0.65rem;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.75rem;
  align-items: stretch;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare__number {
  align-self: center;
  color: var(--cm-int-blue);
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare__before,
body.marketing-site .cm-page--integrations .cm-int-outcome-compare__after {
  padding: 0.9rem 1rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 15px;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare__before { background: #fbfcfe; }
body.marketing-site .cm-page--integrations .cm-int-outcome-compare__after {
  border-color: rgba(62, 209, 150, 0.20);
  background: rgba(62, 209, 150, 0.06);
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare__before > span,
body.marketing-site .cm-page--integrations .cm-int-outcome-compare__after > span {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.65rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare__before > span { color: #64748b; }
body.marketing-site .cm-page--integrations .cm-int-outcome-compare__after > span { color: #237755; }

body.marketing-site .cm-page--integrations .cm-int-outcome-compare p {
  margin: 0;
  color: #475569;
  line-height: 1.5;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__measure-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-measure {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.65rem;
  padding: 0.9rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 15px;
  background: #ffffff;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-measure__icon {
  line-height: 1.35;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-measure__number {
  display: block;
  margin-bottom: 0.18rem;
  color: var(--cm-int-blue);
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-measure h4 {
  margin: 0 0 0.22rem;
  color: var(--cm-int-ink);
  font-size: 0.92rem;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-measure p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.82rem;
  line-height: 1.48;
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__principle {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(62, 121, 209, 0.20);
  border-radius: 18px;
  background: rgba(62, 121, 209, 0.07);
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__principle > span { background: #ffffff; }

body.marketing-site .cm-page--integrations .cm-int-outcomes__principle h3 {
  margin: 0 0 0.25rem;
  color: var(--cm-int-ink);
  font-size: 1.04rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-outcomes__principle div > p:last-child {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.55;
}

@media (max-width: 1199px) {
  body.marketing-site .cm-page--integrations .cm-int-outcomes__signal-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-outcomes__signal-path > i {
    display: none;
  }
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--integrations .cm-int-outcomes__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-outcomes__measure-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--integrations .cm-int-outcomes {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-outcomes__workspace-head,
  body.marketing-site .cm-page--integrations .cm-int-outcomes__comparison-head,
  body.marketing-site .cm-page--integrations .cm-int-outcomes__measure-head,
  body.marketing-site .cm-page--integrations .cm-int-outcomes__principle {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-outcomes__grid,
  body.marketing-site .cm-page--integrations .cm-int-outcomes__measure-grid,
  body.marketing-site .cm-page--integrations .cm-int-outcomes__signal-path,
  body.marketing-site .cm-page--integrations .cm-int-outcome-compare__row {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-outcome-compare__number {
    align-self: auto;
  }

  body.marketing-site .cm-page--integrations .cm-int-outcome-compare__arrow {
    transform: rotate(90deg);
    padding: 0.15rem;
  }
}


/* ============================================================
   SECTION 10 — FAQ + INTEGRATION DECISION GUIDE
   Release 10 — Sticky decision guide + closing principle
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-faq {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 92% 5%, rgba(62, 121, 209, 0.06), transparent 28%),
    #ffffff;
}

body.marketing-site .cm-page--integrations .cm-int-faq__layout {
  display: grid;
  grid-template-columns: minmax(330px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.25rem, 3vw, 2rem);
  align-items: start;
}

body.marketing-site .cm-page--integrations .cm-int-faq__guide {
  position: sticky;
  top: 132px;
  align-self: start;
  padding: clamp(1.25rem, 2.6vw, 1.65rem);
  border: 1px solid rgba(62, 121, 209, 0.18);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(62, 121, 209, 0.09), transparent 32%),
    linear-gradient(160deg, #f9fbff 0%, #f3f8fe 100%);
  box-shadow: var(--cm-int-shadow);
}

body.marketing-site .cm-page--integrations .cm-int-faq__guide-head,
body.marketing-site .cm-page--integrations .cm-int-faq__questions-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  align-items: start;
}

body.marketing-site .cm-page--integrations .cm-int-faq__guide-head {
  margin-bottom: 0.8rem;
}

body.marketing-site .cm-page--integrations .cm-int-faq__guide-icon,
body.marketing-site .cm-page--integrations .cm-int-faq__intro-icon,
body.marketing-site .cm-page--integrations .cm-int-faq__principle-icon {
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-faq__guide-head p,
body.marketing-site .cm-page--integrations .cm-int-faq__intro-kicker,
body.marketing-site .cm-page--integrations .cm-int-faq__principle p:first-child {
  margin: 0 0 0.24rem;
  color: var(--cm-int-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-faq__guide-head h3,
body.marketing-site .cm-page--integrations .cm-int-faq__questions-head h3 {
  margin: 0;
  color: var(--cm-int-ink);
  font-size: 1.08rem;
  line-height: 1.4;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--integrations .cm-int-faq__guide-copy {
  margin: 0 0 1rem;
  color: var(--cm-int-muted);
  font-size: 0.9rem;
  line-height: 1.58;
}

body.marketing-site .cm-page--integrations .cm-int-faq__decision-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.7rem;
}

body.marketing-site .cm-page--integrations .cm-int-faq-decision-card {
  --cm-int-faq-accent: var(--cm-int-blue);
  position: relative;
  min-height: 100%;
  padding: 0.95rem;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.94);
  overflow: hidden;
}

body.marketing-site .cm-page--integrations .cm-int-faq-decision-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--cm-int-faq-accent);
}

body.marketing-site .cm-page--integrations .cm-int-faq-decision-card--green { --cm-int-faq-accent: #2cae78; }
body.marketing-site .cm-page--integrations .cm-int-faq-decision-card--violet { --cm-int-faq-accent: var(--cm-int-violet); }
body.marketing-site .cm-page--integrations .cm-int-faq-decision-card--gold { --cm-int-faq-accent: var(--cm-int-gold); }

body.marketing-site .cm-page--integrations .cm-int-faq-decision-card__top {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.55rem;
}

body.marketing-site .cm-page--integrations .cm-int-faq-decision-card__fit {
  color: var(--cm-int-faq-accent);
  font-size: 0.62rem;
  font-weight: 900;
  text-align: right;
}

body.marketing-site .cm-page--integrations .cm-int-faq-decision-card h4 {
  margin: 0 0 0.28rem;
  color: var(--cm-int-ink);
  font-size: 0.92rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-faq-decision-card p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.81rem;
  line-height: 1.48;
}

body.marketing-site .cm-page--integrations .cm-int-faq__guide-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.6rem;
  align-items: start;
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(62, 121, 209, 0.14);
}

body.marketing-site .cm-page--integrations .cm-int-faq__guide-note > span {
  display: inline-flex;
  width: 1.8rem;
  height: 1.8rem;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: rgba(62, 209, 150, 0.10);
  color: #20855f;
  font-size: 0.72rem;
}

body.marketing-site .cm-page--integrations .cm-int-faq__guide-note p {
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.82rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--integrations .cm-int-faq__guide-note strong {
  color: var(--cm-int-ink);
}

body.marketing-site .cm-page--integrations .cm-int-faq__questions {
  min-width: 0;
}

body.marketing-site .cm-page--integrations .cm-int-faq__questions-head {
  margin-bottom: 1rem;
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 18px;
  background: #f8fbff;
}

body.marketing-site .cm-page--integrations .cm-int-faq__questions-head > div > p:last-child {
  margin: 0.38rem 0 0;
  color: var(--cm-int-muted);
  font-size: 0.9rem;
  line-height: 1.58;
}

body.marketing-site .cm-page--integrations .cm-int-faq__list {
  display: grid;
  gap: 0.75rem;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item {
  --cm-int-faq-item-accent: 62, 121, 209;
  border: 1px solid rgba(var(--cm-int-faq-item-accent), 0.20);
  border-radius: 17px;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item:nth-child(2) { --cm-int-faq-item-accent: 44, 174, 120; }
body.marketing-site .cm-page--integrations .cm-int-faq-item:nth-child(3) { --cm-int-faq-item-accent: 117, 103, 216; }
body.marketing-site .cm-page--integrations .cm-int-faq-item:nth-child(4) { --cm-int-faq-item-accent: 209, 150, 62; }
body.marketing-site .cm-page--integrations .cm-int-faq-item:nth-child(5) { --cm-int-faq-item-accent: 209, 62, 121; }
body.marketing-site .cm-page--integrations .cm-int-faq-item:nth-child(6) { --cm-int-faq-item-accent: 62, 121, 209; }
body.marketing-site .cm-page--integrations .cm-int-faq-item:nth-child(7) { --cm-int-faq-item-accent: 44, 174, 120; }
body.marketing-site .cm-page--integrations .cm-int-faq-item:nth-child(8) { --cm-int-faq-item-accent: 117, 103, 216; }

body.marketing-site .cm-page--integrations .cm-int-faq-item[open] {
  border-color: rgba(var(--cm-int-faq-item-accent), 0.34);
  box-shadow: 0 15px 32px rgba(15, 23, 42, 0.09);
}

body.marketing-site .cm-page--integrations .cm-int-faq-item summary {
  display: flex;
  min-height: 4.35rem;
  gap: 0.8rem;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.05rem;
  cursor: pointer;
  list-style: none;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item summary::-webkit-details-marker {
  display: none;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item__prompt {
  display: grid;
  grid-template-columns: 2.35rem 2.1rem minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  min-width: 0;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item__icon,
body.marketing-site .cm-page--integrations .cm-int-faq-item__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item__icon {
  width: 2.35rem;
  height: 2.35rem;
  background: rgba(var(--cm-int-faq-item-accent), 0.08);
}

body.marketing-site .cm-page--integrations .cm-int-faq-item__number {
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid rgba(var(--cm-int-faq-item-accent), 0.16);
  background: rgba(var(--cm-int-faq-item-accent), 0.07);
  color: rgb(var(--cm-int-faq-item-accent));
  font-size: 0.65rem;
  font-weight: 950;
  letter-spacing: 0.07em;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item__question {
  min-width: 0;
  color: var(--cm-int-ink);
  font-size: 0.96rem;
  line-height: 1.42;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item__toggle {
  display: inline-flex;
  flex: 0 0 2.2rem;
  width: 2.2rem;
  height: 2.2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--cm-int-faq-item-accent), 0.18);
  border-radius: 999px;
  background: rgba(var(--cm-int-faq-item-accent), 0.08);
  color: rgb(var(--cm-int-faq-item-accent));
  transition: transform 180ms ease, background-color 170ms ease, color 170ms ease;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item[open] .cm-int-faq-item__number,
body.marketing-site .cm-page--integrations .cm-int-faq-item[open] .cm-int-faq-item__toggle {
  background: rgb(var(--cm-int-faq-item-accent));
  color: #ffffff;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item[open] .cm-int-faq-item__toggle {
  transform: rotate(45deg);
}

body.marketing-site .cm-page--integrations .cm-int-faq-item__answer {
  padding: 0 1.05rem 1.1rem 6.25rem;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item__answer p {
  margin: 0;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(var(--cm-int-faq-item-accent), 0.13);
  color: var(--cm-int-muted);
  font-size: 0.94rem;
  line-height: 1.68;
}

body.marketing-site .cm-page--integrations .cm-int-faq__principle {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: center;
  margin-top: 1.25rem;
  padding: 1.15rem 1.25rem;
  border: 1px solid rgba(62, 209, 150, 0.24);
  border-radius: 19px;
  background:
    radial-gradient(circle at 100% 50%, rgba(62, 209, 150, 0.10), transparent 26%),
    rgba(62, 209, 150, 0.07);
}

body.marketing-site .cm-page--integrations .cm-int-faq__principle-icon {
  background: #ffffff;
  color: #20855f;
  box-shadow: 0 8px 20px rgba(27, 94, 70, 0.08);
}

body.marketing-site .cm-page--integrations .cm-int-faq__principle p:first-child {
  color: #237755;
}

body.marketing-site .cm-page--integrations .cm-int-faq__principle h3 {
  margin: 0 0 0.25rem;
  color: var(--cm-int-ink);
  font-size: 1.04rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--integrations .cm-int-faq__principle div > p:last-child {
  margin: 0;
  color: var(--cm-int-muted);
  line-height: 1.55;
}

@media (hover: hover) {
  body.marketing-site .cm-page--integrations .cm-int-faq-item:not([open]):hover {
    border-color: rgba(var(--cm-int-faq-item-accent), 0.30);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.09);
  }
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--integrations .cm-int-faq__layout {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq__guide {
    position: static;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq__decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--integrations .cm-int-faq {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq__decision-grid,
  body.marketing-site .cm-page--integrations .cm-int-faq__guide-head,
  body.marketing-site .cm-page--integrations .cm-int-faq__questions-head,
  body.marketing-site .cm-page--integrations .cm-int-faq__principle {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item__prompt {
    grid-template-columns: 2.1rem minmax(0, 1fr);
    gap: 0.65rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item__number {
    display: none;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item__answer {
    padding-left: 1.05rem;
  }
}


/* ============================================================
   SECTION 11 — PRACTICAL FIRST CONVERSATION
   Release 11 — Page-owned lead-in; shared CTA owns final panel
   ============================================================ */

body.marketing-site .cm-page--integrations .cm-int-first-conversation {
  padding-top: clamp(4.5rem, 7vw, 6.25rem);
  padding-bottom: clamp(3.5rem, 6vw, 5rem);
  background:
    radial-gradient(circle at 90% 10%, rgba(62, 209, 150, 0.07), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__panel {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: stretch;
  padding: clamp(1.6rem, 3.5vw, 2.35rem);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(62, 121, 209, 0.08), transparent 30%),
    rgba(255, 255, 255, 0.98);
  box-shadow: var(--cm-int-shadow);
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__copy {
  min-width: 0;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__badge {
  display: inline-flex;
  gap: 0.55rem;
  align-items: center;
  margin-bottom: 0.85rem;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__badge > span {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__badge p {
  margin: 0;
  color: var(--cm-int-blue);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__copy h2 {
  max-width: 760px;
  margin: 0 0 0.75rem;
  color: var(--cm-int-ink);
  font-size: clamp(1.8rem, 3.2vw, 2.65rem);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__text {
  max-width: 780px;
  margin: 0;
  color: var(--cm-int-muted);
  font-size: 0.98rem;
  line-height: 1.67;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__reassurance {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.1rem;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__reassurance span {
  display: inline-flex;
  gap: 0.45rem;
  align-items: center;
  min-height: 34px;
  padding: 0.5rem 0.72rem;
  border: 1px solid rgba(62, 209, 150, 0.19);
  border-radius: 999px;
  background: rgba(62, 209, 150, 0.07);
  color: #3f6656;
  font-size: 0.78rem;
  font-weight: 800;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__reassurance i {
  color: #20855f;
  font-size: 0.72rem;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__steps {
  padding: 1.2rem;
  border: 1px solid rgba(62, 121, 209, 0.16);
  border-radius: 20px;
  background: #f8fbff;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__steps-label {
  margin: 0 0 0.8rem;
  color: var(--cm-int-blue);
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation-step {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 0.65rem;
  align-items: start;
  padding: 0.85rem 0;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation-step + .cm-int-first-conversation-step {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation-step__number {
  color: var(--cm-int-blue);
  font-size: 0.63rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  line-height: 2rem;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation-step__icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(62, 121, 209, 0.08);
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation-step p {
  margin: 0;
  color: #334155;
  font-size: 0.86rem;
  line-height: 1.5;
  font-weight: 700;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__handoff {
  display: flex;
  gap: 0.65rem;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  color: #64748b;
  text-align: center;
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__handoff > span {
  color: var(--cm-int-blue);
}

body.marketing-site .cm-page--integrations .cm-int-first-conversation__handoff p {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.5;
  font-weight: 750;
}

/* Shared CTA anchor only.
   No geometry, width, spacing, typography, or button overrides. */
body.marketing-site .cm-int-bottom-cta {
  scroll-margin-top: 110px;
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--integrations .cm-int-first-conversation__panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--integrations .cm-int-first-conversation {
    padding-top: 3.75rem;
    padding-bottom: 3.25rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation__panel {
    padding: 1.25rem;
    border-radius: 21px;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation-step {
    grid-template-columns: auto 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation-step__number {
    display: none;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation__reassurance span {
    width: 100%;
    justify-content: flex-start;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation__handoff {
    align-items: flex-start;
    text-align: left;
  }
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1199px) {
  body.marketing-site .cm-page--integrations .cm-int-flow__journey {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-flow-card::after {
    display: none !important;
  }
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--integrations .cm-int-fragmentation__grid,
  body.marketing-site .cm-page--integrations .cm-int-foundation__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-foundation__intro {
    grid-template-columns: 1fr;
    align-items: start;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--integrations .cm-int-fragmentation,
  body.marketing-site .cm-page--integrations .cm-int-foundation,
  body.marketing-site .cm-page--integrations .cm-int-flow {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-fragmentation__grid,
  body.marketing-site .cm-page--integrations .cm-int-foundation__grid,
  body.marketing-site .cm-page--integrations .cm-int-flow__journey {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-foundation__principle,
  body.marketing-site .cm-page--integrations .cm-int-flow__outcome {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-fragmentation-card,
  body.marketing-site .cm-page--integrations .cm-int-foundation-card,
  body.marketing-site .cm-page--integrations .cm-int-flow-card {
    border-radius: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.marketing-site .cm-page--integrations * {
    scroll-behavior: auto !important;
  }
}


/* ============================================================
   CHANGE SET 11 — FINAL PAGE-WIDE POLISH
   Updated: 2026-08-08 11:58 PT

   Scope:
   - Integrations page only.
   - No new sections.
   - No shared/global component overrides.
   - Refines rhythm, hierarchy, dense technical sections,
     reliability, outcomes, FAQ, CTA, and responsive behavior.
   ============================================================ */

/* ---------- Consistent card hierarchy ---------- */
body.marketing-site .cm-page--integrations :is(
  .cm-int-fragmentation-card,
  .cm-int-foundation-card,
  .cm-int-flow-card,
  .cm-int-system-card,
  .cm-int-rule-card,
  .cm-int-business-card,
  .cm-int-finance-card,
  .cm-int-connection-card,
  .cm-int-reliability-card,
  .cm-int-outcome-card,
  .cm-int-faq-decision-card
) {
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

@media (hover:hover) and (pointer:fine) {
  body.marketing-site .cm-page--integrations :is(
    .cm-int-fragmentation-card,
    .cm-int-foundation-card,
    .cm-int-flow-card,
    .cm-int-system-card,
    .cm-int-rule-card,
    .cm-int-business-card,
    .cm-int-finance-card,
    .cm-int-connection-card,
    .cm-int-reliability-card,
    .cm-int-outcome-card,
    .cm-int-faq-decision-card
  ):hover {
    transform: translateY(-3px);
    border-color: rgba(62,121,209,.24);
    box-shadow: 0 18px 38px rgba(15,23,42,.10);
  }
}

body.marketing-site .cm-page--integrations :is(
  .cm-int-fragmentation-card h3,
  .cm-int-foundation-card h3,
  .cm-int-flow-card h3,
  .cm-int-business-card h3,
  .cm-int-finance-card h3,
  .cm-int-connection-card h3,
  .cm-int-reliability-card h3,
  .cm-int-outcome-card h3
) {
  text-wrap: balance;
}

/* ---------- Technical sections: improve scanability ---------- */
body.marketing-site .cm-page--integrations :is(
  .cm-int-system-record__rules,
  .cm-int-business-systems__handoffs,
  .cm-int-finance-ops__flow,
  .cm-int-finance-ops__guardrails,
  .cm-int-connection-methods__decision,
  .cm-int-connection-methods__path,
  .cm-int-reliability__flow-panel,
  .cm-int-reliability__status-panel,
  .cm-int-outcomes__comparison,
  .cm-int-outcomes__measure
) {
  border-color: rgba(148,163,184,.20);
  box-shadow: 0 16px 36px rgba(15,23,42,.08);
}

/* ---------- System-of-record section ---------- */
body.marketing-site .cm-page--integrations .cm-int-system-record__workspace {
  gap: 1.15rem;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__principle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.marketing-site .cm-page--integrations .cm-int-system-record__rules-grid {
  gap: .85rem;
}

/* ---------- Business handoff table ---------- */
body.marketing-site .cm-page--integrations .cm-int-handoff-row:nth-child(even):not(.cm-int-handoff-row--head) {
  background: #fbfdff;
}

body.marketing-site .cm-page--integrations .cm-int-handoff-row > * {
  padding-top: .95rem;
  padding-bottom: .95rem;
}

/* ---------- Connection methods ---------- */
body.marketing-site .cm-page--integrations .cm-int-connection-methods__grid {
  gap: 1rem;
}

body.marketing-site .cm-page--integrations .cm-int-connection-card__best {
  padding-top: 1.1rem;
}

body.marketing-site .cm-page--integrations .cm-int-connection-methods__path {
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,250,255,.98));
}

/* ---------- Reliability: stronger workspace separation ---------- */
body.marketing-site .cm-page--integrations .cm-int-reliability__workspace {
  gap: 1.15rem;
  margin-top: 1.15rem;
}

body.marketing-site .cm-page--integrations .cm-int-reliability__flow-panel {
  background:
    linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

body.marketing-site .cm-page--integrations .cm-int-reliability__status-panel {
  background:
    linear-gradient(160deg, #fbfffd 0%, #f1fbf7 100%);
  border-color: rgba(62,209,150,.22);
}

body.marketing-site .cm-page--integrations .cm-int-reliability-signal {
  background: rgba(255,255,255,.78);
}

body.marketing-site .cm-page--integrations .cm-int-reliability__principle {
  margin-top: 1.15rem;
}

/* ---------- Outcomes: make Before → Connected the focal point ---------- */
body.marketing-site .cm-page--integrations .cm-int-outcomes__comparison {
  margin-top: 1.25rem;
  border-color: rgba(62,121,209,.22);
  background:
    linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare {
  gap: .8rem;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare__before,
body.marketing-site .cm-page--integrations .cm-int-outcome-compare__after {
  min-height: 100%;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare__before {
  background: #f8fafc;
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare__after {
  border-color: rgba(62,209,150,.28);
  background: rgba(62,209,150,.08);
}

body.marketing-site .cm-page--integrations .cm-int-outcome-compare__arrow {
  min-width: 2.25rem;
  font-size: 1rem;
}

/* ---------- FAQ consistency ---------- */
body.marketing-site .cm-page--integrations .cm-int-faq__decision {
  margin-bottom: clamp(2rem,4vw,2.8rem);
}

body.marketing-site .cm-page--integrations .cm-int-faq__layout {
  gap: clamp(1.2rem,3vw,1.8rem);
}

body.marketing-site .cm-page--integrations .cm-int-faq-item summary {
  min-height: 4.4rem;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item[open] summary {
  background: rgba(62,121,209,.025);
}

body.marketing-site .cm-page--integrations .cm-int-faq-item__question {
  color: #142033;
}

body.marketing-site .cm-page--integrations .cm-int-faq-item__answer p {
  color: #4b5a6d;
}

/* ---------- Scroll cues ---------- */
body.marketing-site .cm-page--integrations .cm-int-scroll {
  margin-top: clamp(2.2rem,4vw,3rem);
}

/* ---------- Anchor offset ---------- */
body.marketing-site .cm-page--integrations :is(
  #integrations-fragmentation,
  #integrations-foundation,
  #integrations-flow,
  #integrations-system-record,
  #integrations-business-systems,
  #integrations-finance-ops,
  #integrations-connection-methods,
  #integrations-reliability,
  #integrations-outcomes,
  #integrations-faq,
  #integrations-first-conversation
) {
  scroll-margin-top: 118px;
}

/* ---------- Overflow protection ---------- */
body.marketing-site .cm-page--integrations :is(
  .cm-int-fragmentation-card,
  .cm-int-foundation-card,
  .cm-int-flow-card,
  .cm-int-system-card,
  .cm-int-rule-card,
  .cm-int-business-card,
  .cm-int-finance-card,
  .cm-int-connection-card,
  .cm-int-reliability-card,
  .cm-int-outcome-card,
  .cm-int-faq-item
) {
  min-width: 0;
}

body.marketing-site .cm-page--integrations :is(
  .cm-int-fragmentation-card,
  .cm-int-foundation-card,
  .cm-int-flow-card,
  .cm-int-system-card,
  .cm-int-rule-card,
  .cm-int-business-card,
  .cm-int-finance-card,
  .cm-int-connection-card,
  .cm-int-reliability-card,
  .cm-int-outcome-card,
  .cm-int-faq-item
) :is(h3,h4,p,span,strong) {
  overflow-wrap: anywhere;
}

/* ============================================================
   RELEASE 13 — TABLET + MOBILE RESPONSIVE QA
   Replaces the prior page-wide responsive refinement block
   ============================================================ */

/* ---------- Tablet / small desktop ---------- */
@media (max-width: 1199px) {
  body.marketing-site .cm-page--integrations .cm-int-section-head {
    margin-bottom: 1.85rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-scroll {
    margin-top: 2rem;
  }

  /* Keep multi-step paths readable without horizontal compression. */
  body.marketing-site .cm-page--integrations :is(
    .cm-int-business-systems__path,
    .cm-int-finance-ops__authority-path,
    .cm-int-connection-methods__priority-path,
    .cm-int-outcomes__signal-path,
    .cm-int-reliability__operating-model
  ) {
    row-gap: 0.8rem;
  }

  /* Prevent desktop QA min-heights from creating excess space below 1200px. */
  body.marketing-site .cm-page--integrations :is(
    .cm-int-fragmentation-card,
    .cm-int-foundation-card,
    .cm-int-flow-card,
    .cm-int-system-card,
    .cm-int-rule-card,
    .cm-int-business-card,
    .cm-int-finance-card,
    .cm-int-finance-flow__step,
    .cm-int-finance-guardrail,
    .cm-int-connection-card,
    .cm-int-connection-factor,
    .cm-int-connection-path li,
    .cm-int-reliability-card,
    .cm-int-reliability-flow li,
    .cm-int-outcome-card,
    .cm-int-outcome-measure
  ) {
    min-height: 0;
  }
}

/* ---------- Tablet ---------- */
@media (max-width: 991px) {
  body.marketing-site .cm-page--integrations .cm-int-section-head {
    margin-bottom: 1.7rem;
  }

  /* Foundation */
  body.marketing-site .cm-page--integrations .cm-int-foundation__intro {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  body.marketing-site .cm-page--integrations .cm-int-foundation__principle {
    min-height: 0;
  }

  /* Connected journey */
  body.marketing-site .cm-page--integrations .cm-int-flow__journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-flow-card:not(:last-child)::after {
    display: none;
  }

  /* System-of-record */
  body.marketing-site .cm-page--integrations .cm-int-system-record__workspace {
    gap: 1rem;
  }

  /* Business handoff table: convert rows into labeled cards cleanly. */
  body.marketing-site .cm-page--integrations .cm-int-handoff-table {
    border: 0;
    border-radius: 0;
    overflow: visible;
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    margin-bottom: 0.8rem;
    padding: 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 15px;
    background: #ffffff;
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row + .cm-int-handoff-row {
    border-top: 1px solid rgba(148, 163, 184, 0.18);
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row > * {
    position: relative;
    min-height: 72px;
    padding: 1.45rem 0.8rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-radius: 12px;
    background: #fbfdff;
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row > *::before {
    content: attr(data-label);
    position: absolute;
    top: 0.45rem;
    left: 0.8rem;
    color: var(--cm-int-blue);
    font-size: 0.58rem;
    font-weight: 950;
    letter-spacing: 0.07em;
    text-transform: uppercase;
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row > * + * {
    border-left: 1px solid rgba(148, 163, 184, 0.13);
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row--head {
    display: none;
  }

  /* Reliability */
  body.marketing-site .cm-page--integrations .cm-int-reliability__workspace {
    grid-template-columns: 1fr;
  }

  /* FAQ: sticky guide becomes normal document flow. */
  body.marketing-site .cm-page--integrations .cm-int-faq__layout {
    grid-template-columns: 1fr;
    gap: 1.4rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq__guide {
    position: static;
    top: auto;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq__decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item summary {
    min-height: 0;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item__answer {
    padding-left: 5.6rem;
  }

  /* First conversation */
  body.marketing-site .cm-page--integrations .cm-int-first-conversation__panel {
    grid-template-columns: 1fr;
    gap: 1.3rem;
  }
}

/* ---------- Large phones / narrow tablets ---------- */
@media (max-width: 767px) {
  body.marketing-site .cm-page--integrations :is(
    #integrations-fragmentation,
    #integrations-foundation,
    #integrations-flow,
    #integrations-system-record,
    #integrations-business-systems,
    #integrations-finance-ops,
    #integrations-connection-methods,
    #integrations-reliability,
    #integrations-outcomes,
    #integrations-faq,
    #integrations-first-conversation
  ) {
    scroll-margin-top: 92px;
  }

  body.marketing-site .cm-page--integrations .cm-int-section-head {
    max-width: none;
  }

  /* Two-up content becomes one-up before phone width when copy is dense. */
  body.marketing-site .cm-page--integrations :is(
    .cm-int-fragmentation__grid,
    .cm-int-foundation__grid,
    .cm-int-system-record__grid,
    .cm-int-business-systems__grid,
    .cm-int-finance-ops__grid,
    .cm-int-connection-methods__decision-grid,
    .cm-int-reliability__grid,
    .cm-int-outcomes__grid,
    .cm-int-outcomes__measure-grid
  ) {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__journey {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__rules-grid,
  body.marketing-site .cm-page--integrations .cm-int-finance-ops__guardrails-grid,
  body.marketing-site .cm-page--integrations .cm-int-connection-path {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-handoff-row {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-outcome-compare__row {
    grid-template-columns: 1fr;
    gap: 0.45rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-outcome-compare__number {
    align-self: auto;
  }

  body.marketing-site .cm-page--integrations .cm-int-outcome-compare__arrow {
    min-width: 0;
    padding: 0.1rem 0;
    transform: rotate(90deg);
  }

  body.marketing-site .cm-page--integrations .cm-int-faq__decision-grid {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item__answer {
    padding-left: 1.05rem;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 575px) {
  body.marketing-site .cm-page--integrations .cm-int-section-head {
    margin-bottom: 1.4rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-section-head .cm-section-title {
    text-wrap: pretty;
  }

  body.marketing-site .cm-page--integrations .cm-int-section-head .cm-section-subtitle {
    max-width: none;
    font-size: 0.94rem;
    line-height: 1.58;
  }

  /* Normalize page-owned section padding. */
  body.marketing-site .cm-page--integrations :is(
    .cm-int-fragmentation,
    .cm-int-foundation,
    .cm-int-flow,
    .cm-int-system-record,
    .cm-int-business-systems,
    .cm-int-finance-ops,
    .cm-int-connection-methods,
    .cm-int-reliability,
    .cm-int-outcomes,
    .cm-int-faq
  ) {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  /* Workspace shells need less inset on phones. */
  body.marketing-site .cm-page--integrations :is(
    .cm-int-fragmentation__workspace,
    .cm-int-flow__workspace,
    .cm-int-system-record__map,
    .cm-int-system-record__rules,
    .cm-int-business-systems__workspace,
    .cm-int-business-systems__handoffs,
    .cm-int-finance-ops__workspace,
    .cm-int-finance-ops__flow,
    .cm-int-finance-ops__guardrails,
    .cm-int-connection-methods__workspace,
    .cm-int-connection-methods__decision,
    .cm-int-connection-methods__path,
    .cm-int-reliability__flow-panel,
    .cm-int-reliability__status-panel,
    .cm-int-outcomes__workspace,
    .cm-int-outcomes__comparison,
    .cm-int-outcomes__measure,
    .cm-int-faq__guide,
    .cm-int-faq__questions-head
  ) {
    padding: 1.1rem;
    border-radius: 18px;
  }

  /* Flow/decision paths */
  body.marketing-site .cm-page--integrations :is(
    .cm-int-system-record__ownership-path,
    .cm-int-business-systems__path,
    .cm-int-finance-ops__authority-path,
    .cm-int-connection-methods__priority-path,
    .cm-int-outcomes__signal-path,
    .cm-int-reliability__operating-model
  ) {
    grid-template-columns: 1fr;
    padding: 0.85rem;
  }

  body.marketing-site .cm-page--integrations :is(
    .cm-int-system-record__ownership-path,
    .cm-int-business-systems__path,
    .cm-int-finance-ops__authority-path,
    .cm-int-connection-methods__priority-path,
    .cm-int-outcomes__signal-path,
    .cm-int-reliability__operating-model
  ) > i {
    display: none;
  }

  /* FAQ compact phone composition. */
  body.marketing-site .cm-page--integrations .cm-int-faq__guide-head,
  body.marketing-site .cm-page--integrations .cm-int-faq__questions-head,
  body.marketing-site .cm-page--integrations .cm-int-faq__principle {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item summary {
    gap: 0.6rem;
    padding: 0.9rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item__prompt {
    grid-template-columns: 2.1rem minmax(0, 1fr);
    gap: 0.6rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item__number {
    display: none;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item__question {
    font-size: 0.93rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item__answer {
    padding: 0 0.9rem 0.95rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-faq-item__answer p {
    font-size: 0.91rem;
    line-height: 1.62;
  }

  /* First conversation */
  body.marketing-site .cm-page--integrations .cm-int-first-conversation {
    padding-top: 3.75rem;
    padding-bottom: 3.25rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation__panel {
    padding: 1.2rem;
    border-radius: 20px;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation__copy h2 {
    font-size: clamp(1.7rem, 9vw, 2.15rem);
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation-step {
    grid-template-columns: auto 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation-step__number {
    display: none;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation__reassurance {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation__reassurance span {
    width: 100%;
    justify-content: flex-start;
  }

  body.marketing-site .cm-page--integrations .cm-int-first-conversation__handoff {
    align-items: flex-start;
    text-align: left;
  }
}


/* Release 13.1 — FAQ Principle icon visibility */
body.marketing-site .cm-page--integrations .cm-int-faq__principle-icon i {
  color: #20855f;
  opacity: 1;
  visibility: visible;
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce) {
  body.marketing-site .cm-page--integrations *,
  body.marketing-site .cm-page--integrations *::before,
  body.marketing-site .cm-page--integrations *::after {
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
}

/* ============================================================
   RELEASE 13.3 — TWO ISOLATED MOBILE CORRECTIONS
   Source: restored Release 13.1
   Mobile only. No desktop/tablet rules modified or removed.
   ============================================================ */
@media (max-width: 575px) {

  /* ----------------------------------------------------------
     FIX 1 — System Ownership Map number badges
     Keep each repeated step as an independent row and prevent
     the generic descendant span rule from changing badge display.
     ---------------------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-path {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-step {
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    width: 100%;
    min-width: 0;
  }

  body.marketing-site .cm-page--integrations
  .cm-int-system-record__ownership-step
  > .cm-int-system-record__ownership-number {
    display: inline-flex;
    width: 2.2rem;
    min-width: 2.2rem;
    max-width: 2.2rem;
    height: 2.2rem;
    min-height: 2.2rem;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    align-self: start;
    border-radius: 10px;
    line-height: 1;
    text-align: center;
  }

  body.marketing-site .cm-page--integrations .cm-int-system-record__ownership-step > div {
    min-width: 0;
  }

  /* ----------------------------------------------------------
     FIX 2 — Connected Transaction Path mobile header
     Reset the desktop flex header at the parent level.
     Title occupies its own full-width row; phase pills stack below.
     ---------------------------------------------------------- */
  body.marketing-site .cm-page--integrations .cm-int-flow__workspace-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    width: 100%;
    align-items: start;
    justify-content: stretch;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__workspace-title {
    display: grid;
    grid-template-columns: 2.9rem minmax(0, 1fr);
    gap: 0.8rem;
    width: 100%;
    min-width: 0;
    align-items: start;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__workspace-title > div {
    width: 100%;
    min-width: 0;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__workspace-title h3 {
    width: 100%;
    max-width: none;
    margin: 0;
    font-size: 1.12rem;
    line-height: 1.28;
    text-wrap: pretty;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__phase-key {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    width: 100%;
    max-width: none;
    margin: 0;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__phase-key span {
    display: flex;
    width: 100%;
    min-width: 0;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    padding: 0.62rem 0.8rem;
    white-space: normal;
  }

  body.marketing-site .cm-page--integrations .cm-int-flow__phase-key strong,
  body.marketing-site .cm-page--integrations .cm-int-flow__phase-key small {
    display: block;
    min-width: 0;
  }
}

/* ============================================================
   RELEASE 14 — ACCESSIBILITY / FREEZE PREP
   Page-owned interactive focus treatment only.
   No visual/layout/shared-contract changes.
   ============================================================ */

/* Native FAQ <summary> is keyboard-focusable.
   Give it an explicit high-visibility focus treatment without
   changing mouse/touch appearance. */
body.marketing-site .cm-page--integrations .cm-int-faq-item > summary:focus-visible {
  position: relative;
  z-index: 1;
  outline: 3px solid rgba(62, 121, 209, 0.72);
  outline-offset: 3px;
  border-radius: 14px;
}

/* Preserve a visible focus indicator in Windows/high-contrast modes. */
@media (forced-colors: active) {
  body.marketing-site .cm-page--integrations .cm-int-faq-item > summary:focus-visible {
    outline: 3px solid Highlight;
    outline-offset: 3px;
  }
}

/* ============================================================
   RELEASE 14.1 — SYSTEM OWNERSHIP NUMBER ALIGNMENT
   Updated: 2026-08-13 05:28 AM PT

   Scope:
   - Integrations System Ownership Map only.
   - Desktop + tablet only (576px and wider).
   - Centers 01 / 02 / 03 vertically and horizontally inside
     their existing white number badges.
   - Phone behavior at 575px and below remains untouched.
   - No geometry, spacing, card, shared-component, or global changes.
   ============================================================ */
@media (min-width: 576px) {
  body.marketing-site .cm-page--integrations
  .cm-int-system-record__ownership-step
  > .cm-int-system-record__ownership-number {
    display: inline-flex;
    width: 2.15rem;
    min-width: 2.15rem;
    height: 2.15rem;
    min-height: 2.15rem;
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: center;
    align-self: center;
    line-height: 1;
    text-align: center;
  }
}