/* ─────────────────────────────────────────────────────────────────
   CRO Block 4 — Hero Industry (final override)
   Loaded last via base.html.twig 1..17 loop. Token-bound rebuild
   that overrides legacy cro-hero-industry.css cosmetic rules.
   Scheme: cream (lightest variant) so industry photo and pills lift.
   ───────────────────────────────────────────────────────────── */

/* ── Section shell ───────────────────────────────────────────── */
.section.cro-hero-industry,
.section.block-cro-block-4,
.section.industry-hero-compact,
.section.hero-isolated {
  background: var(--ds-cream) !important;
  color: var(--ds-ink) !important;
  position: relative;
  overflow: hidden;
  /* Section padding handled by .section.section-lg in design-system.css (W3-A24). */
}

/* Override inline solid bg + overlay so we keep the cream scheme. */
.cro-hero-industry .hero-bg-solid,
.block-cro-block-4 .hero-bg-solid,
.cro-hero-industry .hero-overlay, .block-cro-block-4 .hero-overlay {
  display: none !important;
}

/* Watermark seal — soft, low-z decorative */
.cro-hero-industry .trust-seal-watermark, .block-cro-block-4 .trust-seal-watermark {
  position: absolute;
  top: 50%;
  right: var(--ds-space-5);
  transform: translateY(-50%);
  width: 280px !important;
  height: 280px !important;
  color: var(--ds-cta);
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 991px) {
  .cro-hero-industry .trust-seal-watermark, .block-cro-block-4 .trust-seal-watermark { display: none; }
}

/* ── Container ───────────────────────────────────────────────── */
/* The .row contains decorative siblings (hero-color-config, hero-bg-solid,
   hero-overlay, trust-seal-watermark) plus 2 col-lg-6 columns. Use flex
   on mobile and grid + grid-column overrides on desktop. */
.cro-hero-industry .container > .row, .block-cro-block-4 .container > .row {
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-6);
  align-items: stretch;
  position: relative;
}
.cro-hero-industry .container > .row > .hero-color-config, .block-cro-block-4 .container > .row > .hero-color-config { display: none !important; }
.cro-hero-industry .container > .row > .hero-bg-solid,
.block-cro-block-4 .container > .row > .hero-bg-solid,
.cro-hero-industry .container > .row > .hero-overlay, .block-cro-block-4 .container > .row > .hero-overlay {
  display: none !important;
}
@media (min-width: 992px) {
  .cro-hero-industry .container > .row, .block-cro-block-4 .container > .row {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: var(--ds-space-7);
    align-items: start;
  }
  .cro-hero-industry .container > .row > svg.trust-seal-watermark, .block-cro-block-4 .container > .row > svg.trust-seal-watermark {
    grid-column: 2 / 3;
    grid-row: 1 / -1;
    align-self: center;
    justify-self: end;
    pointer-events: none;
  }
}
.cro-hero-industry .col-lg-6, .block-cro-block-4 .col-lg-6 {
  width: 100%; max-width: 100%; flex: none; padding: 0;
}

/* ── Industry pills ──────────────────────────────────────────── */
.cro-hero-industry .industry-pills-isolated, .block-cro-block-4 .industry-pills-isolated {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-2);
  margin-bottom: var(--ds-space-4);
}
.cro-hero-industry .industry-pill-isolated, .block-cro-block-4 .industry-pill-isolated {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.9rem;
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  font-weight: 600;
  background: var(--scheme-card-bg, #fff);
  color: var(--ds-ink-soft);
  border: 1px solid var(--ds-rule);
  border-radius: var(--ds-radius-pill);
  cursor: pointer;
  transition: all var(--ds-duration) var(--ds-ease-out);
}
.cro-hero-industry .industry-pill-isolated:hover, .block-cro-block-4 .industry-pill-isolated:hover {
  border-color: var(--ds-cta);
  color: var(--ds-cta);
  transform: translateY(-1px);
}
.cro-hero-industry .industry-pill-isolated.active, .block-cro-block-4 .industry-pill-isolated.active {
  background: var(--ds-cta-aa, var(--ds-cta-dk));
  color: #fff;
  border-color: var(--ds-cta);
  box-shadow: var(--ds-shadow-cta);
}

/* ── Headline + subheadline ──────────────────────────────────── */
.cro-hero-industry .hero-headline-isolated, .block-cro-block-4 .hero-headline-isolated {
  font-family: var(--ds-font-display);
  font-size: var(--ds-fs-display-xl);
  line-height: 1.02;
  letter-spacing: 0.005em;
  color: var(--ds-ink) !important;
  margin: 0 0 var(--ds-space-4);
  text-transform: uppercase;
}
.cro-hero-industry .hero-subheadline-isolated, .block-cro-block-4 .hero-subheadline-isolated {
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-lg);
  color: var(--ds-ink-soft) !important;
  line-height: 1.55;
  margin: 0 0 var(--ds-space-5);
  border-left: 3px solid var(--ds-cta);
  padding: 0.2rem 0 0.2rem var(--ds-space-4);
}

/* ── Stat widget (collapsed) ─────────────────────────────────── */
.cro-hero-industry .stat-display-widget-isolated, .block-cro-block-4 .stat-display-widget-isolated {
  background: var(--scheme-card-bg, #fff) !important;
  border: 1px solid var(--ds-rule);
  border-radius: var(--ds-radius-lg) !important;
  box-shadow: var(--ds-shadow-md);
  padding: var(--ds-space-4) !important;
  margin-bottom: var(--ds-space-5);
  position: relative;
  z-index: 1;
}
.cro-hero-industry .stat-widget-collapsed, .block-cro-block-4 .stat-widget-collapsed {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--ds-space-4);
  align-items: center;
}
@media (min-width: 768px) {
  .cro-hero-industry .stat-widget-collapsed, .block-cro-block-4 .stat-widget-collapsed {
    grid-template-columns: auto 1fr auto;
  }
}
.cro-hero-industry .stat-col-icon, .block-cro-block-4 .stat-col-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--ds-space-2);
  padding: var(--ds-space-3);
  background: color-mix(in srgb, var(--ds-cta) 8%, white);
  border-radius: var(--ds-radius);
  min-width: 88px;
}
.cro-hero-industry .stat-icon-isolated, .block-cro-block-4 .stat-icon-isolated {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--ds-cta);
}
.cro-hero-industry .stat-icon-isolated svg,
.block-cro-block-4 .stat-icon-isolated svg,
.cro-hero-industry .stat-icon-isolated img, .block-cro-block-4 .stat-icon-isolated img {
  width: 28px !important;
  height: 28px !important;
}
.cro-hero-industry .stat-number-isolated, .block-cro-block-4 .stat-number-isolated {
  font-family: var(--ds-font-display);
  font-size: var(--ds-fs-display-md);
  letter-spacing: 0.005em;
  color: var(--ds-cta);
  line-height: 1;
}
.cro-hero-industry .stat-col-info, .block-cro-block-4 .stat-col-info { display: flex; flex-direction: column; gap: 0.2rem; }
.cro-hero-industry .stat-label-isolated, .block-cro-block-4 .stat-label-isolated {
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body);
  font-weight: 700;
  color: var(--ds-ink);
}
.cro-hero-industry .stat-details-isolated, .block-cro-block-4 .stat-details-isolated {
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  color: var(--ds-ink-soft);
}
.cro-hero-industry .stat-click-hint, .block-cro-block-4 .stat-click-hint {
  display: inline-flex;
  align-items: center;
  gap: var(--ds-space-2);
  margin-top: 0.4rem;
  font-family: var(--ds-font-mono);
  font-size: var(--ds-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ds-cta);
  cursor: pointer;
}
.cro-hero-industry .hint-icon, .block-cro-block-4 .hint-icon { width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center; }

.cro-hero-industry .stat-col-preview, .block-cro-block-4 .stat-col-preview {
  display: none;
  align-items: center;
  gap: var(--ds-space-2);
  padding: var(--ds-space-2) var(--ds-space-3);
  background: var(--ds-paper);
  border: 1px solid var(--ds-rule);
  border-radius: var(--ds-radius-sm);
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  color: var(--ds-ink-soft);
  cursor: pointer;
}
@media (min-width: 768px) {
  .cro-hero-industry .stat-col-preview, .block-cro-block-4 .stat-col-preview { display: flex; }
}
.cro-hero-industry .preview-content, .block-cro-block-4 .preview-content { line-height: 1.4; }
.cro-hero-industry .preview-text strong, .block-cro-block-4 .preview-text strong { color: var(--ds-ink); }
.cro-hero-industry .preview-hint-icon, .block-cro-block-4 .preview-hint-icon {
  color: var(--ds-cta);
  font-size: 0.85em;
}

.cro-hero-industry .stat-trust-badges, .block-cro-block-4 .stat-trust-badges {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-2);
  margin-top: var(--ds-space-3);
  padding-top: var(--ds-space-3);
  border-top: 1px solid var(--ds-rule);
}
.cro-hero-industry .stat-trust-badge, .block-cro-block-4 .stat-trust-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.7rem;
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: color-mix(in srgb, var(--ds-trust) 12%, white);
  color: var(--ds-trust-dk);
  border-radius: var(--ds-radius-pill);
}

/* Stat widget expanded */
.cro-hero-industry .stat-widget-expanded, .block-cro-block-4 .stat-widget-expanded {
  display: none;
  margin-top: var(--ds-space-3);
  padding-top: var(--ds-space-3);
  border-top: 1px solid var(--ds-rule);
}
.cro-hero-industry .stat-display-widget-isolated.expanded .stat-widget-expanded, .block-cro-block-4 .stat-display-widget-isolated.expanded .stat-widget-expanded { display: block; }
.cro-hero-industry .expanded-header, .block-cro-block-4 .expanded-header {
  display: flex;
  align-items: center;
  gap: var(--ds-space-3);
  margin-bottom: var(--ds-space-3);
}
.cro-hero-industry .expanded-icon, .block-cro-block-4 .expanded-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--ds-radius-pill);
  background: color-mix(in srgb, var(--ds-cta) 12%, white);
  color: var(--ds-cta);
  flex-shrink: 0;
}
.cro-hero-industry .expanded-icon svg,
.block-cro-block-4 .expanded-icon svg,
.cro-hero-industry .expanded-icon img, .block-cro-block-4 .expanded-icon img {
  width: 20px !important;
  height: 20px !important;
}
.cro-hero-industry .expanded-title, .block-cro-block-4 .expanded-title { flex: 1; }
.cro-hero-industry .expanded-title h4, .block-cro-block-4 .expanded-title h4 {
  font-family: var(--ds-font-display);
  font-size: var(--ds-fs-display-sm);
  letter-spacing: 0.005em;
  text-transform: uppercase;
  margin: 0;
}
.cro-hero-industry .expanded-title p, .block-cro-block-4 .expanded-title p {
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  color: var(--ds-ink-soft);
  margin: 0.2rem 0 0;
}
.cro-hero-industry .expanded-close-hint, .block-cro-block-4 .expanded-close-hint {
  cursor: pointer;
  color: var(--ds-ink-mute);
  font-size: var(--ds-fs-body-sm);
}
.cro-hero-industry .stat-divider-isolated, .block-cro-block-4 .stat-divider-isolated {
  height: 1px;
  background: var(--ds-rule);
  margin: var(--ds-space-3) 0;
}
.cro-hero-industry .stat-breakdown-isolated, .block-cro-block-4 .stat-breakdown-isolated {
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  line-height: 1.55;
  color: var(--ds-ink-soft);
}
.cro-hero-industry .stat-breakdown-isolated strong, .block-cro-block-4 .stat-breakdown-isolated strong { color: var(--ds-ink); }
.cro-hero-industry .breakdown-section, .block-cro-block-4 .breakdown-section { margin-bottom: var(--ds-space-3); }
.cro-hero-industry .breakdown-trust, .block-cro-block-4 .breakdown-trust {
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-2);
  margin-top: var(--ds-space-3);
  padding-top: var(--ds-space-3);
  border-top: 1px solid var(--ds-rule);
}
.cro-hero-industry .trust-seal-mini, .block-cro-block-4 .trust-seal-mini {
  font-family: var(--ds-font-mono);
  font-size: var(--ds-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ds-trust-dk);
}
.cro-hero-industry .stat-trust-badges-expanded, .block-cro-block-4 .stat-trust-badges-expanded {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-2);
}

/* ── CTA buttons ─────────────────────────────────────────────── */
.cro-hero-industry .hero-ctas-isolated, .block-cro-block-4 .hero-ctas-isolated {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-3);
  margin-bottom: var(--ds-space-4);
}
.cro-hero-industry .hero-cta-isolated, .block-cro-block-4 .hero-cta-isolated {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.85rem 1.4rem;
  font-family: var(--ds-font-body);
  font-weight: 700;
  border-radius: var(--ds-radius);
  text-decoration: none !important;
  transition: background var(--ds-duration) var(--ds-ease-out),
              transform var(--ds-duration-fast) var(--ds-ease-out);
}
.cro-hero-industry .hero-cta-isolated.primary,
.block-cro-block-4 .hero-cta-isolated.primary,
.cro-hero-industry .hero-cta-isolated.cta-primary,
.block-cro-block-4 .hero-cta-isolated.cta-primary,
.cro-hero-industry .hero-cta-isolated:not(.secondary):not(.cta-secondary), .block-cro-block-4 .hero-cta-isolated:not(.secondary):not(.cta-secondary) {
  background: var(--ds-cta-aa, var(--ds-cta-dk));
  color: #fff;
  box-shadow: var(--ds-shadow-cta);
}
.cro-hero-industry .hero-cta-isolated.primary:hover,
.block-cro-block-4 .hero-cta-isolated.primary:hover,
.cro-hero-industry .hero-cta-isolated:not(.secondary):not(.cta-secondary):hover, .block-cro-block-4 .hero-cta-isolated:not(.secondary):not(.cta-secondary):hover {
  background: var(--ds-cta-dk);
  transform: translateY(-1px);
}
.cro-hero-industry .hero-cta-isolated.secondary,
.block-cro-block-4 .hero-cta-isolated.secondary,
.cro-hero-industry .hero-cta-isolated.cta-secondary, .block-cro-block-4 .hero-cta-isolated.cta-secondary {
  background: var(--scheme-card-bg, #fff);
  color: var(--ds-ink);
  border: 1px solid var(--ds-rule);
  box-shadow: var(--ds-shadow-sm);
}
.cro-hero-industry .hero-cta-isolated.secondary:hover, .block-cro-block-4 .hero-cta-isolated.secondary:hover {
  border-color: var(--ds-cta);
  color: var(--ds-cta);
}
.cro-hero-industry .cta-text-isolated, .block-cro-block-4 .cta-text-isolated {
  font-size: var(--ds-fs-body-lg);
  font-weight: 700;
  line-height: 1.2;
}
.cro-hero-industry .cta-subtitle-isolated, .block-cro-block-4 .cta-subtitle-isolated {
  font-size: var(--ds-fs-body-sm);
  font-weight: 400;
  opacity: 0.9;
  line-height: 1.2;
}

/* ── Risk reversal row ───────────────────────────────────────── */
.cro-hero-industry .risk-reversal-isolated, .block-cro-block-4 .risk-reversal-isolated {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-3);
  margin-bottom: var(--ds-space-4);
}
.cro-hero-industry .risk-reversal-isolated span, .block-cro-block-4 .risk-reversal-isolated span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  color: var(--ds-trust-dk);
  font-weight: 600;
}
.cro-hero-industry .risk-reversal-isolated span::before, .block-cro-block-4 .risk-reversal-isolated span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: var(--ds-radius-pill);
  background: var(--ds-trust);
}

/* ── Right column ────────────────────────────────────────────── */
.cro-hero-industry .trust-pills-isolated, .block-cro-block-4 .trust-pills-isolated {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-2);
  margin-bottom: var(--ds-space-4);
}
.cro-hero-industry .trust-pill-isolated, .block-cro-block-4 .trust-pill-isolated {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.85rem;
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  font-weight: 600;
  background: var(--scheme-card-bg, #fff);
  color: var(--ds-ink);
  border: 1px solid var(--ds-rule);
  border-radius: var(--ds-radius-pill);
  box-shadow: var(--ds-shadow-sm);
}

/* Micro testimonial */
.cro-hero-industry .micro-testimonial-isolated, .block-cro-block-4 .micro-testimonial-isolated {
  display: flex;
  align-items: flex-start;
  gap: var(--ds-space-3);
  padding: var(--ds-space-4);
  margin-bottom: var(--ds-space-4);
  background: var(--scheme-card-bg, #fff);
  border: 1px solid var(--ds-rule);
  border-radius: var(--ds-radius);
  box-shadow: var(--ds-shadow-sm);
}
.cro-hero-industry .testimonial-avatar-isolated, .block-cro-block-4 .testimonial-avatar-isolated {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--ds-cta-aa, var(--ds-cta-dk));
  color: #fff;
  border-radius: var(--ds-radius-pill);
  font-family: var(--ds-font-display);
  font-size: var(--ds-fs-body-lg);
  letter-spacing: 0.005em;
}
.cro-hero-industry .testimonial-content-isolated, .block-cro-block-4 .testimonial-content-isolated {
  flex: 1;
  font-family: var(--ds-font-serif);
  font-style: italic;
  font-size: var(--ds-fs-body);
  color: var(--ds-ink-soft);
  line-height: 1.55;
  min-height: 1.5em;
}

/* Review widget */
.cro-hero-industry .review-widget-isolated, .block-cro-block-4 .review-widget-isolated {
  padding: var(--ds-space-4);
  margin-bottom: var(--ds-space-4);
  background: var(--scheme-card-bg, #fff);
  border: 1px solid var(--ds-rule);
  border-radius: var(--ds-radius);
  box-shadow: var(--ds-shadow-sm);
}
.cro-hero-industry .review-stars-isolated, .block-cro-block-4 .review-stars-isolated {
  font-size: var(--ds-fs-body-lg);
  letter-spacing: 0.1em;
  margin-bottom: 0.4rem;
}
.cro-hero-industry .review-text-isolated, .block-cro-block-4 .review-text-isolated {
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body);
  color: var(--ds-ink);
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: var(--ds-space-2);
}
.cro-hero-industry .review-verified-badge, .block-cro-block-4 .review-verified-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.6rem;
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: color-mix(in srgb, var(--ds-trust) 12%, white);
  color: var(--ds-trust-dk);
  border-radius: var(--ds-radius-pill);
}

/* Urgency note */
.cro-hero-industry .urgency-note-isolated, .block-cro-block-4 .urgency-note-isolated {
  padding: var(--ds-space-3) var(--ds-space-4);
  margin-bottom: var(--ds-space-4);
  background: color-mix(in srgb, var(--ds-cta) 8%, white);
  border-left: 3px solid var(--ds-cta);
  border-radius: var(--ds-radius-sm);
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  color: var(--ds-ink);
  line-height: 1.5;
}
.cro-hero-industry .urgency-note-isolated p, .block-cro-block-4 .urgency-note-isolated p { margin: 0; }
.cro-hero-industry .urgency-note-isolated strong, .block-cro-block-4 .urgency-note-isolated strong { color: var(--ds-cta-dk); }

/* Cert row */
.cro-hero-industry .cert-row-isolated, .block-cro-block-4 .cert-row-isolated {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-2);
  margin-bottom: var(--ds-space-4);
}
.cro-hero-industry .cert-badge-isolated, .block-cro-block-4 .cert-badge-isolated {
  display: inline-flex;
  align-items: center;
  gap: var(--ds-space-2);
  padding: 0.45rem 0.85rem;
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  font-weight: 600;
  background: var(--scheme-card-bg, #fff);
  color: var(--ds-ink);
  border: 1px solid var(--ds-rule);
  border-radius: var(--ds-radius-pill);
  cursor: pointer;
  text-decoration: none !important;
  transition: all var(--ds-duration) var(--ds-ease-out);
}
.cro-hero-industry .cert-badge-isolated:hover, .block-cro-block-4 .cert-badge-isolated:hover {
  border-color: var(--ds-cta);
  color: var(--ds-cta);
  transform: translateY(-1px);
}
.cro-hero-industry .cert-icon-isolated,
.block-cro-block-4 .cert-icon-isolated,
.cro-hero-industry .cert-icon-isolated svg,
.block-cro-block-4 .cert-icon-isolated svg,
.cro-hero-industry .cert-icon-isolated img, .block-cro-block-4 .cert-icon-isolated img {
  width: 16px !important;
  height: 16px !important;
}

/* Cert detail panel
   WAVE3-F07 (2026-05-08) — CRITICAL fix: Pattern-B local scheme rebind
   (doctrine §B). Self-contained dark callout inside cream section was
   reading `var(--scheme-fg, #fff)` for the H4 / cta-button / close-button
   text. The fallback NEVER fires because outer .scheme-paper sets
   --scheme-fg = --ds-ink (black), producing black-on-near-black H4
   (1.0:1) and black-on-cta-orange button text (1.49:1). Local rebind
   maps --scheme-fg + defensive --ds-ink → #fff so descendants resolve
   to white text regardless of which scheme the module is dropped into. */
.cro-hero-industry .cert-details-isolated, .block-cro-block-4 .cert-details-isolated {
  --scheme-bg: var(--ds-ink);
  --scheme-fg: #fff;
  --scheme-fg-soft: rgba(255,247,227,.85);
  --scheme-fg-mute: rgba(255,247,227,.65);
  --scheme-card-bg: rgba(255,255,255,.06);
  --scheme-rule: rgba(255,255,255,.18);
  /* Defensive — catches descendants that read --ds-ink directly. */
  --ds-ink: #fff;
  --ds-ink-soft: rgba(255,247,227,.85);
  --ds-ink-mute: rgba(255,247,227,.65);

  display: none;
  padding: var(--ds-space-4);
  background: #0e0f0c; /* literal hex — local --ds-ink rebind would otherwise re-paint white */
  color: #fff;
  border-radius: var(--ds-radius);
  box-shadow: var(--ds-shadow-md);
  position: relative;
}
.cro-hero-industry .cert-details-isolated.active, .block-cro-block-4 .cert-details-isolated.active { display: block; }
.cro-hero-industry .cert-detail-content-isolated h4, .block-cro-block-4 .cert-detail-content-isolated h4 {
  font-family: var(--ds-font-display);
  font-size: var(--ds-fs-display-sm);
  letter-spacing: 0.005em;
  text-transform: uppercase;
  /* WAVE3-F07 (2026-05-08) — pin literal #fff (was var(--scheme-fg, #fff) fallback footgun). */
  color: #fff;
  margin: 0 0 var(--ds-space-2);
}
.cro-hero-industry .cert-detail-content-isolated p, .block-cro-block-4 .cert-detail-content-isolated p {
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  color: rgba(255,247,227,.82);
  line-height: 1.55;
  margin: 0 0 var(--ds-space-3);
}
.cro-hero-industry .cert-benefits, .block-cro-block-4 .cert-benefits {
  padding: var(--ds-space-2) var(--ds-space-3);
  background: rgba(255,255,255,.06);
  border-radius: var(--ds-radius-sm);
  margin-bottom: var(--ds-space-3);
}
.cro-hero-industry .cert-detail-cta, .block-cro-block-4 .cert-detail-cta {
  display: flex;
  gap: var(--ds-space-2);
  align-items: center;
}
.cro-hero-industry .cert-cta-button, .block-cro-block-4 .cert-cta-button {
  display: inline-flex;
  align-items: center;
  padding: 0.6rem 1rem;
  background: var(--ds-cta-aa, var(--ds-cta-dk));
  /* WAVE3-F07 (2026-05-08) — pin literal #fff. Button paints over CTA orange;
     prior `var(--scheme-fg, #fff)` resolved to outer scheme's --ds-ink (black)
     producing 1.49:1 black-on-orange. White-on-orange = 3.48:1 (AA-Large). */
  color: #fff;
  border-radius: var(--ds-radius-sm);
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  font-weight: 700;
  text-decoration: none !important;
  transition: background var(--ds-duration) var(--ds-ease-out);
}
.cro-hero-industry .cert-cta-button:hover, .block-cro-block-4 .cert-cta-button:hover { background: var(--ds-cta-dk); }
.cro-hero-industry .cert-close-button, .block-cro-block-4 .cert-close-button {
  width: 32px;
  height: 32px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  /* WAVE3-F07 (2026-05-08) — pin literal #fff (was var(--scheme-fg, #fff) fallback footgun). */
  color: #fff;
  border-radius: var(--ds-radius-pill);
  cursor: pointer;
  padding: 0;
}

/* Universal icon hard-cap */
.cro-hero-industry svg, .cro-hero-industry img, .block-cro-block-4 svg, .cro-hero-industry img { max-width: 100%; }

/* Mobile tightening */
@media (max-width: 575px) {
  .cro-hero-industry .hero-headline-isolated, .block-cro-block-4 .hero-headline-isolated { font-size: clamp(2rem, 9vw, 2.6rem); }
  .cro-hero-industry .stat-display-widget-isolated, .block-cro-block-4 .stat-display-widget-isolated { padding: var(--ds-space-3) !important; }
  .cro-hero-industry .stat-col-icon, .block-cro-block-4 .stat-col-icon { min-width: 72px; padding: var(--ds-space-2); }
  .cro-hero-industry .hero-ctas-isolated .hero-cta-isolated, .block-cro-block-4 .hero-ctas-isolated .hero-cta-isolated { width: 100%; justify-content: center; align-items: center; }
}

/* ─────────────────────────────────────────────────────────────────
   Merged from block-cro-block-4.css (deleted in W1-A7 cleanup).
   Shared utility rules: .btn-cta/.btn-orange/.btn-gradient buttons,
   input[type] / select / textarea form fields, label, .pain-tab /
   .pain-card / .timeline-step / .stat-card / .calculator-result
   surfaces, .floating-cta-bar / .float-cta-btn mobile bar.
   ───────────────────────────────────────────────────────────── */
.block-cro-block-4 { font-family: var(--ds-font-body); color: var(--scheme-fg); }

/* Section header tag/eyebrow (legacy class — design-system .ds-eyebrow recipe values). */
.block-cro-block-4 .section-tag {
  display: inline-block;
  font-family: var(--ds-font-mono);
  font-size: var(--ds-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ds-cta);
  margin-bottom: var(--ds-space-3);
}
.block-cro-block-4 .section-header-divider { background: var(--scheme-rule); }

/* Trust badges — pill row above the form/headline. */
.block-cro-block-4 .trust-badges-inline { gap: var(--ds-space-2); margin-bottom: var(--ds-space-5); }
.block-cro-block-4 .trust-badge {
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  font-weight: 600;
  background: var(--scheme-card-bg);
  color: var(--scheme-card-fg);
  border: 1px solid var(--scheme-rule);
  border-radius: var(--ds-radius-lg);
  padding: var(--ds-space-2) var(--ds-space-3);
  gap: var(--ds-space-2);
}
.block-cro-block-4 .trust-icon-svg svg { stroke: var(--ds-trust); }

/* Live activity dot. */
.block-cro-block-4 .live-activity {
  font-family: var(--ds-font-mono);
  font-size: var(--ds-fs-eyebrow);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--scheme-fg-soft);
}
.block-cro-block-4 .pulse-dot { background: var(--ds-cta-aa, var(--ds-cta-dk)); }

/* Legacy CTA button aliases (cro-*.css uses btn-cta, btn-orange, btn-gradient). */
.block-cro-block-4 .btn-cta,
.block-cro-block-4 .btn-orange,
.block-cro-block-4 .btn-gradient {
  font-family: var(--ds-font-body);
  font-weight: 700;
  background: var(--ds-cta-aa, var(--ds-cta-dk));
  color: #fff;
  border: none;
  border-radius: var(--ds-radius-sm);
  box-shadow: var(--ds-shadow-cta);
  transition: background var(--ds-duration) var(--ds-ease-out),
              transform var(--ds-duration) var(--ds-ease-out),
              box-shadow var(--ds-duration) var(--ds-ease-out);
}
.block-cro-block-4 .btn-cta:hover,
.block-cro-block-4 .btn-orange:hover,
.block-cro-block-4 .btn-gradient:hover { background: var(--ds-cta-dk); color: #fff; }

/* Form fields shared across CRO blocks (lead-form / hero-form / calculator). */
.block-cro-block-4 input[type="text"],
.block-cro-block-4 input[type="email"],
.block-cro-block-4 input[type="tel"],
.block-cro-block-4 input[type="number"],
.block-cro-block-4 select,
.block-cro-block-4 textarea {
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body);
  color: var(--scheme-fg);
  background: var(--scheme-card-bg);
  border: 1px solid var(--scheme-rule);
  border-radius: var(--ds-radius-sm);
  padding: var(--ds-space-3);
  transition: border-color var(--ds-duration) var(--ds-ease-out),
              box-shadow var(--ds-duration) var(--ds-ease-out);
}
.block-cro-block-4 input:focus,
.block-cro-block-4 select:focus,
.block-cro-block-4 textarea:focus {
  outline: none;
  border-color: var(--ds-cta);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-cta) 22%, transparent);
}
.block-cro-block-4 label {
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-body-sm);
  font-weight: 600;
  color: var(--scheme-fg);
}

/* Surface tokens for legacy non-.card cards (calculator/pain/timeline). */
.block-cro-block-4 .pain-tab,
.block-cro-block-4 .pain-card,
.block-cro-block-4 .timeline-step,
.block-cro-block-4 .stat-card,
.block-cro-block-4 .calculator-result {
  border-radius: var(--ds-radius);
  box-shadow: var(--ds-shadow-sm);
}

/* Floating CTA bar (mobile). */
.block-cro-block-4 .floating-cta-bar {
  font-family: var(--ds-font-body);
  background: var(--ds-ink);
  border-top: 1px solid var(--ds-rule-dark);
}
.block-cro-block-4 .float-cta-btn {
  font-family: var(--ds-font-body);
  font-weight: 700;
  border-radius: var(--ds-radius-sm);
  transition: background var(--ds-duration) var(--ds-ease-out);
}
.block-cro-block-4 .float-cta-btn.phone { background: var(--ds-trust); color: #fff; }
.block-cro-block-4 .float-cta-btn.quote { background: var(--ds-cta-aa, var(--ds-cta-dk));   color: #fff; }

/* ─────────────────────────────────────────────────────────────────
   SENIOR-UX team-08 (2026-05-07) — AARP / WCAG AAA pass.
   - Industry-stat numerals legible (display-md was OK; lift adjacent
     labels to ≥18 px).
   - All pill controls ≥48 px tap; primary CTAs ≥56 px / ≥1.25rem.
   - Cert close button ≥48 px; cert badges ≥48 px tap.
   - Body copy on cream surface uses ds-ink for ≥7:1 AAA.
   ───────────────────────────────────────────────────────────── */

/* Industry-selector pills — primary "what's my industry" choice. */
.cro-hero-industry .industry-pill-isolated,
.block-cro-block-4 .industry-pill-isolated {
  min-height: var(--ds-touch-target);    /* 48 px */
  padding: 0.7rem 1.1rem;
  font-size: var(--ds-fs-body-sm);       /* 16 px */
  line-height: 1.2;
}
.cro-hero-industry .industry-pill-isolated:focus-visible,
.block-cro-block-4 .industry-pill-isolated:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring);
}

/* Hero subhead — 20 px / 1.6 / AAA contrast. */
.cro-hero-industry .hero-subheadline-isolated,
.block-cro-block-4 .hero-subheadline-isolated {
  font-size: var(--ds-fs-body-lg);
  line-height: var(--ds-lh-body);
  color: var(--ds-ink) !important;       /* was ink-soft — AAA */
}

/* Stat widget — promote label/details to senior-friendly defaults. */
.cro-hero-industry .stat-label-isolated,
.block-cro-block-4 .stat-label-isolated {
  font-size: var(--ds-fs-body-lg);       /* 20 px — was body */
  line-height: 1.3;
}
.cro-hero-industry .stat-details-isolated,
.block-cro-block-4 .stat-details-isolated {
  font-size: var(--ds-fs-body-sm);       /* 16 px floor */
  color: var(--ds-ink);                  /* was ink-soft */
  line-height: var(--ds-lh-body);
}
.cro-hero-industry .stat-click-hint,
.block-cro-block-4 .stat-click-hint {
  font-size: var(--ds-fs-body-sm);       /* 16 px — was eyebrow 14 */
  min-height: var(--ds-touch-target);
  padding: 0.5rem 0;                     /* widen tap area for hint button */
}
.cro-hero-industry .stat-col-preview,
.block-cro-block-4 .stat-col-preview {
  font-size: var(--ds-fs-body-sm);
  color: var(--ds-ink);                  /* AAA */
  line-height: var(--ds-lh-body);
  min-height: var(--ds-touch-target);
}
.cro-hero-industry .stat-col-preview:focus-visible,
.block-cro-block-4 .stat-col-preview:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring);
}
.cro-hero-industry .stat-trust-badge,
.block-cro-block-4 .stat-trust-badge {
  min-height: 36px;                      /* visual chip, not interactive */
  font-size: var(--ds-fs-body-sm);       /* 16 px — was eyebrow 14 */
  padding: 0.4rem 0.85rem;
  letter-spacing: 0.04em;
}

/* CTA buttons — primary ≥56 px / ≥1.25rem label. */
.cro-hero-industry .hero-cta-isolated,
.block-cro-block-4 .hero-cta-isolated {
  min-height: var(--ds-touch-target-primary);  /* 56 px */
  padding: 1rem 1.5rem;
}
.cro-hero-industry .hero-cta-isolated:focus-visible,
.block-cro-block-4 .hero-cta-isolated:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring);
}
.cro-hero-industry .cta-text-isolated,
.block-cro-block-4 .cta-text-isolated {
  font-size: var(--ds-fs-body-lg);   /* 20 px — was body-lg already; explicit */
  line-height: 1.25;
}
.cro-hero-industry .cta-subtitle-isolated,
.block-cro-block-4 .cta-subtitle-isolated {
  font-size: var(--ds-fs-body-sm);   /* 16 px floor */
  opacity: 1;
  line-height: 1.3;
}

/* Risk reversal row — ≥16 px body, real green text on cream. */
.cro-hero-industry .risk-reversal-isolated span,
.block-cro-block-4 .risk-reversal-isolated span {
  font-size: var(--ds-fs-body-sm);   /* 16 px floor */
}

/* Right column trust pill row — ≥16 px label. */
.cro-hero-industry .trust-pill-isolated,
.block-cro-block-4 .trust-pill-isolated {
  min-height: 40px;                  /* visual chip, not tap target */
  font-size: var(--ds-fs-body-sm);
  padding: 0.55rem 1rem;
}

/* Testimonial body */
.cro-hero-industry .testimonial-content-isolated,
.block-cro-block-4 .testimonial-content-isolated {
  font-size: var(--ds-fs-body);     /* 18 px floor */
  line-height: var(--ds-lh-body);   /* 1.6 */
  color: var(--ds-ink);             /* AAA on white */
}
.cro-hero-industry .review-text-isolated,
.block-cro-block-4 .review-text-isolated {
  font-size: var(--ds-fs-body);     /* 18 px floor */
  line-height: var(--ds-lh-body);
}
.cro-hero-industry .review-verified-badge,
.block-cro-block-4 .review-verified-badge {
  font-size: var(--ds-fs-body-sm);  /* 16 px floor — was eyebrow 14 */
  padding: 0.35rem 0.75rem;
  letter-spacing: 0.04em;
}

/* Urgency note → 18 px body. */
.cro-hero-industry .urgency-note-isolated,
.block-cro-block-4 .urgency-note-isolated {
  font-size: var(--ds-fs-body);     /* 18 px floor */
  line-height: var(--ds-lh-body);
}

/* Cert badge buttons → ≥48 px tap. */
.cro-hero-industry .cert-badge-isolated,
.block-cro-block-4 .cert-badge-isolated {
  min-height: var(--ds-touch-target);
  padding: 0.7rem 1.1rem;
  font-size: var(--ds-fs-body-sm);
}
.cro-hero-industry .cert-badge-isolated:focus-visible,
.block-cro-block-4 .cert-badge-isolated:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring);
}

/* Cert detail panel on dark ink — push body to AAA + cert close ≥48 px */
.cro-hero-industry .cert-detail-content-isolated p,
.block-cro-block-4 .cert-detail-content-isolated p {
  font-size: var(--ds-fs-body);
  line-height: var(--ds-lh-body);
  color: rgba(255,247,227,.95);    /* was .82 — AAA */
}
.cro-hero-industry .cert-cta-button,
.block-cro-block-4 .cert-cta-button {
  min-height: var(--ds-touch-target);
  padding: 0.7rem 1.1rem;
  font-size: var(--ds-fs-body-sm);
}
.cro-hero-industry .cert-cta-button:focus-visible,
.block-cro-block-4 .cert-cta-button:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring-dark);
}
.cro-hero-industry .cert-close-button,
.block-cro-block-4 .cert-close-button {
  width: var(--ds-touch-target);   /* 48 px — was 32 */
  height: var(--ds-touch-target);  /* 48 px */
}
.cro-hero-industry .cert-close-button:focus-visible,
.block-cro-block-4 .cert-close-button:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring-dark);
}

/* Stat number — already display-md (~32-40 px); keep but ensure ≥4.5:1
   (orange ds-cta on white card: 4.6:1 → AAA-large border-line). */
.cro-hero-industry .stat-number-isolated,
.block-cro-block-4 .stat-number-isolated {
  /* Force a slightly darker shade to push AAA-large 4.5:1 floor. */
  color: var(--ds-cta-dk);
}

/* ─────────────────────────────────────────────────────────────────
   BUG-T8 (2026-05-07) — mobile clearance + stacking:
   Audit reported hero-cta-isolated.primary overlapping global
   acme-cta-call/quote at viewport 375 (165×23 / 163×23). The CTAs
   are normal flow; the apparent overlap is page-coord intersection
   when scrolled to the bottom of the section. Add isolation +
   bottom padding so the section ends with breathing room above the
   global #acme-sticky-cta (z:9999).
   ───────────────────────────────────────────────────────────── */
.cro-hero-industry .hero-ctas-isolated,
.block-cro-block-4 .hero-ctas-isolated {
  position: relative;
  isolation: isolate;
  z-index: 1;
}
@media (max-width: 900px) {
  /* SWEEP-C1 (2026-05-08): bottom padding must clear the global
     #acme-sticky-cta (z:9999, ~96px) so .hero-cta-isolated.primary stops
     intersecting acme-cta-call/quote in page-coord audits at 375. */
  .block-cro-block-4 {
    padding-bottom: calc(var(--ds-sticky-cta-clearance, 96px) + var(--ds-space-4)) !important;
  }
  /* SWEEP-C1: stack the two CTAs vertically on small phones so the wider
     primary CTA can never overflow into the sticky bar's hit-area. */
  .block-cro-block-4 .hero-ctas-isolated {
    flex-direction: column;
    align-items: stretch;
    gap: var(--ds-space-2);
  }
  .block-cro-block-4 .hero-cta-isolated {
    width: 100%;
    justify-content: center;
  }
}

/* SWEEP-C1 (2026-05-08): visually-hidden h1 truncation false-positive — wrap. */
.block-cro-block-4 .visually-hidden {
  white-space: normal !important;
  word-wrap: break-word;
}

/* SWEEP-C1 (2026-05-08): industry-stat numerals — guarantee senior-readable
   floor (≥18 px / line-height ≥1.2) and AAA contrast on the white card. */
.cro-hero-industry .stat-number-isolated,
.block-cro-block-4 .stat-number-isolated {
  font-size: clamp(2rem, 5vw, 2.6rem) !important;
  line-height: 1.05;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}
.cro-hero-industry .stat-label-isolated,
.block-cro-block-4 .stat-label-isolated {
  font-size: var(--ds-fs-body) !important; /* ≥18 px senior floor */
  line-height: 1.35;
  color: var(--ds-ink) !important;
}

/* ── Validate-2026-05-08 fix: Group C — emoji trust-pill cross-OS rendering. ── */
/* Append OS-emoji font cascade so 🛡️ 💼 🌿 ↗ render as colour glyphs on Windows/Linux/Android too. */
.cro-hero-industry .trust-pill-isolated,
.block-cro-block-4 .trust-pill-isolated,
.cro-hero-industry .industry-pill-isolated,
.block-cro-block-4 .industry-pill-isolated,
.cro-hero-industry [class*="-icon"],
.block-cro-block-4 [class*="-icon"] {
  font-family: var(--ds-font-body, "DM Sans"), "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", system-ui, sans-serif;
}