﻿/* ============================================================================
  BUSINESS DETAIL TEMPLATE — STRUCTURE MAP (LOCKED DOCUMENTATION)
  ============================================================================
  TEMPLATE ROLE:
  - Business mirror of coaching template with business wording/selectors.
  - Serves business detail pages with same visual system and card rhythm.

  CARD SYSTEM (WHEN TO USE WHICH CARD):
  - Card 1 (no bullets): use `business-card business-card-copy-standard`
  - Card 2 (with bullets): use `business-card business-bullet-card-standard`
  - Card 3 (specialty one-off): page-specific (CTA/warning/media emphasis)

  CARD ORDERING RULE:
  - Alternate light purple, then dark purple, then light purple, etc.
  - If Card 1 is not specialty, specialty card is usually placed last.

  CARD COLOURING SCHEMES:
  - Light purple baseline card: `.business-card`
  - Dark purple alternate card: `.business-card.card-alt-emphasis`
  - Specialty one-off card: page-specific class stack + optional neon utility

  TYPOGRAPHY SYSTEM:
  - Body copy size/line-height via `--business-detail-body-*` variables
  - H2 style via `.gradient-title` block (shared card heading system)

  COLON RULE (LOCKED):
  - If a lead sentence ends with a colon, apply `business-colon-lead`
  - Purpose: visual lead-in before lists or emphasized follow-up lines.

  SPECIAL PURPLE NEON (FAVORITE EFFECT):
  - Utility class: `business-special-purple-neon`
  - Optional animated node effect: add `business-special-purple-neon--nodes`
  - Recommended for specialty one-off containers when stronger emphasis is wanted.
  ============================================================================ */

/* ============================================================================
  SECTION 1 — GLOBAL VARIABLES (TYPOGRAPHY + SPECIAL NEON TOKENS)
  ============================================================================ */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-first-card-body p {
  padding-left: 1.4rem;
}

/* Standard for cards with NO bullet lists:
   Apply class="business-card-copy-standard" on the card container. */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card-copy-standard p {
  font-size: var(--business-detail-body-size) !important;
  line-height: var(--business-detail-body-line-height) !important;
  margin: 0 0 12px !important;
  padding-left: 1.4rem;
  color: #F2EEFF !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .hypno-list li,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .business-list li,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .hypno-list li span,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .business-list li span {
  color: #F2EEFF !important;
}

/* LOCKED STANDARD — Cards WITHOUT bullet lists
  Canonical class: business-card-copy-standard (without business-bullet-card-standard) */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card-copy-standard:not(.business-bullet-card-standard) p {
  padding-left: 1.8rem !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card-copy-standard:not(.business-bullet-card-standard) .gradient-title {
  padding-left: 0.4rem !important;
}

/* Card 1 (no bullets): slightly larger inner left text gap */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-first-card-body.business-card-copy-standard p {
  padding-left: 1.8rem !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-first-card-body .gradient-title {
  padding-left: 0.4rem !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card-copy-standard p:last-child {
  margin-bottom: 0;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card-copy-standard p + p {
  margin-top: 14px !important;
}

/* For cards with extra padding or alternate backgrounds, you can add more specific rules as needed */
/* business-details-template.css
   Gold standard template for all business detail pages
   Imports and adapts styles from shop-details-template.css
*/

.business-details,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) {
  --business-detail-bullet-color: #A78BFA;
  --business-detail-body-size: 1.38rem;
  --business-detail-body-line-height: 1.15;
  --business-detail-list-size: 1.34rem;
  --special-purple-neon-border-width: 3px;
  --special-purple-neon-border-radius: 14px;
  --special-purple-neon-outline-color: rgba(193, 77, 255, 0.82);
  --special-purple-neon-inner-line: rgba(238, 191, 255, 0.18);
  --special-purple-neon-surface: linear-gradient(135deg, rgba(138, 43, 226, 0.14), rgba(106, 90, 205, 0.12));
  --special-purple-neon-depth-shadow: rgba(0, 0, 0, 0.11);
  --special-purple-neon-dark-depth: rgba(0, 0, 0, 0.14);
  --special-purple-neon-glow-color: rgba(193, 77, 255, 0.44);
  --special-purple-neon-min-ring: rgba(193, 77, 255, 0.46);
  --special-purple-neon-min-glow: rgba(193, 77, 255, 0.50);
  --special-purple-neon-min-halo: rgba(193, 77, 255, 0.25);
  --special-purple-neon-max-ring: rgba(193, 77, 255, 0.74);
  --special-purple-neon-max-glow: rgba(193, 77, 255, 0.86);
  --special-purple-neon-max-halo: rgba(193, 77, 255, 0.48);
  --special-purple-neon-dot-size: 8px;
  --special-purple-neon-dot-offset: 4px;
  --special-purple-neon-dot-core: rgba(255, 247, 255, 1);
  --special-purple-neon-dot-mid: rgba(223, 162, 255, 0.97);
  --special-purple-neon-dot-edge: rgba(203, 95, 255, 0.78);
  --special-purple-neon-dot-glow-soft: rgba(243, 226, 255, 0.95);
  --special-purple-neon-dot-glow-hard: rgba(203, 95, 255, 0.8);
  --special-purple-neon-pulse-duration: 3.8s;
  --special-purple-neon-dot-duration: 6.8s;
}

.business-details .business-cards,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-cards {
  display: grid;
  gap: 0.5rem;
}

/* ============================================================================
  COMPLIANCE_DETAILS VIDEO CARDS ONLY!!!!
  STANDALONE PAGE-SPECIFIC ZONE (DO NOT REUSE FOR OTHER ROLLOUT PAGES)
  Scope lock: all selectors must start with .services-page.compliance-page
  ============================================================================ */

.services-page.compliance-page {
  --compliance-video-feature-outline: rgba(193, 77, 255, 0.82);
  --compliance-video-feature-outline-soft: rgba(193, 77, 255, 0.34);
  --compliance-video-feature-inner-line: rgba(238, 191, 255, 0.18);
  --compliance-video-feature-surface-a: rgba(138, 43, 226, 0.18);
  --compliance-video-feature-surface-b: rgba(106, 90, 205, 0.16);
  --compliance-video-card-tint-a: rgba(138, 43, 226, 0.15);
  --compliance-video-card-tint-b: rgba(106, 90, 205, 0.15);
}

.services-page.compliance-page .compliance-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 0.85rem;
}

.services-page.compliance-page .compliance-feature-card {
  border-radius: 14px;
  border: 3px solid var(--compliance-video-feature-outline);
  background: linear-gradient(135deg, var(--compliance-video-feature-surface-a), var(--compliance-video-feature-surface-b));
  box-shadow: 0 0 0 1px var(--compliance-video-feature-outline-soft), inset 0 0 0 1px var(--compliance-video-feature-inner-line), 0 0 14px var(--compliance-video-feature-outline-soft), 0 8px 18px rgba(0, 0, 0, 0.18);
  padding: 0.65rem;
}

.services-page.compliance-page .compliance-feature-card .video-card {
  border: 2px solid rgba(138, 43, 226, 0.58) !important;
  background: linear-gradient(135deg, var(--compliance-video-card-tint-a), var(--compliance-video-card-tint-b)) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16) !important;
  margin: 0 0 0.55rem !important;
}

.services-page.compliance-page .compliance-feature-card .compliance-summary-tight {
  margin: 0 !important;
}

.services-page.compliance-page .compliance-feature-card .compliance-summary-tight .gradient-title {
  font-size: clamp(1.6rem, 2.2vw, 2rem) !important;
  line-height: 1.14 !important;
  letter-spacing: 0.02em !important;
  gap: 0.78rem !important;
  transform: translateY(-1px);
  margin-bottom: 0.44rem !important;
}

.services-page.compliance-page .compliance-feature-card .compliance-summary-tight .gradient-title .title-text {
  display: inline-block;
  transform: translateY(3px) !important;
}

.services-page.compliance-page .compliance-feature-card .compliance-summary-tight .gradient-title .bullet-icon,
.services-page.compliance-page .compliance-feature-card .compliance-summary-tight .gradient-title i {
  font-size: 1.02em !important;
  transform: translateY(0) !important;
}

.services-page.compliance-page .compliance-feature-card .video-card {
  transition: none !important;
}

.services-page.compliance-page .compliance-feature-card .video-card:hover {
  transform: none !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16) !important;
}

.services-page.compliance-page .rel-explainer.service-explainer-tight-top {
  padding-top: clamp(1.1rem, 2.05vw, 1.7rem) !important;
}

.services-page.compliance-page .compliance-feature-card .compliance-summary-tight > p.business-colon-lead,
.services-page.compliance-page .compliance-feature-card .compliance-summary-tight > p:has(+ .business-list) {
  font-size: calc(var(--business-detail-body-size) * 0.95) !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
  text-shadow: 0 0 1.1px rgba(255, 255, 255, 0.12) !important;
}

.services-page.compliance-page .compliance-feature-card .compliance-summary-tight > p {
  line-height: 1.12 !important;
  margin-bottom: 0.46rem !important;
}

.services-page.compliance-page .compliance-feature-card .compliance-summary-tight .business-list {
  margin-top: 0.92rem !important;
}

.services-page.compliance-page .compliance-feature-card .compliance-summary-tight .business-list li {
  font-size: calc(var(--business-detail-body-size) * 0.9) !important;
  line-height: 1.02 !important;
  gap: 0.62rem !important;
  margin-bottom: 0.56rem !important;
}

.services-page.compliance-page .compliance-feature-card .compliance-summary-tight .business-list li > span {
  display: inline-block;
  transform: translateY(2.5px);
}

.services-page.compliance-page .compliance-feature-card .compliance-summary-tight .business-list li + li {
  margin-top: 0.56rem !important;
}

.services-page.compliance-page .compliance-feature-card .compliance-summary-tight .business-list li:last-child {
  margin-bottom: 0.28rem !important;
}

@media (max-width: 980px) {
  .services-page.compliance-page .compliance-feature-grid {
    grid-template-columns: 1fr;
  }
}

/* Intro body card copy aligned with new detail-page typography */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .service-intro-section .service-intro-lead {
  font-size: var(--business-detail-body-size) !important;
  line-height: 1.3 !important;
  color: #F2EEFF !important;
}

/* ============================================================================
  SECTION 2 — CARD CLASSES + CARD COLOURING SCHEMES
  ============================================================================
  LOCKED TEMPLATE CARD CLASSES (canonical)
  Base card: business-card
  Non-bullet content standard: business-card-copy-standard
  Bullet content standard: business-bullet-card-standard
  Note: content standard is independent from color scheme.
  Use card-alt-emphasis only when a dark card tone is desired. */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card {
  border-radius: 12px;
  padding: clamp(0.72rem, 1.3vw, 0.9rem) clamp(1rem, 1.8vw, 1.35rem) clamp(1.2rem, 2vw, 1.5rem);
  margin: 0 !important;
  border: 2px solid rgba(138, 43, 226, 0.58);
  background: linear-gradient(135deg, rgba(138, 43, 226, 0.36), rgba(106, 90, 205, 0.32));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card.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);
}

/* Match detail-page container neon outline treatment on video boxes */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .video-card {
  border: 2px solid rgba(193, 77, 255, 0.82) !important;
  box-shadow: 0 0 0 1px rgba(193, 77, 255, 0.34), inset 0 0 0 1px rgba(238, 191, 255, 0.18), 0 0 14px rgba(193, 77, 255, 0.34), 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card > :last-child {
  margin-bottom: 0 !important;
}

/* Template standard:
   h2 heading style is shared across ALL business detail cards,
   including cards with bullet lists and cards without bullet lists. */
.business-details .gradient-title,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card .gradient-title {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: clamp(2.02rem, 3.15vw, 2.45rem) !important;
  letter-spacing: 0.02em;
  line-height: 1.2 !important;
  margin-top: 0 !important;
  margin-bottom: 0.65rem !important;
  font-weight: 700;
  color: #FFFFFF !important;
  text-shadow:
    -1px 0 0 rgba(0, 0, 0, 0.94),
     1px 0 0 rgba(0, 0, 0, 0.94),
     0 -1px 0 rgba(0, 0, 0, 0.94),
     0 1px 0 rgba(0, 0, 0, 0.94);
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card .gradient-title {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  padding-bottom: 0.04em;
}

.business-details .gradient-title i,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card .gradient-title i {
  font-size: 0.95em;
  color: #FFFFFF;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  transform: translateY(-1px);
}

.business-details .gradient-title .bullet-icon,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card .gradient-title .bullet-icon {
  color: #FFFFFF !important;
}

.business-details .hypno-list,
.business-details .business-list {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 0 0 !important;
}

.business-details .hypno-list li,
.business-details .business-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  margin: 0 0 12px !important;
  font-size: var(--business-detail-list-size) !important;
  line-height: var(--business-detail-body-line-height) !important;
}

.business-details .hypno-list li:last-child,
.business-details .business-list li:last-child {
  margin-bottom: 0 !important;
}

.business-details .hypno-list li + li,
.business-details .business-list li + li {
  margin-top: 14px !important;
}

.business-details .bullet-icon {
  flex: 0 0 auto;
  font-size: 1.02rem;
  line-height: 1;
  margin-top: 0.28rem;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card .gradient-title {
  margin-left: -0.2rem;
  margin-bottom: 1.2rem !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .gradient-title {
  margin-top: 0.2rem !important;
}

/* LOCKED STANDARD — Cards WITH bullet lists
  Canonical class: business-bullet-card-standard
  Status: approved and reusable for all business detail pages. */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .hypno-list .bullet-icon,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .business-list .bullet-icon {
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  margin-top: 0 !important;
  width: 1.35em;
  height: 1.35em;
  flex: 0 0 1.35em;
  display: grid;
  place-items: center;
  line-height: 1 !important;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  left: 0 !important;
  text-shadow: none !important;
  filter: none !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .hypno-list li,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .business-list li {
  display: grid !important;
  grid-template-columns: 1.35em minmax(0, 1fr);
  font-size: var(--business-detail-body-size) !important;
  align-items: center !important;
  column-gap: 1.3rem !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .hypno-list li > span,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .business-list li > span {
  display: block;
  transform: none !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > h2 + p,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > h2 + p + p {
  padding-left: 0.4rem !important;
  margin-left: 0 !important;
}

/* First business card: lead copy aligns with bullet-text column */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-first-card-body.business-bullet-card-standard > h2 + p,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-first-card-body.business-bullet-card-standard > h2 + p + p {
  padding-left: 0.2rem !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-first-card-body.business-bullet-card-standard > p:has(+ .hypno-list),
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-first-card-body.business-bullet-card-standard > p:has(+ .business-list) {
  padding-left: 0.2rem !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > .hypno-list + p,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > .business-list + p {
  margin-top: 1rem !important;
  padding-left: 0.4rem !important;
  margin-left: 0 !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > .hypno-list + p + p,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > .business-list + p + p {
  padding-left: 0.4rem !important;
  margin-left: 0 !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .hypno-list li,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .business-list li {
  padding-left: 0.3rem !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard .gradient-title {
  padding-left: 0.4rem !important;
}

/* Bullet-card normalization for variable source formatting
  Handles extra blank paragraphs and inconsistent spacing around list blocks. */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > :is(p, .hypno-list, .business-list) {
  margin-left: 0 !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > p {
  padding-left: 0.4rem !important;
  margin-bottom: 0.7rem !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > :is(.hypno-list, .business-list) {
  margin-top: 0.45rem !important;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > :is(.hypno-list, .business-list) + p {
  margin-top: 1rem !important;
}

/* LOCKED STANDARD — Colon-ending lead line emphasis
  Reusable class: business-colon-lead
  Purpose: subtle visual differentiation from surrounding body text. */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-card-copy-standard p.business-colon-lead {
  font-size: calc(var(--business-detail-body-size) * 1.06) !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  letter-spacing: 0.01em;
  text-shadow: 0 0 1.8px rgba(255, 255, 255, 0.24);
}

/* Auto-emphasize lead paragraphs before bullet lists
  (covers cases where business-colon-lead class is missing). */
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > p:has(+ .hypno-list),
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-bullet-card-standard > p:has(+ .business-list) {
  font-size: calc(var(--business-detail-body-size) * 1.06) !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  letter-spacing: 0.01em;
  text-shadow: 0 0 1.8px rgba(255, 255, 255, 0.24);
}

/* ============================================================================
   SECTION 3 — SPECIAL PURPLE NEON (OPTIONAL, REUSABLE SITEWIDE)
   ============================================================================
   Apply on any specialty card/container when needed:
   - class="business-special-purple-neon"
   Optional animated perimeter nodes:
   - class="business-special-purple-neon business-special-purple-neon--nodes"

   Neon specification:
   - outline box colour: rgba(193, 77, 255, 0.82)
   - special effect: pulse + optional node travel
   - speed glow: var(--special-purple-neon-pulse-duration)
   - intensity: min/max ring+glow variables above
   ============================================================================ */

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-special-purple-neon {
  position: relative;
  border-radius: var(--special-purple-neon-border-radius);
  border: var(--special-purple-neon-border-width) solid var(--special-purple-neon-outline-color);
  background: var(--special-purple-neon-surface);
  box-shadow: 0 0 0 1px var(--special-purple-neon-glow-color), inset 0 0 0 1px var(--special-purple-neon-inner-line), 0 0 14px var(--special-purple-neon-glow-color), 0 8px 18px var(--special-purple-neon-depth-shadow);
  animation: business-special-purple-neon-pulse var(--special-purple-neon-pulse-duration) cubic-bezier(0.42, 0, 0.58, 1) infinite;
  overflow: hidden;
}

@keyframes business-special-purple-neon-pulse {
  0% {
    box-shadow: 0 0 0 1px var(--special-purple-neon-min-ring), inset 0 0 0 1px var(--special-purple-neon-inner-line), 0 0 16px var(--special-purple-neon-min-glow), 0 0 26px var(--special-purple-neon-min-halo), 0 8px 18px var(--special-purple-neon-depth-shadow);
  }
  35% {
    box-shadow: 0 0 0 1px rgba(193, 77, 255, 0.68), inset 0 0 0 1px var(--special-purple-neon-inner-line), 0 0 22px rgba(193, 77, 255, 0.75), 0 0 36px rgba(193, 77, 255, 0.43), 0 9px 20px rgba(0, 0, 0, 0.13);
  }
  70% {
    box-shadow: 0 0 0 1px var(--special-purple-neon-max-ring), inset 0 0 0 1px var(--special-purple-neon-inner-line), 0 0 30px var(--special-purple-neon-max-glow), 0 0 52px var(--special-purple-neon-max-halo), 0 10px 22px var(--special-purple-neon-dark-depth);
  }
  100% {
    box-shadow: 0 0 0 1px rgba(193, 77, 255, 0.68), inset 0 0 0 1px var(--special-purple-neon-inner-line), 0 0 22px rgba(193, 77, 255, 0.75), 0 0 36px rgba(193, 77, 255, 0.43), 0 9px 20px rgba(0, 0, 0, 0.13);
  }
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-special-purple-neon.business-special-purple-neon--nodes::before,
.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-special-purple-neon.business-special-purple-neon--nodes::after {
  content: "";
  position: absolute;
  width: var(--special-purple-neon-dot-size);
  height: var(--special-purple-neon-dot-size);
  border-radius: 50%;
  background: radial-gradient(circle, var(--special-purple-neon-dot-core) 0%, var(--special-purple-neon-dot-mid) 65%, var(--special-purple-neon-dot-edge) 100%);
  box-shadow: 0 0 8px var(--special-purple-neon-dot-glow-soft), 0 0 16px var(--special-purple-neon-dot-glow-hard);
  z-index: 2;
  animation: business-neon-node-travel var(--special-purple-neon-dot-duration) linear infinite;
}

.services-page:is(.compliance-page, .scaling-page, .thebrandinitiative-page, .organizational-cohesion-page, .productivity-organization-page, .workshop-delivery-page) .business-special-purple-neon.business-special-purple-neon--nodes::after {
  animation-delay: calc(var(--special-purple-neon-dot-duration) / -2);
}

@keyframes business-neon-node-travel {
  0% {
    top: calc(var(--special-purple-neon-dot-offset) * -1);
    left: calc(var(--special-purple-neon-dot-offset) * -1);
  }
  25% {
    top: calc(var(--special-purple-neon-dot-offset) * -1);
    left: calc(100% - var(--special-purple-neon-dot-offset));
  }
  50% {
    top: calc(100% - var(--special-purple-neon-dot-offset));
    left: calc(100% - var(--special-purple-neon-dot-offset));
  }
  75% {
    top: calc(100% - var(--special-purple-neon-dot-offset));
    left: calc(var(--special-purple-neon-dot-offset) * -1);
  }
  100% {
    top: calc(var(--special-purple-neon-dot-offset) * -1);
    left: calc(var(--special-purple-neon-dot-offset) * -1);
  }
}

@media (max-width: 425px){
  html[lang^="fr"] .services-page.compliance-roles-fr-page{
    --business-detail-body-size: 1.18rem;
    --business-detail-list-size: 1.14rem;
  }

  html[lang^="fr"] .services-page.compliance-roles-fr-page .business-card .gradient-title{
    font-size: clamp(1.44rem, 5.8vw, 1.62rem) !important;
    line-height: 1.14 !important;
    gap: 0.42rem;
    margin-bottom: 0.52rem !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  html[lang^="fr"] .services-page.compliance-roles-fr-page .business-card .gradient-title .bullet-icon,
  html[lang^="fr"] .services-page.compliance-roles-fr-page .business-card .gradient-title i{
    font-size: 0.86em !important;
  }
}

@media (max-width: 320px){
  .services-page.compliance-roles-en-page{
    --business-detail-body-size: 1.08rem;
    --business-detail-list-size: 1.04rem;
  }

  .services-page.compliance-roles-en-page .business-card .gradient-title{
    font-size: clamp(1.28rem, 5.3vw, 1.46rem) !important;
    line-height: 1.12 !important;
    gap: 0.38rem;
    margin-bottom: 0.48rem !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .services-page.compliance-roles-en-page .business-card .gradient-title .bullet-icon,
  .services-page.compliance-roles-en-page .business-card .gradient-title i{
    font-size: 0.82em !important;
  }

  .services-page.compliance-roles-en-page .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.2em minmax(0, 1fr);
    column-gap: 0.9rem !important;
  }

  .services-page.compliance-roles-en-page .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.04rem !important;
    width: 1.04em;
    height: 1.04em;
    flex: 0 0 1.04em;
  }

  .services-page.compliance-roles-en-page .business-bullet-card-standard .business-list li > span,
  .services-page.compliance-roles-en-page .business-card p{
    overflow-wrap: anywhere;
  }
}

@media (max-width: 425px){
  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page){
    --business-detail-body-size: 1.14rem;
    --business-detail-list-size: 1.1rem;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .business-card{
    padding-left: 0.78rem;
    padding-right: 0.78rem;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .business-card .gradient-title{
    font-size: clamp(1.36rem, 5.7vw, 1.56rem) !important;
    line-height: 1.12 !important;
    gap: 0.4rem;
    margin-bottom: 0.5rem !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .business-card .gradient-title .bullet-icon,
  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .business-card .gradient-title i{
    font-size: 0.84em !important;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.2em minmax(0, 1fr);
    column-gap: 0.9rem !important;
    padding-left: 0 !important;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.3rem !important;
    width: 1.2em;
    height: 1.2em;
    flex: 0 0 1.2em;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .business-bullet-card-standard .business-list li > span,
  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .business-card p{
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page){
    --business-detail-body-size: 1.04rem;
    --business-detail-list-size: 1rem;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .business-card .gradient-title{
    font-size: clamp(1.24rem, 5.2vw, 1.42rem) !important;
    gap: 0.34rem;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.12em minmax(0, 1fr);
    column-gap: 0.78rem !important;
  }

  .services-page:is(.compliance-prevention-fr-page, .compliance-prevention-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.2rem !important;
    width: 1.12em;
    height: 1.12em;
    flex: 0 0 1.12em;
  }
}

@media (max-width: 425px){
  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page){
    --business-detail-body-size: 1.08rem;
    --business-detail-list-size: 1.04rem;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .business-card{
    padding-left: 0.72rem;
    padding-right: 0.72rem;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .business-card .gradient-title{
    font-size: clamp(1.26rem, 5.35vw, 1.46rem) !important;
    line-height: 1.1 !important;
    gap: 0.34rem;
    margin-bottom: 0.46rem !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .business-card .gradient-title .bullet-icon,
  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .business-card .gradient-title i{
    font-size: 0.8em !important;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.14em minmax(0, 1fr);
    column-gap: 0.76rem !important;
    padding-left: 0 !important;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.2rem !important;
    width: 1.14em;
    height: 1.14em;
    flex: 0 0 1.14em;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .business-bullet-card-standard .business-list li > span,
  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .business-card p{
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page){
    --business-detail-body-size: 0.98rem;
    --business-detail-list-size: 0.96rem;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .business-card .gradient-title{
    font-size: clamp(1.16rem, 4.95vw, 1.32rem) !important;
    gap: 0.28rem;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.06em minmax(0, 1fr);
    column-gap: 0.66rem !important;
  }

  .services-page:is(.compliance-documentation-fr-page, .compliance-documentation-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.08rem !important;
    width: 1.06em;
    height: 1.06em;
    flex: 0 0 1.06em;
  }
}

@media (max-width: 425px){
  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page){
    --business-detail-body-size: 1.06rem;
    --business-detail-list-size: 1.02rem;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .business-card{
    padding-left: 0.72rem;
    padding-right: 0.72rem;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .business-card .gradient-title{
    font-size: clamp(1.24rem, 5.25vw, 1.44rem) !important;
    line-height: 1.1 !important;
    gap: 0.34rem;
    margin-bottom: 0.46rem !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .business-card .gradient-title .bullet-icon,
  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .business-card .gradient-title i{
    font-size: 0.8em !important;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.12em minmax(0, 1fr);
    column-gap: 0.72rem !important;
    padding-left: 0 !important;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.14rem !important;
    width: 1.12em;
    height: 1.12em;
    flex: 0 0 1.12em;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .business-bullet-card-standard .business-list li > span,
  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .business-card p{
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page){
    --business-detail-body-size: 0.97rem;
    --business-detail-list-size: 0.94rem;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .business-card .gradient-title{
    font-size: clamp(1.14rem, 4.85vw, 1.3rem) !important;
    gap: 0.28rem;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.04em minmax(0, 1fr);
    column-gap: 0.62rem !important;
  }

  .services-page:is(.compliance-standards-fr-page, .compliance-standards-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.04rem !important;
    width: 1.04em;
    height: 1.04em;
    flex: 0 0 1.04em;
  }
}

@media (max-width: 425px){
  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page){
    --business-detail-body-size: 1.1rem;
    --business-detail-list-size: 1.06rem;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .business-card{
    padding-left: 0.76rem;
    padding-right: 0.76rem;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .business-card .gradient-title{
    font-size: clamp(1.28rem, 5.4vw, 1.48rem) !important;
    line-height: 1.1 !important;
    gap: 0.36rem;
    margin-bottom: 0.47rem !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .business-card .gradient-title .bullet-icon,
  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .business-card .gradient-title i{
    font-size: 0.82em !important;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.16em minmax(0, 1fr);
    column-gap: 0.78rem !important;
    padding-left: 0 !important;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.18rem !important;
    width: 1.16em;
    height: 1.16em;
    flex: 0 0 1.16em;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .business-bullet-card-standard .business-list li > span,
  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .business-card p{
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page){
    --business-detail-body-size: 1.01rem;
    --business-detail-list-size: 0.98rem;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .business-card .gradient-title{
    font-size: clamp(1.18rem, 5.02vw, 1.34rem) !important;
    gap: 0.3rem;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.08em minmax(0, 1fr);
    column-gap: 0.68rem !important;
  }

  .services-page:is(.compliance-ongoing-fr-page, .compliance-ongoing-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.08rem !important;
    width: 1.08em;
    height: 1.08em;
    flex: 0 0 1.08em;
  }
}

@media (max-width: 425px){
  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page){
    --business-detail-body-size: 1.06rem;
    --business-detail-list-size: 1.02rem;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .business-card{
    padding-left: 0.72rem;
    padding-right: 0.72rem;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .business-card .gradient-title{
    font-size: clamp(1.24rem, 5.25vw, 1.44rem) !important;
    line-height: 1.1 !important;
    gap: 0.34rem;
    margin-bottom: 0.46rem !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .business-card .gradient-title .bullet-icon,
  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .business-card .gradient-title i{
    font-size: 0.8em !important;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.12em minmax(0, 1fr);
    column-gap: 0.72rem !important;
    padding-left: 0 !important;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.14rem !important;
    width: 1.12em;
    height: 1.12em;
    flex: 0 0 1.12em;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .business-bullet-card-standard .business-list li > span,
  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .business-card p{
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page){
    --business-detail-body-size: 0.97rem;
    --business-detail-list-size: 0.94rem;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .business-card .gradient-title{
    font-size: clamp(1.14rem, 4.85vw, 1.3rem) !important;
    gap: 0.28rem;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.04em minmax(0, 1fr);
    column-gap: 0.62rem !important;
  }

  .services-page:is(.workforce-productivity-fr-page, .workforce-productivity-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.04rem !important;
    width: 1.04em;
    height: 1.04em;
    flex: 0 0 1.04em;
  }
}

@media (max-width: 425px){
  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page){
    --business-detail-body-size: 1.06rem;
    --business-detail-list-size: 1.02rem;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .business-card{
    padding-left: 0.72rem;
    padding-right: 0.72rem;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .business-card .gradient-title{
    font-size: clamp(1.24rem, 5.25vw, 1.44rem) !important;
    line-height: 1.1 !important;
    gap: 0.34rem;
    margin-bottom: 0.46rem !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .business-card .gradient-title .bullet-icon,
  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .business-card .gradient-title i{
    font-size: 0.8em !important;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.12em minmax(0, 1fr);
    column-gap: 0.72rem !important;
    padding-left: 0 !important;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.14rem !important;
    width: 1.12em;
    height: 1.12em;
    flex: 0 0 1.12em;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .business-bullet-card-standard .business-list li > span,
  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .business-card p{
    overflow-wrap: anywhere;
  }
}

@media (max-width: 320px){
  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page){
    --business-detail-body-size: 0.97rem;
    --business-detail-list-size: 0.94rem;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .business-card .gradient-title{
    font-size: clamp(1.14rem, 4.85vw, 1.3rem) !important;
    gap: 0.28rem;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.04em minmax(0, 1fr);
    column-gap: 0.62rem !important;
  }

  .services-page:is(.workforce-cohesion-fr-page, .workforce-cohesion-en-page) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.04rem !important;
    width: 1.04em;
    height: 1.04em;
    flex: 0 0 1.04em;
  }
}

@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
  ){
    --business-detail-body-size: 1.06rem;
    --business-detail-list-size: 1.02rem;
  }

  .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
  ) .business-card{
    padding-left: 0.72rem;
    padding-right: 0.72rem;
  }

  .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
  ) .business-card .gradient-title{
    font-size: clamp(1.24rem, 5.25vw, 1.44rem) !important;
    line-height: 1.1 !important;
    gap: 0.34rem;
    margin-bottom: 0.46rem !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .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
  ) .business-card .gradient-title .bullet-icon,
  .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
  ) .business-card .gradient-title i{
    font-size: 0.8em !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
  ) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.12em minmax(0, 1fr);
    column-gap: 0.72rem !important;
    padding-left: 0 !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
  ) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.14rem !important;
    width: 1.12em;
    height: 1.12em;
    flex: 0 0 1.12em;
  }

  .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
  ) .business-bullet-card-standard .business-list li > span,
  .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
  ) .business-card p{
    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
  ){
    --business-detail-body-size: 0.97rem;
    --business-detail-list-size: 0.94rem;
  }

  .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
  ) .business-card .gradient-title{
    font-size: clamp(1.14rem, 4.85vw, 1.3rem) !important;
    gap: 0.28rem;
  }

  .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
  ) .business-bullet-card-standard .business-list li{
    grid-template-columns: 1.04em minmax(0, 1fr);
    column-gap: 0.62rem !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
  ) .business-bullet-card-standard .business-list .bullet-icon{
    font-size: 1.04rem !important;
    width: 1.04em;
    height: 1.04em;
    flex: 0 0 1.04em;
  }

}

@media (max-width: 375px){
  .services-page.business-details .service-intro-section .container,
  .services-page.business-details .rel-explainer .container{
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }

  .services-page.business-details .business-card{
    padding-left: 0.64rem;
    padding-right: 0.64rem;
  }

  .services-page:is(.compliance-assessment-fr-page, .compliance-assessment-en-page) main > .section-band.service-explainer-tight-top:not(.rel-explainer) > .container{
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }

  .services-page:is(.compliance-assessment-fr-page, .compliance-assessment-en-page) .compliance-feature-card{
    padding: 0.58rem;
  }
}

@media (max-width: 320px){
  .services-page.business-details .service-intro-section .container,
  .services-page.business-details .rel-explainer .container{
    padding-left: 0.56rem;
    padding-right: 0.56rem;
  }

  .services-page.business-details .business-card{
    padding-left: 0.54rem;
    padding-right: 0.54rem;
  }

  .services-page:is(.compliance-assessment-fr-page, .compliance-assessment-en-page) main > .section-band.service-explainer-tight-top:not(.rel-explainer) > .container{
    padding-left: 0.56rem;
    padding-right: 0.56rem;
  }

  .services-page:is(.compliance-assessment-fr-page, .compliance-assessment-en-page) .compliance-feature-card{
    padding: 0.5rem;
  }
}
