/* =========================================================
   CROSSMERG WEBSITE SERVICES DESTINATION PAGE
   File: assets/themes/crossmerg/custom/css/website-services.css
   Updated: 2026-07-30 09:52 PT

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

   Scope:
   - .cm-page--website-services
   - .cm-page-hero--website-services
   - Website Services section IDs only.
   ========================================================= */

body.marketing-site .cm-page--website-services{
  overflow-x:clip;
}

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

body.marketing-site .cm-page--website-services .cm-ws-section-head.cm-heading-center{
  margin-left:auto;
  margin-right:auto;
}

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

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

body.marketing-site .cm-page--website-services .cm-ws-scroll{
  margin-top:clamp(1.5rem,3vw,2.25rem);
}

/* HERO — shared contract ownership retained
   No page-specific width, transform, positioning, or aspect-ratio overrides.
*/

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

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

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

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

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

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-problem-card__body{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-width:0;
}

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

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

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

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

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

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

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


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

body.marketing-site .cm-page--website-services .cm-ws-jobs__layout > .cm-ws-section-head{
  position:sticky;
  top:7rem;
  margin-bottom:0;
}

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-jobs__statement strong{
  color:var(--cm-ink,#0f172a);
}

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

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

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

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

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

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

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

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

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

  body.marketing-site .cm-page--website-services .cm-ws-jobs__layout > .cm-ws-section-head{
    position:static;
  }
}

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

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

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:nth-child(2){border-top-color:rgba(128,90,213,.62);}
body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:nth-child(3){border-top-color:rgba(209,150,62,.72);}
body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:nth-child(4){border-top-color:rgba(62,209,150,.72);}
body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:nth-child(5){border-top-color:rgba(62,121,209,.72);}
body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:nth-child(6){border-top-color:rgba(209,62,121,.60);}

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

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card p{
  margin:0;
  color:var(--cm-muted-strong,#475569);
  font-size:.97rem;
  line-height:1.64;
}

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

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

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

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

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-capability-card__body{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
}

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

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

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

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

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

  body.marketing-site .cm-page--website-services .cm-ws-capability-card:hover .cm-ws-capability-card__icon{
    transform:translateY(-1px) scale(1.03);
  }

  body.marketing-site .cm-page--website-services .cm-ws-capability-card__icon{
    transition:transform 170ms ease;
  }
}


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

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

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

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

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

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

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-transformation-card--after .cm-ws-transformation-card__status{
  color:#247a57;
}

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

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

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

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-transformation-card--before .cm-ws-transformation-card__head p{
  color:#b62f68;
}

body.marketing-site .cm-page--website-services .cm-ws-transformation-card--after .cm-ws-transformation-card__head p{
  color:#248b61;
}

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

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

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

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

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

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

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

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge-label{
  color:var(--cm-brand,#3e79d1);
}

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge-icon::before{
  right:100%;
}

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

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

  body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge{
    flex-direction:row;
    flex-wrap:wrap;
    min-height:5.5rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge-icon{
    transform:rotate(90deg);
  }

  body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge-note{
    max-width:none;
  }
}

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

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

  body.marketing-site .cm-page--website-services .cm-ws-transformation-card__head > span{
    width:3.5rem;
    height:3.5rem;
    font-size:1.4rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge{
    display:grid;
    grid-template-columns:1fr;
  }
}


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

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

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

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

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

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

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

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

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

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-confidence h3{
  margin:0 0 .5rem;
  color:var(--cm-ink,#0f172a);
  font-size:1.42rem;
  line-height:1.18;
  font-weight:850;
}

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

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

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


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

body.marketing-site .cm-page--website-services .cm-ws-faq__list{
  display:grid;
  gap:.9rem;
}

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-faq-item[open]::before{
  opacity:1;
}

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

body.marketing-site .cm-page--website-services .cm-ws-faq-item summary::-webkit-details-marker{
  display:none;
}

body.marketing-site .cm-page--website-services .cm-ws-faq-item summary:focus{
  outline:none;
}

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

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

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

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-faq-item__answer{
  padding:0 1.25rem 1.3rem 4.35rem;
}

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

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

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

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

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

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

  body.marketing-site .cm-page--website-services .cm-ws-faq-item__number{
    width:2rem;
    height:2rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-faq-item__question{
    font-size:.94rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-faq-item__toggle{
    width:2.15rem;
    height:2.15rem;
    flex-basis:2.15rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-faq-item__answer{
    padding:0 1rem 1.15rem 3.7rem;
  }
}


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

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

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-cta__content{
  min-width:0;
}

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

body.marketing-site .cm-page--website-services .cm-ws-cta .cm-eyebrow{
  margin-bottom:.65rem;
}

body.marketing-site .cm-page--website-services .cm-ws-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--website-services .cm-ws-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--website-services .cm-ws-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
}

body.marketing-site .cm-page--website-services .cm-ws-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--website-services .cm-ws-cta__trust{
  padding:1.35rem;
  border:1px solid rgba(62,121,209,.18);
  border-radius:22px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 42px rgba(15,23,42,.09);
}

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

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

body.marketing-site .cm-page--website-services .cm-ws-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--website-services .cm-ws-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--website-services .cm-ws-cta__trust ul{
  display:grid;
  gap:.75rem;
  margin:0;
  padding:0;
  list-style:none;
}

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

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

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

  body.marketing-site .cm-page--website-services .cm-ws-cta__trust{
    max-width:none;
  }
}

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

  body.marketing-site .cm-page--website-services .cm-ws-cta__actions{
    flex-direction:column;
    align-items:stretch;
  }

  body.marketing-site .cm-page--website-services .cm-ws-cta__actions a{
    width:100%;
  }

  body.marketing-site .cm-page--website-services .cm-ws-cta__trust{
    padding:1.15rem;
  }
}


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

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

  body.marketing-site .cm-page--website-services .cm-ws-lifecycle__grid::before{
    display:none;
  }

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

  body.marketing-site .cm-page--website-services .cm-ws-faq__layout{
    grid-template-columns:1fr;
    gap:1.5rem;
  }
}

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

  body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card__top{
    margin-bottom:1.25rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-transformation__grid{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge{
    flex-direction:row;
    justify-content:center;
  }

  body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge strong{
    transform:rotate(90deg);
  }

  body.marketing-site .cm-page--website-services .cm-ws-confidence{
    grid-template-columns:1fr;
  }

  body.marketing-site .cm-page--website-services .cm-ws-cta__actions{
    flex-direction:column;
    align-items:stretch;
  }

  body.marketing-site .cm-page--website-services .cm-ws-cta__actions a{
    width:100%;
  }
}

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

  body.marketing-site .cm-page--website-services .cm-ws-problem-card:hover,
  body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:hover,
  body.marketing-site .cm-page--website-services .cm-ws-capability-card:hover,
  body.marketing-site .cm-page--website-services .cm-ws-result-card:hover{
    transform:translateY(-3px);
    border-color:rgba(62,121,209,.32);
    box-shadow:0 24px 54px rgba(15,23,42,.13);
  }
}

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

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

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

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

  body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card{
    padding-top:1.65rem;
    padding-bottom:1.65rem;
  }

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

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

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

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

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

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

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

  body.marketing-site .cm-page--website-services .cm-ws-capabilities__grid{
    gap:1.2rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-results__grid{
    gap:1.2rem;
  }
}

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-jobs__grid{
  gap:1.15rem;
}

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

body.marketing-site .cm-page--website-services .cm-ws-job-card:nth-child(1){
  --cm-ws-job-accent:209,150,62;
}

body.marketing-site .cm-page--website-services .cm-ws-job-card:nth-child(2){
  --cm-ws-job-accent:62,121,209;
}

body.marketing-site .cm-page--website-services .cm-ws-job-card:nth-child(3){
  --cm-ws-job-accent:209,62,121;
}

body.marketing-site .cm-page--website-services .cm-ws-job-card:nth-child(4){
  --cm-ws-job-accent:62,209,150;
}

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-job-card__proof{
  color:rgb(var(--cm-ws-job-accent));
}

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

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

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

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

@media (max-width:767px){
  body.marketing-site .cm-page--website-services .cm-ws-jobs__grid{
    gap:1rem;
  }
}

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

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

body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:nth-child(1){
  --cm-ws-lifecycle-accent:62,121,209;
}

body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:nth-child(2){
  --cm-ws-lifecycle-accent:128,90,213;
}

body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:nth-child(3){
  --cm-ws-lifecycle-accent:209,150,62;
}

body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:nth-child(4){
  --cm-ws-lifecycle-accent:62,209,150;
}

body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:nth-child(5){
  --cm-ws-lifecycle-accent:62,121,209;
}

body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:nth-child(6){
  --cm-ws-lifecycle-accent:209,62,121;
}

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

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

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

body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card h3{
  position:relative;
  margin-bottom:.62rem;
}

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

body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card p{
  position:relative;
  z-index:1;
}

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

  body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card:hover .cm-ws-lifecycle-card__icon{
    transform:translateY(-2px) scale(1.03);
  }

  body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card__icon{
    transition:transform 170ms ease;
  }
}

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

  body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card__top{
    margin-bottom:1rem;
  }
}

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

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

  body.marketing-site .cm-page--website-services .cm-ws-problems__grid,
  body.marketing-site .cm-page--website-services .cm-ws-jobs__grid,
  body.marketing-site .cm-page--website-services .cm-ws-lifecycle__grid,
  body.marketing-site .cm-page--website-services .cm-ws-results__grid{
    gap:1.2rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-problem-card,
  body.marketing-site .cm-page--website-services .cm-ws-job-card,
  body.marketing-site .cm-page--website-services .cm-ws-lifecycle-card,
  body.marketing-site .cm-page--website-services .cm-ws-result-card{
    padding:1.4rem;
  }

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

  body.marketing-site .cm-page--website-services .cm-ws-capability-card{
    padding:1.35rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-transformation__grid{
    gap:1.3rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-faq__layout{
    gap:2rem;
  }
}

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

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

  body.marketing-site .cm-page--website-services .cm-ws-section-head .cm-section-subtitle{
    font-size:.98rem;
    line-height:1.65;
  }

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

  body.marketing-site .cm-page--website-services .cm-ws-problem-card__icon,
  body.marketing-site .cm-page--website-services .cm-ws-capability-card__icon{
    width:3rem;
    height:3rem;
    flex-basis:3rem;
  }

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

  body.marketing-site .cm-page--website-services .cm-ws-jobs__statement > span{
    width:2.85rem;
    height:2.85rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge{
    gap:.55rem;
    padding-block:.25rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge-icon{
    width:3.5rem;
    height:3.5rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge-label,
  body.marketing-site .cm-page--website-services .cm-ws-transformation__bridge-note{
    text-align:center;
  }

  body.marketing-site .cm-page--website-services .cm-ws-confidence{
    gap:1rem;
    padding:1.25rem;
    border-radius:21px;
  }

  body.marketing-site .cm-page--website-services .cm-ws-confidence__icon{
    width:3.75rem;
    height:3.75rem;
    font-size:1.45rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-faq-item__answer{
    padding-right:1rem;
    padding-left:1rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-faq-item__answer p{
    padding-left:2.7rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-cta{
    padding-top:4rem;
    padding-bottom:4rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-cta__panel{
    gap:1.4rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-cta__icon{
    width:4rem;
    height:4rem;
    border-radius:20px;
    font-size:1.4rem;
  }

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

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

  body.marketing-site .cm-page--website-services .cm-ws-capability-card__kicker{
    white-space:normal;
    text-align:center;
  }

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

  body.marketing-site .cm-page--website-services .cm-ws-faq-item__number{
    width:1.85rem;
    height:1.85rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-faq-item__toggle{
    width:2rem;
    height:2rem;
    flex-basis:2rem;
  }

  body.marketing-site .cm-page--website-services .cm-ws-faq-item__answer p{
    padding-left:2.45rem;
  }
}

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

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

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

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

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

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

  body.marketing-site .cm-page--website-services .cm-ws-faq-item__toggle,
  body.marketing-site .cm-page--website-services .cm-ws-faq-item__number{
    forced-color-adjust:auto;
  }
}

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

  body.marketing-site .cm-page--website-services .cm-ws-faq-item[open] .cm-ws-faq-item__toggle{
    transform:none;
  }
}

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

  body.marketing-site .cm-page--website-services .cm-ws-scroll,
  body.marketing-site .cm-page--website-services .cm-ws-cta__actions{
    display:none !important;
  }

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

  body.marketing-site .cm-page--website-services .cm-ws-faq-item{
    break-inside:avoid;
  }

  body.marketing-site .cm-page--website-services .cm-ws-faq-item:not([open]) > .cm-ws-faq-item__answer{
    display:block;
  }
}

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

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

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

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

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


/* =========================================================
   CHANGE SET — CUSTOMER SUCCESS WIDTH PARITY
   Updated: 2026-07-30 09:52 PT

   Purpose:
   - Matches the frozen Customer Success wide desktop sections.
   - Applies only to Website Services major section containers.
   - Leaves the shared marketing hero contract untouched.
   - No Bootstrap, loader, global, portal, or shared CSS changes.
   ========================================================= */
@media (min-width:1200px){
  body.marketing-site .cm-page--website-services #website-services-problems > .container,
  body.marketing-site .cm-page--website-services #website-services-jobs > .container,
  body.marketing-site .cm-page--website-services #website-services-lifecycle > .container,
  body.marketing-site .cm-page--website-services #website-services-capabilities > .container,
  body.marketing-site .cm-page--website-services #website-services-transformation > .container,
  body.marketing-site .cm-page--website-services #website-services-results > .container,
  body.marketing-site .cm-page--website-services #website-services-faq > .container,
  body.marketing-site .cm-page--website-services .cm-ws-cta > .container{
    width:min(1440px,calc(100% - 80px));
    max-width:none;
  }

  body.marketing-site .cm-page--website-services .cm-ws-faq__layout{
    grid-template-columns:minmax(320px,.70fr) minmax(0,1.30fr);
    gap:clamp(3rem,5vw,6rem);
  }
}


/* =========================================================
   FIX — SHARED HERO CONTRACT RESTORED
   Updated: 2026-07-30 10:20 PT

   Purpose:
   - Removes all Website Services-specific hero sizing,
     positioning, transform, aspect-ratio, and media overrides.
   - The hero now inherits marketing_hero.php and
     marketing-hero.css exactly like the frozen Services page.
   - The 1440px lower-page section width update remains.
   - No shared, Bootstrap, loader, portal, or global changes.
   ========================================================= */

/* HERO — shared contract ownership retained.
   Intentionally no page-specific hero geometry rules. */