/* =========================================================
   CROSSMERG SALES & ONBOARDING DESTINATION PAGE
   File: assets/themes/crossmerg/custom/css/sales-onboarding.css
   Updated: 2026-08-20 10:35 AM PT

   RELEASE 9 — ACCESSIBILITY / FOCUS / FREEZE PREPARATION

   Scope:
   - Page-scoped Sales & Onboarding CSS only.
   - Removes verified CSS for markup not rendered by current PHP.
   - Removes conflicting desktop width ownership.
   - Preserves current rendered layout and FAQ behavior.
   - No shared/global contract changes.
   ========================================================= */


/* =========================================================
   RELEASE 1.2 — PAGE CONTRACT RECONCILIATION
   Updated: 2026-08-18 06:20 PT

   Change:
   - Reconciles the FAQ CSS with the current supported PHP markup.
   - Removes the stale three-child FAQ grid assumption that caused
     question text to collapse into a 2.65rem column on desktop.
   - Restores normal question width, toggle placement, answer spacing,
     open-state treatment, and mobile behavior.
   - No shared FAQ, loader, Bootstrap, hero, CTA, footer, JavaScript,
     route, controller, or marketing-shell contract changes.
   ========================================================= */

body.marketing-site .cm-page--sales-onboarding{
  overflow-x:clip;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-section-head{
  max-width:850px;
  margin-bottom:clamp(1.75rem,4vw,3rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-section-head.cm-heading-center{
  margin-left:auto;
  margin-right:auto;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-section-head .cm-section-title{
  margin-top:0;
  margin-bottom:.75rem;
  font-size:clamp(2rem,4vw,3.35rem);
  line-height:1.04;
  letter-spacing:-.038em;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-section-head .cm-section-subtitle{
  max-width:760px;
  margin-bottom:0;
  font-size:clamp(1rem,1.5vw,1.1rem);
  line-height:1.7;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-scroll{
  margin-top:clamp(1.5rem,3vw,2.25rem);
}

/* =========================================================
   HERO — Shared Marketing Hero Standard Restored
   Updated: 2026-07-29 06:49 PT

   Change:
   - Removes Sales & Onboarding-specific width, margin, rotation,
     framing, and breakpoint overrides.
   - Returns all hero sizing and positioning ownership to the
     frozen shared marketing-hero.css contract.
   - Keeps only image-fit guidance for this page-specific artwork.

   Scope:
   - .cm-page-hero--sales-onboarding image rendering only.
   - No shared hero partial, marketing-hero.css, loader, Bootstrap,
     controller, route, lower-page section, or global CSS changes.
   ========================================================= */

body.marketing-site .cm-page-hero--sales-onboarding .cm-marketing-hero__image{
  object-fit:contain;
  object-position:center;
}

/* =========================================================
   HERO — Desktop CRM Status Cards
   Updated: 2026-08-18 06:38 PT — Release 1.3 FAQ Standard Alignment

   Change:
   - Adds subtle status cards around the existing laptop screenshot.
   - Uses the frozen shared hero dimensions and media positioning.
   - Hides the enhancement below 1200px to protect tablet and phone.

   Scope:
   - .cm-page-hero--sales-onboarding only.
   ========================================================= */

@media (min-width:1200px){
  body.marketing-site .cm-page-hero--sales-onboarding .cm-marketing-hero__mediaWrap{
    position:relative;
    overflow:visible;
    isolation:isolate;
  }
}


/* =========================================================
   PROBLEMS — Business Impact Cards
   Updated: 2026-07-29 07:17 PT

   Change:
   - Preserves the six approved pain points.
   - Adds numbered card markers and concise business-impact lines.
   - Improves scanning and equal-height card rhythm.
   - Keeps all selectors page scoped.

   Scope:
   - #sales-onboarding-problems only.
   - No shared cards, hero, loader, Bootstrap, route, controller,
     FAQ, or global marketing changes.
   ========================================================= */

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-problems{
  padding-top:clamp(4rem,7vw,6.5rem);
  padding-bottom:clamp(3.5rem,6vw,5.5rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-problems__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:1.3rem;
  border:1px solid rgba(148,163,184,.24);
  border-radius:20px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card__topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card__icon,
body.marketing-site .cm-page--sales-onboarding .cm-so-included-card__icon{
  display:inline-flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(62,121,209,.11);
  box-shadow:inset 0 0 0 1px rgba(62,121,209,.10);
  font-size:1.2rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card__number{
  color:rgba(62,121,209,.58);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card__body{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-width:0;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card h3,
body.marketing-site .cm-page--sales-onboarding .cm-so-included-card h3,
body.marketing-site .cm-page--sales-onboarding .cm-so-result-card h3{
  margin:0 0 .4rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.05rem;
  line-height:1.24;
  font-weight:850;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card .cm-so-problem-card__impact{
  margin-top:auto;
  padding-top:1rem;
  color:rgba(15,23,42,.76);
  font-size:.84rem;
  font-weight:750;
  line-height:1.45;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card__impact span{
  display:block;
  margin-bottom:.3rem;
  color:var(--cm-brand,#3e79d1);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

/* =========================================================
   WORKFLOW — Connected Stage Cards
   Updated: 2026-07-29 07:28 PT

   Change:
   - Preserves the existing six cards, wording, grid, and spacing.
   - Strengthens the numbered stage badge and icon hierarchy.
   - Adds restrained stage-specific accent colors.
   - Adds subtle desktop arrows to clarify the journey direction.
   - Keeps tablet and phone layouts clean and unchanged structurally.

   Scope:
   - #sales-onboarding-workflow only.
   - CSS-only and page scoped.
   - No PHP, hero, shared component, loader, Bootstrap, route,
     controller, FAQ, or global marketing changes.
   ========================================================= */

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-workflow{
  position:relative;
  padding-top:clamp(4rem,7vw,6.5rem);
  padding-bottom:clamp(3.5rem,6vw,5.5rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow__grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.4rem;
  margin:0;
  padding:0;
  list-style:none;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow__grid::before{
  content:"";
  position:absolute;
  top:3.1rem;
  left:7%;
  right:7%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(62,121,209,.58),
    rgba(62,209,150,.60),
    rgba(209,150,62,.60),
    rgba(209,62,121,.54)
  );
  z-index:0;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:1.55rem;
  border:1px solid rgba(148,163,184,.24);
  border-top:4px solid rgba(62,121,209,.62);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 42px rgba(15,23,42,.10);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(2){
  border-top-color:rgba(128,90,213,.62);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(3){
  border-top-color:rgba(209,150,62,.72);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(4){
  border-top-color:rgba(62,209,150,.72);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(5){
  border-top-color:rgba(62,121,209,.72);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(6){
  border-top-color:rgba(209,62,121,.60);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:2.75rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card__step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.25rem;
  min-height:2.25rem;
  padding:.35rem .55rem;
  border:1px solid rgba(62,121,209,.22);
  border-radius:999px;
  background:rgba(62,121,209,.09);
  color:var(--cm-brand,#3e79d1);
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.08em;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(2) .cm-so-workflow-card__step{
  border-color:rgba(128,90,213,.22);
  background:rgba(128,90,213,.09);
  color:#805ad5;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(3) .cm-so-workflow-card__step{
  border-color:rgba(209,150,62,.24);
  background:rgba(209,150,62,.10);
  color:#9a651f;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(4) .cm-so-workflow-card__step{
  border-color:rgba(62,209,150,.24);
  background:rgba(62,209,150,.10);
  color:#22875e;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(6) .cm-so-workflow-card__step{
  border-color:rgba(209,62,121,.22);
  background:rgba(209,62,121,.08);
  color:#a92f64;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card__icon{
  display:inline-flex;
  width:3.25rem;
  height:3.25rem;
  flex:0 0 3.25rem;
  align-items:center;
  justify-content:center;
  border:5px solid rgba(255,255,255,.96);
  border-radius:999px;
  background:rgba(62,121,209,.10);
  box-shadow:
    0 0 0 1px rgba(62,121,209,.18),
    0 14px 28px rgba(15,23,42,.12);
  font-size:1.25rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(2) .cm-so-workflow-card__icon{
  background:rgba(128,90,213,.10);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(3) .cm-so-workflow-card__icon{
  background:rgba(209,150,62,.11);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(4) .cm-so-workflow-card__icon{
  background:rgba(62,209,150,.11);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:nth-child(6) .cm-so-workflow-card__icon{
  background:rgba(209,62,121,.09);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card h3{
  margin:0 0 .5rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.22rem;
  line-height:1.22;
  font-weight:850;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card p{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.97rem;
  line-height:1.64;
}

@media (min-width:992px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:not(:nth-child(3)):not(:nth-child(6))::after{
    content:"→";
    position:absolute;
    top:50%;
    right:-1.05rem;
    z-index:3;
    display:inline-flex;
    width:1.8rem;
    height:1.8rem;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%);
    border:1px solid rgba(62,121,209,.20);
    border-radius:999px;
    background:#fff;
    color:var(--cm-brand,#3e79d1);
    box-shadow:0 8px 18px rgba(15,23,42,.10);
    font-size:.85rem;
    font-weight:900;
    pointer-events:none;
  }
}

@media (max-width:991px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow__grid::before{
    display:none;
  }
}

/* =========================================================
   INCLUDED — Practical Solution Cards
   Updated: 2026-07-29 07:36 PT

   Change:
   - Preserves the approved 5 × 2 desktop grid and existing icons.
   - Tightens each description around customer value.
   - Adds a compact result strip to each card.
   - Maintains equal-height card behavior and current responsive grid.

   Scope:
   - #sales-onboarding-included only.
   - No shared cards, hero, workflow, loader, Bootstrap, route,
     controller, FAQ, or global marketing changes.
   ========================================================= */

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-included{
  padding-top:clamp(4rem,7vw,6.5rem);
  padding-bottom:clamp(3.5rem,6vw,5.5rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  column-gap:1rem;
  row-gap:1.75rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:1.2rem;
  border:1px solid rgba(255,255,255,.58);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 36px rgba(15,23,42,.09);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included-card__icon{
  margin-bottom:.9rem;
}

/* =========================================================
   DAY — Before / After Process Comparison
   Updated: 2026-07-29 07:58 PT

   Change:
   - Preserves the approved two-card comparison and six points.
   - Adds numbered rows and short workflow labels.
   - Strengthens the visual CrossMerg bridge between states.
   - Keeps all behavior and responsive structure page scoped.

   Scope:
   - #sales-onboarding-day only.
   - No hero, workflow, practical-tools grid, FAQ, loader,
     Bootstrap, route, controller, or global marketing changes.
   ========================================================= */

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-day{
  padding-top:clamp(4rem,7vw,6.5rem);
  padding-bottom:clamp(3.5rem,6vw,5.5rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:1.5rem;
  align-items:center;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card{
  min-height:100%;
  padding:clamp(1.5rem,3vw,2.15rem);
  border:1px solid rgba(148,163,184,.24);
  border-radius:24px;
  background:#fff;
  box-shadow:0 22px 52px rgba(15,23,42,.11);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card--before{
  border-top:5px solid rgba(209,62,121,.72);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card--after{
  border-top:5px solid rgba(62,209,150,.86);
  background:linear-gradient(145deg,rgba(62,209,150,.08),#fff 45%);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card__head{
  display:grid;
  grid-template-columns:3.4rem minmax(0,1fr);
  gap:1rem;
  align-items:center;
  margin-bottom:1.35rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card__head > span{
  display:inline-flex;
  width:3.4rem;
  height:3.4rem;
  align-items:center;
  justify-content:center;
  border-radius:17px;
  background:rgba(62,121,209,.10);
  font-size:1.4rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card__head p{
  margin:0 0 .25rem;
  color:var(--cm-brand,#3e79d1);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card__head h3{
  margin:0;
  color:var(--cm-ink,#0f172a);
  font-size:1.45rem;
  line-height:1.15;
  font-weight:850;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day__bridge{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.5rem;
  min-width:7rem;
  color:var(--cm-brand,#3e79d1);
  text-align:center;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day__bridge span{
  padding:.42rem .72rem;
  border-radius:999px;
  background:rgba(62,121,209,.11);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day__bridge strong{
  font-size:2rem;
  line-height:1;
}

@media (max-width:991px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-day__bridge{
    min-width:0;
  }
}

/* =========================================================
   RESULTS — Operational Outcome Cards
   Updated: 2026-07-29 08:08 PT

   Change:
   - Preserves the four approved outcomes and section order.
   - Adds icon and number hierarchy plus a concise proof line.
   - Strengthens the fully managed confidence panel with three
     practical implementation assurances.
   - Keeps all styles page scoped and responsive.

   Scope:
   - #sales-onboarding-results only.
   - No hero, workflow, practical-tools, before/after, FAQ,
     loader, Bootstrap, route, controller, or global changes.
   ========================================================= */

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-results{
  padding-top:clamp(4rem,7vw,6.5rem);
  padding-bottom:clamp(3.5rem,6vw,5.5rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-results__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1.2rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:1.55rem;
  border:1px solid rgba(148,163,184,.24);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 17px 40px rgba(15,23,42,.09);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card__metric{
  margin:0 0 .35rem;
  color:var(--cm-brand,#3e79d1);
  font-size:clamp(1.9rem,3vw,2.6rem);
  line-height:1;
  font-weight:900;
  letter-spacing:-.045em;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card h3{
  margin:0 0 .5rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.1rem;
  line-height:1.26;
  font-weight:850;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-confidence{
  display:grid;
  grid-template-columns:4.25rem minmax(0,1fr);
  gap:1.35rem;
  align-items:start;
  max-width:1120px;
  margin:1.6rem auto 0;
  padding:1.8rem 2rem;
  border:1px solid rgba(62,121,209,.28);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(62,121,209,.14),rgba(255,255,255,.96));
  box-shadow:0 22px 50px rgba(15,23,42,.11);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-confidence__icon{
  display:inline-flex;
  width:4.25rem;
  height:4.25rem;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.10);
  font-size:1.55rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-confidence__eyebrow{
  margin:0 0 .35rem;
  color:var(--cm-brand,#3e79d1);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-confidence h3{
  margin:0 0 .55rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.5rem;
  line-height:1.18;
  font-weight:850;
}

@media (max-width:767px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-confidence{
    grid-template-columns:1fr;
    padding:1.4rem;
  }
}

/* =========================================================
   FAQ — Frozen Destination-Page Standard Alignment
   Updated: 2026-08-18 06:38 PT

   Change:
   - Aligns Sales & Onboarding with the established frozen
     destination-page FAQ composition.
   - Adds the separate four-card decision guide.
   - Uses a sticky page-owned FAQ intro on desktop.
   - Uses structured icon / number / question accordion prompts.
   - Adds the full-width closing principle bar.
   - Preserves native details/summary behavior and the existing
     page-scoped exclusive-open fallback script.
   - Tablet/mobile return to normal flow.

   Scope:
   - #sales-onboarding-faq only.
   - Page-owned PHP/CSS only.
   - No shared FAQ, loader, Bootstrap, Marketing Hero, Quick Nav,
     CTA, Credibility Band, Footer, or global marketing changes.
   ========================================================= */

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-faq{
  padding-top:clamp(4.5rem,7vw,6.75rem);
  padding-bottom:clamp(4.5rem,7vw,6.5rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__head{
  max-width:940px;
  margin:0 auto clamp(1.6rem,3vw,2.25rem);
  text-align:center;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__head .cm-section-title{
  margin:0 0 .8rem;
  color:var(--cm-ink,#0f172a);
  font-size:clamp(2rem,4vw,3.35rem);
  line-height:1.04;
  font-weight:850;
  letter-spacing:-.04em;
  text-wrap:balance;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__head .cm-section-subtitle{
  max-width:820px;
  margin:0 auto;
  color:var(--cm-muted-strong,#475569);
  font-size:clamp(1rem,1.55vw,1.1rem);
  line-height:1.7;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__decision-guide{
  margin-bottom:clamp(2rem,4vw,3rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__decision-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.8rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-decision-card{
  --cm-so-faq-accent:var(--cm-brand,#3e79d1);
  position:relative;
  min-height:100%;
  padding:1rem;
  border:1px solid rgba(148,163,184,.21);
  border-radius:17px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(15,23,42,.055);
}

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

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-decision-card--blue{
  --cm-so-faq-accent:#3e79d1;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-decision-card--green{
  --cm-so-faq-accent:#3ed196;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-decision-card--violet{
  --cm-so-faq-accent:#7567d8;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-decision-card--gold{
  --cm-so-faq-accent:#d1963e;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-decision-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  margin-bottom:.75rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-decision-card__icon{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(62,121,209,.08);
  font-size:1rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-decision-card__fit{
  color:var(--cm-so-faq-accent);
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-decision-card h3{
  margin:0 0 .4rem;
  color:var(--cm-ink,#0f172a);
  font-size:.98rem;
  line-height:1.35;
  font-weight:900;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-decision-card p{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.84rem;
  line-height:1.5;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__layout{
  display:grid;
  grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);
  gap:clamp(1.2rem,3vw,1.8rem);
  align-items:start;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__intro{
  position:sticky;
  top:132px;
  padding:1.25rem;
  border:1px solid rgba(62,121,209,.17);
  border-radius:20px;
  background:rgba(62,121,209,.06);
  box-shadow:0 14px 34px rgba(15,23,42,.055);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__intro-icon{
  display:inline-flex;
  width:2.85rem;
  height:2.85rem;
  align-items:center;
  justify-content:center;
  margin-bottom:.85rem;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 20px rgba(30,64,175,.10);
  font-size:1.05rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__intro-eyebrow{
  margin:0 0 .35rem;
  color:var(--cm-brand,#3e79d1);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__intro h3{
  margin:0 0 .55rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.18rem;
  line-height:1.3;
  font-weight:900;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__intro > p:not(.cm-so-faq__intro-eyebrow){
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.92rem;
  line-height:1.62;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__intro ul{
  display:grid;
  gap:.48rem;
  margin:1rem 0 0;
  padding:0;
  list-style:none;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__intro li{
  position:relative;
  padding-left:1.4rem;
  color:#334155;
  font-size:.86rem;
  font-weight:750;
  line-height:1.45;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__intro li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--cm-brand-success,#3ed196);
  font-weight:900;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__list{
  display:grid;
  gap:.75rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item{
  overflow:hidden;
  border:1px solid rgba(148,163,184,.24);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 30px rgba(15,23,42,.065);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item[open]{
  border-color:rgba(62,121,209,.30);
  box-shadow:0 16px 36px rgba(15,23,42,.09);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 2rem;
  gap:.8rem;
  align-items:center;
  min-height:4.45rem;
  padding:.85rem 1rem;
  color:var(--cm-ink,#0f172a);
  cursor:pointer;
  list-style:none;
}

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

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item summary::-webkit-details-marker{
  display:none;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item summary:focus-visible{
  outline:3px solid rgba(62,121,209,.24);
  outline-offset:-3px;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item__prompt{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  gap:.7rem;
  align-items:center;
  min-width:0;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item__icon{
  display:inline-flex;
  width:2.35rem;
  height:2.35rem;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(62,121,209,.08);
  font-size:.95rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item__number{
  color:var(--cm-brand,#3e79d1);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.07em;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item__question{
  min-width:0;
  color:var(--cm-ink,#0f172a);
  font-size:.96rem;
  line-height:1.4;
  font-weight:900;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item__toggle{
  display:inline-flex;
  flex:0 0 2rem;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  justify-self:end;
  border-radius:999px;
  background:rgba(62,121,209,.08);
  color:var(--cm-brand,#3e79d1);
  font-size:1.15rem;
  transition:transform 180ms ease;
}

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

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item__answer{
  padding:0 1.05rem 1.05rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item__answer p{
  margin:0;
  padding:.85rem 0 .1rem 5.75rem;
  border-top:1px solid rgba(148,163,184,.18);
  color:var(--cm-muted-strong,#475569);
  font-size:.95rem;
  line-height:1.62;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__principle{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.9rem;
  align-items:center;
  margin-top:clamp(1.5rem,3vw,2rem);
  padding:1.05rem 1.15rem;
  border:1px solid rgba(62,121,209,.18);
  border-radius:18px;
  background:rgba(62,121,209,.07);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__principle-icon{
  display:inline-flex;
  width:2.85rem;
  height:2.85rem;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#fff;
  color:var(--cm-brand,#3e79d1);
  box-shadow:0 8px 20px rgba(30,64,175,.10);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__principle p{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  line-height:1.55;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-faq__principle strong{
  color:var(--cm-ink,#0f172a);
}

@media (hover:hover){
  body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item{
    transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item:hover{
    transform:translateY(-1px);
    border-color:rgba(62,121,209,.28);
  }
}

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

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq__layout{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq__intro{
    position:static;
  }
}

@media (max-width:575px){
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-faq{
    padding-top:4rem;
    padding-bottom:4rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq__head{
    text-align:left;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq__head .cm-section-subtitle{
    margin-left:0;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq__decision-grid{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item summary{
    align-items:flex-start;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item__prompt{
    grid-template-columns:auto minmax(0,1fr);
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item__number{
    display:none;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq-item__answer p{
    padding-left:0;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq__principle{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   CLOSING CTA — Discovery Call Conversion Panel
   Updated: 2026-07-29 08:31 PT

   Change:
   - Preserves the approved CTA copy, links, and section order.
   - Adds a Font Awesome eyebrow badge and button icons.
   - Converts the reassurance sentence into three compact assurances.
   - Strengthens hierarchy while keeping all styles page scoped.

   Scope:
   - .cm-so-cta only.
   - No shared CTA component, hero, FAQ, loader, Bootstrap, route,
     controller, footer, or global marketing changes.
   ========================================================= */

body.marketing-site .cm-page--sales-onboarding .cm-so-cta{
  padding-top:clamp(4rem,7vw,6rem);
  padding-bottom:clamp(4rem,7vw,6rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__panel{
  max-width:1180px;
  margin:0 auto;
  padding:clamp(1.8rem,4vw,3.2rem);
  border:1px solid rgba(255,255,255,.68);
  border-radius:30px;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.98),rgba(255,255,255,.84) 58%,rgba(255,255,255,.76)),
    rgba(255,255,255,.82);
  box-shadow:0 30px 70px rgba(15,23,42,.16);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  text-align:center;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__copy{
  max-width:860px;
  margin:0 auto;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__copy h2{
  margin:.35rem 0 .8rem;
  color:var(--cm-ink,#0f172a);
  font-size:clamp(2rem,4.5vw,3.5rem);
  line-height:1.03;
  font-weight:900;
  letter-spacing:-.04em;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__copy > p{
  max-width:760px;
  margin:0 auto;
  color:var(--cm-muted-strong,#475569);
  font-size:1.03rem;
  line-height:1.7;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.85rem;
  margin-top:1.6rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions i{
  flex:0 0 auto;
  font-size:.95rem;
}

@media (max-width:767px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__panel{
    border-radius:24px;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions{
    flex-direction:column;
    align-items:stretch;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions a{
    width:100%;
  }
}


/* =========================================================
   SALES & ONBOARDING — DESKTOP READABILITY & LAYOUT PASS
   Updated: 2026-07-29 05:43 PT

   Change:
   - Widens page-local desktop content without modifying Bootstrap
     or shared marketing container contracts.
   - Improves card copy size, interior spacing, and line length.
   - Rebalances the 10-card included-tools grid.
   - Gives the before/after comparison, results, FAQ, CTA, and
     fully-managed confidence panel a stronger visual footprint.
   - Tightens excessive desktop separation around the confidence
     panel while preserving all content and section order.

   Scope:
   - Sales & Onboarding page at 992px and wider only.
   - CSS-only, additive, and page-scoped.
   - No PHP, FAQ behavior, routes, controllers, loaders, shared
     partials, Bootstrap rules, global CSS, tablet, or phone changes.
   ========================================================= */

@media (min-width:992px){
/* Headings gain a little more width while keeping readable lines */
  body.marketing-site .cm-page--sales-onboarding .cm-so-section-head{
    max-width:940px;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-section-head .cm-section-subtitle{
    max-width:820px;
    font-size:1.06rem;
    line-height:1.72;
  }

  /* Problem cards */
  body.marketing-site .cm-page--sales-onboarding .cm-so-problems__grid{
    gap:1.2rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card{
    padding:1.45rem 1.5rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card__icon{
    width:3.2rem;
    height:3.2rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card h3{
    font-size:1.1rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card p{
    font-size:.96rem;
    line-height:1.64;
  }

  /* Ten included tools: wider, calmer 5-up desktop grid */
  body.marketing-site .cm-page--sales-onboarding .cm-so-included__grid{
    column-gap:1.15rem;
    row-gap:1.75rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card{
    padding:1.4rem 1.35rem;
    border-radius:20px;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card h3{
    font-size:1.08rem;
    line-height:1.28;
  }

}

@media (min-width:1200px){
/* Allow the tools to breathe while preserving the approved 5 x 2 layout */
  body.marketing-site .cm-page--sales-onboarding .cm-so-included__grid{
    column-gap:1.3rem;
    row-gap:1.75rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card{
    padding:1.5rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card{
    padding-left:2.35rem;
    padding-right:2.35rem;
  }
}


/* RESPONSIVE */

@media (max-width:1199px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-included__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:991px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-problems__grid,
  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow__grid,
  body.marketing-site .cm-page--sales-onboarding .cm-so-results__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day__grid{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day__bridge{
    flex-direction:row;
    justify-content:center;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day__bridge strong{transform:rotate(90deg);}

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq__layout{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-faq__layout .cm-so-section-head{
    position:static;
    max-width:760px;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-problems,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-workflow,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-included,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-day,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-results,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-faq{
    padding-top:3.5rem;
    padding-bottom:3.5rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-problems__grid,
  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow__grid,
  body.marketing-site .cm-page--sales-onboarding .cm-so-included__grid,
  body.marketing-site .cm-page--sales-onboarding .cm-so-results__grid{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card{
    padding:1.1rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card__icon,
  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card__icon{
    width:2.75rem;
    height:2.75rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card,
  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card,
  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card{
    border-radius:18px;
  }

}

@media (hover:hover){
  body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card,
  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card,
  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card,
  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card{
    transition:transform 170ms ease,box-shadow 170ms ease,border-color 170ms ease;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card:hover,
  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:hover,
  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:hover,
  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card:hover{
    transform:translateY(-3px);
    border-color:rgba(62,121,209,.32);
    box-shadow:0 24px 54px rgba(15,23,42,.13);
  }
}

@media (prefers-reduced-motion:reduce){
  body.marketing-site .cm-page--sales-onboarding *,
  body.marketing-site .cm-page--sales-onboarding *::before,
  body.marketing-site .cm-page--sales-onboarding *::after{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}

/* =========================================================
   SALES & ONBOARDING — RELEASE 1
   CANONICAL MAJOR-SECTION WIDTH CONTRACT
   Updated: 2026-08-20 09:52 AM PT
   ========================================================= */

@media (min-width:992px){
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-problems > .container,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-workflow > .container,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-included > .container,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-day > .container,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-results > .container,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-faq > .container,
  body.marketing-site .cm-page--sales-onboarding .cm-so-cta > .container{
    width:min(1320px,calc(100% - 56px));
    max-width:none;
  }
}

@media (min-width:1200px){
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-problems > .container,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-workflow > .container,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-included > .container,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-day > .container,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-results > .container,
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-faq > .container,
  body.marketing-site .cm-page--sales-onboarding .cm-so-cta > .container{
    width:min(1440px,calc(100% - 80px));
  }
}

/* =========================================================
   SALES & ONBOARDING — RELEASE 2
   CUSTOMER JOURNEY + CONNECTED TOOLS
   Updated: 2026-08-20 09:57 AM PT

   Scope:
   - Page-owned visual refinement only.
   - Preserves all six journey stages and ten tool cards.
   - Preserves current PHP, copy, anchors, card count, and order.
   - No Hero, Quick Nav, Challenges, Before/After, Outcomes,
     FAQ, conversion, shared component, loader, Bootstrap,
     route, controller, or global changes.
   ========================================================= */

/* ---------------------------------------------------------
   RELEASE 2A — CUSTOMER JOURNEY
   Strengthen continuity so the six stages read as one process.
   --------------------------------------------------------- */

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-workflow{
  position:relative;
  overflow:hidden;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-workflow::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-15rem;
  width:36rem;
  height:36rem;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(62,121,209,.055),rgba(62,121,209,0) 70%);
  pointer-events:none;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-workflow > .container{
  position:relative;
  z-index:1;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-workflow .cm-so-section-head{
  max-width:930px;
  margin-bottom:clamp(2rem,3.4vw,2.8rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-workflow__grid{
  column-gap:1.5rem;
  row-gap:1.9rem;
}

@media (min-width:992px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow__grid::before{
    top:3.05rem;
    left:6.5%;
    right:6.5%;
    height:4px;
    border-radius:999px;
    background:
      linear-gradient(
        90deg,
        rgba(62,121,209,.72) 0%,
        rgba(128,90,213,.68) 20%,
        rgba(209,150,62,.70) 40%,
        rgba(62,209,150,.72) 60%,
        rgba(62,121,209,.70) 80%,
        rgba(209,62,121,.64) 100%
      );
    box-shadow:
      0 0 0 1px rgba(255,255,255,.72),
      0 8px 20px rgba(62,121,209,.12);
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card{
    padding:1.5rem 1.45rem 1.55rem;
    border-radius:19px;
    box-shadow:0 16px 38px rgba(15,23,42,.075);
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card__top{
    margin-bottom:1.35rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card__step{
    min-width:2.35rem;
    min-height:2.35rem;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.56),
      0 6px 14px rgba(15,23,42,.05);
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card__icon{
    width:3.45rem;
    height:3.45rem;
    flex-basis:3.45rem;
    box-shadow:
      0 0 0 1px rgba(62,121,209,.17),
      0 0 0 7px rgba(255,255,255,.92),
      0 14px 28px rgba(15,23,42,.11);
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card h3{
    margin-bottom:.5rem;
    font-size:1.16rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card p{
    font-size:.93rem;
    line-height:1.58;
  }

  body.marketing-site .cm-page--sales-onboarding
  .cm-so-workflow-card:not(:nth-child(3)):not(:nth-child(6))::after{
    top:auto;
    right:.8rem;
    bottom:.78rem;
    width:auto;
    min-width:3.2rem;
    height:1.65rem;
    padding:0 .55rem;
    transform:none;
    border-color:rgba(62,121,209,.16);
    box-shadow:0 7px 16px rgba(15,23,42,.07);
    font-size:.56rem;
    letter-spacing:.06em;
    content:"NEXT  →";
  }
}

/* ---------------------------------------------------------
   RELEASE 2B — CONNECTED TOOLS
   Make the ten capabilities easier to scan and visibly subordinate
   to the journey that they support.
   --------------------------------------------------------- */

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-included{
  position:relative;
  overflow:hidden;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-included::before{
  content:"";
  position:absolute;
  width:30rem;
  height:30rem;
  right:-17rem;
  top:-14rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 70%);
  pointer-events:none;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-included > .container{
  position:relative;
  z-index:1;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-included .cm-so-section-head{
  max-width:900px;
  margin-bottom:clamp(1.8rem,3vw,2.4rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included__grid{
  column-gap:.9rem;
  row-gap:1rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included-card{
  position:relative;
  min-height:100%;
  padding:1.15rem;
  border-radius:17px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,255,255,.76));
  box-shadow:0 12px 28px rgba(15,23,42,.065);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included-card::after{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,rgba(62,121,209,.72),rgba(62,121,209,.12));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:nth-child(2)::after,
body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:nth-child(7)::after{
  background:linear-gradient(90deg,rgba(128,90,213,.72),rgba(128,90,213,.12));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:nth-child(3)::after,
body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:nth-child(8)::after{
  background:linear-gradient(90deg,rgba(209,150,62,.76),rgba(209,150,62,.12));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:nth-child(4)::after,
body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:nth-child(9)::after{
  background:linear-gradient(90deg,rgba(62,209,150,.78),rgba(62,209,150,.12));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:nth-child(5)::after,
body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:nth-child(10)::after{
  background:linear-gradient(90deg,rgba(209,62,121,.68),rgba(209,62,121,.11));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included-card__icon{
  width:2.75rem;
  height:2.75rem;
  margin-bottom:.75rem;
  border-radius:13px;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included-card h3{
  margin-bottom:.38rem;
  font-size:1rem;
  line-height:1.28;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-included-card p{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.88rem;
  line-height:1.52;
}

@media (hover:hover){
  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:hover,
  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 40px rgba(15,23,42,.085);
  }
}

@media (max-width:1199px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-included__grid{
    gap:.9rem;
  }
}

@media (max-width:991px){
  body.marketing-site .cm-page--sales-onboarding
  #sales-onboarding-workflow .cm-so-section-head,
  body.marketing-site .cm-page--sales-onboarding
  #sales-onboarding-included .cm-so-section-head{
    max-width:none;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow__grid{
    gap:1rem;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card{
    padding:1rem;
    border-radius:17px;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card__top{
    margin-bottom:.75rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-included__grid{
    gap:.72rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card{
    padding:.95rem;
    border-radius:16px;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card__icon{
    margin-bottom:.6rem;
  }
}

@media (prefers-reduced-motion:reduce){
  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card,
  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card{
    transition:none !important;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:hover,
  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:hover{
    transform:none;
  }
}

/* =========================================================
   SALES & ONBOARDING — RELEASE 3
   BEFORE & AFTER TRANSFORMATION
   Updated: 2026-08-20 10:03 AM PT

   Scope:
   - Page-owned Before & After section only.
   - Preserves existing PHP, copy, anchors, card order, and content.
   - Strengthens the scattered → managed transformation story.
   - No shared/global/component contract changes.
   ========================================================= */

/* ---------------------------------------------------------
   RELEASE 3A — TRANSFORMATION WORKSPACE
   Give the section a clearer focal composition.
   --------------------------------------------------------- */

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-day{
  position:relative;
  overflow:hidden;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-day::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(62rem,78vw);
  height:min(30rem,46vw);
  transform:translate(-50%,-42%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(62,121,209,.055),rgba(62,121,209,0) 70%);
  pointer-events:none;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-day > .container{
  position:relative;
  z-index:1;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-day .cm-so-section-head{
  max-width:900px;
  margin-bottom:clamp(2rem,3.4vw,2.8rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day__grid{
  position:relative;
  align-items:stretch;
  gap:clamp(1.3rem,2.3vw,2.15rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card{
  position:relative;
  min-height:100%;
  padding:clamp(1.45rem,2vw,1.9rem);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 42px rgba(15,23,42,.085);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card--before{
  border-color:rgba(209,62,121,.34);
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,247,250,.94));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card--after{
  border-color:rgba(62,209,150,.38);
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,255,250,.95));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card::before{
  content:"";
  position:absolute;
  left:1.35rem;
  right:1.35rem;
  top:0;
  height:4px;
  border-radius:0 0 999px 999px;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card--before::before{
  background:linear-gradient(90deg,rgba(209,62,121,.88),rgba(209,62,121,.18));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card--after::before{
  background:linear-gradient(90deg,rgba(62,209,150,.9),rgba(62,209,150,.18));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card h3{
  margin-bottom:.72rem;
  font-size:clamp(1.16rem,1.35vw,1.35rem);
  line-height:1.24;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-day-card p{
  color:var(--cm-muted-strong,#475569);
  line-height:1.62;
}

/* ---------------------------------------------------------
   RELEASE 3B — CENTER TRANSFORMATION CUE
   Desktop-only visual bridge; no PHP or semantic changes.
   --------------------------------------------------------- */

@media (min-width:992px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-day__grid::before{
    content:"";
    position:absolute;
    z-index:4;
    left:50%;
    top:50%;
    width:3.75rem;
    height:3.75rem;
    transform:translate(-50%,-50%);
    border:1px solid rgba(62,121,209,.20);
    border-radius:50%;
    background:
      radial-gradient(circle at 35% 35%,#fff 0 34%,rgba(241,246,255,.98) 35% 100%);
    box-shadow:
      0 0 0 8px rgba(255,255,255,.72),
      0 12px 30px rgba(62,121,209,.15);
    pointer-events:none;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day__grid::after{
    content:"→";
    position:absolute;
    z-index:5;
    left:50%;
    top:50%;
    transform:translate(-50%,-53%);
    color:#3e79d1;
    font-size:1.45rem;
    font-weight:900;
    line-height:1;
    pointer-events:none;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card--before{
    padding-right:clamp(2rem,2.6vw,2.5rem);
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card--after{
    padding-left:clamp(2rem,2.6vw,2.5rem);
  }
}

@media (hover:hover){
  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 48px rgba(15,23,42,.10);
  }
}

@media (max-width:991px){
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-day .cm-so-section-head{
    max-width:none;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day__grid{
    gap:1rem;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card{
    padding:1.15rem;
    border-radius:17px;
  }
}

@media (prefers-reduced-motion:reduce){
  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card{
    transition:none !important;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card:hover{
    transform:none;
  }
}

/* =========================================================
   SALES & ONBOARDING — RELEASE 4
   OUTCOMES
   Updated: 2026-08-20 10:06 AM PT

   Scope:
   - Page-owned Outcomes section only.
   - Preserves existing PHP, copy, four outcome cards,
     managed-confidence panel, anchors, order, and behavior.
   - Strengthens outcome hierarchy and closing managed-service proof.
   - No Hero, Quick Nav, Challenges, Journey, Connected Tools,
     Before/After, FAQ, conversion, shared component, loader,
     Bootstrap, route, controller, or global changes.
   ========================================================= */

/* ---------------------------------------------------------
   RELEASE 4A — OUTCOME CARDS
   Give Faster / Clearer / Less / More stronger visual hierarchy.
   --------------------------------------------------------- */

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-results{
  position:relative;
  overflow:hidden;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-results::before{
  content:"";
  position:absolute;
  right:-16rem;
  top:-14rem;
  width:31rem;
  height:31rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(62,121,209,.06),rgba(62,121,209,0) 70%);
  pointer-events:none;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-results > .container{
  position:relative;
  z-index:1;
}

body.marketing-site .cm-page--sales-onboarding #sales-onboarding-results .cm-so-section-head{
  max-width:900px;
  margin-bottom:clamp(1.8rem,3vw,2.4rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-results__grid{
  gap:1rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card{
  position:relative;
  min-height:100%;
  padding:clamp(1.15rem,1.8vw,1.45rem);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 34px rgba(15,23,42,.07);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card::before{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,rgba(62,121,209,.82),rgba(62,121,209,.14));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card:nth-child(2)::before{
  background:linear-gradient(90deg,rgba(128,90,213,.78),rgba(128,90,213,.14));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card:nth-child(3)::before{
  background:linear-gradient(90deg,rgba(62,209,150,.82),rgba(62,209,150,.14));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card:nth-child(4)::before{
  background:linear-gradient(90deg,rgba(209,150,62,.84),rgba(209,150,62,.14));
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card__metric{
  margin-bottom:.42rem;
  font-size:clamp(2.15rem,3.2vw,2.85rem);
  letter-spacing:-.05em;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card:nth-child(2) .cm-so-result-card__metric{
  color:#805ad5;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card:nth-child(3) .cm-so-result-card__metric{
  color:#249f6b;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card:nth-child(4) .cm-so-result-card__metric{
  color:#c98728;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card h3{
  margin-bottom:.55rem;
  font-size:1.05rem;
  line-height:1.28;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-result-card > p:last-child{
  line-height:1.58;
}

/* ---------------------------------------------------------
   RELEASE 4B — MANAGED CONFIDENCE PANEL
   Treat this as the conclusion to the outcomes, not a fifth card.
   --------------------------------------------------------- */

body.marketing-site .cm-page--sales-onboarding .cm-so-confidence{
  max-width:1180px;
  margin-top:1.35rem;
  padding:clamp(1.35rem,2.4vw,1.9rem);
  border-radius:21px;
  border-color:rgba(62,121,209,.22);
  background:
    linear-gradient(135deg,rgba(62,121,209,.10),rgba(255,255,255,.97) 58%);
  box-shadow:0 16px 38px rgba(15,23,42,.075);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-confidence__icon{
  width:4rem;
  height:4rem;
  border-radius:17px;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-confidence__eyebrow{
  margin-bottom:.3rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-confidence h3{
  margin-bottom:.45rem;
  font-size:clamp(1.25rem,1.8vw,1.5rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-confidence > div:last-child > p:last-child{
  line-height:1.62;
}

@media (hover:hover){
  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 40px rgba(15,23,42,.09);
  }
}

@media (max-width:991px){
  body.marketing-site .cm-page--sales-onboarding
  #sales-onboarding-results .cm-so-section-head{
    max-width:none;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-confidence{
    max-width:none;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card{
    padding:1rem;
    border-radius:16px;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card__metric{
    font-size:2rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-confidence{
    margin-top:1rem;
    padding:1.05rem;
    border-radius:17px;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-confidence__icon{
    width:3.5rem;
    height:3.5rem;
    border-radius:15px;
  }
}

@media (prefers-reduced-motion:reduce){
  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card{
    transition:none !important;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card:hover{
    transform:none;
  }
}

/* =========================================================
   SALES & ONBOARDING — RELEASE 6
   FINAL CONVERSION ALIGNMENT
   Updated: 2026-08-20 10:11 AM PT

   Scope:
   - Page-owned final conversion composition only.
   - Preserves current PHP copy, links, button destinations,
     section order, and frozen shared-component boundaries.
   - Aligns the practical-first-conversation composition with
     the established CrossMerg destination-page ending.
   - No Hero, Quick Nav, FAQ, Credibility, footer, loader,
     Bootstrap, route, controller, or global changes.
   ========================================================= */

body.marketing-site .cm-page--sales-onboarding .cm-so-cta{
  position:relative;
  overflow:hidden;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta::before{
  content:"";
  position:absolute;
  left:-9rem;
  bottom:-11rem;
  width:25rem;
  height:25rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(62,209,150,.09),rgba(62,209,150,0) 70%);
  pointer-events:none;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta::after{
  content:"";
  position:absolute;
  right:-8rem;
  top:-10rem;
  width:24rem;
  height:24rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(62,121,209,.10),rgba(62,121,209,0) 70%);
  pointer-events:none;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta > .container{
  position:relative;
  z-index:1;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__panel{
  max-width:none;
  padding:clamp(2rem,4vw,3.25rem);
  border-radius:24px;
  border:1px solid rgba(62,121,209,.18);
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,250,255,.96) 56%,rgba(245,255,251,.94));
  box-shadow:0 22px 54px rgba(15,23,42,.10);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__copy{
  max-width:760px;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__eyebrow{
  margin-bottom:.55rem;
  color:#3e79d1;
  font-weight:800;
  letter-spacing:.08em;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__panel h2{
  max-width:760px;
  margin-bottom:.75rem;
  font-size:clamp(2rem,3.5vw,3.15rem);
  line-height:1.04;
  letter-spacing:-.045em;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__panel p{
  max-width:760px;
  line-height:1.65;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions{
  margin-top:1.25rem;
  gap:.7rem;
}


@media (max-width:767px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__panel{
    padding:1.35rem;
    border-radius:19px;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__panel h2{
    font-size:clamp(1.75rem,9vw,2.25rem);
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions{
    display:grid;
    grid-template-columns:1fr;
  }

  
}


/* =========================================================
   SALES & ONBOARDING — RELEASE 6.1
   FINAL CTA CONVERSION UPGRADE
   Updated: 2026-08-20 10:20 AM PT

   Scope:
   - Page-owned .cm-so-cta only.
   - Strengthens final conversion hierarchy and proof.
   - Preserves current CTA destinations and section order.
   - No shared CTA/component/global contract changes.
   ========================================================= */

body.marketing-site .cm-page--sales-onboarding .cm-so-cta{
  padding-top:clamp(4.75rem,7vw,6.5rem);
  padding-bottom:clamp(4.75rem,7vw,6.5rem);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__panel{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:clamp(2rem,4vw,4rem);
  align-items:center;
  max-width:none;
  padding:clamp(2.2rem,4vw,3.4rem);
  border:1px solid rgba(255,255,255,.78);
  border-radius:30px;
  background:
    radial-gradient(circle at 8% 12%,rgba(62,121,209,.12),transparent 30%),
    radial-gradient(circle at 92% 88%,rgba(62,209,150,.10),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,251,255,.96));
  box-shadow:0 30px 72px rgba(15,23,42,.15);
  text-align:left;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__copy{
  max-width:none;
  margin:0;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__eyebrow-row{
  display:flex;
  align-items:center;
  gap:.7rem;
  margin-bottom:1rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__eyebrow-row .cm-eyebrow{
  margin:0;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__eyebrow-icon{
  display:inline-flex;
  width:2.85rem;
  height:2.85rem;
  flex:0 0 2.85rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(62,121,209,.18);
  border-radius:14px;
  background:rgba(62,121,209,.10);
  color:var(--cm-brand,#3e79d1);
  box-shadow:0 9px 22px rgba(15,23,42,.07);
  font-size:1rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__copy h2{
  max-width:760px;
  margin:0 0 .9rem;
  color:var(--cm-ink,#0f172a);
  font-size:clamp(2.25rem,4vw,3.65rem);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.05em;
  text-wrap:balance;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__copy > p{
  max-width:720px;
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:1.03rem;
  line-height:1.68;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:.8rem;
  margin-top:1.55rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions a{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  border-radius:13px;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__assurances{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem 1rem;
  margin-top:1.2rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__assurances span{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  color:#475569;
  font-size:.8rem;
  font-weight:800;
  line-height:1.35;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__assurances i{
  color:#249f6b;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof{
  padding:1rem;
  border:1px solid rgba(62,121,209,.16);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(247,250,255,.96),rgba(247,255,251,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 14px 34px rgba(15,23,42,.07);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof-head{
  display:grid;
  grid-template-columns:3.1rem minmax(0,1fr);
  gap:.85rem;
  align-items:center;
  padding:.45rem .45rem .9rem;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof-icon{
  display:inline-flex;
  width:3.1rem;
  height:3.1rem;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background:rgba(62,209,150,.12);
  color:#22875e;
  box-shadow:inset 0 0 0 1px rgba(62,209,150,.15);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof-kicker{
  margin:0 0 .2rem;
  color:#249f6b;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof-head h3{
  margin:0;
  color:var(--cm-ink,#0f172a);
  font-size:1.25rem;
  line-height:1.18;
  font-weight:900;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;
  margin:0;
  padding:0;
  list-style:none;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof-list li{
  display:grid;
  grid-template-columns:2.45rem minmax(0,1fr);
  grid-template-areas:
    "icon title"
    "icon sub";
  gap:.08rem .65rem;
  align-items:center;
  min-height:4rem;
  padding:.72rem;
  border:1px solid rgba(148,163,184,.16);
  border-radius:14px;
  background:rgba(255,255,255,.84);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof-list li > span{
  grid-area:icon;
  display:inline-flex;
  width:2.45rem;
  height:2.45rem;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(62,121,209,.08);
  color:var(--cm-brand,#3e79d1);
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof-list strong{
  grid-area:title;
  color:var(--cm-ink,#0f172a);
  font-size:.88rem;
  font-weight:900;
  line-height:1.2;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof-list small{
  grid-area:sub;
  color:#64748b;
  font-size:.72rem;
  font-weight:700;
  line-height:1.25;
}

body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof-note{
  margin:.8rem .15rem .1rem;
  padding-top:.8rem;
  border-top:1px solid rgba(148,163,184,.16);
  color:#526277;
  font-size:.8rem;
  font-weight:700;
  line-height:1.5;
}

@media (max-width:991px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__panel{
    grid-template-columns:1fr;
    gap:1.45rem;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--sales-onboarding .cm-so-cta{
    padding-top:4rem;
    padding-bottom:4rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__panel{
    padding:1.25rem;
    border-radius:21px;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__copy h2{
    font-size:clamp(1.9rem,9vw,2.45rem);
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions{
    display:grid;
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions a{
    width:100%;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__assurances{
    display:grid;
    gap:.5rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__proof-list{
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion:reduce){
  body.marketing-site .cm-page--sales-onboarding .cm-so-cta__actions a{
    transition:none !important;
  }
}

/* =========================================================
   SALES & ONBOARDING — RELEASE 8.1
   PHONE VERTICAL RHYTHM POLISH
   Updated: 2026-08-20 10:29 AM PT

   Scope:
   - Phone only: max-width 767px.
   - Customer Journey + Connected Tools + Before/After + Outcomes.
   - Reduces accumulated vertical length while preserving
     typography, content, card identity, and responsive hierarchy.
   - No PHP, Hero, Quick Nav, FAQ, CTA, Credibility, footer,
     shared component, loader, Bootstrap, route, controller,
     tablet, desktop, or global changes.
   ========================================================= */

@media (max-width:767px){

  /* -------------------------------------------------------
     CUSTOMER JOURNEY
     ------------------------------------------------------- */
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-workflow{
    padding-top:3.15rem;
    padding-bottom:3.15rem;
  }

  body.marketing-site .cm-page--sales-onboarding
  #sales-onboarding-workflow .cm-so-section-head{
    margin-bottom:1.45rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow__grid{
    gap:.78rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card{
    padding:.95rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card__top{
    margin-bottom:.58rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card h3{
    margin-bottom:.32rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card p{
    line-height:1.5;
  }

  /* -------------------------------------------------------
     CONNECTED TOOLS
     ------------------------------------------------------- */
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-included{
    padding-top:3.1rem;
    padding-bottom:3.1rem;
  }

  body.marketing-site .cm-page--sales-onboarding
  #sales-onboarding-included .cm-so-section-head{
    margin-bottom:1.35rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-included__grid{
    gap:.62rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card{
    padding:.85rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card__icon{
    margin-bottom:.5rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card h3{
    margin-bottom:.24rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card p{
    line-height:1.45;
  }

  /* -------------------------------------------------------
     BEFORE & AFTER
     ------------------------------------------------------- */
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-day{
    padding-top:3.15rem;
    padding-bottom:3.15rem;
  }

  body.marketing-site .cm-page--sales-onboarding
  #sales-onboarding-day .cm-so-section-head{
    margin-bottom:1.4rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day__grid{
    gap:.82rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card{
    padding:1.05rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card__head{
    margin-bottom:.85rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card ul{
    margin-bottom:0;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card li{
    margin-bottom:.38rem;
    line-height:1.45;
  }

  /* -------------------------------------------------------
     OUTCOMES
     ------------------------------------------------------- */
  body.marketing-site .cm-page--sales-onboarding #sales-onboarding-results{
    padding-top:3.15rem;
    padding-bottom:3.15rem;
  }

  body.marketing-site .cm-page--sales-onboarding
  #sales-onboarding-results .cm-so-section-head{
    margin-bottom:1.35rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-results__grid{
    gap:.68rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card{
    padding:.9rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card__metric{
    margin-bottom:.24rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card h3{
    margin-bottom:.34rem;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card > p:last-child{
    line-height:1.47;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-confidence{
    margin-top:.88rem;
    padding:.95rem;
  }
}

/* =========================================================
   SALES & ONBOARDING — RELEASE 9
   ACCESSIBILITY / FOCUS / FREEZE PREPARATION
   Updated: 2026-08-20 10:35 AM PT

   Scope:
   - Page-owned accessibility hardening and final source cleanup only.
   - Preserves all approved desktop, tablet, and phone layouts.
   - Preserves FAQ native details/summary and exclusive-open behavior.
   - Preserves Release 6.1 CTA composition and Release 8.1 phone rhythm.
   - No shared component, loader, global, Bootstrap, route,
     controller, marketing-shell, or app-shell changes.
   ========================================================= */

/* ---------------------------------------------------------
   KEYBOARD FOCUS
   --------------------------------------------------------- */

body.marketing-site .cm-page--sales-onboarding
#sales-onboarding-faq .cm-so-faq-item summary:focus-visible{
  outline:3px solid rgba(62,121,209,.42);
  outline-offset:3px;
  border-radius:12px;
}

body.marketing-site .cm-page--sales-onboarding
.cm-so-cta__actions a:focus-visible{
  outline:3px solid rgba(62,121,209,.42);
  outline-offset:3px;
  border-radius:13px;
}

/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

@media (prefers-reduced-motion:reduce){
  body.marketing-site .cm-page--sales-onboarding *,
  body.marketing-site .cm-page--sales-onboarding *::before,
  body.marketing-site .cm-page--sales-onboarding *::after{
    scroll-behavior:auto !important;
    animation:none !important;
    transition:none !important;
  }

  body.marketing-site .cm-page--sales-onboarding .cm-so-problem-card:hover,
  body.marketing-site .cm-page--sales-onboarding .cm-so-workflow-card:hover,
  body.marketing-site .cm-page--sales-onboarding .cm-so-included-card:hover,
  body.marketing-site .cm-page--sales-onboarding .cm-so-day-card:hover,
  body.marketing-site .cm-page--sales-onboarding .cm-so-result-card:hover{
    transform:none !important;
  }
}

/* ---------------------------------------------------------
   FORCED COLORS / HIGH CONTRAST
   --------------------------------------------------------- */

@media (forced-colors:active){
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-problem-card,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-workflow-card,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-included-card,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-day-card,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-result-card,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-confidence,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-faq-decision-card,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-faq__intro,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-faq-item,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-faq__principle,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-cta__panel,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-cta__proof,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-cta__proof-list li{
    border:1px solid CanvasText;
    box-shadow:none;
  }

  body.marketing-site .cm-page--sales-onboarding
  #sales-onboarding-faq .cm-so-faq-item summary:focus-visible,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-cta__actions a:focus-visible{
    outline:2px solid Highlight;
    outline-offset:3px;
  }

  body.marketing-site .cm-page--sales-onboarding
  .cm-so-faq__intro li::before,
  body.marketing-site .cm-page--sales-onboarding
  .cm-so-cta__assurances i{
    color:CanvasText;
  }
}