/* =========================================
   Service Detail Intro Layout
   Applies to non-video service detail pages
   ========================================= */

.services-page.service-ribbon-shop .page-header{
  height: 235px;
  min-height: 235px;
  padding: 0;
  border-bottom: 0;
  background: linear-gradient(135deg, rgba(45, 10, 69, 0.8), rgba(138, 43, 226, 0.6));
}

.services-page.service-ribbon-shop .page-header .container{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.services-page.rel-page .page-header .container,
.services-page.time-management-page .page-header .container,
.services-page.health-page .page-header .container,
.services-page.personal-dev-page .page-header .container,
.services-page.mindset-page .page-header .container,
.services-page.islamic-page .page-header .container,
.services-page.hypno-page .page-header .container,
.services-page.compliance-page .page-header .container,
.services-page.scaling-page .page-header .container,
.services-page.organizational-cohesion-page .page-header .container,
.services-page.productivity-organization-page .page-header .container,
.services-page.workshop-delivery-page .page-header .container,
.services-page.thebrandinitiative-page .page-header .container{
  transform: translateY(clamp(6px, 0.8vw, 10px));
}

.services-page.rel-page .page-title,
.services-page.time-management-page .page-title,
.services-page.health-page .page-title,
.services-page.personal-dev-page .page-title,
.services-page.mindset-page .page-title,
.services-page.islamic-page .page-title,
.services-page.hypno-page .page-title,
.services-page.compliance-page .page-title,
.services-page.scaling-page .page-title,
.services-page.organizational-cohesion-page .page-title,
.services-page.productivity-organization-page .page-title,
.services-page.workshop-delivery-page .page-title,
.services-page.thebrandinitiative-page .page-title{
  color: var(--color-text-primary);
  font-size: clamp(2.3rem, 4.55vw, 3.15rem);
  margin-bottom: var(--space-sm);
}

.services-page.rel-page .page-subtitle,
.services-page.time-management-page .page-subtitle,
.services-page.health-page .page-subtitle,
.services-page.personal-dev-page .page-subtitle,
.services-page.mindset-page .page-subtitle,
.services-page.islamic-page .page-subtitle,
.services-page.hypno-page .page-subtitle,
.services-page.compliance-page .page-subtitle,
.services-page.scaling-page .page-subtitle,
.services-page.organizational-cohesion-page .page-subtitle,
.services-page.productivity-organization-page .page-subtitle,
.services-page.workshop-delivery-page .page-subtitle,
.services-page.thebrandinitiative-page .page-subtitle{
  color: var(--color-text-primary);
  font-size: clamp(1.06rem, 2.08vw, 1.28rem);
  max-width: 860px;
  margin: 0 auto;
  opacity: 0.9;
  line-height: 1.5;
}

.services-page.compliance-page .page-title{
  font-size: clamp(2.12rem, 4.1vw, 2.85rem);
}

.services-page.productivity-organization-page .page-title{
  font-size: clamp(2.12rem, 4.1vw, 2.85rem);
}

.services-page.organizational-cohesion-page .page-title{
  font-size: clamp(2.2rem, 4.25vw, 2.95rem);
}

.services-page.workshop-delivery-page .page-subtitle{
  margin: 0.24rem auto 0.38rem;
}

.services-page .service-intro-section{
  padding: clamp(0.45rem, 1vw, 0.65rem) 0;
}

.services-page .service-intro-card{
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(1rem, 2vw, 1.3rem);
}

.services-page .service-intro-card.service-intro-card--dark{
  background: linear-gradient(135deg, rgba(138, 43, 226, 0.24), rgba(106, 90, 205, 0.2)), var(--gradient-card);
  border-color: rgba(179, 136, 255, 0.38);
  box-shadow: 0 10px 22px rgba(138, 43, 226, 0.18), 0 0 0 1px rgba(179, 136, 255, 0.12) inset;
}

.services-page .service-intro-lead{
  margin: 0;
  line-height: 1.55;
  font-size: 1.02rem;
}

.services-page .service-intro-tags{
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.services-page .service-intro-tag{
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.65rem;
  border-radius: 999px;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--color-text-primary);
  border: 1px solid rgba(179, 136, 255, 0.42);
  background: rgba(138, 43, 226, 0.14);
  white-space: nowrap;
}

.services-page .service-intro-transition{
  margin: 0.75rem auto 1.75rem;
  text-align: center;
  font-size: 0.94rem;
  color: var(--color-text-secondary);
  opacity: 0.78;
  max-width: 760px;
  padding: 0 1rem;
}

/* Pull first explainer section slightly closer to intro */
.services-page .service-explainer-tight-top{
  padding-top: clamp(2.15rem, 4vw, 3.15rem) !important;
}

/* Relationship detail page: slightly tighten video-to-content transition */
.services-page.rel-page .rel-explainer.service-explainer-tight-top,
.services-page.time-management-page .rel-explainer.service-explainer-tight-top,
.services-page.health-page .rel-explainer.service-explainer-tight-top,
.services-page.personal-dev-page .rel-explainer.service-explainer-tight-top,
.services-page.mindset-page .rel-explainer.service-explainer-tight-top,
.services-page.islamic-page .rel-explainer.service-explainer-tight-top,
.services-page.hypno-page .hypno-explainer.service-explainer-tight-top,
.services-page.compliance-page .rel-explainer.service-explainer-tight-top,
.services-page.scaling-page .rel-explainer.service-explainer-tight-top,
.services-page.organizational-cohesion-page .rel-explainer.service-explainer-tight-top,
.services-page.productivity-organization-page .rel-explainer.service-explainer-tight-top,
.services-page.workshop-delivery-page .rel-explainer.service-explainer-tight-top,
.services-page.thebrandinitiative-page .rel-explainer.service-explainer-tight-top{
  padding-top: clamp(1.72rem, 3vw, 2.35rem) !important;
}

.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .hypno-cards{
  gap: 0.8rem;
}

.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .coaching-cards{
  gap: 0.8rem;
}

.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .hypno-card.accent-panel{
  padding-top: clamp(0.72rem, 1.3vw, 0.9rem);
  padding-bottom: clamp(1.08rem, 1.9vw, 1.35rem);
}

.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .hypno-card.accent-panel > :last-child{
  margin-bottom: 0;
}

.services-page.compliance-page .compliance-video-summary-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

.services-page.compliance-page .compliance-video-summary-grid .hypno-card{
  height: 100%;
}

.services-page.compliance-page .compliance-video-summary-grid .hypno-card .gradient-title{
  font-size: clamp(1.24rem, 1.5vw, 1.42rem);
  line-height: 1.24;
}

@media (max-width: 900px){
  .services-page.compliance-page .compliance-video-summary-grid{
    grid-template-columns: 1fr;
  }
}

/* Relationship detail: hard divider with traveling spark between videos and cards */
.services-page.rel-page .service-transition-divider.section-divider--hard,
.services-page.time-management-page .service-transition-divider.section-divider--hard,
.services-page.health-page .service-transition-divider.section-divider--hard,
.services-page.personal-dev-page .service-transition-divider.section-divider--hard,
.services-page.mindset-page .service-transition-divider.section-divider--hard,
.services-page.islamic-page .service-transition-divider.section-divider--hard,
.services-page.hypno-page .service-transition-divider.section-divider--hard,
.services-page.compliance-page .service-transition-divider.section-divider--hard,
.services-page.scaling-page .service-transition-divider.section-divider--hard,
.services-page.organizational-cohesion-page .service-transition-divider.section-divider--hard,
.services-page.productivity-organization-page .service-transition-divider.section-divider--hard,
.services-page.workshop-delivery-page .service-transition-divider.section-divider--hard,
.services-page.thebrandinitiative-page .service-transition-divider.section-divider--hard{
  --divider-height: 2.5px;
  --divider-center: rgba(179, 136, 255, 0.92);
  --divider-glow: rgba(179, 136, 255, 0.38);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  height: var(--divider-height);
  background: linear-gradient(90deg, rgba(255,255,255,0), var(--divider-center), rgba(255,255,255,0));
  box-shadow: 0 0 17px var(--divider-glow);
}

.services-page.rel-page .service-transition-divider.section-divider--hard::after,
.services-page.time-management-page .service-transition-divider.section-divider--hard::after,
.services-page.health-page .service-transition-divider.section-divider--hard::after,
.services-page.personal-dev-page .service-transition-divider.section-divider--hard::after,
.services-page.mindset-page .service-transition-divider.section-divider--hard::after,
.services-page.islamic-page .service-transition-divider.section-divider--hard::after,
.services-page.hypno-page .service-transition-divider.section-divider--hard::after,
.services-page.compliance-page .service-transition-divider.section-divider--hard::after,
.services-page.scaling-page .service-transition-divider.section-divider--hard::after,
.services-page.organizational-cohesion-page .service-transition-divider.section-divider--hard::after,
.services-page.productivity-organization-page .service-transition-divider.section-divider--hard::after,
.services-page.workshop-delivery-page .service-transition-divider.section-divider--hard::after,
.services-page.thebrandinitiative-page .service-transition-divider.section-divider--hard::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(0, -50%);
  background: radial-gradient(circle, rgba(255, 247, 255, 1) 0%, rgba(235, 205, 255, 0.98) 46%, rgba(225, 195, 255, 0) 76%);
  box-shadow: 0 0 12px rgba(231, 201, 255, 0.9), 0 0 24px rgba(206, 166, 251, 0.58);
  opacity: 0;
  pointer-events: none;
  animation: relDividerTravelRightToLeft 4.8s ease-in-out infinite;
  will-change: transform, opacity;
}

/* Match landing-page under-banner divider profile on detail pages */
.services-page.rel-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.time-management-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.health-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.personal-dev-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.mindset-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.islamic-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.hypno-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.compliance-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.scaling-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.organizational-cohesion-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.productivity-organization-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.workshop-delivery-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.thebrandinitiative-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.blog-article-page main > .page-header + .service-transition-divider.section-divider--hard,
.services-page.coaching-readiness-page main > .page-header + .service-transition-divider.section-divider--hard{
  margin-top: 0;
  --divider-height: 1.9px;
  --divider-center: rgba(179, 136, 255, 0.76);
  --divider-glow: rgba(179, 136, 255, 0.24);
  height: 1.9px;
  min-height: 1.9px;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(179, 136, 255, 0.76), rgba(255,255,255,0));
  box-shadow: 0 0 12px rgba(179, 136, 255, 0.24);
}

@keyframes relDividerTravelRightToLeft{
  0%{
    transform: translate(0, -50%);
    opacity: 0;
  }
  10%{
    opacity: 0.95;
  }
  46%{
    transform: translate(-120vw, -50%);
    opacity: 0.92;
  }
  54%{
    opacity: 0;
  }
  100%{
    transform: translate(-120vw, -50%);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce){
  .services-page.rel-page .service-transition-divider.section-divider--hard::after,
  .services-page.time-management-page .service-transition-divider.section-divider--hard::after,
  .services-page.health-page .service-transition-divider.section-divider--hard::after,
  .services-page.personal-dev-page .service-transition-divider.section-divider--hard::after,
  .services-page.mindset-page .service-transition-divider.section-divider--hard::after,
  .services-page.islamic-page .service-transition-divider.section-divider--hard::after,
  .services-page.hypno-page .service-transition-divider.section-divider--hard::after,
  .services-page.compliance-page .service-transition-divider.section-divider--hard::after,
  .services-page.scaling-page .service-transition-divider.section-divider--hard::after,
  .services-page.organizational-cohesion-page .service-transition-divider.section-divider--hard::after,
  .services-page.productivity-organization-page .service-transition-divider.section-divider--hard::after,
  .services-page.workshop-delivery-page .service-transition-divider.section-divider--hard::after,
  .services-page.thebrandinitiative-page .service-transition-divider.section-divider--hard::after{
    animation: none;
    opacity: 0.72;
    transform: translate(-60vw, -50%);
  }
}

/* Service detail pages: tighten gap above CTA */
.services-page.rel-page .rel-explainer.service-explainer-tight-top,
.services-page.time-management-page .rel-explainer.service-explainer-tight-top,
.services-page.health-page .rel-explainer.service-explainer-tight-top,
.services-page.personal-dev-page .rel-explainer.service-explainer-tight-top,
.services-page.mindset-page .rel-explainer.service-explainer-tight-top,
.services-page.scaling-page .rel-explainer.service-explainer-tight-top,
.services-page.organizational-cohesion-page .rel-explainer.service-explainer-tight-top,
.services-page.productivity-organization-page .rel-explainer.service-explainer-tight-top,
.services-page.workshop-delivery-page .rel-explainer.service-explainer-tight-top,
.services-page.thebrandinitiative-page .rel-explainer.service-explainer-tight-top,
.services-page.hypno-page .hypno-explainer.service-explainer-tight-top{
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Match approved about-page card opacity on relationship details */
.services-page.rel-page .service-intro-card.service-intro-card--dark,
.services-page.time-management-page .service-intro-card.service-intro-card--dark,
.services-page.health-page .service-intro-card.service-intro-card--dark,
.services-page.personal-dev-page .service-intro-card.service-intro-card--dark,
.services-page.mindset-page .service-intro-card.service-intro-card--dark,
.services-page.islamic-page .service-intro-card.service-intro-card--dark,
.services-page.compliance-page .service-intro-card.service-intro-card--dark,
.services-page.hypno-page .service-intro-card.service-intro-card--dark{
  background: linear-gradient(135deg, rgba(138, 43, 226, 0.36), rgba(106, 90, 205, 0.32)), var(--gradient-card);
  border-color: rgba(179, 136, 255, 0.62);
}

.services-page.rel-page .video-card,
.services-page.time-management-page .video-card,
.services-page.health-page .video-card,
.services-page.personal-dev-page .video-card,
.services-page.mindset-page .video-card,
.services-page.islamic-page .video-card,
.services-page.hypno-page .video-card{
  background: linear-gradient(135deg, rgba(138, 43, 226, 0.36), rgba(106, 90, 205, 0.32)), var(--gradient-card);
  border-color: rgba(179, 136, 255, 0.62);
}

.services-page.rel-page .hypno-card.accent-panel,
.services-page.time-management-page .hypno-card.accent-panel,
.services-page.health-page .hypno-card.accent-panel,
.services-page.personal-dev-page .hypno-card.accent-panel,
.services-page.mindset-page .hypno-card.accent-panel,
.services-page.islamic-page .hypno-card.accent-panel,
.services-page.hypno-page .hypno-card.accent-panel{
  background: linear-gradient(135deg, rgba(138, 43, 226, 0.36), rgba(106, 90, 205, 0.32));
  border-color: rgba(138, 43, 226, 0.62);
}

/* Alternate emphasis card tone, aligned with about_details alt scheme */
.services-page .hypno-card.accent-panel.card-alt-emphasis{
  border: 2px solid rgba(255, 77, 141, 0.52);
  background: linear-gradient(135deg, rgba(92, 5, 133, 0.5), rgba(138, 43, 226, 0.38));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

/* About-details readmore-cta tone applied to selected intro cards */
.services-page.rel-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.time-management-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.health-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.personal-dev-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.mindset-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.islamic-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.hypno-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.compliance-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.scaling-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.organizational-cohesion-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.productivity-organization-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.workshop-delivery-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.thebrandinitiative-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis{
  border: 2px solid rgba(138, 43, 226, 0.68);
  background: linear-gradient(135deg, rgba(138, 43, 226, 0.38), rgba(255, 77, 141, 0.3));
}

/* Detail-page typography template (coaching + business details) */
.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .video-card .video-title{
  font-size: clamp(1.58rem, 2.45vw, 1.92rem);
  letter-spacing: 0.02em;
  margin-top: 0;
  margin-bottom: 0.62rem;
}

.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .hypno-card .gradient-title{
  font-size: clamp(2.02rem, 3.15vw, 2.45rem);
  letter-spacing: 0.02em;
  margin-top: 0;
  margin-bottom: 0.55rem;
}

.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .video-card{
  padding-top: clamp(0.62rem, 1.2vw, 0.8rem);
}

.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .hypno-card.accent-panel{
  padding-top: clamp(0.72rem, 1.3vw, 0.9rem);
}

.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .service-intro-lead{
  font-size: 1.16rem;
}

.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .hypno-card p{
  font-size: 1.16rem;
}

.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .hypno-list li{
  font-size: 1.13rem;
}

.services-page:is(
  .rel-page,
  .time-management-page,
  .health-page,
  .personal-dev-page,
  .mindset-page,
  .islamic-page,
  .hypno-page,
  .compliance-page,
  .scaling-page,
  .organizational-cohesion-page,
  .productivity-organization-page,
  .workshop-delivery-page,
  .thebrandinitiative-page
) .coaching-list li{
  font-size: 1.13rem;
}

/* Blog detail pages parity with service detail templates */
.services-page.blog-article-page .page-header .container,
.services-page.coaching-readiness-page .page-header .container{
  transform: translateY(clamp(6px, 0.8vw, 10px));
}

.services-page.blog-article-page .page-title,
.services-page.coaching-readiness-page .page-title{
  color: var(--color-text-primary);
  font-size: clamp(2.3rem, 4.55vw, 3.15rem);
  margin-bottom: var(--space-sm);
}

.services-page.blog-article-page .page-subtitle,
.services-page.coaching-readiness-page .page-subtitle{
  color: var(--color-text-primary);
  font-size: clamp(1.06rem, 2.08vw, 1.28rem);
  max-width: 860px;
  margin: 0 auto;
  opacity: 0.9;
  line-height: 1.5;
}

.services-page.blog-article-page .rel-explainer.service-explainer-tight-top,
.services-page.coaching-readiness-page .rel-explainer.service-explainer-tight-top{
  padding-top: clamp(1.72rem, 3vw, 2.35rem) !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.services-page.blog-article-page .service-intro-card.service-intro-card--dark,
.services-page.coaching-readiness-page .service-intro-card.service-intro-card--dark{
  background: linear-gradient(135deg, rgba(138, 43, 226, 0.36), rgba(106, 90, 205, 0.32)), var(--gradient-card);
  border-color: rgba(179, 136, 255, 0.62);
}

.services-page.blog-article-page .hypno-card.accent-panel,
.services-page.coaching-readiness-page .hypno-card.accent-panel{
  background: linear-gradient(135deg, rgba(138, 43, 226, 0.36), rgba(106, 90, 205, 0.32));
  border-color: rgba(138, 43, 226, 0.62);
}

.services-page.blog-article-page .hypno-card.accent-panel.card-alt-emphasis,
.services-page.coaching-readiness-page .hypno-card.accent-panel.card-alt-emphasis{
  border: 2px solid rgba(255, 77, 141, 0.52);
  background: linear-gradient(135deg, rgba(92, 5, 133, 0.5), rgba(138, 43, 226, 0.38));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

@media (max-width: 425px){
  /* Coaching detail heroes: allow H1 to wrap without clipping on small phones. */
  .services-page:is(.rel-page, .time-management-page, .health-page, .personal-dev-page, .mindset-page, .islamic-page, .hypno-page).service-ribbon-shop .page-header{
    height: auto !important;
    min-height: 300px !important;
    padding-top: clamp(2.9rem, 10vw, 4rem) !important;
    padding-bottom: clamp(2rem, 8vw, 3rem) !important;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .personal-dev-page, .mindset-page, .islamic-page, .hypno-page) .page-header .container{
    height: auto;
    min-height: inherit;
    transform: none !important;
    justify-content: center;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .personal-dev-page, .mindset-page, .islamic-page, .hypno-page) .page-title{
    max-width: min(92vw, 19ch);
    font-size: clamp(1.75rem, 6.9vw, 2.15rem) !important;
    line-height: 1.08;
    margin-bottom: 0.45rem;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .personal-dev-page, .mindset-page, .islamic-page, .hypno-page) .page-subtitle{
    max-width: min(92vw, 31ch);
    font-size: clamp(0.92rem, 3.8vw, 1rem) !important;
    line-height: 1.35;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 375px){
  .services-page:is(.rel-page, .time-management-page, .health-page, .personal-dev-page, .mindset-page, .islamic-page, .hypno-page).service-ribbon-shop .page-header{
    min-height: 320px !important;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .personal-dev-page, .mindset-page, .islamic-page, .hypno-page) .page-title{
    font-size: clamp(1.6rem, 6.7vw, 1.95rem) !important;
    max-width: min(93vw, 17.5ch);
  }
}

@media (max-width: 320px){
  .services-page:is(.rel-page, .time-management-page, .health-page, .personal-dev-page, .mindset-page, .islamic-page, .hypno-page).service-ribbon-shop .page-header{
    min-height: 342px !important;
  }

  .services-page:is(.rel-page, .time-management-page, .health-page, .personal-dev-page, .mindset-page, .islamic-page, .hypno-page) .page-title{
    font-size: clamp(1.45rem, 6.4vw, 1.72rem) !important;
    line-height: 1.06;
    max-width: min(94vw, 16.5ch);
  }
}

@media (max-width: 425px){
  .services-page:is(.compliance-roles-fr-page, .compliance-roles-en-page).service-ribbon-shop .page-header{
    height: auto !important;
    min-height: 304px !important;
    padding-top: clamp(2.45rem, 8.8vw, 3.15rem) !important;
    padding-bottom: clamp(1.7rem, 6.8vw, 2.3rem) !important;
  }

  .services-page:is(.compliance-roles-fr-page, .compliance-roles-en-page) .page-header .container{
    height: auto;
    min-height: inherit;
    transform: none !important;
    justify-content: center;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }

  .services-page:is(.compliance-roles-fr-page, .compliance-roles-en-page) .page-title{
    max-width: min(93vw, 16.5ch);
    font-size: clamp(1.62rem, 6.5vw, 1.96rem) !important;
    line-height: 1.08;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }

  .services-page:is(.compliance-roles-fr-page, .compliance-roles-en-page) .page-subtitle{
    max-width: min(93vw, 29ch);
    font-size: clamp(0.9rem, 3.7vw, 0.98rem) !important;
    line-height: 1.34;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.compliance-roles-fr-page, .compliance-roles-en-page).service-ribbon-shop .page-header{
    min-height: 332px !important;
  }

  .services-page:is(.compliance-roles-fr-page, .compliance-roles-en-page) .page-title{
    max-width: min(94vw, 15.8ch);
    font-size: clamp(1.42rem, 6.1vw, 1.66rem) !important;
    line-height: 1.05;
  }

  .services-page:is(.compliance-roles-fr-page, .compliance-roles-en-page) .page-subtitle{
    font-size: clamp(0.85rem, 3.45vw, 0.93rem) !important;
    line-height: 1.32;
  }

  .services-page.compliance-roles-en-page.service-ribbon-shop .page-header{
    min-height: 344px !important;
  }

  .services-page.compliance-roles-en-page .page-title{
    max-width: min(94vw, 15ch);
    font-size: clamp(1.32rem, 5.7vw, 1.56rem) !important;
    line-height: 1.04;
  }
}

@media (max-width: 425px){
  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page).service-ribbon-shop .page-header{
    height: auto !important;
    min-height: 306px !important;
    padding-top: clamp(2.45rem, 8.8vw, 3.1rem) !important;
    padding-bottom: clamp(1.7rem, 6.8vw, 2.25rem) !important;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .page-header .container{
    height: auto;
    min-height: inherit;
    transform: none !important;
    justify-content: center;
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .page-title{
    max-width: min(93vw, 16.2ch);
    font-size: clamp(1.56rem, 6.25vw, 1.9rem) !important;
    line-height: 1.08;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .page-subtitle{
    max-width: min(93vw, 29ch);
    font-size: clamp(0.88rem, 3.65vw, 0.98rem) !important;
    line-height: 1.34;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page).service-ribbon-shop .page-header{
    min-height: 336px !important;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .page-title{
    max-width: min(94vw, 15.4ch);
    font-size: clamp(1.36rem, 5.8vw, 1.6rem) !important;
    line-height: 1.05;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .page-subtitle{
    font-size: clamp(0.84rem, 3.35vw, 0.92rem) !important;
    line-height: 1.31;
  }
}

@media (max-width: 425px){
  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page).service-ribbon-shop .page-header{
    height: auto !important;
    min-height: 316px !important;
    padding-top: clamp(2.55rem, 9.2vw, 3.2rem) !important;
    padding-bottom: clamp(1.75rem, 7vw, 2.3rem) !important;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .page-header .container{
    height: auto;
    min-height: inherit;
    transform: none !important;
    justify-content: center;
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .page-title{
    max-width: min(93vw, 15.8ch);
    font-size: clamp(1.48rem, 5.95vw, 1.84rem) !important;
    line-height: 1.07;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .page-subtitle{
    max-width: min(93vw, 28ch);
    font-size: clamp(0.86rem, 3.55vw, 0.96rem) !important;
    line-height: 1.33;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page).service-ribbon-shop .page-header{
    min-height: 350px !important;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .page-title{
    max-width: min(94vw, 14.8ch);
    font-size: clamp(1.28rem, 5.5vw, 1.52rem) !important;
    line-height: 1.04;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .page-subtitle{
    font-size: clamp(0.82rem, 3.2vw, 0.9rem) !important;
    line-height: 1.3;
  }
}

@media (max-width: 425px){
  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page).service-ribbon-shop .page-header{
    height: auto !important;
    min-height: 312px !important;
    padding-top: clamp(2.5rem, 9vw, 3.12rem) !important;
    padding-bottom: clamp(1.7rem, 6.9vw, 2.25rem) !important;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .page-header .container{
    height: auto;
    min-height: inherit;
    transform: none !important;
    justify-content: center;
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .page-title{
    max-width: min(93vw, 16ch);
    font-size: clamp(1.5rem, 6.05vw, 1.86rem) !important;
    line-height: 1.07;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .page-subtitle{
    max-width: min(93vw, 28ch);
    font-size: clamp(0.86rem, 3.5vw, 0.95rem) !important;
    line-height: 1.32;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page).service-ribbon-shop .page-header{
    min-height: 344px !important;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .page-title{
    max-width: min(94vw, 15ch);
    font-size: clamp(1.3rem, 5.6vw, 1.54rem) !important;
    line-height: 1.04;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .page-subtitle{
    font-size: clamp(0.81rem, 3.15vw, 0.89rem) !important;
    line-height: 1.29;
  }
}

@media (max-width: 425px){
  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page).service-ribbon-shop .page-header{
    height: auto !important;
    min-height: 306px !important;
    padding-top: clamp(2.45rem, 8.8vw, 3.08rem) !important;
    padding-bottom: clamp(1.68rem, 6.7vw, 2.2rem) !important;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .page-header .container{
    height: auto;
    min-height: inherit;
    transform: none !important;
    justify-content: center;
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .page-title{
    max-width: min(93vw, 16.4ch);
    font-size: clamp(1.56rem, 6.2vw, 1.9rem) !important;
    line-height: 1.08;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .page-subtitle{
    max-width: min(93vw, 29ch);
    font-size: clamp(0.88rem, 3.6vw, 0.97rem) !important;
    line-height: 1.33;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page).service-ribbon-shop .page-header{
    min-height: 334px !important;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .page-title{
    max-width: min(94vw, 15.6ch);
    font-size: clamp(1.34rem, 5.75vw, 1.58rem) !important;
    line-height: 1.05;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .page-subtitle{
    font-size: clamp(0.83rem, 3.3vw, 0.91rem) !important;
    line-height: 1.3;
  }
}

@media (max-width: 425px){
  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page).service-ribbon-shop .page-header{
    height: auto !important;
    min-height: 320px !important;
    padding-top: clamp(2.55rem, 9.2vw, 3.2rem) !important;
    padding-bottom: clamp(1.75rem, 7vw, 2.3rem) !important;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .page-header .container{
    height: auto;
    min-height: inherit;
    transform: none !important;
    justify-content: center;
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .page-title{
    max-width: min(93vw, 15.4ch);
    font-size: clamp(1.46rem, 5.9vw, 1.8rem) !important;
    line-height: 1.07;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .page-subtitle{
    max-width: min(93vw, 28ch);
    font-size: clamp(0.86rem, 3.5vw, 0.95rem) !important;
    line-height: 1.32;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page).service-ribbon-shop .page-header{
    min-height: 352px !important;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .page-title{
    max-width: min(94vw, 14.4ch);
    font-size: clamp(1.26rem, 5.4vw, 1.5rem) !important;
    line-height: 1.04;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .page-subtitle{
    font-size: clamp(0.81rem, 3.15vw, 0.89rem) !important;
    line-height: 1.29;
  }
}

@media (max-width: 425px){
  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page).service-ribbon-shop .page-header{
    height: auto !important;
    min-height: 320px !important;
    padding-top: clamp(2.55rem, 9.2vw, 3.2rem) !important;
    padding-bottom: clamp(1.75rem, 7vw, 2.3rem) !important;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .page-header .container{
    height: auto;
    min-height: inherit;
    transform: none !important;
    justify-content: center;
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .page-title{
    max-width: min(93vw, 15.4ch);
    font-size: clamp(1.46rem, 5.9vw, 1.8rem) !important;
    line-height: 1.07;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .page-subtitle{
    max-width: min(93vw, 28ch);
    font-size: clamp(0.86rem, 3.5vw, 0.95rem) !important;
    line-height: 1.32;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page).service-ribbon-shop .page-header{
    min-height: 352px !important;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .page-title{
    max-width: min(94vw, 14.4ch);
    font-size: clamp(1.26rem, 5.4vw, 1.5rem) !important;
    line-height: 1.04;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .page-subtitle{
    font-size: clamp(0.81rem, 3.15vw, 0.89rem) !important;
    line-height: 1.29;
  }
}

@media (max-width: 425px){
  .services-page:is(
    .workforce-assessment-fr-page,
    .workforce-assessment-en-page,
    .workforce-ongoing-fr-page,
    .workforce-ongoing-en-page,
    .workforce-workshop-fr-page,
    .workforce-workshop-en-page,
    .workforce-brand-fr-page,
    .workforce-brand-en-page,
    .scaling-assessment-fr-page,
    .scaling-assessment-en-page,
    .compliance-assessment-fr-page,
    .compliance-assessment-en-page,
    .blog-article-page,
    .coaching-readiness-page,
    .scaling-capacity-fr-page,
    .scaling-capacity-en-page,
    .scaling-direction-fr-page,
    .scaling-direction-en-page,
    .scaling-sop-fr-page,
    .scaling-sop-en-page,
    .scaling-structure-fr-page,
    .scaling-structure-en-page,
    .scaling-ongoing-fr-page,
    .scaling-ongoing-en-page,
    .turnaround-assessment-fr-page,
    .turnaround-assessment-en-page,
    .turnaround-market-fr-page,
    .turnaround-market-en-page,
    .turnaround-revenue-fr-page,
    .turnaround-revenue-en-page,
    .turnaround-funnel-fr-page,
    .turnaround-funnel-en-page,
    .turnaround-website-fr-page,
    .turnaround-website-en-page,
    .turnaround-ongoing-fr-page,
    .turnaround-ongoing-en-page
  ).service-ribbon-shop .page-header{
    height: auto !important;
    min-height: 320px !important;
    padding-top: clamp(2.55rem, 9.2vw, 3.2rem) !important;
    padding-bottom: clamp(1.75rem, 7vw, 2.3rem) !important;
  }

  .services-page:is(
    .workforce-assessment-fr-page,
    .workforce-assessment-en-page,
    .workforce-ongoing-fr-page,
    .workforce-ongoing-en-page,
    .workforce-workshop-fr-page,
    .workforce-workshop-en-page,
    .workforce-brand-fr-page,
    .workforce-brand-en-page,
    .scaling-assessment-fr-page,
    .scaling-assessment-en-page,
    .compliance-assessment-fr-page,
    .compliance-assessment-en-page,
    .blog-article-page,
    .coaching-readiness-page,
    .scaling-capacity-fr-page,
    .scaling-capacity-en-page,
    .scaling-direction-fr-page,
    .scaling-direction-en-page,
    .scaling-sop-fr-page,
    .scaling-sop-en-page,
    .scaling-structure-fr-page,
    .scaling-structure-en-page,
    .scaling-ongoing-fr-page,
    .scaling-ongoing-en-page,
    .turnaround-assessment-fr-page,
    .turnaround-assessment-en-page,
    .turnaround-market-fr-page,
    .turnaround-market-en-page,
    .turnaround-revenue-fr-page,
    .turnaround-revenue-en-page,
    .turnaround-funnel-fr-page,
    .turnaround-funnel-en-page,
    .turnaround-website-fr-page,
    .turnaround-website-en-page,
    .turnaround-ongoing-fr-page,
    .turnaround-ongoing-en-page
  ) .page-header .container{
    height: auto;
    min-height: inherit;
    transform: none !important;
    justify-content: center;
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
  }

  .services-page:is(
    .workforce-assessment-fr-page,
    .workforce-assessment-en-page,
    .workforce-ongoing-fr-page,
    .workforce-ongoing-en-page,
    .workforce-workshop-fr-page,
    .workforce-workshop-en-page,
    .workforce-brand-fr-page,
    .workforce-brand-en-page,
    .scaling-assessment-fr-page,
    .scaling-assessment-en-page,
    .compliance-assessment-fr-page,
    .compliance-assessment-en-page,
    .blog-article-page,
    .coaching-readiness-page,
    .scaling-capacity-fr-page,
    .scaling-capacity-en-page,
    .scaling-direction-fr-page,
    .scaling-direction-en-page,
    .scaling-sop-fr-page,
    .scaling-sop-en-page,
    .scaling-structure-fr-page,
    .scaling-structure-en-page,
    .scaling-ongoing-fr-page,
    .scaling-ongoing-en-page,
    .turnaround-assessment-fr-page,
    .turnaround-assessment-en-page,
    .turnaround-market-fr-page,
    .turnaround-market-en-page,
    .turnaround-revenue-fr-page,
    .turnaround-revenue-en-page,
    .turnaround-funnel-fr-page,
    .turnaround-funnel-en-page,
    .turnaround-website-fr-page,
    .turnaround-website-en-page,
    .turnaround-ongoing-fr-page,
    .turnaround-ongoing-en-page
  ) .page-title{
    max-width: min(93vw, 15.4ch);
    font-size: clamp(1.46rem, 5.9vw, 1.8rem) !important;
    line-height: 1.07;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }

  .services-page:is(
    .workforce-assessment-fr-page,
    .workforce-assessment-en-page,
    .workforce-ongoing-fr-page,
    .workforce-ongoing-en-page,
    .workforce-workshop-fr-page,
    .workforce-workshop-en-page,
    .workforce-brand-fr-page,
    .workforce-brand-en-page,
    .scaling-assessment-fr-page,
    .scaling-assessment-en-page,
    .compliance-assessment-fr-page,
    .compliance-assessment-en-page,
    .blog-article-page,
    .coaching-readiness-page,
    .scaling-capacity-fr-page,
    .scaling-capacity-en-page,
    .scaling-direction-fr-page,
    .scaling-direction-en-page,
    .scaling-sop-fr-page,
    .scaling-sop-en-page,
    .scaling-structure-fr-page,
    .scaling-structure-en-page,
    .scaling-ongoing-fr-page,
    .scaling-ongoing-en-page,
    .turnaround-assessment-fr-page,
    .turnaround-assessment-en-page,
    .turnaround-market-fr-page,
    .turnaround-market-en-page,
    .turnaround-revenue-fr-page,
    .turnaround-revenue-en-page,
    .turnaround-funnel-fr-page,
    .turnaround-funnel-en-page,
    .turnaround-website-fr-page,
    .turnaround-website-en-page,
    .turnaround-ongoing-fr-page,
    .turnaround-ongoing-en-page
  ) .page-subtitle{
    max-width: min(93vw, 28ch);
    font-size: clamp(0.86rem, 3.5vw, 0.95rem) !important;
    line-height: 1.32;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(
    .workforce-assessment-fr-page,
    .workforce-assessment-en-page,
    .workforce-ongoing-fr-page,
    .workforce-ongoing-en-page,
    .workforce-workshop-fr-page,
    .workforce-workshop-en-page,
    .workforce-brand-fr-page,
    .workforce-brand-en-page,
    .scaling-assessment-fr-page,
    .scaling-assessment-en-page,
    .compliance-assessment-fr-page,
    .compliance-assessment-en-page,
    .blog-article-page,
    .coaching-readiness-page,
    .scaling-capacity-fr-page,
    .scaling-capacity-en-page,
    .scaling-direction-fr-page,
    .scaling-direction-en-page,
    .scaling-sop-fr-page,
    .scaling-sop-en-page,
    .scaling-structure-fr-page,
    .scaling-structure-en-page,
    .scaling-ongoing-fr-page,
    .scaling-ongoing-en-page,
    .turnaround-assessment-fr-page,
    .turnaround-assessment-en-page,
    .turnaround-market-fr-page,
    .turnaround-market-en-page,
    .turnaround-revenue-fr-page,
    .turnaround-revenue-en-page,
    .turnaround-funnel-fr-page,
    .turnaround-funnel-en-page,
    .turnaround-website-fr-page,
    .turnaround-website-en-page,
    .turnaround-ongoing-fr-page,
    .turnaround-ongoing-en-page
  ).service-ribbon-shop .page-header{
    min-height: 352px !important;
  }

  .services-page:is(
    .workforce-assessment-fr-page,
    .workforce-assessment-en-page,
    .workforce-ongoing-fr-page,
    .workforce-ongoing-en-page,
    .workforce-workshop-fr-page,
    .workforce-workshop-en-page,
    .workforce-brand-fr-page,
    .workforce-brand-en-page,
    .scaling-assessment-fr-page,
    .scaling-assessment-en-page,
    .compliance-assessment-fr-page,
    .compliance-assessment-en-page,
    .blog-article-page,
    .coaching-readiness-page,
    .scaling-capacity-fr-page,
    .scaling-capacity-en-page,
    .scaling-direction-fr-page,
    .scaling-direction-en-page,
    .scaling-sop-fr-page,
    .scaling-sop-en-page,
    .scaling-structure-fr-page,
    .scaling-structure-en-page,
    .scaling-ongoing-fr-page,
    .scaling-ongoing-en-page,
    .turnaround-assessment-fr-page,
    .turnaround-assessment-en-page,
    .turnaround-market-fr-page,
    .turnaround-market-en-page,
    .turnaround-revenue-fr-page,
    .turnaround-revenue-en-page,
    .turnaround-funnel-fr-page,
    .turnaround-funnel-en-page,
    .turnaround-website-fr-page,
    .turnaround-website-en-page,
    .turnaround-ongoing-fr-page,
    .turnaround-ongoing-en-page
  ) .page-title{
    max-width: min(94vw, 14.4ch);
    font-size: clamp(1.26rem, 5.4vw, 1.5rem) !important;
    line-height: 1.04;
  }

  .services-page:is(
    .workforce-assessment-fr-page,
    .workforce-assessment-en-page,
    .workforce-ongoing-fr-page,
    .workforce-ongoing-en-page,
    .workforce-workshop-fr-page,
    .workforce-workshop-en-page,
    .workforce-brand-fr-page,
    .workforce-brand-en-page,
    .scaling-assessment-fr-page,
    .scaling-assessment-en-page,
    .compliance-assessment-fr-page,
    .compliance-assessment-en-page,
    .blog-article-page,
    .coaching-readiness-page,
    .scaling-capacity-fr-page,
    .scaling-capacity-en-page,
    .scaling-direction-fr-page,
    .scaling-direction-en-page,
    .scaling-sop-fr-page,
    .scaling-sop-en-page,
    .scaling-structure-fr-page,
    .scaling-structure-en-page,
    .scaling-ongoing-fr-page,
    .scaling-ongoing-en-page,
    .turnaround-assessment-fr-page,
    .turnaround-assessment-en-page,
    .turnaround-market-fr-page,
    .turnaround-market-en-page,
    .turnaround-revenue-fr-page,
    .turnaround-revenue-en-page,
    .turnaround-funnel-fr-page,
    .turnaround-funnel-en-page,
    .turnaround-website-fr-page,
    .turnaround-website-en-page,
    .turnaround-ongoing-fr-page,
    .turnaround-ongoing-en-page
  ) .page-subtitle{
    font-size: clamp(0.81rem, 3.15vw, 0.89rem) !important;
    line-height: 1.29;
  }
}

.services-page.blog-article-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis,
.services-page.coaching-readiness-page .service-intro-card.service-intro-card--dark.card-readmore-emphasis{
  border: 2px solid rgba(138, 43, 226, 0.68);
  background: linear-gradient(135deg, rgba(138, 43, 226, 0.38), rgba(255, 77, 141, 0.3));
}

.services-page.blog-article-page .coaching-cards,
.services-page.coaching-readiness-page .coaching-cards,
.services-page.blog-article-page .hypno-cards,
.services-page.coaching-readiness-page .hypno-cards{
  gap: 0.8rem;
}

.services-page.blog-article-page .hypno-card.accent-panel,
.services-page.coaching-readiness-page .hypno-card.accent-panel{
  padding-top: clamp(0.72rem, 1.3vw, 0.9rem);
  padding-bottom: clamp(1.08rem, 1.9vw, 1.35rem);
}

.services-page.blog-article-page .hypno-card.accent-panel > :last-child,
.services-page.coaching-readiness-page .hypno-card.accent-panel > :last-child{
  margin-bottom: 0;
}

.services-page.blog-article-page .service-transition-divider.section-divider--hard,
.services-page.coaching-readiness-page .service-transition-divider.section-divider--hard{
  --divider-height: 2.5px;
  --divider-center: rgba(179, 136, 255, 0.92);
  --divider-glow: rgba(179, 136, 255, 0.38);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  height: var(--divider-height);
  background: linear-gradient(90deg, rgba(255,255,255,0), var(--divider-center), rgba(255,255,255,0));
  box-shadow: 0 0 17px var(--divider-glow);
}

.services-page.blog-article-page .service-transition-divider.section-divider--hard::after,
.services-page.coaching-readiness-page .service-transition-divider.section-divider--hard::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(0, -50%);
  background: radial-gradient(circle, rgba(255, 247, 255, 1) 0%, rgba(235, 205, 255, 0.98) 46%, rgba(225, 195, 255, 0) 76%);
  box-shadow: 0 0 12px rgba(231, 201, 255, 0.9), 0 0 24px rgba(206, 166, 251, 0.58);
  opacity: 0;
  pointer-events: none;
  animation: relDividerTravelRightToLeft 4.8s ease-in-out infinite;
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce){
  .services-page.blog-article-page .service-transition-divider.section-divider--hard::after,
  .services-page.coaching-readiness-page .service-transition-divider.section-divider--hard::after{
    animation: none;
    opacity: 0.72;
    transform: translate(-60vw, -50%);
  }
}

.services-page.blog-article-page .hypno-card .gradient-title,
.services-page.coaching-readiness-page .hypno-card .gradient-title{
  font-size: clamp(2.02rem, 3.15vw, 2.45rem);
  letter-spacing: 0.02em;
  margin-top: 0;
  margin-bottom: 0.55rem;
}

.services-page.blog-article-page .service-intro-lead,
.services-page.coaching-readiness-page .service-intro-lead{
  font-size: 1.16rem;
}

.services-page.blog-article-page .hypno-card p,
.services-page.coaching-readiness-page .hypno-card p{
  font-size: 1.16rem;
}

.services-page.blog-article-page .hypno-list li,
.services-page.coaching-readiness-page .hypno-list li{
  font-size: 1.13rem;
}