/* =========================================================
   CROSSMERG WORKFLOW AUTOMATION DESTINATION PAGE
   File: assets/themes/crossmerg/custom/css/workflow-automation.css
   Created: 2026-08-06 10:54 PT
   Updated: 2026-08-06 12:27 PT

   Change Set:
   - Creates page-scoped Workflow Automation presentation.
   - Uses the frozen CRM Implementation page as the structural baseline.
   - Preserves shared hero, Quick Navigation, bands, cards, typography,
     CTA, Bootstrap, loader, and portal contracts.
   - Adds no page-specific hero geometry.
   - Adds responsive, accessibility, reduced-motion, and print safeguards.

   Scope:
   - .cm-page--workflow-automation
   - Workflow Automation section IDs only.
   ========================================================= */

body.marketing-site .cm-page--workflow-automation{overflow-x:clip;}

body.marketing-site .cm-page--workflow-automation .cm-wa-section-head{
  position:relative;
  max-width:880px;
  margin-bottom:clamp(1.75rem,4vw,3rem);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-section-head.cm-heading-center{
  margin-left:auto;
  margin-right:auto;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-section-head .cm-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin-bottom:.8rem;
  padding:.42rem .72rem;
  border:1px solid rgba(62,121,209,.16);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-section-head .cm-eyebrow::before{
  content:"";
  width:.52rem;
  height:.52rem;
  flex:0 0 .52rem;
  border-radius:999px;
  background:linear-gradient(135deg,#3e79d1,#3ed196);
  box-shadow:0 0 0 4px rgba(62,121,209,.09);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-section-head .cm-section-title{
  max-width:920px;
  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--workflow-automation .cm-wa-section-head .cm-section-subtitle{
  max-width:780px;
  margin-bottom:0;
  color:rgba(71,85,105,.94);
  font-size:clamp(1rem,1.5vw,1.1rem);
  line-height:1.7;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-scroll{margin-top:clamp(1.5rem,3vw,2.25rem);}

/* Shared hero contract owns all hero geometry. */

body.marketing-site .cm-page--workflow-automation #workflow-automation-friction,
body.marketing-site .cm-page--workflow-automation #workflow-automation-opportunities,
body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint,
body.marketing-site .cm-page--workflow-automation #workflow-automation-routing,
body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications,
body.marketing-site .cm-page--workflow-automation #workflow-automation-approvals,
body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization,
body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes,
body.marketing-site .cm-page--workflow-automation #workflow-automation-faq{
  padding-top:clamp(4.5rem,7.5vw,7rem);
  padding-bottom:clamp(4rem,6.5vw,6rem);
}

/* Shared card primitives */
body.marketing-site .cm-page--workflow-automation .cm-wa-friction__grid,
body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.2rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-opportunities__grid,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1.2rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card{
  --cm-wa-accent:62,121,209;
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  padding:1.45rem;
  border:1px solid rgba(var(--cm-wa-accent),.22);
  border-top:4px solid rgb(var(--cm-wa-accent));
  border-radius:21px;
  background:
    radial-gradient(circle at top right,rgba(var(--cm-wa-accent),.13),transparent 36%),
    linear-gradient(145deg,rgba(var(--cm-wa-accent),.08),rgba(255,255,255,.96) 48%);
  box-shadow:0 20px 48px rgba(15,23,42,.10);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card--blue,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card--blue,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card--blue{--cm-wa-accent:62,121,209;}
body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card--violet,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card--violet,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card--violet{--cm-wa-accent:128,90,213;}
body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card--rose,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card--rose{--cm-wa-accent:209,62,121;}
body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card--gold,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card--gold,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card--gold{--cm-wa-accent:209,150,62;}
body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card--green,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card--green,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card--green{--cm-wa-accent:62,209,150;}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card__top,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card__top,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.15rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card__icon,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card__icon,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card__icon{
  display:inline-flex;
  width:3.55rem;
  height:3.55rem;
  flex:0 0 3.55rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--cm-wa-accent),.20);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,rgba(var(--cm-wa-accent),.11));
  box-shadow:0 14px 30px rgba(15,23,42,.10);
  font-size:1.35rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card__number,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card__kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2rem;
  padding:.38rem .65rem;
  border:1px solid rgba(var(--cm-wa-accent),.22);
  border-radius:999px;
  background:rgba(var(--cm-wa-accent),.10);
  color:rgb(var(--cm-wa-accent));
  font-size:.67rem;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card__body{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card h3,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card h3,
body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card h3,
body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card h3,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card h3,
body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card h3,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card h3,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card h3{
  margin:0 0 .6rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.12rem;
  line-height:1.24;
  font-weight:850;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card p,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card p,
body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card p,
body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card p,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card p,
body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card p,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card p,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card > p:last-child{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.94rem;
  line-height:1.64;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card__impact{
  display:grid;
  gap:.35rem;
  margin-top:auto;
  padding-top:1rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card__impact::before{
  content:"";
  width:100%;
  height:1px;
  margin-bottom:.45rem;
  background:linear-gradient(90deg,rgba(var(--cm-wa-accent),.38),rgba(var(--cm-wa-accent),.04));
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card__impact span{
  color:rgb(var(--cm-wa-accent));
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card__impact strong{
  color:rgba(15,23,42,.82);
  font-size:.85rem;
  line-height:1.42;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card{min-height:15.5rem;}
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card__rule{
  width:3.7rem;
  height:4px;
  margin-top:auto;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(var(--cm-wa-accent),.95),rgba(var(--cm-wa-accent),.24));
}

/* Blueprint + optimization roadmap */
body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__intro{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:end;
  margin-bottom:clamp(2rem,4vw,3.25rem);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__intro .cm-wa-section-head{margin-bottom:0;}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__statement,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement{
  display:grid;
  grid-template-columns:4.5rem minmax(0,1fr);
  gap:1.3rem;
  align-items:center;
  padding:clamp(1.45rem,3vw,2.15rem);
  border:1px solid rgba(62,121,209,.26);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(62,121,209,.12),rgba(128,90,213,.05) 46%,rgba(255,255,255,.96));
  box-shadow:0 24px 58px rgba(15,23,42,.12);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__statement > span,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle-icon,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement > span{
  display:inline-flex;
  width:4.5rem;
  height:4.5rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(62,121,209,.20);
  border-radius:22px;
  background:#fff;
  color:var(--cm-brand,#3e79d1);
  box-shadow:0 14px 32px rgba(15,23,42,.11);
  font-size:1.35rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__statement p:first-child,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle-eyebrow,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement-eyebrow{
  margin:0 0 .35rem;
  color:var(--cm-brand,#3e79d1);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__statement h3,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle h3,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement h3{
  margin:0 0 .5rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.35rem;
  line-height:1.18;
  font-weight:850;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__statement p:last-child,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle p:last-child,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement p:last-child{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  line-height:1.68;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__grid,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__flow,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:1.1rem;
  margin:0;
  padding:0;
  list-style:none;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__grid::before,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__flow::before,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__grid::before{
  content:"";
  position:absolute;
  top:3.15rem;
  left:4%;
  right:4%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(62,121,209,.52),rgba(128,90,213,.48),rgba(209,150,62,.48),rgba(62,209,150,.50),rgba(62,121,209,.48),rgba(209,62,121,.46));
  box-shadow:0 0 0 1px rgba(255,255,255,.72),0 8px 18px rgba(62,121,209,.13);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card{
  --cm-wa-step-accent:62,121,209;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  min-height:18rem;
  overflow:hidden;
  padding:1.35rem;
  border:1px solid rgba(var(--cm-wa-step-accent),.22);
  border-top:4px solid rgb(var(--cm-wa-step-accent));
  border-radius:20px;
  background:linear-gradient(145deg,rgba(var(--cm-wa-step-accent),.08),rgba(255,255,255,.97) 48%);
  box-shadow:0 18px 44px rgba(15,23,42,.10);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card:nth-child(2),
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card:nth-child(2),
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card:nth-child(2){--cm-wa-step-accent:128,90,213;}
body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card:nth-child(3),
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card:nth-child(3),
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card:nth-child(3){--cm-wa-step-accent:209,150,62;}
body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card:nth-child(4),
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card:nth-child(4),
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card:nth-child(4){--cm-wa-step-accent:62,209,150;}
body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card:nth-child(5),
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card:nth-child(5),
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card:nth-child(5){--cm-wa-step-accent:62,121,209;}
body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card:nth-child(6),
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card:nth-child(6),
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card:nth-child(6){--cm-wa-step-accent:209,62,121;}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card__top,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card__top,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.4rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card__step,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card__step,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card__step{
  display:inline-flex;
  min-width:2.3rem;
  min-height:2.3rem;
  align-items:center;
  justify-content:center;
  padding:.35rem .55rem;
  border:1px solid rgba(var(--cm-wa-step-accent),.24);
  border-radius:999px;
  background:rgba(var(--cm-wa-step-accent),.10);
  color:rgb(var(--cm-wa-step-accent));
  font-size:.7rem;
  font-weight:950;
  letter-spacing:.08em;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card__icon,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card__icon,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-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:linear-gradient(145deg,#fff,rgba(var(--cm-wa-step-accent),.11));
  box-shadow:0 0 0 1px rgba(var(--cm-wa-step-accent),.22),0 14px 30px rgba(15,23,42,.12);
  font-size:1.2rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card__content{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card__deliverable{
  display:grid;
  gap:.28rem;
  margin-top:auto;
  padding-top:1rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card__deliverable::before{
  content:"";
  width:100%;
  height:1px;
  margin-bottom:.45rem;
  background:linear-gradient(90deg,rgba(var(--cm-wa-step-accent),.38),rgba(var(--cm-wa-step-accent),.05));
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card__deliverable span{
  color:rgb(var(--cm-wa-step-accent));
  font-size:.64rem;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card__deliverable strong{
  color:rgba(15,23,42,.82);
  font-size:.83rem;
  line-height:1.35;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement{
  max-width:1080px;
  margin:2.6rem auto 0;
}

/* Notifications */
body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card{
  --cm-wa-notify-accent:62,121,209;
  position:relative;
  min-height:100%;
  overflow:hidden;
  padding:1.5rem;
  border:1px solid rgba(var(--cm-wa-notify-accent),.22);
  border-top:4px solid rgb(var(--cm-wa-notify-accent));
  border-radius:20px;
  background:linear-gradient(145deg,rgba(var(--cm-wa-notify-accent),.075),rgba(255,255,255,.96) 47%);
  box-shadow:0 18px 42px rgba(15,23,42,.09);
}
body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card:nth-child(2){--cm-wa-notify-accent:128,90,213;}
body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card:nth-child(3){--cm-wa-notify-accent:209,150,62;}
body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card:nth-child(4){--cm-wa-notify-accent:62,209,150;}
body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card:nth-child(5){--cm-wa-notify-accent:62,121,209;}
body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card:nth-child(6){--cm-wa-notify-accent:209,62,121;}

body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card__icon{
  display:inline-flex;
  width:3.7rem;
  height:3.7rem;
  align-items:center;
  justify-content:center;
  margin-bottom:1rem;
  border:1px solid rgba(var(--cm-wa-notify-accent),.20);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,rgba(var(--cm-wa-notify-accent),.10));
  box-shadow:0 14px 30px rgba(15,23,42,.10);
  font-size:1.35rem;
}

/* Approvals */
body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__layout{
  display:grid;
  grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);
  gap:clamp(2.5rem,5.5vw,5.5rem);
  align-items:start;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__layout > .cm-wa-section-head{
  position:sticky;
  top:7rem;
  margin-bottom:0;
  padding:1.35rem;
  border:1px solid rgba(62,121,209,.16);
  border-radius:24px;
  background:radial-gradient(circle at top left,rgba(62,121,209,.09),transparent 42%),rgba(255,255,255,.82);
  box-shadow:0 20px 48px rgba(15,23,42,.08);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__note{
  display:grid;
  grid-template-columns:3.2rem minmax(0,1fr);
  gap:1rem;
  align-items:start;
  margin-top:1.45rem;
  padding:1.15rem;
  border:1px solid rgba(62,121,209,.24);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(62,121,209,.11),rgba(255,255,255,.95));
  box-shadow:0 16px 38px rgba(15,23,42,.08);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__note > 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--workflow-automation .cm-wa-approvals__note p{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.94rem;
  line-height:1.65;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__steps{
  position:relative;
  display:grid;
  gap:1.05rem;
  margin:0;
  padding:0;
  list-style:none;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__steps::before{
  content:"";
  position:absolute;
  top:2rem;
  bottom:2rem;
  left:2.45rem;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(62,121,209,.48),rgba(128,90,213,.46),rgba(209,150,62,.45),rgba(62,209,150,.46),rgba(209,62,121,.44));
  box-shadow:0 0 0 1px rgba(255,255,255,.74);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card{
  --cm-wa-approval-accent:62,121,209;
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:5.2rem minmax(0,1fr);
  gap:1.25rem;
  align-items:center;
  min-height:8.25rem;
  padding:1.35rem;
  border:1px solid rgba(var(--cm-wa-approval-accent),.22);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(var(--cm-wa-approval-accent),.07),rgba(255,255,255,.97) 48%);
  box-shadow:0 16px 38px rgba(15,23,42,.08);
}
body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card:nth-child(2){--cm-wa-approval-accent:128,90,213;}
body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card:nth-child(3){--cm-wa-approval-accent:209,150,62;}
body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card:nth-child(4){--cm-wa-approval-accent:62,209,150;}
body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card:nth-child(5){--cm-wa-approval-accent:209,62,121;}

body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card__marker{
  display:grid;
  gap:.45rem;
  justify-items:center;
  padding:.75rem;
  border:1px solid rgba(var(--cm-wa-approval-accent),.22);
  border-radius:17px;
  background:linear-gradient(145deg,#fff,rgba(var(--cm-wa-approval-accent),.10));
  box-shadow:0 0 0 6px rgba(255,255,255,.92),0 12px 28px rgba(15,23,42,.10);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card__marker span:first-child{
  color:rgb(var(--cm-wa-approval-accent));
  font-size:.7rem;
  font-weight:950;
  letter-spacing:.08em;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card__marker span:last-child{font-size:1.35rem;}

/* Outcomes */
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card{min-height:18rem;padding:1.6rem;}
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card__line{
  width:100%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(var(--cm-wa-accent),.78),rgba(var(--cm-wa-accent),.06));
}
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card__metric{
  margin:0 0 .5rem;
  color:rgb(var(--cm-wa-accent));
  font-size:clamp(2.55rem,4.5vw,3.7rem);
  line-height:.92;
  font-weight:950;
  letter-spacing:-.055em;
}

/* FAQ */
body.marketing-site .cm-page--workflow-automation .cm-wa-faq__layout{
  display:grid;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);
  gap:clamp(3.5rem,5.5vw,6.5rem);
  align-items:start;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq__layout > .cm-wa-section-head{
  position:sticky;
  top:7rem;
  margin-bottom:0;
  padding:1.35rem;
  border:1px solid rgba(62,121,209,.16);
  border-radius:24px;
  background:radial-gradient(circle at top left,rgba(62,121,209,.08),transparent 40%),rgba(255,255,255,.82);
  box-shadow:0 20px 48px rgba(15,23,42,.08);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq__list{display:grid;gap:1rem;}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item{
  --cm-wa-faq-accent:62,121,209;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.25);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:0 13px 30px rgba(15,23,42,.07);
}

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

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

body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:5rem;
  padding:1.1rem 1.2rem 1.1rem 1.3rem;
  color:var(--cm-ink,#0f172a);
  cursor:pointer;
  list-style:none;
}
body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item summary::-webkit-details-marker{display:none;}

body.marketing-site .cm-page--workflow-automation .cm-wa-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--workflow-automation .cm-wa-faq-item__number,
body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item__toggle{
  display:inline-flex;
  width:2.3rem;
  height:2.3rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--cm-wa-faq-accent),.18);
  border-radius:999px;
  background:rgba(var(--cm-wa-faq-accent),.08);
  color:rgb(var(--cm-wa-faq-accent));
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item__number{
  font-size:.67rem;
  font-weight:950;
  letter-spacing:.07em;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item__question{
  min-width:0;
  font-size:1.02rem;
  font-weight:850;
  line-height:1.4;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item__toggle{
  flex:0 0 2.3rem;
  font-size:.82rem;
  transition:transform 180ms ease;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item[open] .cm-wa-faq-item__number,
body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item[open] .cm-wa-faq-item__toggle{
  border-color:rgba(var(--cm-wa-faq-accent),.34);
  background:rgb(var(--cm-wa-faq-accent));
  color:#fff;
}
body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item[open] .cm-wa-faq-item__toggle{transform:rotate(45deg);}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item__answer{padding:0 1.25rem 1.3rem 4.35rem;}
body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item__answer p{
  margin:0;
  padding-top:.9rem;
  border-top:1px solid rgba(var(--cm-wa-faq-accent),.13);
  color:var(--cm-muted-strong,#475569);
  font-size:.97rem;
  line-height:1.76;
}

/* Closing CTA — inherits frozen destination-page container width */
body.marketing-site .cm-page--workflow-automation .cm-wa-cta{
  position:relative;
  overflow:hidden;
  padding-top:clamp(5rem,8vw,7.5rem);
  padding-bottom:clamp(5rem,8vw,7.5rem);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-cta__panel{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:clamp(2.25rem,5vw,4.75rem);
  align-items:center;
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:clamp(2rem,5vw,3.5rem);
  border:1px solid rgba(255,255,255,.72);
  border-radius:30px;
  background:radial-gradient(circle at top right,rgba(62,209,150,.10),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.97),rgba(247,251,255,.92) 48%,rgba(241,252,248,.94));
  box-shadow:0 34px 90px rgba(15,23,42,.16),inset 0 0 0 1px rgba(255,255,255,.58);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-cta__content{max-width:820px;}
body.marketing-site .cm-page--workflow-automation .cm-wa-cta__icon{
  display:inline-flex;
  width:5rem;
  height:5rem;
  align-items:center;
  justify-content:center;
  margin-bottom:1.15rem;
  border:1px solid rgba(62,121,209,.20);
  border-radius:25px;
  background:linear-gradient(145deg,#fff,rgba(62,121,209,.11));
  color:var(--cm-brand,#3e79d1);
  box-shadow:0 20px 44px rgba(15,23,42,.13);
  font-size:1.6rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-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--workflow-automation .cm-wa-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--workflow-automation .cm-wa-cta__actions{display:flex;flex-wrap:wrap;gap:.85rem;}
body.marketing-site .cm-page--workflow-automation .cm-wa-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--workflow-automation .cm-wa-cta__trust{
  display:flex;
  min-height:100%;
  flex-direction:column;
  justify-content:center;
  padding:1.35rem;
  border:1px solid rgba(62,209,150,.24);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(62,209,150,.07));
  box-shadow:0 22px 52px rgba(15,23,42,.11);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-cta__trust-head{
  display:grid;
  grid-template-columns:3.75rem minmax(0,1fr);
  gap:1.05rem;
  align-items:center;
  margin-bottom:1.1rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-cta__trust-head > span{
  display:inline-flex;
  width:3.75rem;
  height:3.75rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(62,209,150,.22);
  border-radius:19px;
  background:linear-gradient(145deg,#fff,rgba(62,209,150,.14));
  color:#249f6b;
  box-shadow:0 12px 26px rgba(36,159,107,.12);
  font-size:1.3rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-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--workflow-automation .cm-wa-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--workflow-automation .cm-wa-cta__trust ul{display:grid;gap:.75rem;margin:0;padding:0;list-style:none;}
body.marketing-site .cm-page--workflow-automation .cm-wa-cta__trust li{
  display:grid;
  grid-template-columns:1.75rem minmax(0,1fr);
  gap:.7rem;
  align-items:center;
  padding:.5rem .55rem;
  border:1px solid rgba(62,209,150,.12);
  border-radius:12px;
  background:rgba(255,255,255,.64);
  color:rgba(15,23,42,.78);
  font-size:.92rem;
  font-weight:750;
}
body.marketing-site .cm-page--workflow-automation .cm-wa-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;
}

/* Wide destination-page containers */
@media (min-width:1200px){
  body.marketing-site .cm-page--workflow-automation #workflow-automation-friction > .container,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-opportunities > .container,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint > .container,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-routing > .container,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications > .container,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-approvals > .container,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization > .container,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes > .container,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-faq > .container,
  body.marketing-site .cm-page--workflow-automation .cm-wa-cta > .container{
    width:min(1440px,calc(100% - 80px));
    max-width:none;
  }
}

/* Interaction */
@media (hover:hover){
  body.marketing-site .cm-page--workflow-automation .cm-card{
    transition:transform 170ms ease,box-shadow 170ms ease,border-color 170ms ease;
  }
  body.marketing-site .cm-page--workflow-automation .cm-card:hover{
    transform:translateY(-4px);
    border-color:rgba(62,121,209,.38);
    box-shadow:0 26px 58px rgba(15,23,42,.13);
  }
}

/* Responsive */
@media (max-width:1199px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-opportunities__grid,
  body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__grid,
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__flow,
  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card{min-height:16rem;}
}

@media (max-width:991px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-friction__grid,
  body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__intro,
  body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__layout,
  body.marketing-site .cm-page--workflow-automation .cm-wa-faq__layout,
  body.marketing-site .cm-page--workflow-automation .cm-wa-cta__panel{grid-template-columns:1fr;gap:1.5rem;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__grid::before,
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__flow::before,
  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__grid::before{display:none;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__layout > .cm-wa-section-head,
  body.marketing-site .cm-page--workflow-automation .cm-wa-faq__layout > .cm-wa-section-head{position:static;}
}

@media (max-width:767px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-section-head{width:100%;max-width:none;margin-bottom:1.5rem;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-section-head .cm-section-title{font-size:clamp(1.9rem,8.5vw,2.45rem);}
  body.marketing-site .cm-page--workflow-automation .cm-wa-friction__grid,
  body.marketing-site .cm-page--workflow-automation .cm-wa-opportunities__grid,
  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__grid,
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__flow,
  body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__grid,
  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__grid,
  body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__grid{grid-template-columns:1fr;}

  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card{min-height:auto;}

  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__statement,
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle,
  body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement{grid-template-columns:1fr;gap:1rem;padding:1.25rem;}

  body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card{grid-template-columns:4.25rem minmax(0,1fr);gap:1rem;padding:1.2rem;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__steps::before{left:2.05rem;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item__answer{padding:0 1rem 1.15rem;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item__answer p{padding-left:2.7rem;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-cta__panel{padding:1.35rem;border-radius:24px;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-cta__actions{flex-direction:column;align-items:stretch;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-cta__actions a{width:100%;}
}

/* Accessibility and safeguards */
body.marketing-site .cm-page--workflow-automation h1,
body.marketing-site .cm-page--workflow-automation h2,
body.marketing-site .cm-page--workflow-automation h3,
body.marketing-site .cm-page--workflow-automation p,
body.marketing-site .cm-page--workflow-automation li,
body.marketing-site .cm-page--workflow-automation summary,
body.marketing-site .cm-page--workflow-automation a{overflow-wrap:anywhere;}

body.marketing-site .cm-page--workflow-automation a:focus-visible,
body.marketing-site .cm-page--workflow-automation button:focus-visible,
body.marketing-site .cm-page--workflow-automation summary:focus-visible{
  outline:3px solid rgba(62,121,209,.34);
  outline-offset:3px;
}

body.marketing-site .cm-page--workflow-automation .btn,
body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item summary{min-height:44px;}

@media (prefers-reduced-motion:reduce){
  body.marketing-site .cm-page--workflow-automation,
  body.marketing-site .cm-page--workflow-automation *,
  body.marketing-site .cm-page--workflow-automation *::before,
  body.marketing-site .cm-page--workflow-automation *::after{
    scroll-behavior:auto !important;
    transition-duration:.001ms !important;
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
  }
  body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item[open] .cm-wa-faq-item__toggle{transform:none;}
}

@media print{
  body.marketing-site .cm-page--workflow-automation{overflow:visible;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-scroll,
  body.marketing-site .cm-page--workflow-automation .cm-wa-cta__actions{display:none !important;}
  body.marketing-site .cm-page--workflow-automation .cm-section--band{background:#fff !important;color:#000 !important;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item{break-inside:avoid;}
  body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item:not([open]) > .cm-wa-faq-item__answer{display:block;}
}


/* =========================================================
   CHANGE SET — FIRST VISUAL HIERARCHY PASS
   Updated: 2026-08-06 11:21 PT

   Purpose:
   - Adds stronger separation between major page sections.
   - Strengthens workflow connector paths and step markers.
   - Converts Notifications into an alternating split layout.
   - Gives Continuous Optimization a distinct visual identity.
   - Adds subtle, page-scoped workflow-node decoration.
   - Preserves shared hero, Quick Navigation, CTA, loader,
     Bootstrap, portal, and global marketing contracts.

   Scope:
   - Workflow Automation page only.
   - PHP section markup + additive page-scoped CSS.
   ========================================================= */

/* MAJOR SECTION RHYTHM */
body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint,
body.marketing-site .cm-page--workflow-automation #workflow-automation-routing,
body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications,
body.marketing-site .cm-page--workflow-automation #workflow-automation-approvals,
body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization,
body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes,
body.marketing-site .cm-page--workflow-automation #workflow-automation-faq{
  padding-top:clamp(5.25rem,8.2vw,7.75rem);
}

body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint,
body.marketing-site .cm-page--workflow-automation #workflow-automation-routing,
body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications,
body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization,
body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes{
  position:relative;
  overflow:hidden;
}

body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint::after,
body.marketing-site .cm-page--workflow-automation #workflow-automation-routing::after,
body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications::after,
body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization::after,
body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes::after{
  content:"";
  position:absolute;
  width:24rem;
  height:24rem;
  border-radius:999px;
  pointer-events:none;
  opacity:.48;
}

body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint::after,
body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications::after,
body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes::after{
  top:-10rem;
  right:-8rem;
  background:radial-gradient(circle,rgba(62,121,209,.13),rgba(62,121,209,0) 68%);
}

body.marketing-site .cm-page--workflow-automation #workflow-automation-routing::after,
body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization::after{
  bottom:-11rem;
  left:-8rem;
  background:radial-gradient(circle,rgba(62,209,150,.12),rgba(62,209,150,0) 68%);
}

body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint > .container,
body.marketing-site .cm-page--workflow-automation #workflow-automation-routing > .container,
body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications > .container,
body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization > .container,
body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes > .container{
  position:relative;
  z-index:1;
}

/* SUBTLE WORKFLOW NODE DECORATION */
body.marketing-site .cm-page--workflow-automation #workflow-automation-routing::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization::before{
  content:"";
  position:absolute;
  inset:3.5rem auto auto 4%;
  width:10rem;
  height:5rem;
  pointer-events:none;
  opacity:.10;
  background:
    radial-gradient(circle at 8% 50%,#3e79d1 0 .36rem,transparent .4rem),
    radial-gradient(circle at 50% 18%,#805ad5 0 .36rem,transparent .4rem),
    radial-gradient(circle at 92% 68%,#3ed196 0 .36rem,transparent .4rem),
    linear-gradient(22deg,transparent 46%,#3e79d1 47% 49%,transparent 50%),
    linear-gradient(-18deg,transparent 46%,#805ad5 47% 49%,transparent 50%);
}

/* STRONGER WORKFLOW DIAGRAMS */
@media (min-width:992px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__grid::before,
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__flow::before,
  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__grid::before{
    height:4px;
    background:
      linear-gradient(
        90deg,
        rgba(62,121,209,.70),
        rgba(128,90,213,.64),
        rgba(209,150,62,.64),
        rgba(62,209,150,.67),
        rgba(62,121,209,.63),
        rgba(209,62,121,.60)
      );
    box-shadow:
      0 0 0 1px rgba(255,255,255,.78),
      0 0 22px rgba(62,121,209,.18),
      0 10px 24px rgba(62,121,209,.15);
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card:not(:last-child)::after,
  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card:not(:last-child)::after{
    content:"→";
    position:absolute;
    top:50%;
    right:-1.17rem;
    z-index:4;
    display:inline-flex;
    width:2.05rem;
    height:2.05rem;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%);
    border:1px solid rgba(62,121,209,.28);
    border-radius:999px;
    background:#fff;
    color:var(--cm-brand,#3e79d1);
    box-shadow:0 10px 24px rgba(15,23,42,.13);
    font-size:.88rem;
    font-weight:950;
    pointer-events:none;
  }
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card__step,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card__step,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card__step{
  min-width:2.55rem;
  min-height:2.55rem;
  padding:.42rem .62rem;
  box-shadow:0 8px 18px rgba(var(--cm-wa-step-accent),.12);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card__icon,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card__icon,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card__icon{
  width:3.55rem;
  height:3.55rem;
  flex-basis:3.55rem;
  box-shadow:
    0 0 0 1px rgba(var(--cm-wa-step-accent),.24),
    0 0 0 7px rgba(255,255,255,.93),
    0 16px 34px rgba(15,23,42,.14);
}

/* ALTERNATING NOTIFICATIONS LAYOUT */
body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__layout{
  display:grid;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  gap:clamp(3rem,5.5vw,6rem);
  align-items:start;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__intro{
  position:sticky;
  top:7rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__intro .cm-wa-section-head{
  margin-bottom:1.4rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__principle{
  display:grid;
  grid-template-columns:3.9rem minmax(0,1fr);
  gap:1.05rem;
  align-items:start;
  padding:1.3rem;
  border:1px solid rgba(62,121,209,.22);
  border-radius:22px;
  background:
    radial-gradient(circle at top right,rgba(62,209,150,.10),transparent 38%),
    linear-gradient(135deg,rgba(62,121,209,.10),rgba(255,255,255,.94));
  box-shadow:0 20px 48px rgba(15,23,42,.10);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__principle > span{
  display:inline-flex;
  width:3.9rem;
  height:3.9rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(62,121,209,.20);
  border-radius:20px;
  background:#fff;
  color:var(--cm-brand,#3e79d1);
  box-shadow:0 14px 30px rgba(15,23,42,.10);
  font-size:1.2rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__principle p:first-child{
  margin:0 0 .28rem;
  color:var(--cm-brand,#3e79d1);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__principle h3{
  margin:0 0 .45rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.16rem;
  line-height:1.22;
  font-weight:850;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__principle p:last-child{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.92rem;
  line-height:1.62;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.15rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card{
  min-height:14.5rem;
}

/* CONTINUOUS OPTIMIZATION EMPHASIS */
body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization{
  background-image:
    linear-gradient(135deg,rgba(62,121,209,.025),rgba(62,209,150,.035));
}

body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card{
  min-height:16.5rem;
  background:
    radial-gradient(circle at top right,rgba(var(--cm-wa-step-accent),.14),transparent 34%),
    linear-gradient(145deg,rgba(var(--cm-wa-step-accent),.09),rgba(255,255,255,.97) 48%);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card:nth-child(6){
  border-color:rgba(62,209,150,.38);
  box-shadow:
    0 24px 58px rgba(36,159,107,.14),
    inset 0 0 0 1px rgba(255,255,255,.60);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__statement{
  display:grid;
  grid-template-columns:4.5rem minmax(0,1fr);
  gap:1.3rem;
  align-items:center;
  max-width:1080px;
  margin:2.65rem auto 0;
  padding:clamp(1.45rem,3vw,2.15rem);
  border:1px solid rgba(62,121,209,.28);
  border-radius:24px;
  background:
    radial-gradient(circle at bottom left,rgba(62,209,150,.13),transparent 38%),
    linear-gradient(135deg,rgba(62,121,209,.12),rgba(128,90,213,.05) 48%,rgba(255,255,255,.97));
  box-shadow:
    0 30px 72px rgba(15,23,42,.13),
    inset 0 0 0 1px rgba(255,255,255,.58);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__statement > span{
  display:inline-flex;
  width:4.5rem;
  height:4.5rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(62,121,209,.20);
  border-radius:22px;
  background:#fff;
  color:var(--cm-brand,#3e79d1);
  box-shadow:0 14px 32px rgba(15,23,42,.11);
  font-size:1.35rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__statement-eyebrow{
  margin:0 0 .35rem;
  color:var(--cm-brand,#3e79d1);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__statement h3{
  margin:0 0 .5rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.35rem;
  line-height:1.18;
  font-weight:850;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__statement p:last-child{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  line-height:1.68;
}

/* RESPONSIVE SAFEGUARDS */
@media (max-width:1199px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card{
    min-height:13.5rem;
  }
}

@media (max-width:991px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__layout{
    grid-template-columns:1fr;
    gap:1.6rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__intro{
    position:static;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card{
    min-height:auto;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card::after,
  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card::after{
    display:none !important;
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-routing,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-approvals,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-faq{
    padding-top:4.5rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__grid{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__principle{
    grid-template-columns:3.4rem minmax(0,1fr);
    padding:1.15rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__principle > span{
    width:3.4rem;
    height:3.4rem;
    border-radius:18px;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__statement{
    grid-template-columns:1fr;
    gap:1rem;
    margin-top:1.8rem;
    padding:1.25rem;
  }
}


/* =========================================================
   CHANGE SET — LOWER-PAGE EMPHASIS PASS
   Updated: 2026-08-06 11:34 PT

   Purpose:
   - Strengthens Practical Business Outcomes visual authority.
   - Adds a compact operational-benefit proof strip.
   - Improves FAQ left-column usefulness and visual balance.
   - Strengthens closing CTA hierarchy without altering the
     frozen destination-page CTA width contract.
   - Preserves shared hero, Quick Navigation, CTA container,
     loader, Bootstrap, portal, and global marketing contracts.

   Scope:
   - Workflow Automation page only.
   - PHP markup + additive page-scoped CSS.
   ========================================================= */

/* PRACTICAL OUTCOMES — STRONGER AUTHORITY */
body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes{
  padding-bottom:clamp(4.75rem,7vw,6.5rem);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__grid{
  gap:1.25rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card{
  position:relative;
  min-height:19rem;
  padding:1.7rem;
  box-shadow:
    0 24px 58px rgba(15,23,42,.11),
    inset 0 0 0 1px rgba(255,255,255,.52);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card::before{
  content:"";
  position:absolute;
  right:-2.75rem;
  bottom:-2.75rem;
  width:8.5rem;
  height:8.5rem;
  border-radius:999px;
  background:rgba(var(--cm-wa-accent),.055);
  pointer-events:none;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card__top,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card__metric,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card h3,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card > p:last-child{
  position:relative;
  z-index:1;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card__icon{
  width:3.8rem;
  height:3.8rem;
  flex-basis:3.8rem;
  border-radius:19px;
  font-size:1.45rem;
  box-shadow:
    0 16px 34px rgba(15,23,42,.11),
    inset 0 0 0 1px rgba(255,255,255,.64);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card__metric{
  font-size:clamp(2.75rem,4.8vw,4rem);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card h3{
  margin-bottom:.8rem;
  font-size:1.16rem;
}

/* OUTCOMES PROOF STRIP */
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:1120px;
  margin:2rem auto 0;
  overflow:hidden;
  border:1px solid rgba(62,121,209,.18);
  border-radius:20px;
  background:rgba(255,255,255,.84);
  box-shadow:0 18px 44px rgba(15,23,42,.09);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof > div{
  display:grid;
  grid-template-columns:2.65rem minmax(0,1fr);
  gap:.8rem;
  align-items:center;
  min-height:5rem;
  padding:1rem 1.15rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof > div + div{
  border-left:1px solid rgba(148,163,184,.18);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof span{
  display:inline-flex;
  width:2.65rem;
  height:2.65rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(62,121,209,.18);
  border-radius:14px;
  background:linear-gradient(145deg,#fff,rgba(62,121,209,.09));
  color:var(--cm-brand,#3e79d1);
  box-shadow:0 10px 22px rgba(15,23,42,.08);
  font-size:1rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof p{
  margin:0;
  color:rgba(15,23,42,.82);
  font-size:.9rem;
  font-weight:800;
  line-height:1.35;
}

/* OUTCOMES STATEMENT */
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement{
  position:relative;
  overflow:hidden;
  margin-top:2.25rem;
  border-color:rgba(62,121,209,.30);
  background:
    radial-gradient(circle at bottom left,rgba(62,209,150,.13),transparent 38%),
    linear-gradient(135deg,rgba(62,121,209,.13),rgba(128,90,213,.05) 48%,rgba(255,255,255,.97));
  box-shadow:
    0 32px 78px rgba(15,23,42,.14),
    inset 0 0 0 1px rgba(255,255,255,.60);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement::after{
  content:"";
  position:absolute;
  right:-4rem;
  bottom:-4rem;
  width:12rem;
  height:12rem;
  border-radius:999px;
  background:rgba(62,121,209,.055);
  pointer-events:none;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement > span,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement > div{
  position:relative;
  z-index:1;
}

/* FAQ — STRONGER LEFT-COLUMN UTILITY */
body.marketing-site .cm-page--workflow-automation #workflow-automation-faq{
  padding-top:clamp(5.5rem,8vw,7.5rem);
  padding-bottom:clamp(4.75rem,7vw,6.5rem);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq__support{
  display:grid;
  grid-template-columns:3.2rem minmax(0,1fr);
  gap:1rem;
  align-items:center;
  margin-top:1.5rem;
  padding:1.1rem;
  border:1px solid rgba(62,121,209,.18);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(62,121,209,.08),rgba(255,255,255,.94));
  box-shadow:0 14px 34px rgba(15,23,42,.07);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq__support > 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 22px rgba(15,23,42,.08);
  font-size:1.05rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq__support p{
  margin:0 0 .28rem;
  color:var(--cm-ink,#0f172a);
  font-size:.9rem;
  font-weight:800;
  line-height:1.35;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq__support a{
  color:var(--cm-brand,#3e79d1);
  font-size:.84rem;
  font-weight:800;
  text-decoration:none;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq__support a:hover{
  text-decoration:underline;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item{
  transition:border-color 170ms ease,box-shadow 170ms ease,background-color 170ms ease;
}

@media (hover:hover){
  body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item:not([open]):hover{
    border-color:rgba(62,121,209,.30);
    box-shadow:0 17px 38px rgba(15,23,42,.10);
  }
}

/* CLOSING CTA — STRONGER HIERARCHY, SAME WIDTH CONTRACT */
body.marketing-site .cm-page--workflow-automation .cm-wa-cta{
  padding-top:clamp(5.5rem,8.5vw,8rem);
  padding-bottom:clamp(5.5rem,8.5vw,8rem);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-cta__panel{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.78);
  background:
    radial-gradient(circle at top right,rgba(62,209,150,.12),transparent 31%),
    radial-gradient(circle at bottom left,rgba(62,121,209,.10),transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,251,255,.94) 48%,rgba(241,252,248,.95));
  box-shadow:
    0 38px 98px rgba(15,23,42,.17),
    inset 0 0 0 1px rgba(255,255,255,.62);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-cta__panel::after{
  content:"";
  position:absolute;
  top:-5rem;
  right:-4rem;
  width:15rem;
  height:15rem;
  border-radius:999px;
  background:rgba(62,209,150,.055);
  pointer-events:none;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-cta__content,
body.marketing-site .cm-page--workflow-automation .cm-wa-cta__trust{
  position:relative;
  z-index:1;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-cta__icon{
  box-shadow:
    0 22px 50px rgba(15,23,42,.14),
    inset 0 0 0 1px rgba(255,255,255,.66);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-cta__trust{
  border-color:rgba(62,209,150,.28);
  background:
    radial-gradient(circle at top right,rgba(62,209,150,.11),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(62,209,150,.08));
  box-shadow:0 24px 58px rgba(15,23,42,.12);
}

/* RESPONSIVE */
@media (max-width:991px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof > div:nth-child(3){
    border-left:0;
    border-top:1px solid rgba(148,163,184,.18);
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof > div:nth-child(4){
    border-top:1px solid rgba(148,163,184,.18);
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card{
    min-height:auto;
    padding:1.4rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof{
    grid-template-columns:1fr;
    margin-top:1.5rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof > div + div{
    border-left:0;
    border-top:1px solid rgba(148,163,184,.18);
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-faq__support{
    grid-template-columns:2.9rem minmax(0,1fr);
    padding:1rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-faq__support > span{
    width:2.9rem;
    height:2.9rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-cta{
    padding-top:4.75rem;
    padding-bottom:4.75rem;
  }
}


/* =========================================================
   CHANGE SET — UPPER-PAGE EMPHASIS PASS
   Updated: 2026-08-06 11:46 PT

   Purpose:
   - Strengthens the manual-work friction narrative.
   - Adds clearer automation-opportunity grouping.
   - Gives the Workflow Blueprint a more distinct setup.
   - Improves upper-page section rhythm and visual progression.
   - Preserves shared hero, Quick Navigation, CTA, loader,
     Bootstrap, portal, and global marketing contracts.

   Scope:
   - Workflow Automation page only.
   - PHP markup + additive page-scoped CSS.
   ========================================================= */

/* FRICTION — STRONGER NARRATIVE */
body.marketing-site .cm-page--workflow-automation #workflow-automation-friction{
  position:relative;
  overflow:hidden;
  padding-top:clamp(5rem,8vw,7.5rem);
}

body.marketing-site .cm-page--workflow-automation #workflow-automation-friction::before{
  content:"";
  position:absolute;
  top:-9rem;
  right:-7rem;
  width:23rem;
  height:23rem;
  border-radius:999px;
  background:radial-gradient(circle,rgba(62,121,209,.12),rgba(62,121,209,0) 68%);
  pointer-events:none;
}

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

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card{
  min-height:18rem;
  box-shadow:
    0 22px 52px rgba(15,23,42,.10),
    inset 0 0 0 1px rgba(255,255,255,.50);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card::after{
  content:"";
  position:absolute;
  right:-2.5rem;
  bottom:-2.5rem;
  width:8rem;
  height:8rem;
  border-radius:999px;
  background:rgba(var(--cm-wa-accent),.05);
  pointer-events:none;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card__top,
body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card__body{
  position:relative;
  z-index:1;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card h3{
  margin-bottom:.7rem;
  font-size:1.16rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction__summary{
  display:grid;
  grid-template-columns:4.5rem minmax(0,1fr);
  gap:1.3rem;
  align-items:center;
  max-width:1080px;
  margin:2.5rem auto 0;
  padding:clamp(1.45rem,3vw,2.15rem);
  border:1px solid rgba(62,121,209,.26);
  border-radius:24px;
  background:
    radial-gradient(circle at top right,rgba(209,150,62,.11),transparent 36%),
    linear-gradient(135deg,rgba(62,121,209,.11),rgba(255,255,255,.96));
  box-shadow:
    0 26px 64px rgba(15,23,42,.12),
    inset 0 0 0 1px rgba(255,255,255,.58);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction__summary > span{
  display:inline-flex;
  width:4.5rem;
  height:4.5rem;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(62,121,209,.20);
  border-radius:22px;
  background:#fff;
  color:var(--cm-brand,#3e79d1);
  box-shadow:0 14px 32px rgba(15,23,42,.11);
  font-size:1.35rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction__summary p:first-child{
  margin:0 0 .35rem;
  color:var(--cm-brand,#3e79d1);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction__summary h3{
  margin:0 0 .5rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.35rem;
  line-height:1.2;
  font-weight:850;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction__summary p:last-child{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  line-height:1.68;
}

/* OPPORTUNITIES — CLEARER GROUPING */
body.marketing-site .cm-page--workflow-automation #workflow-automation-opportunities{
  position:relative;
  overflow:hidden;
  padding-top:clamp(5.25rem,8vw,7.5rem);
}

body.marketing-site .cm-page--workflow-automation #workflow-automation-opportunities::after{
  content:"";
  position:absolute;
  left:-8rem;
  bottom:-10rem;
  width:24rem;
  height:24rem;
  border-radius:999px;
  background:radial-gradient(circle,rgba(62,209,150,.11),rgba(62,209,150,0) 68%);
  pointer-events:none;
}

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

body.marketing-site .cm-page--workflow-automation .cm-wa-opportunities__grid{
  gap:1.25rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card{
  position:relative;
  min-height:16.5rem;
  padding-top:2.25rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card__group{
  position:absolute;
  top:.7rem;
  left:1rem;
  z-index:2;
  display:inline-flex;
  min-height:1.55rem;
  align-items:center;
  padding:.28rem .55rem;
  border:1px solid rgba(var(--cm-wa-accent),.18);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:rgb(var(--cm-wa-accent));
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 7px 16px rgba(15,23,42,.06);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card__top{
  margin-top:.15rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card h3{
  margin-bottom:.7rem;
  font-size:1.15rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card:nth-child(4),
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card:nth-child(8){
  box-shadow:
    0 24px 58px rgba(15,23,42,.12),
    inset 0 0 0 1px rgba(255,255,255,.56);
}

/* BLUEPRINT — STRONGER SETUP */
body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__intro{
  margin-bottom:1.6rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__statement{
  border-color:rgba(62,121,209,.30);
  background:
    radial-gradient(circle at top right,rgba(62,209,150,.12),transparent 36%),
    linear-gradient(135deg,rgba(62,121,209,.13),rgba(128,90,213,.05) 46%,rgba(255,255,255,.97));
  box-shadow:
    0 28px 68px rgba(15,23,42,.13),
    inset 0 0 0 1px rgba(255,255,255,.58);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:980px;
  margin:0 auto 2.25rem;
  overflow:hidden;
  border:1px solid rgba(62,121,209,.18);
  border-radius:18px;
  background:rgba(255,255,255,.84);
  box-shadow:0 16px 38px rgba(15,23,42,.08);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals > div{
  display:grid;
  grid-template-columns:2.35rem minmax(0,1fr);
  gap:.7rem;
  align-items:center;
  min-height:4.5rem;
  padding:.9rem 1rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals > div + div{
  border-left:1px solid rgba(148,163,184,.18);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals span{
  display:inline-flex;
  width:2.35rem;
  height:2.35rem;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(62,121,209,.10);
  color:var(--cm-brand,#3e79d1);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.06em;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals p{
  margin:0;
  color:rgba(15,23,42,.82);
  font-size:.88rem;
  font-weight:800;
  line-height:1.3;
}

/* RESPONSIVE */
@media (max-width:991px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card{
    min-height:auto;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals > div:nth-child(3){
    border-left:0;
    border-top:1px solid rgba(148,163,184,.18);
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals > div:nth-child(4){
    border-top:1px solid rgba(148,163,184,.18);
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-friction__summary{
    grid-template-columns:1fr;
    gap:1rem;
    margin-top:1.75rem;
    padding:1.25rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card{
    min-height:auto;
    padding-top:2.15rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals{
    grid-template-columns:1fr;
    margin-bottom:1.75rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals > div + div{
    border-left:0;
    border-top:1px solid rgba(148,163,184,.18);
  }
}


/* =========================================================
   CHANGE SET — MID-PAGE ROUTING + APPROVAL HIERARCHY
   Updated: 2026-08-06 12:02 PT

   Purpose:
   - Strengthens Smart Task Routing progression.
   - Adds visible routing checkpoints.
   - Clarifies Human Approval and Exception guardrails.
   - Creates stronger visual separation between automated
     routing and human decision sections.
   - Preserves all shared and frozen contracts.

   Scope:
   - Workflow Automation page only.
   - PHP markup + additive page-scoped CSS.
   ========================================================= */

/* ROUTING — STRONGER PROGRESSION */
body.marketing-site .cm-page--workflow-automation #workflow-automation-routing{
  padding-top:clamp(5.5rem,8.5vw,8rem);
  padding-bottom:clamp(4.75rem,7vw,6.5rem);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing__flow{
  gap:1.18rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card{
  min-height:17.5rem;
  padding:1.45rem;
  box-shadow:
    0 22px 52px rgba(15,23,42,.11),
    inset 0 0 0 1px rgba(255,255,255,.50);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card::before{
  content:"";
  position:absolute;
  right:-2.4rem;
  bottom:-2.4rem;
  width:7.8rem;
  height:7.8rem;
  border-radius:999px;
  background:rgba(var(--cm-wa-step-accent),.055);
  pointer-events:none;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card__top,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card h3,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card p{
  position:relative;
  z-index:1;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card h3{
  margin-bottom:.72rem;
  font-size:1.16rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:1120px;
  margin:2.15rem auto 0;
  overflow:hidden;
  border:1px solid rgba(62,121,209,.20);
  border-radius:20px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 44px rgba(15,23,42,.09);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints > div{
  display:grid;
  grid-template-columns:2.75rem minmax(0,1fr);
  gap:.8rem;
  align-items:center;
  min-height:5.25rem;
  padding:1rem 1.15rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints > div + div{
  border-left:1px solid rgba(148,163,184,.18);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints span{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(145deg,#fff,rgba(62,121,209,.10));
  color:var(--cm-brand,#3e79d1);
  box-shadow:0 10px 22px rgba(15,23,42,.08);
  font-size:1rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints p{
  margin:0;
  color:rgba(15,23,42,.78);
  font-size:.85rem;
  line-height:1.35;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints strong{
  color:var(--cm-ink,#0f172a);
  font-size:.9rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle{
  margin-top:2.15rem;
}

/* APPROVALS — STRONGER EXCEPTION HIERARCHY */
body.marketing-site .cm-page--workflow-automation #workflow-automation-approvals{
  position:relative;
  overflow:hidden;
  padding-top:clamp(5.5rem,8.5vw,8rem);
  padding-bottom:clamp(4.75rem,7vw,6.5rem);
}

body.marketing-site .cm-page--workflow-automation #workflow-automation-approvals::after{
  content:"";
  position:absolute;
  top:-9rem;
  left:-7rem;
  width:23rem;
  height:23rem;
  border-radius:999px;
  background:radial-gradient(circle,rgba(128,90,213,.10),rgba(128,90,213,0) 68%);
  pointer-events:none;
}

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

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__layout{
  gap:clamp(3rem,6vw,6rem);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__layout > .cm-wa-section-head{
  border-color:rgba(128,90,213,.18);
  background:
    radial-gradient(circle at top left,rgba(128,90,213,.10),transparent 42%),
    rgba(255,255,255,.84);
  box-shadow:0 22px 52px rgba(15,23,42,.09);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__note{
  border-color:rgba(128,90,213,.24);
  background:
    linear-gradient(135deg,rgba(128,90,213,.10),rgba(62,121,209,.06) 48%,rgba(255,255,255,.96));
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card{
  min-height:8.75rem;
  padding:1.45rem;
  box-shadow:
    0 18px 44px rgba(15,23,42,.09),
    inset 0 0 0 1px rgba(255,255,255,.48);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card h3{
  margin-bottom:.55rem;
  font-size:1.16rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card h3::after{
  content:"";
  display:block;
  width:2.8rem;
  height:3px;
  margin-top:.62rem;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      rgba(var(--cm-wa-approval-accent),.92),
      rgba(var(--cm-wa-approval-accent),.16)
    );
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:980px;
  margin:2.35rem auto 0;
  overflow:hidden;
  border:1px solid rgba(128,90,213,.18);
  border-radius:20px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 44px rgba(15,23,42,.09);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails > div{
  display:grid;
  grid-template-columns:2.8rem minmax(0,1fr);
  gap:.8rem;
  align-items:center;
  min-height:5.5rem;
  padding:1rem 1.2rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails > div + div{
  border-left:1px solid rgba(148,163,184,.18);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails span{
  display:inline-flex;
  width:2.8rem;
  height:2.8rem;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(145deg,#fff,rgba(128,90,213,.10));
  color:#805ad5;
  box-shadow:0 10px 22px rgba(15,23,42,.08);
  font-size:1rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails p{
  margin:0;
  color:rgba(15,23,42,.78);
  font-size:.85rem;
  line-height:1.35;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails strong{
  color:var(--cm-ink,#0f172a);
  font-size:.9rem;
}

/* RESPONSIVE */
@media (max-width:991px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints > div:nth-child(3){
    border-left:0;
    border-top:1px solid rgba(148,163,184,.18);
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints > div:nth-child(4){
    border-top:1px solid rgba(148,163,184,.18);
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails > div + div{
    border-left:0;
    border-top:1px solid rgba(148,163,184,.18);
  }
}

@media (max-width:767px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card{
    min-height:auto;
    padding:1.3rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints{
    grid-template-columns:1fr;
    margin-top:1.6rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints > div + div{
    border-left:0;
    border-top:1px solid rgba(148,163,184,.18);
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-approval-card{
    min-height:auto;
    padding:1.25rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails{
    margin-top:1.75rem;
  }
}


/* =========================================================
   CHANGE SET — FINAL RHYTHM + DENSITY PASS
   Updated: 2026-08-06 12:16 PT

   Purpose:
   - Tightens repeated vertical spacing after the visual buildout.
   - Improves card-row balance and section-to-section rhythm.
   - Keeps proof, checkpoint, and guardrail strips subordinate
     to the primary content.
   - Adds subtle section transitions without changing shared bands.
   - Preserves all frozen hero, Quick Navigation, CTA, loader,
     Bootstrap, portal, and global marketing contracts.

   Scope:
   - Workflow Automation page only.
   - CSS-only, additive, page-scoped update.
   ========================================================= */

/* SECTION TRANSITIONS */
body.marketing-site .cm-page--workflow-automation #workflow-automation-opportunities,
body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint,
body.marketing-site .cm-page--workflow-automation #workflow-automation-routing,
body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications,
body.marketing-site .cm-page--workflow-automation #workflow-automation-approvals,
body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization,
body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes,
body.marketing-site .cm-page--workflow-automation #workflow-automation-faq{
  position:relative;
}

body.marketing-site .cm-page--workflow-automation #workflow-automation-opportunities::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-routing::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-approvals::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-faq::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(1180px,calc(100% - 48px));
  height:1px;
  transform:translateX(-50%);
  background:
    linear-gradient(
      90deg,
      rgba(62,121,209,0),
      rgba(62,121,209,.14) 22%,
      rgba(128,90,213,.14) 50%,
      rgba(62,209,150,.14) 78%,
      rgba(62,209,150,0)
    );
  pointer-events:none;
}

/* MAIN CARD ROW BALANCE */
body.marketing-site .cm-page--workflow-automation .cm-wa-friction__grid,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunities__grid,
body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__grid,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__grid{
  align-items:stretch;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card{
  height:100%;
}

/* KEEP SECONDARY STRIPS SUBORDINATE */
body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints,
body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof{
  max-width:1040px;
  box-shadow:0 14px 34px rgba(15,23,42,.075);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals{
  margin-bottom:2rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints,
body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof{
  margin-top:1.8rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals > div,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints > div,
body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails > div,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof > div{
  min-height:4.65rem;
}

/* PRIMARY STATEMENTS REMAIN THE VISUAL ANCHORS */
body.marketing-site .cm-page--workflow-automation .cm-wa-friction__summary,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__statement,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement{
  margin-top:2.25rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction__summary,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__statement,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement{
  max-width:1020px;
}

/* ROADMAP DENSITY */
body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card{
  min-height:16.75rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card__top,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card__top,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card__top{
  margin-bottom:1.2rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card p,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card p,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card p{
  line-height:1.58;
}

/* NOTIFICATIONS SPLIT BALANCE */
@media (min-width:992px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__layout{
    grid-template-columns:minmax(320px,.68fr) minmax(0,1.32fr);
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-notifications__intro{
    top:6.5rem;
  }
}

/* FAQ DENSITY */
body.marketing-site .cm-page--workflow-automation .cm-wa-faq__list{
  gap:.85rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq-item summary{
  min-height:4.7rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-faq__support{
  margin-top:1.25rem;
}

/* CTA BALANCE */
body.marketing-site .cm-page--workflow-automation .cm-wa-cta__panel{
  gap:clamp(2rem,4.5vw,4.25rem);
}

body.marketing-site .cm-page--workflow-automation .cm-wa-cta__trust li{
  padding:.45rem .5rem;
}

/* TABLET */
@media (min-width:768px) and (max-width:1199px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card{
    min-height:15.5rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card{
    min-height:auto;
  }
}

/* MOBILE */
@media (max-width:767px){
  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__signals,
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__checkpoints,
  body.marketing-site .cm-page--workflow-automation .cm-wa-approvals__guardrails,
  body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__proof{
    margin-top:1.35rem;
    margin-bottom:1.5rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card,
  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card{
    min-height:auto;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-friction__summary,
  body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle,
  body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__statement,
  body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement{
    margin-top:1.6rem;
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-faq__list{
    gap:.75rem;
  }
}


/* =========================================================
   CHANGE SET — FINAL QA CLEANUP
   Updated: 2026-08-06 12:27 PT

   Purpose:
   - Removes stray workflow-node artifacts visible near the
     Routing and Optimization section boundaries.
   - Normalizes section-divider pseudo-elements.
   - Tightens remaining card and statement alignment.
   - Preserves all frozen shared contracts and page structure.

   Scope:
   - Workflow Automation page only.
   - CSS-only, additive, page-scoped update.
   ========================================================= */

/* NORMALIZE SECTION DIVIDERS */
body.marketing-site .cm-page--workflow-automation #workflow-automation-opportunities::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-routing::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-approvals::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes::before,
body.marketing-site .cm-page--workflow-automation #workflow-automation-faq::before{
  inset:auto;
  top:0;
  right:auto;
  bottom:auto;
  left:50%;
  width:min(1180px,calc(100% - 48px));
  height:1px;
  transform:translateX(-50%);
  border-radius:0;
  opacity:1;
  background:
    linear-gradient(
      90deg,
      rgba(62,121,209,0),
      rgba(62,121,209,.14) 22%,
      rgba(128,90,213,.14) 50%,
      rgba(62,209,150,.14) 78%,
      rgba(62,209,150,0)
    );
  box-shadow:none;
}

/* REMOVE STRAY DECORATIVE NODE ARTIFACTS */
body.marketing-site .cm-page--workflow-automation #workflow-automation-routing{
  background-image:none;
}

body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization{
  background-image:
    linear-gradient(
      135deg,
      rgba(62,121,209,.025),
      rgba(62,209,150,.035)
    );
}

/* CARD CONTENT ALIGNMENT */
body.marketing-site .cm-page--workflow-automation .cm-wa-friction-card__body,
body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcome-card{
  min-width:0;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-opportunity-card__rule{
  margin-top:1.2rem;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card{
  display:flex;
  flex-direction:column;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card p{
  margin-top:auto;
}

/* STATEMENT PANEL CONSISTENCY */
body.marketing-site .cm-page--workflow-automation .cm-wa-friction__summary,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__statement,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement{
  width:100%;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-friction__summary > div,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__principle > div,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__statement > div,
body.marketing-site .cm-page--workflow-automation .cm-wa-outcomes__statement > div{
  min-width:0;
}

/* ROADMAP ROW CONSISTENCY */
body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint__grid,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing__flow,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization__grid{
  align-items:stretch;
}

body.marketing-site .cm-page--workflow-automation .cm-wa-blueprint-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-routing-card,
body.marketing-site .cm-page--workflow-automation .cm-wa-optimization-card{
  height:100%;
}

/* MOBILE SAFEGUARDS */
@media (max-width:767px){
  body.marketing-site .cm-page--workflow-automation #workflow-automation-opportunities::before,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-blueprint::before,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-routing::before,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-notifications::before,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-approvals::before,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-optimization::before,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-outcomes::before,
  body.marketing-site .cm-page--workflow-automation #workflow-automation-faq::before{
    width:calc(100% - 32px);
  }

  body.marketing-site .cm-page--workflow-automation .cm-wa-notification-card p{
    margin-top:0;
  }
}