/* =========================================================
   CORRECTION — SHARED SERVICES HERO CONTRACT
   Updated: 2026-07-30 08:16 PT

   What changed:
   - Removed every Customer Success-specific hero geometry rule.
   - The hero now inherits marketing_hero.php + marketing-hero.css
     exactly like the frozen Services page.
   - No translate, scale, width, media alignment, or container
     override remains for the Customer Success hero.
   - Lower-page 1440px section widths remain page-scoped.
   ========================================================= */
/* =========================================================
   CROSSMERG CUSTOMER SUCCESS DESTINATION PAGE
   File: assets/themes/crossmerg/custom/css/customer-success.css
   Updated: 2026-07-30 08:16 PT

   Change Set:
   - Establishes the Customer Success destination-page foundation.
   - Reuses the frozen Sales & Onboarding visual rhythm.
   - Adds only Customer Success page-scoped styling.
   - Preserves shared hero, bands, cards, CTA, typography,
     Bootstrap, loader, portal, and responsive contracts.
   - Adds page-scoped sizing for dedicated Customer Success hero artwork.
   - Adds the page-scoped Website Jobs bridge section.
   - Upgrades the Practical Website Capabilities section into a premium feature grid.
   - Strengthens the Business Outcomes section with visual outcome metrics.
   - Refines the Before / After transformation with stronger visual contrast and transition cues.
   - Polishes the Customer Success FAQ open, hover, focus, and numbering treatment.
   - Upgrades the closing Customer Success CTA with stronger hierarchy and trust points.
   - Applies final lifecycle connector and page rhythm polish.
   - Refines the underperformance cards with clearer impact hierarchy.
   - Rollback fix: restores the last known-good hero proportions after Change Set 11.
   - Refines the Website Jobs section with stronger role-specific visual hierarchy.
   - Refines the Website Lifecycle cards with stronger stage hierarchy.
   - Adds page-scoped tablet and mobile density safeguards.
   - Adds final page-scoped accessibility and interaction safeguards.
   - Applies final hero artwork depth and CTA trust-icon polish.

   Scope:
   - .cm-page--customer-success
   - .cm-page-hero--customer-success
   - Customer Success section IDs only.
   ========================================================= */

body.marketing-site .cm-page--customer-success{
  overflow-x:clip;
}

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

body.marketing-site .cm-page--customer-success .cm-cs-section-head.cm-heading-center{
  margin-left:auto;
  margin-right:auto;
}

body.marketing-site .cm-page--customer-success .cm-cs-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--customer-success .cm-cs-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--customer-success .cm-cs-scroll{
  margin-top:clamp(1.5rem,3vw,2.25rem);
}

/* HERO — shared contract ownership retained */








/* SHARED SECTION RHYTHM */
body.marketing-site .cm-page--customer-success #customer-success-problems,
body.marketing-site .cm-page--customer-success #customer-success-jobs,
body.marketing-site .cm-page--customer-success #customer-success-lifecycle,
body.marketing-site .cm-page--customer-success #customer-success-capabilities,
body.marketing-site .cm-page--customer-success #customer-success-transformation,
body.marketing-site .cm-page--customer-success #customer-success-results,
body.marketing-site .cm-page--customer-success #customer-success-faq{
  padding-top:clamp(4rem,7vw,6.5rem);
  padding-bottom:clamp(3.5rem,6vw,5.5rem);
}

/* PROBLEM CARDS */
body.marketing-site .cm-page--customer-success .cm-cs-problems__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.1rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card{
  --cm-cs-problem-accent:62,121,209;
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  padding:1.35rem;
  border:1px solid rgba(var(--cm-cs-problem-accent),.20);
  border-radius:21px;
  background:
    linear-gradient(
      145deg,
      rgba(var(--cm-cs-problem-accent),.075),
      rgba(255,255,255,.94) 42%
    );
  box-shadow:0 16px 38px rgba(15,23,42,.08);
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(
    180deg,
    rgba(var(--cm-cs-problem-accent),.90),
    rgba(var(--cm-cs-problem-accent),.22)
  );
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card--blue{--cm-cs-problem-accent:62,121,209;}
body.marketing-site .cm-page--customer-success .cm-cs-problem-card--violet{--cm-cs-problem-accent:128,90,213;}
body.marketing-site .cm-page--customer-success .cm-cs-problem-card--rose{--cm-cs-problem-accent:209,62,121;}
body.marketing-site .cm-page--customer-success .cm-cs-problem-card--gold{--cm-cs-problem-accent:209,150,62;}
body.marketing-site .cm-page--customer-success .cm-cs-problem-card--green{--cm-cs-problem-accent:62,209,150;}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card__topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.05rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card__icon{
  display:inline-flex;
  width:3.35rem;
  height:3.35rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--cm-cs-problem-accent),.18);
  border-radius:17px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 26px rgba(15,23,42,.09);
  font-size:1.32rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card__number{
  display:inline-flex;
  min-width:2.25rem;
  min-height:2.25rem;
  align-items:center;
  justify-content:center;
  padding:.35rem .55rem;
  border:1px solid rgba(var(--cm-cs-problem-accent),.18);
  border-radius:999px;
  background:rgba(var(--cm-cs-problem-accent),.08);
  color:rgb(var(--cm-cs-problem-accent));
  font-size:.69rem;
  font-weight:950;
  line-height:1;
  letter-spacing:.09em;
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card__body{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-width:0;
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card h3{
  margin:0 0 .5rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.08rem;
  line-height:1.23;
  font-weight:850;
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card__body > p{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.92rem;
  line-height:1.62;
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card__impact{
  display:grid;
  gap:.35rem;
  margin-top:auto;
  padding:1rem 0 0;
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card__impact::before{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin-bottom:.55rem;
  background:linear-gradient(
    90deg,
    rgba(var(--cm-cs-problem-accent),.32),
    rgba(var(--cm-cs-problem-accent),.04)
  );
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card__impact-label{
  color:rgb(var(--cm-cs-problem-accent));
  font-size:.67rem;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--customer-success .cm-cs-problem-card__impact-text{
  color:rgba(15,23,42,.80);
  font-size:.86rem;
  font-weight:780;
  line-height:1.46;
}

@media (hover:hover){
  body.marketing-site .cm-page--customer-success .cm-cs-problem-card:hover{
    transform:translateY(-4px);
    border-color:rgba(var(--cm-cs-problem-accent),.38);
    box-shadow:0 25px 56px rgba(15,23,42,.13);
  }
}


/* WEBSITE JOBS — strategic bridge */
body.marketing-site .cm-page--customer-success .cm-cs-jobs__layout{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:start;
}

body.marketing-site .cm-page--customer-success .cm-cs-jobs__layout > .cm-cs-section-head{
  position:sticky;
  top:7rem;
  margin-bottom:0;
}

body.marketing-site .cm-page--customer-success .cm-cs-jobs__statement{
  display:grid;
  grid-template-columns:3.2rem minmax(0,1fr);
  gap:1rem;
  align-items:start;
  margin-top:1.4rem;
  padding:1.15rem;
  border:1px solid rgba(62,121,209,.20);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(62,121,209,.08),rgba(255,255,255,.92));
  box-shadow:0 14px 32px rgba(15,23,42,.07);
}

body.marketing-site .cm-page--customer-success .cm-cs-jobs__statement > span{
  display:inline-flex;
  width:3.2rem;
  height:3.2rem;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:#fff;
  color:var(--cm-brand,#3e79d1);
  box-shadow:0 10px 24px rgba(15,23,42,.09);
  font-size:1.1rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-jobs__statement p{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.94rem;
  line-height:1.65;
}

body.marketing-site .cm-page--customer-success .cm-cs-jobs__statement strong{
  color:var(--cm-ink,#0f172a);
}

body.marketing-site .cm-page--customer-success .cm-cs-jobs__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:1.35rem;
  border:1px solid rgba(148,163,184,.24);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 38px rgba(15,23,42,.08);
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.1rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card__number{
  display:inline-flex;
  min-width:2.4rem;
  min-height:2.4rem;
  align-items:center;
  justify-content:center;
  padding:.35rem .55rem;
  border-radius:999px;
  background:rgba(62,121,209,.09);
  color:var(--cm-brand,#3e79d1);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card__icon{
  display:inline-flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(62,121,209,.10),rgba(128,90,213,.10));
  box-shadow:inset 0 0 0 1px rgba(62,121,209,.10);
  font-size:1.2rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card h3{
  margin:0 0 .5rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.16rem;
  line-height:1.22;
  font-weight:850;
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card > p:not(.cm-cs-job-card__proof){
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.94rem;
  line-height:1.62;
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card__proof{
  margin:auto 0 0;
  padding-top:1rem;
  color:var(--cm-brand,#3e79d1);
  font-size:.76rem;
  font-weight:850;
  line-height:1.45;
  letter-spacing:.015em;
}

@media (max-width:991px){
  body.marketing-site .cm-page--customer-success .cm-cs-jobs__layout{
    grid-template-columns:1fr;
    gap:1.5rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-jobs__layout > .cm-cs-section-head{
    position:static;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--customer-success .cm-cs-jobs__grid{
    grid-template-columns:1fr;
  }
}

/* WEBSITE LIFECYCLE */
body.marketing-site .cm-page--customer-success #customer-success-lifecycle{
  position:relative;
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle__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--customer-success .cm-cs-lifecycle__grid::before{
  content:"";
  position:absolute;
  top:3.1rem;
  left:7%;
  right:7%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(62,121,209,.35),rgba(128,90,213,.40),rgba(209,150,62,.42),rgba(62,209,150,.42),rgba(209,62,121,.34));
  z-index:0;
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-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--customer-success .cm-cs-lifecycle-card:nth-child(2){border-top-color:rgba(128,90,213,.62);}
body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:nth-child(3){border-top-color:rgba(209,150,62,.72);}
body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:nth-child(4){border-top-color:rgba(62,209,150,.72);}
body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:nth-child(5){border-top-color:rgba(62,121,209,.72);}
body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:nth-child(6){border-top-color:rgba(209,62,121,.60);}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:2.75rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-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--customer-success .cm-cs-lifecycle-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--customer-success .cm-cs-lifecycle-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--customer-success .cm-cs-lifecycle-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--customer-success .cm-cs-lifecycle-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;
  }
}

/* CAPABILITIES */
body.marketing-site .cm-page--customer-success .cm-cs-capabilities__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1.1rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-capability-card{
  --cm-cs-capability-accent:62,121,209;
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  padding:1.3rem;
  border:1px solid rgba(var(--cm-cs-capability-accent),.22);
  border-radius:20px;
  background:
    linear-gradient(145deg,rgba(var(--cm-cs-capability-accent),.10),rgba(255,255,255,.92) 44%),
    rgba(255,255,255,.86);
  box-shadow:0 18px 42px rgba(15,23,42,.09);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

body.marketing-site .cm-page--customer-success .cm-cs-capability-card--blue{--cm-cs-capability-accent:62,121,209;}
body.marketing-site .cm-page--customer-success .cm-cs-capability-card--violet{--cm-cs-capability-accent:128,90,213;}
body.marketing-site .cm-page--customer-success .cm-cs-capability-card--rose{--cm-cs-capability-accent:209,62,121;}
body.marketing-site .cm-page--customer-success .cm-cs-capability-card--gold{--cm-cs-capability-accent:209,150,62;}
body.marketing-site .cm-page--customer-success .cm-cs-capability-card--green{--cm-cs-capability-accent:62,209,150;}

body.marketing-site .cm-page--customer-success .cm-cs-capability-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.85rem;
  margin-bottom:1rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-capability-card__icon{
  display:inline-flex;
  width:3.4rem;
  height:3.4rem;
  flex:0 0 3.4rem;
  align-items:center;
  justify-content:center;
  margin:0;
  border:1px solid rgba(var(--cm-cs-capability-accent),.18);
  border-radius:17px;
  background:rgba(255,255,255,.90);
  box-shadow:
    0 12px 26px rgba(15,23,42,.09),
    inset 0 0 0 1px rgba(255,255,255,.72);
  font-size:1.35rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-capability-card__kicker{
  display:inline-flex;
  align-items:center;
  min-height:1.75rem;
  padding:.35rem .62rem;
  border:1px solid rgba(var(--cm-cs-capability-accent),.18);
  border-radius:999px;
  background:rgba(var(--cm-cs-capability-accent),.08);
  color:rgb(var(--cm-cs-capability-accent));
  font-size:.65rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--customer-success .cm-cs-capability-card__body{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
}

body.marketing-site .cm-page--customer-success .cm-cs-capability-card h3{
  margin:0 0 .5rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.08rem;
  line-height:1.22;
  font-weight:850;
}

body.marketing-site .cm-page--customer-success .cm-cs-capability-card p{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.91rem;
  line-height:1.58;
}

body.marketing-site .cm-page--customer-success .cm-cs-capability-card__line{
  width:3.2rem;
  height:4px;
  margin-top:1.15rem;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(var(--cm-cs-capability-accent),.95),rgba(var(--cm-cs-capability-accent),.24));
}

@media (hover:hover){
  body.marketing-site .cm-page--customer-success .cm-cs-capability-card{
    transition:transform 170ms ease,box-shadow 170ms ease,border-color 170ms ease;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-capability-card:hover{
    transform:translateY(-4px);
    border-color:rgba(var(--cm-cs-capability-accent),.42);
    box-shadow:0 26px 58px rgba(15,23,42,.14);
  }

  body.marketing-site .cm-page--customer-success .cm-cs-capability-card:hover .cm-cs-capability-card__icon{
    transform:translateY(-1px) scale(1.03);
  }

  body.marketing-site .cm-page--customer-success .cm-cs-capability-card__icon{
    transition:transform 170ms ease;
  }
}


/* BEFORE / AFTER */
body.marketing-site .cm-page--customer-success .cm-cs-transformation__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 7.25rem minmax(0,1fr);
  gap:1.4rem;
  align-items:stretch;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card{
  position:relative;
  min-height:100%;
  overflow:hidden;
  padding:clamp(1.45rem,3vw,2.15rem);
  border:1px solid rgba(148,163,184,.24);
  border-radius:26px;
  background:#fff;
  box-shadow:0 24px 58px rgba(15,23,42,.12);
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:5px;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--before{
  background:
    radial-gradient(circle at top left,rgba(209,62,121,.08),transparent 38%),
    #fff;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--before::before{
  background:linear-gradient(90deg,#d13e79,rgba(209,62,121,.24));
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--after{
  border-color:rgba(62,209,150,.36);
  background:
    radial-gradient(circle at top right,rgba(62,209,150,.16),transparent 42%),
    linear-gradient(145deg,rgba(62,209,150,.08),#fff 48%);
  box-shadow:0 28px 68px rgba(36,159,107,.14),0 18px 46px rgba(15,23,42,.10);
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--after::before{
  background:linear-gradient(90deg,#3ed196,rgba(62,209,150,.28));
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card__status{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:1.2rem;
  padding:.42rem .68rem;
  border:1px solid rgba(148,163,184,.20);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#64748b;
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card__status-dot{
  width:.5rem;
  height:.5rem;
  border-radius:999px;
  background:#d13e79;
  box-shadow:0 0 0 4px rgba(209,62,121,.10);
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--after .cm-cs-transformation-card__status{
  color:#247a57;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--after .cm-cs-transformation-card__status-dot{
  background:#3ed196;
  box-shadow:0 0 0 4px rgba(62,209,150,.12);
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card__head{
  display:grid;
  grid-template-columns:4rem minmax(0,1fr);
  gap:1rem;
  align-items:center;
  margin-bottom:1.4rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card__head > span{
  display:inline-flex;
  width:4rem;
  height:4rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(62,121,209,.15);
  border-radius:19px;
  background:rgba(255,255,255,.92);
  box-shadow:0 13px 30px rgba(15,23,42,.10);
  font-size:1.65rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--before .cm-cs-transformation-card__head > span{
  border-color:rgba(209,62,121,.18);
  background:rgba(255,246,250,.96);
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--after .cm-cs-transformation-card__head > span{
  border-color:rgba(62,209,150,.24);
  background:rgba(244,255,250,.96);
}

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

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--before .cm-cs-transformation-card__head p{
  color:#b62f68;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--after .cm-cs-transformation-card__head p{
  color:#248b61;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card__head h3{
  margin:0;
  color:var(--cm-ink,#0f172a);
  font-size:clamp(1.25rem,2vw,1.55rem);
  line-height:1.15;
  font-weight:850;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card ul{
  display:grid;
  gap:.78rem;
  margin:0;
  padding:0;
  list-style:none;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card li{
  position:relative;
  padding:.72rem .75rem .72rem 2.15rem;
  border:1px solid rgba(148,163,184,.15);
  border-radius:13px;
  background:rgba(255,255,255,.64);
  color:rgba(15,23,42,.80);
  font-size:.93rem;
  font-weight:700;
  line-height:1.45;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--before li{
  border-color:rgba(209,62,121,.12);
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--after li{
  border-color:rgba(62,209,150,.18);
  background:rgba(255,255,255,.76);
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--before li::before,
body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--after li::before{
  position:absolute;
  top:50%;
  left:.78rem;
  display:inline-flex;
  width:1rem;
  height:1rem;
  align-items:center;
  justify-content:center;
  transform:translateY(-50%);
  border-radius:999px;
  font-size:.72rem;
  font-weight:900;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--before li::before{
  content:"×";
  background:rgba(209,62,121,.10);
  color:#d13e79;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation-card--after li::before{
  content:"✓";
  background:rgba(62,209,150,.14);
  color:#249f6b;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  color:var(--cm-brand,#3e79d1);
  text-align:center;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-label,
body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-note{
  font-size:.66rem;
  font-weight:900;
  line-height:1.35;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-label{
  color:var(--cm-brand,#3e79d1);
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-note{
  max-width:6rem;
  color:#64748b;
  font-size:.59rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-icon{
  position:relative;
  display:inline-flex;
  width:4rem;
  height:4rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(62,121,209,.24);
  border-radius:999px;
  background:
    linear-gradient(135deg,rgba(62,121,209,.14),rgba(62,209,150,.13)),
    #fff;
  box-shadow:0 16px 34px rgba(15,23,42,.13);
  font-size:1.15rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-icon::before,
body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-icon::after{
  content:"";
  position:absolute;
  top:50%;
  width:1.35rem;
  height:2px;
  background:linear-gradient(90deg,rgba(62,121,209,.16),rgba(62,121,209,.55));
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-icon::before{
  right:100%;
}

body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-icon::after{
  left:100%;
  background:linear-gradient(90deg,rgba(62,121,209,.55),rgba(62,209,150,.18));
}

@media (max-width:991px){
  body.marketing-site .cm-page--customer-success .cm-cs-transformation__grid{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge{
    flex-direction:row;
    flex-wrap:wrap;
    min-height:5.5rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-icon{
    transform:rotate(90deg);
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-note{
    max-width:none;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--customer-success .cm-cs-transformation-card{
    padding:1.25rem;
    border-radius:22px;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation-card__head{
    grid-template-columns:3.5rem minmax(0,1fr);
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation-card__head > span{
    width:3.5rem;
    height:3.5rem;
    font-size:1.4rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* RESULTS */
body.marketing-site .cm-page--customer-success .cm-cs-results__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-result-card{
  --cm-cs-result-accent:62,121,209;
  position:relative;
  min-height:100%;
  overflow:hidden;
  padding:1.45rem;
  border:1px solid rgba(var(--cm-cs-result-accent),.22);
  border-radius:22px;
  background:
    radial-gradient(circle at top right,rgba(var(--cm-cs-result-accent),.12),transparent 42%),
    rgba(255,255,255,.92);
  box-shadow:0 18px 44px rgba(15,23,42,.09);
}

body.marketing-site .cm-page--customer-success .cm-cs-result-card--blue{--cm-cs-result-accent:62,121,209;}
body.marketing-site .cm-page--customer-success .cm-cs-result-card--violet{--cm-cs-result-accent:128,90,213;}
body.marketing-site .cm-page--customer-success .cm-cs-result-card--green{--cm-cs-result-accent:62,209,150;}
body.marketing-site .cm-page--customer-success .cm-cs-result-card--gold{--cm-cs-result-accent:209,150,62;}

body.marketing-site .cm-page--customer-success .cm-cs-result-card__top{
  display:flex;
  align-items:center;
  gap:.8rem;
  margin-bottom:1.25rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-result-card__icon{
  display:inline-flex;
  width:3rem;
  height:3rem;
  flex:0 0 3rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--cm-cs-result-accent),.18);
  border-radius:15px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 26px rgba(15,23,42,.09);
  font-size:1.2rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-result-card__rule{
  width:100%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(var(--cm-cs-result-accent),.78),rgba(var(--cm-cs-result-accent),.06));
}

body.marketing-site .cm-page--customer-success .cm-cs-result-card__metric{
  margin:0 0 .35rem;
  color:rgb(var(--cm-cs-result-accent));
  font-size:clamp(2.2rem,4vw,3.25rem);
  line-height:.92;
  font-weight:950;
  letter-spacing:-.055em;
}

body.marketing-site .cm-page--customer-success .cm-cs-result-card h3{
  margin:0 0 .7rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.08rem;
  line-height:1.2;
  font-weight:850;
}

body.marketing-site .cm-page--customer-success .cm-cs-result-card > p:last-child{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.92rem;
  line-height:1.62;
}

body.marketing-site .cm-page--customer-success .cm-cs-confidence{
  display:grid;
  grid-template-columns:4.5rem minmax(0,1fr);
  gap:1.3rem;
  align-items:center;
  max-width:1000px;
  margin:2.25rem auto 0;
  padding:clamp(1.45rem,3vw,2.15rem);
  border:1px solid rgba(62,121,209,.24);
  border-radius:24px;
  background:
    linear-gradient(135deg,rgba(62,121,209,.11),rgba(128,90,213,.05) 46%,rgba(255,255,255,.95));
  box-shadow:0 22px 52px rgba(15,23,42,.11);
}

body.marketing-site .cm-page--customer-success .cm-cs-confidence__icon{
  display:inline-flex;
  width:4.5rem;
  height:4.5rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(62,121,209,.18);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 32px rgba(15,23,42,.11);
  font-size:1.7rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-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--customer-success .cm-cs-confidence h3{
  margin:0 0 .5rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.42rem;
  line-height:1.18;
  font-weight:850;
}

body.marketing-site .cm-page--customer-success .cm-cs-confidence p:last-child{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  line-height:1.68;
}

@media (hover:hover){
  body.marketing-site .cm-page--customer-success .cm-cs-result-card{
    transition:transform 170ms ease,box-shadow 170ms ease,border-color 170ms ease;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-result-card:hover{
    transform:translateY(-4px);
    border-color:rgba(var(--cm-cs-result-accent),.40);
    box-shadow:0 26px 60px rgba(15,23,42,.14);
  }
}


/* FAQ */
body.marketing-site .cm-page--customer-success .cm-cs-faq__layout{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:start;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq__list{
  display:grid;
  gap:.9rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item{
  --cm-cs-faq-accent:62,121,209;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.25);
  border-radius:19px;
  background:rgba(255,255,255,.94);
  box-shadow:0 13px 30px rgba(15,23,42,.07);
  transition:
    border-color 170ms ease,
    box-shadow 170ms ease,
    background-color 170ms ease;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:4px;
  height:100%;
  background:linear-gradient(
    180deg,
    rgba(var(--cm-cs-faq-accent),.96),
    rgba(var(--cm-cs-faq-accent),.30)
  );
  opacity:0;
  transition:opacity 170ms ease;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item[open]{
  border-color:rgba(var(--cm-cs-faq-accent),.34);
  background:
    linear-gradient(
      135deg,
      rgba(var(--cm-cs-faq-accent),.075),
      rgba(255,255,255,.97) 42%
    );
  box-shadow:0 20px 46px rgba(15,23,42,.11);
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item[open]::before{
  opacity:1;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:4.75rem;
  padding:1.05rem 1.15rem 1.05rem 1.25rem;
  color:var(--cm-ink,#0f172a);
  cursor:pointer;
  list-style:none;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item summary::-webkit-details-marker{
  display:none;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item summary:focus{
  outline:none;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item summary:focus-visible{
  outline:3px solid rgba(var(--cm-cs-faq-accent),.24);
  outline-offset:-3px;
  border-radius:18px;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item__prompt{
  display:grid;
  grid-template-columns:2.3rem minmax(0,1fr);
  gap:.8rem;
  align-items:center;
  min-width:0;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item__number{
  display:inline-flex;
  width:2.3rem;
  height:2.3rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--cm-cs-faq-accent),.18);
  border-radius:999px;
  background:rgba(var(--cm-cs-faq-accent),.08);
  color:rgb(var(--cm-cs-faq-accent));
  font-size:.67rem;
  font-weight:950;
  line-height:1;
  letter-spacing:.07em;
  transition:
    color 170ms ease,
    background-color 170ms ease,
    border-color 170ms ease;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item__question{
  min-width:0;
  font-size:1rem;
  font-weight:850;
  line-height:1.42;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item__toggle{
  display:inline-flex;
  width:2.35rem;
  height:2.35rem;
  flex:0 0 2.35rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--cm-cs-faq-accent),.18);
  border-radius:999px;
  background:rgba(var(--cm-cs-faq-accent),.09);
  color:rgb(var(--cm-cs-faq-accent));
  box-shadow:0 8px 18px rgba(15,23,42,.07);
  font-size:.82rem;
  transition:
    transform 180ms ease,
    color 170ms ease,
    background-color 170ms ease,
    border-color 170ms ease,
    box-shadow 170ms ease;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item[open] .cm-cs-faq-item__number{
  border-color:rgba(var(--cm-cs-faq-accent),.30);
  background:rgb(var(--cm-cs-faq-accent));
  color:#fff;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item[open] .cm-cs-faq-item__toggle{
  transform:rotate(45deg);
  border-color:rgba(var(--cm-cs-faq-accent),.34);
  background:rgb(var(--cm-cs-faq-accent));
  color:#fff;
  box-shadow:0 10px 22px rgba(var(--cm-cs-faq-accent),.22);
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item__answer{
  padding:0 1.25rem 1.3rem 4.35rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-faq-item__answer p{
  margin:0;
  padding-top:.9rem;
  border-top:1px solid rgba(var(--cm-cs-faq-accent),.13);
  color:var(--cm-muted-strong,#475569);
  font-size:.95rem;
  line-height:1.72;
}

@media (hover:hover){
  body.marketing-site .cm-page--customer-success .cm-cs-faq-item:not([open]):hover{
    border-color:rgba(var(--cm-cs-faq-accent),.30);
    box-shadow:0 17px 38px rgba(15,23,42,.10);
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item:not([open]):hover .cm-cs-faq-item__toggle{
    transform:translateY(-1px);
    border-color:rgba(var(--cm-cs-faq-accent),.30);
    background:rgba(var(--cm-cs-faq-accent),.14);
  }
}

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

@media (max-width:767px){
  body.marketing-site .cm-page--customer-success .cm-cs-faq-item summary{
    min-height:4.4rem;
    padding:.95rem 1rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__prompt{
    grid-template-columns:2rem minmax(0,1fr);
    gap:.7rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__number{
    width:2rem;
    height:2rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__question{
    font-size:.94rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__toggle{
    width:2.15rem;
    height:2.15rem;
    flex-basis:2.15rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__answer{
    padding:0 1rem 1.15rem 3.7rem;
  }
}


/* CLOSING CTA */
body.marketing-site .cm-page--customer-success .cm-cs-cta{
  position:relative;
  overflow:hidden;
  padding-top:clamp(4.5rem,8vw,7rem);
  padding-bottom:clamp(4.5rem,8vw,7rem);
}

body.marketing-site .cm-page--customer-success .cm-cs-cta::before,
body.marketing-site .cm-page--customer-success .cm-cs-cta::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta::before{
  top:-8rem;
  right:-6rem;
  width:24rem;
  height:24rem;
  background:rgba(62,121,209,.10);
  filter:blur(2px);
}

body.marketing-site .cm-page--customer-success .cm-cs-cta::after{
  bottom:-10rem;
  left:-7rem;
  width:26rem;
  height:26rem;
  background:rgba(62,209,150,.09);
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__panel{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:clamp(2rem,5vw,4.5rem);
  align-items:center;
  max-width:1120px;
  margin:0 auto;
  padding:clamp(2rem,5vw,3.5rem);
  border:1px solid rgba(255,255,255,.62);
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(247,251,255,.88) 52%,rgba(241,252,248,.90));
  box-shadow:0 30px 80px rgba(15,23,42,.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__content{
  min-width:0;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__icon{
  display:inline-flex;
  width:4.75rem;
  height:4.75rem;
  align-items:center;
  justify-content:center;
  margin-bottom:1.15rem;
  border:1px solid rgba(62,121,209,.20);
  border-radius:24px;
  background:linear-gradient(145deg,#fff,rgba(62,121,209,.08));
  color:var(--cm-brand,#3e79d1);
  box-shadow:0 18px 40px rgba(15,23,42,.12);
  font-size:1.6rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta .cm-eyebrow{
  margin-bottom:.65rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta .cm-section-title{
  max-width:760px;
  margin:0 0 .9rem;
  font-size:clamp(2rem,4vw,3.35rem);
  line-height:1.02;
  letter-spacing:-.04em;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__intro{
  max-width:690px;
  margin:0 0 1.6rem;
  color:var(--cm-muted-strong,#475569);
  font-size:1.05rem;
  line-height:1.72;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__actions a{
  display:inline-flex;
  min-height:3.2rem;
  align-items:center;
  justify-content:center;
  gap:.58rem;
  padding-inline:1.25rem;
  border-radius:14px;
  font-weight:800;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__trust{
  padding:1.35rem;
  border:1px solid rgba(62,121,209,.18);
  border-radius:22px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 42px rgba(15,23,42,.09);
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__trust-head{
  display:grid;
  grid-template-columns:3.35rem minmax(0,1fr);
  gap:.9rem;
  align-items:center;
  margin-bottom:1.1rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__trust-head > span{
  display:inline-flex;
  width:3.35rem;
  height:3.35rem;
  align-items:center;
  justify-content:center;
  border-radius:17px;
  background:rgba(62,209,150,.12);
  color:#249f6b;
  box-shadow:inset 0 0 0 1px rgba(62,209,150,.18);
  font-size:1.15rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__trust-head p{
  margin:0 0 .2rem;
  color:#249f6b;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__trust-head h3{
  margin:0;
  color:var(--cm-ink,#0f172a);
  font-size:1.12rem;
  line-height:1.22;
  font-weight:850;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__trust ul{
  display:grid;
  gap:.75rem;
  margin:0;
  padding:0;
  list-style:none;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__trust li{
  display:grid;
  grid-template-columns:1.75rem minmax(0,1fr);
  gap:.7rem;
  align-items:center;
  color:rgba(15,23,42,.78);
  font-size:.92rem;
  font-weight:750;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__trust li i{
  display:inline-flex;
  width:1.75rem;
  height:1.75rem;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(62,209,150,.12);
  color:#249f6b;
  font-size:.72rem;
}

@media (max-width:991px){
  body.marketing-site .cm-page--customer-success .cm-cs-cta__panel{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-cta__trust{
    max-width:none;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--customer-success .cm-cs-cta__panel{
    padding:1.35rem;
    border-radius:24px;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-cta__actions{
    flex-direction:column;
    align-items:stretch;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-cta__actions a{
    width:100%;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-cta__trust{
    padding:1.15rem;
  }
}


/* RESPONSIVE */
@media (max-width:1199px){
  body.marketing-site .cm-page--customer-success .cm-cs-capabilities__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:991px){
  body.marketing-site .cm-page--customer-success .cm-cs-problems__grid,
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle__grid::before{
    display:none;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-results__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq__layout{
    grid-template-columns:1fr;
    gap:1.5rem;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--customer-success .cm-cs-problems__grid,
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle__grid,
  body.marketing-site .cm-page--customer-success .cm-cs-capabilities__grid,
  body.marketing-site .cm-page--customer-success .cm-cs-results__grid{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card__top{
    margin-bottom:1.25rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation__grid{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge{
    flex-direction:row;
    justify-content:center;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge strong{
    transform:rotate(90deg);
  }

  body.marketing-site .cm-page--customer-success .cm-cs-confidence{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-cta__actions{
    flex-direction:column;
    align-items:stretch;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-cta__actions a{
    width:100%;
  }
}

@media (hover:hover){
  body.marketing-site .cm-page--customer-success .cm-cs-problem-card,
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card,
  body.marketing-site .cm-page--customer-success .cm-cs-capability-card,
  body.marketing-site .cm-page--customer-success .cm-cs-result-card{
    transition:transform 170ms ease,box-shadow 170ms ease,border-color 170ms ease;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-problem-card:hover,
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:hover,
  body.marketing-site .cm-page--customer-success .cm-cs-capability-card:hover,
  body.marketing-site .cm-page--customer-success .cm-cs-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--customer-success *,
  body.marketing-site .cm-page--customer-success *::before,
  body.marketing-site .cm-page--customer-success *::after{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}

/* =========================================================
   FINAL RHYTHM POLISH
   Updated: 2026-07-29 11:34 PT
   Scope: Customer Success page only
   ========================================================= */

/* Strengthen the lifecycle as one connected process on desktop. */
@media (min-width:992px){
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle__grid{
    column-gap:1.55rem;
    row-gap:2rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle__grid::before{
    top:3.18rem;
    left:5.5%;
    right:5.5%;
    height:3px;
    background:
      linear-gradient(
        90deg,
        rgba(62,121,209,.58) 0%,
        rgba(128,90,213,.56) 20%,
        rgba(209,150,62,.58) 40%,
        rgba(62,209,150,.58) 60%,
        rgba(62,121,209,.56) 80%,
        rgba(209,62,121,.52) 100%
      );
    box-shadow:0 0 0 1px rgba(255,255,255,.72),0 8px 18px rgba(62,121,209,.14);
  }

  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card{
    padding-top:1.65rem;
    padding-bottom:1.65rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card__icon{
    box-shadow:
      0 0 0 1px rgba(62,121,209,.22),
      0 0 0 7px rgba(255,255,255,.92),
      0 16px 30px rgba(15,23,42,.14);
  }

  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:not(:nth-child(3)):not(:nth-child(6))::after{
    right:-1.18rem;
    width:2rem;
    height:2rem;
    border-color:rgba(62,121,209,.28);
    box-shadow:0 10px 22px rgba(15,23,42,.12);
  }
}

/* Add breathing room between dense capability rows. */
body.marketing-site .cm-page--customer-success .cm-cs-capabilities__grid{
  row-gap:1.35rem;
}

/* Slightly improve the visual reset between major sections. */
body.marketing-site .cm-page--customer-success #customer-success-transformation{
  padding-top:clamp(4.5rem,7.5vw,7rem);
}

body.marketing-site .cm-page--customer-success #customer-success-results{
  padding-top:clamp(4.5rem,7vw,6.75rem);
}

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

/* Keep tablet rhythm comfortable without changing the stack contract. */
@media (min-width:768px) and (max-width:991px){
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle__grid{
    gap:1.4rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-capabilities__grid{
    gap:1.2rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-results__grid{
    gap:1.2rem;
  }
}

/* Preserve compact mobile flow while preventing dense card collisions. */
@media (max-width:767px){
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle__grid,
  body.marketing-site .cm-page--customer-success .cm-cs-capabilities__grid,
  body.marketing-site .cm-page--customer-success .cm-cs-results__grid{
    gap:1.15rem;
  }

  body.marketing-site .cm-page--customer-success #customer-success-transformation,
  body.marketing-site .cm-page--customer-success #customer-success-results,
  body.marketing-site .cm-page--customer-success #customer-success-faq{
    padding-top:4rem;
  }
}

/* =========================================================
   WEBSITE JOBS VISUAL POLISH
   Updated: 2026-07-29 12:07 PT
   Scope: #customer-success-jobs only
   ========================================================= */

body.marketing-site .cm-page--customer-success .cm-cs-jobs__grid{
  gap:1.15rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card{
  --cm-cs-job-accent:62,121,209;
  position:relative;
  overflow:hidden;
  border-color:rgba(var(--cm-cs-job-accent),.21);
  background:
    linear-gradient(
      145deg,
      rgba(var(--cm-cs-job-accent),.075),
      rgba(255,255,255,.96) 45%
    );
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card:nth-child(1){
  --cm-cs-job-accent:209,150,62;
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card:nth-child(2){
  --cm-cs-job-accent:62,121,209;
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card:nth-child(3){
  --cm-cs-job-accent:209,62,121;
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card:nth-child(4){
  --cm-cs-job-accent:62,209,150;
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(
    180deg,
    rgba(var(--cm-cs-job-accent),.92),
    rgba(var(--cm-cs-job-accent),.22)
  );
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card__number{
  border-color:rgba(var(--cm-cs-job-accent),.22);
  background:rgba(var(--cm-cs-job-accent),.10);
  color:rgb(var(--cm-cs-job-accent));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card__icon{
  border:1px solid rgba(var(--cm-cs-job-accent),.20);
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.95),
      rgba(var(--cm-cs-job-accent),.10)
    );
  box-shadow:0 12px 26px rgba(15,23,42,.09);
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card__proof{
  color:rgb(var(--cm-cs-job-accent));
}

body.marketing-site .cm-page--customer-success .cm-cs-job-card__proof::before{
  content:"";
  display:block;
  width:3.1rem;
  height:3px;
  margin-bottom:.75rem;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(var(--cm-cs-job-accent),.90),
    rgba(var(--cm-cs-job-accent),.18)
  );
}

body.marketing-site .cm-page--customer-success .cm-cs-jobs__statement{
  border-color:rgba(62,121,209,.24);
  background:
    linear-gradient(
      135deg,
      rgba(62,121,209,.10),
      rgba(128,90,213,.05) 48%,
      rgba(255,255,255,.94)
    );
  box-shadow:0 18px 40px rgba(15,23,42,.09);
}

body.marketing-site .cm-page--customer-success .cm-cs-jobs__statement > span{
  border:1px solid rgba(62,121,209,.17);
  background:linear-gradient(145deg,#fff,rgba(62,121,209,.08));
}

@media (hover:hover){
  body.marketing-site .cm-page--customer-success .cm-cs-job-card:hover{
    transform:translateY(-4px);
    border-color:rgba(var(--cm-cs-job-accent),.40);
    box-shadow:0 26px 58px rgba(15,23,42,.13);
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--customer-success .cm-cs-jobs__grid{
    gap:1rem;
  }
}

/* =========================================================
   WEBSITE LIFECYCLE CARD HIERARCHY
   Updated: 2026-07-29 12:24 PT
   Scope: #customer-success-lifecycle only
   ========================================================= */

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card{
  --cm-cs-lifecycle-accent:62,121,209;
  overflow:hidden;
  border-color:rgba(var(--cm-cs-lifecycle-accent),.22);
  border-top-color:rgb(var(--cm-cs-lifecycle-accent));
  background:
    linear-gradient(
      145deg,
      rgba(var(--cm-cs-lifecycle-accent),.075),
      rgba(255,255,255,.96) 44%
    );
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:nth-child(1){
  --cm-cs-lifecycle-accent:62,121,209;
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:nth-child(2){
  --cm-cs-lifecycle-accent:128,90,213;
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:nth-child(3){
  --cm-cs-lifecycle-accent:209,150,62;
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:nth-child(4){
  --cm-cs-lifecycle-accent:62,209,150;
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:nth-child(5){
  --cm-cs-lifecycle-accent:62,121,209;
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:nth-child(6){
  --cm-cs-lifecycle-accent:209,62,121;
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card::before{
  content:"";
  position:absolute;
  right:-2rem;
  bottom:-2rem;
  width:7rem;
  height:7rem;
  border-radius:999px;
  background:rgba(var(--cm-cs-lifecycle-accent),.065);
  pointer-events:none;
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card__step{
  border-color:rgba(var(--cm-cs-lifecycle-accent),.24);
  background:rgba(var(--cm-cs-lifecycle-accent),.10);
  color:rgb(var(--cm-cs-lifecycle-accent));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.56);
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card__icon{
  border-color:rgba(255,255,255,.96);
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.96),
      rgba(var(--cm-cs-lifecycle-accent),.11)
    );
  box-shadow:
    0 0 0 1px rgba(var(--cm-cs-lifecycle-accent),.22),
    0 14px 30px rgba(15,23,42,.12);
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card h3{
  position:relative;
  margin-bottom:.62rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card h3::after{
  content:"";
  display:block;
  width:2.7rem;
  height:3px;
  margin-top:.65rem;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(var(--cm-cs-lifecycle-accent),.92),
    rgba(var(--cm-cs-lifecycle-accent),.16)
  );
}

body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card p{
  position:relative;
  z-index:1;
}

@media (hover:hover){
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:hover{
    border-color:rgba(var(--cm-cs-lifecycle-accent),.40);
    box-shadow:0 26px 58px rgba(15,23,42,.13);
  }

  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:hover .cm-cs-lifecycle-card__icon{
    transform:translateY(-2px) scale(1.03);
  }

  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card__icon{
    transition:transform 170ms ease;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card{
    padding:1.35rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card__top{
    margin-bottom:1rem;
  }
}

/* =========================================================
   TABLET + MOBILE DENSITY SAFEGUARDS
   Updated: 2026-07-29 12:33 PT
   Scope: Customer Success page only
   Stable hero and shared responsive contracts remain untouched.
   ========================================================= */

@media (min-width:768px) and (max-width:1199px){
  body.marketing-site .cm-page--customer-success .cm-cs-section-head{
    max-width:760px;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-problems__grid,
  body.marketing-site .cm-page--customer-success .cm-cs-jobs__grid,
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle__grid,
  body.marketing-site .cm-page--customer-success .cm-cs-results__grid{
    gap:1.2rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-problem-card,
  body.marketing-site .cm-page--customer-success .cm-cs-job-card,
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card,
  body.marketing-site .cm-page--customer-success .cm-cs-result-card{
    padding:1.4rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-capabilities__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.2rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-capability-card{
    padding:1.35rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation__grid{
    gap:1.3rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq__layout{
    gap:2rem;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--customer-success .cm-cs-section-head{
    width:100%;
    max-width:none;
    margin-bottom:1.5rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-section-head .cm-section-title{
    font-size:clamp(1.9rem,8.5vw,2.45rem);
    line-height:1.04;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-section-head .cm-section-subtitle{
    font-size:.98rem;
    line-height:1.65;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-problem-card,
  body.marketing-site .cm-page--customer-success .cm-cs-job-card,
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card,
  body.marketing-site .cm-page--customer-success .cm-cs-capability-card,
  body.marketing-site .cm-page--customer-success .cm-cs-result-card{
    padding:1.25rem;
    border-radius:19px;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-problem-card__icon,
  body.marketing-site .cm-page--customer-success .cm-cs-capability-card__icon{
    width:3rem;
    height:3rem;
    flex-basis:3rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-jobs__statement{
    grid-template-columns:2.85rem minmax(0,1fr);
    padding:1rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-jobs__statement > span{
    width:2.85rem;
    height:2.85rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge{
    gap:.55rem;
    padding-block:.25rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-icon{
    width:3.5rem;
    height:3.5rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-label,
  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-note{
    text-align:center;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-confidence{
    gap:1rem;
    padding:1.25rem;
    border-radius:21px;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-confidence__icon{
    width:3.75rem;
    height:3.75rem;
    font-size:1.45rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__answer{
    padding-right:1rem;
    padding-left:1rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__answer p{
    padding-left:2.7rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-cta{
    padding-top:4rem;
    padding-bottom:4rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-cta__panel{
    gap:1.4rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-cta__icon{
    width:4rem;
    height:4rem;
    border-radius:20px;
    font-size:1.4rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-cta .cm-section-title{
    font-size:clamp(2rem,9vw,2.55rem);
  }
}

@media (max-width:420px){
  body.marketing-site .cm-page--customer-success .cm-cs-problem-card__topline,
  body.marketing-site .cm-page--customer-success .cm-cs-job-card__top,
  body.marketing-site .cm-page--customer-success .cm-cs-capability-card__top{
    align-items:flex-start;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-capability-card__kicker{
    white-space:normal;
    text-align:center;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__prompt{
    grid-template-columns:1.85rem minmax(0,1fr);
    gap:.6rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__number{
    width:1.85rem;
    height:1.85rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__toggle{
    width:2rem;
    height:2rem;
    flex-basis:2rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__answer p{
    padding-left:2.45rem;
  }
}

/* =========================================================
   FINAL ACCESSIBILITY + INTERACTION SAFEGUARDS
   Updated: 2026-07-29 12:44 PT
   Scope: Customer Success page only
   Stable hero sizing and shared contracts remain untouched.
   ========================================================= */

/* Prevent long labels or URLs from forcing horizontal overflow. */
body.marketing-site .cm-page--customer-success h1,
body.marketing-site .cm-page--customer-success h2,
body.marketing-site .cm-page--customer-success h3,
body.marketing-site .cm-page--customer-success p,
body.marketing-site .cm-page--customer-success li,
body.marketing-site .cm-page--customer-success summary,
body.marketing-site .cm-page--customer-success a{
  overflow-wrap:anywhere;
}

/* Keep the dedicated hero artwork predictable without changing its size. */


/* Clear keyboard focus for page-specific interactive controls. */
body.marketing-site .cm-page--customer-success a:focus-visible,
body.marketing-site .cm-page--customer-success button:focus-visible,
body.marketing-site .cm-page--customer-success summary:focus-visible{
  outline:3px solid rgba(62,121,209,.34);
  outline-offset:3px;
}

/* Preserve practical touch targets for important page actions. */
body.marketing-site .cm-page--customer-success .btn,
body.marketing-site .cm-page--customer-success .cm-cs-faq-item summary{
  min-height:44px;
}

/* Avoid selection interference from decorative elements. */
body.marketing-site .cm-page--customer-success [aria-hidden="true"]{
  user-select:none;
}

/* Keep native disclosure content readable in forced-colors mode. */
@media (forced-colors:active){
  body.marketing-site .cm-page--customer-success .cm-cs-faq-item,
  body.marketing-site .cm-page--customer-success .cm-cs-problem-card,
  body.marketing-site .cm-page--customer-success .cm-cs-job-card,
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card,
  body.marketing-site .cm-page--customer-success .cm-cs-capability-card,
  body.marketing-site .cm-page--customer-success .cm-cs-result-card,
  body.marketing-site .cm-page--customer-success .cm-cs-transformation-card,
  body.marketing-site .cm-page--customer-success .cm-cs-cta__panel{
    border:1px solid CanvasText;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__toggle,
  body.marketing-site .cm-page--customer-success .cm-cs-faq-item__number{
    forced-color-adjust:auto;
  }
}

/* Ensure all motion remains optional. */
@media (prefers-reduced-motion:reduce){
  body.marketing-site .cm-page--customer-success,
  body.marketing-site .cm-page--customer-success *,
  body.marketing-site .cm-page--customer-success *::before,
  body.marketing-site .cm-page--customer-success *::after{
    scroll-behavior:auto !important;
    transition-duration:.001ms !important;
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item[open] .cm-cs-faq-item__toggle{
    transform:none;
  }
}

/* Basic print fallback for proposals or internal review. */
@media print{
  body.marketing-site .cm-page--customer-success{
    overflow:visible;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-scroll,
  body.marketing-site .cm-page--customer-success .cm-cs-cta__actions{
    display:none !important;
  }

  body.marketing-site .cm-page--customer-success .cm-section--band{
    background:#fff !important;
    color:#000 !important;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item{
    break-inside:avoid;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-faq-item:not([open]) > .cm-cs-faq-item__answer{
    display:block;
  }
}

/* =========================================================
   FINAL HERO + CTA TRUST POLISH
   Updated: 2026-07-30 07:40 PT
   Scope:
   - Customer Success hero artwork only.
   - Customer Success closing CTA trust icon only.
   - No shared hero sizing, positioning, loader, or global changes.
   ========================================================= */

/* Add slightly stronger depth without changing the frozen hero dimensions. */


/* Keep the tablet/mobile artwork stable while preserving the added depth. */


/* Slightly strengthen the managed-partner trust icon and its spacing. */
body.marketing-site .cm-page--customer-success .cm-cs-cta__trust-head{
  grid-template-columns:3.75rem minmax(0,1fr);
  gap:1.05rem;
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__trust-icon{
  width:3.75rem;
  height:3.75rem;
  border:1px solid rgba(62,209,150,.22);
  border-radius:19px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(62,209,150,.14));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.62),
    0 12px 26px rgba(36,159,107,.12);
  font-size:1.32rem;
}

@media (max-width:767px){
  body.marketing-site .cm-page--customer-success .cm-cs-cta__trust-head{
    grid-template-columns:3.45rem minmax(0,1fr);
    gap:.95rem;
  }

  body.marketing-site .cm-page--customer-success .cm-cs-cta__trust-icon{
    width:3.45rem;
    height:3.45rem;
    border-radius:18px;
    font-size:1.22rem;
  }
}


/* =========================================================
   ADD — HERO, CARD SIGNALS & RELATIONSHIP POLISH
   Timestamp: 2026-07-30 10:38 PT
   Scope: Customer Success page only.
   ========================================================= */





@keyframes cm-cs-hero-float{
  0%,100%{transform:translateY(.25rem) scale(1.04)}
  50%{transform:translateY(-.35rem) scale(1.04)}
}
body.marketing-site .cm-page--customer-success .cm-cs-job-card__status,
body.marketing-site .cm-page--customer-success .cm-cs-capability-card__status{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  width:max-content;
  max-width:100%;
  margin-top:1rem;
  padding:.42rem .68rem;
  border:1px solid rgba(62,121,209,.16);
  border-radius:999px;
  background:rgba(62,121,209,.07);
  color:#245ea9;
  font-size:.68rem;
  font-weight:850;
  line-height:1.15;
  letter-spacing:.035em;
}
body.marketing-site .cm-page--customer-success .cm-cs-job-card__status i,
body.marketing-site .cm-page--customer-success .cm-cs-capability-card__status i{
  flex:0 0 auto;
  color:#3ed196;
  font-size:.72rem;
}
body.marketing-site .cm-page--customer-success .cm-cs-capability-card__status{
  border-color:rgba(var(--cm-cs-capability-accent,62,121,209),.18);
  background:rgba(var(--cm-cs-capability-accent,62,121,209),.075);
  color:rgb(var(--cm-cs-capability-accent,62,121,209));
}
body.marketing-site .cm-page--customer-success .cm-cs-capability-card__status i{
  color:currentColor;
}
body.marketing-site .cm-page--customer-success .cm-cs-job-card,
body.marketing-site .cm-page--customer-success .cm-cs-capability-card{
  position:relative;
}
body.marketing-site .cm-page--customer-success .cm-cs-job-card::after,
body.marketing-site .cm-page--customer-success .cm-cs-capability-card::after{
  content:"";
  position:absolute;
  right:1rem;
  top:1rem;
  width:.48rem;
  height:.48rem;
  border-radius:999px;
  background:#3ed196;
  box-shadow:0 0 0 5px rgba(62,209,150,.11);
}

@media (max-width:767px){
  
  
  body.marketing-site .cm-page--customer-success .cm-cs-job-card__status,
  body.marketing-site .cm-page--customer-success .cm-cs-capability-card__status{
    white-space:normal;
  }
}



/* =========================================================
   FIX — HERO OVERLAP CORRECTION
   Timestamp: 2026-07-30 07:08 PT
   Scope: Customer Success page only.
   - Removes the duplicate CSS-generated success badge.
   - The SVG now carries the single approved review-status badge.
   - Preserves hero scale, section separation, and all other polish.
   ========================================================= */

/* =========================================================
   ADD — FINAL VISUAL POLISH PASS
   Timestamp: 2026-07-30 10:05 PT
   Scope: Customer Success page only.
   Changes:
   - Slightly increases desktop hero artwork prominence.
   - Converts one decorative hero glow into a success-status badge.
   - Strengthens lifecycle continuity with visible next-step cues.
   - Adds dashboard-style outcome signals and trend bars.
   - Clarifies the Before → Customer Success → After bridge.
   - No shared loader, hero partial, Bootstrap, or global contract changes.
   ========================================================= */

/* HERO — approximately 8% more presence, desktop only. */


/* LIFECYCLE — reinforce a single continuing journey. */
body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card__next{
  position:absolute;
  z-index:5;
  right:-1.55rem;
  top:50%;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  transform:translateY(-50%);
  padding:.38rem .5rem;
  border:1px solid rgba(var(--cm-cs-lifecycle-accent),.22);
  border-radius:999px;
  background:#fff;
  box-shadow:0 8px 20px rgba(15,23,42,.10);
  color:rgb(var(--cm-cs-lifecycle-accent));
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card__next i{font-size:.62rem}

@media (min-width:992px){
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle__grid{
    column-gap:2rem;
    row-gap:2.35rem;
  }
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card:nth-child(3) .cm-cs-lifecycle-card__next{
    right:50%;
    top:auto;
    bottom:-1.75rem;
    transform:translateX(50%) rotate(90deg);
  }
}

/* TRANSFORMATION — clearer launch-to-growth bridge. */
body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge{
  position:relative;
  padding:.65rem 0;
}
body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge::before{
  content:"";
  position:absolute;
  top:1.7rem;
  bottom:1.7rem;
  left:50%;
  width:2px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(209,62,121,.24),rgba(62,121,209,.56),rgba(62,209,150,.28));
}
body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge > *{position:relative;z-index:1}
body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:1.65rem;
  padding:.35rem .55rem;
  border-radius:999px;
  background:#fff;
  box-shadow:0 8px 18px rgba(15,23,42,.08);
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}
body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-state--before{border:1px solid rgba(209,62,121,.18);color:#b62f68}
body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-state--after{border:1px solid rgba(62,209,150,.24);color:#247a57}

/* OUTCOMES — small live-dashboard signals. */
body.marketing-site .cm-page--customer-success .cm-cs-result-card__signal{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  margin:0 0 .9rem;
  padding:.36rem .58rem;
  border:1px solid rgba(var(--cm-cs-result-accent),.18);
  border-radius:999px;
  background:rgba(var(--cm-cs-result-accent),.075);
  color:rgb(var(--cm-cs-result-accent));
  font-size:.62rem;
  font-weight:850;
  letter-spacing:.035em;
}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__signal-dot{
  width:.42rem;
  height:.42rem;
  border-radius:999px;
  background:currentColor;
  box-shadow:0 0 0 4px rgba(var(--cm-cs-result-accent),.10);
}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend{
  display:flex;
  align-items:flex-end;
  gap:.28rem;
  height:1.7rem;
  margin-top:1rem;
  padding:.38rem .5rem;
  border:1px solid rgba(var(--cm-cs-result-accent),.12);
  border-radius:10px;
  background:rgba(var(--cm-cs-result-accent),.04);
}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend span{
  width:20%;
  border-radius:999px 999px 2px 2px;
  background:linear-gradient(180deg,rgba(var(--cm-cs-result-accent),.95),rgba(var(--cm-cs-result-accent),.36));
}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend span:nth-child(1){height:30%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend span:nth-child(2){height:45%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend span:nth-child(3){height:52%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend span:nth-child(4){height:72%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend span:nth-child(5){height:92%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend--fast span:nth-child(2){height:68%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend--fast span:nth-child(3){height:82%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend--fast span:nth-child(4){height:86%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend--steady span:nth-child(1){height:42%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend--steady span:nth-child(2){height:50%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend--steady span:nth-child(3){height:62%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend--steady span:nth-child(4){height:70%}
body.marketing-site .cm-page--customer-success .cm-cs-result-card__trend--steady span:nth-child(5){height:78%}

@media (max-width:991px){
  body.marketing-site .cm-page--customer-success .cm-cs-lifecycle-card__next{display:none}
  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge::before{
    top:50%;bottom:auto;left:1.5rem;right:1.5rem;width:auto;height:2px;transform:none;
    background:linear-gradient(90deg,rgba(209,62,121,.22),rgba(62,121,209,.52),rgba(62,209,150,.26));
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge::before{display:none}
  body.marketing-site .cm-page--customer-success .cm-cs-transformation__bridge-state{white-space:normal;text-align:center}
}



/* ============================================================
 * CUSTOMER SUCCESS — FINAL HERO ENERGY + SECTION SEPARATION
 * Updated: 2026-07-30 07:02 PT
 * Scope:
 * - Page-scoped refinement only.
 * - Strengthens chapter separation between selected bands.
 * - Adds slightly more heading breathing room in key sections.
 * - Enhances the hero presentation without changing shared hero contracts.
 * - No global, loader, Bootstrap, controller, route, or portal changes.
 * ============================================================ */

/* Give selected sections a clearer chapter identity. */
body.marketing-site .cm-page--customer-success #customer-success-problems,
body.marketing-site .cm-page--customer-success #customer-success-lifecycle,
body.marketing-site .cm-page--customer-success #customer-success-results{
  position:relative;
  isolation:isolate;
}

body.marketing-site .cm-page--customer-success #customer-success-problems{
  background:
    linear-gradient(180deg,rgba(238,243,249,.98) 0%,rgba(244,247,251,.98) 100%);
}

body.marketing-site .cm-page--customer-success #customer-success-lifecycle{
  background:
    radial-gradient(circle at 12% 18%,rgba(62,121,209,.055),transparent 24rem),
    radial-gradient(circle at 88% 82%,rgba(128,90,213,.045),transparent 22rem),
    linear-gradient(180deg,#f5f8fc 0%,#eef3f8 100%);
}

body.marketing-site .cm-page--customer-success #customer-success-results{
  background:
    linear-gradient(180deg,rgba(246,248,251,.98),rgba(239,244,249,.98));
}

/* Subtle chapter rules stay inside this page and never affect shared bands. */
body.marketing-site .cm-page--customer-success #customer-success-problems::before,
body.marketing-site .cm-page--customer-success #customer-success-lifecycle::before,
body.marketing-site .cm-page--customer-success #customer-success-results::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(76rem,calc(100% - 3rem));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(62,121,209,.22),transparent);
  pointer-events:none;
}

/* Slightly more breathing room around the key chapter introductions. */
body.marketing-site .cm-page--customer-success #customer-success-problems .cm-cs-section-head,
body.marketing-site .cm-page--customer-success #customer-success-lifecycle .cm-cs-section-head,
body.marketing-site .cm-page--customer-success #customer-success-results .cm-cs-section-head{
  margin-bottom:clamp(2.25rem,4.2vw,3.45rem);
}

body.marketing-site .cm-page--customer-success #customer-success-lifecycle .cm-section-subtitle,
body.marketing-site .cm-page--customer-success #customer-success-results .cm-section-subtitle{
  max-width:50rem;
}

/* Strengthen the hero artwork as the visual focal point without changing layout. */


/* Keep the chapter treatment restrained on smaller screens. */
@media (max-width:767px){
  body.marketing-site .cm-page--customer-success #customer-success-problems::before,
  body.marketing-site .cm-page--customer-success #customer-success-lifecycle::before,
  body.marketing-site .cm-page--customer-success #customer-success-results::before{
    width:calc(100% - 2rem);
  }

  body.marketing-site .cm-page--customer-success #customer-success-problems .cm-cs-section-head,
  body.marketing-site .cm-page--customer-success #customer-success-lifecycle .cm-cs-section-head,
  body.marketing-site .cm-page--customer-success #customer-success-results .cm-cs-section-head{
    margin-bottom:2rem;
  }
}


/* =========================================================
   FIX — REMOVE SUCCESS REVIEW COMPLETE HERO BADGE
   Timestamp: 2026-07-30 07:15 PT
   Scope: Customer Success page only.
   - Permanently suppresses the separate CSS-generated badge.
   - Preserves hero sizing, SVG artwork, and all other polish.
   ========================================================= */



/* =========================================================
   CHANGE SET — SERVICES-STYLE HERO-WIDTH CONTRACT
   Updated: 2026-07-30 07:53 PT

   Purpose:
   - Uses the exact page-scoped width technique proven on the
     frozen Services page.
   - Directly targets each major section's immediate .container.
   - Avoids shared helpers, Bootstrap changes, and global overrides.
   ========================================================= */
@media (min-width:1200px){
  body.marketing-site .cm-page--customer-success #customer-success-problems > .container,
  body.marketing-site .cm-page--customer-success #customer-success-jobs > .container,
  body.marketing-site .cm-page--customer-success #customer-success-lifecycle > .container,
  body.marketing-site .cm-page--customer-success #customer-success-capabilities > .container,
  body.marketing-site .cm-page--customer-success #customer-success-transformation > .container,
  body.marketing-site .cm-page--customer-success #customer-success-results > .container,
  body.marketing-site .cm-page--customer-success #customer-success-faq > .container,
  body.marketing-site .cm-page--customer-success .cm-cs-cta > .container{
    width:min(1440px,calc(100% - 80px));
    max-width:none;
  }
}

/* The shared hero remains isolated, but follows the same desktop width. */


/* Give the wider FAQ chapter a stronger editorial balance. */
@media (min-width:1200px){
  body.marketing-site .cm-page--customer-success .cm-cs-faq__layout{
    grid-template-columns:minmax(320px,.70fr) minmax(0,1.30fr);
    gap:clamp(3rem,5vw,6rem);
  }
}

/* =========================================================
   CHANGE SET — HERO IMAGE RIGHT ALIGNMENT
   Updated: 2026-07-30 08:01 PT

   Purpose:
   - Keeps the approved Customer Success artwork size.
   - Anchors the artwork to the right side of the hero media column.
   - Corrects the centering shift introduced by the wider hero container.
   - Leaves shared hero, tablet, mobile, loader, and Bootstrap contracts intact.
   ========================================================= */


/* =========================================================
   CHANGE SET — HERO IMAGE FINAL DESKTOP POSITION
   Updated: 2026-07-30 08:07 PT

   Purpose:
   - Moves the approved artwork farther into the open right side
     of the hero without changing its size or vertical placement.
   - Desktop-only and page-scoped.
   ========================================================= */




/* =========================================================
   FINAL POLISH — Vertical Rhythm + CTA
   Updated: 2026-07-30 08:20 PT
   Page-scoped only.
   ========================================================= */
body.marketing-site .cm-page--customer-success #customer-success-jobs,
body.marketing-site .cm-page--customer-success #customer-success-capabilities{
  padding-top:clamp(4.75rem,8vw,7rem);
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__panel{
  box-shadow:0 36px 90px rgba(15,23,42,.16);
}

body.marketing-site .cm-page--customer-success .cm-cs-cta__trust{
  background:linear-gradient(145deg,#fff,rgba(62,209,150,.05));
}