/* ================================================================
   AISkill.US — Unified Light UI · TrustMarks Theme
   Certified · Accredited · Authenticated · Reviewed · Apply · Verify
   ================================================================ */

:root {
  /* ── TrustMark color tokens ─────────────────────────────── */
  --tm-certified-bg:      #e8f4fc;
  --tm-certified-accent:  #3d7ab5;
  --tm-certified-mid:     #c5dff5;
  --tm-certified-soft:    rgba(61, 122, 181, .1);

  --tm-accredited-bg:     #fdf6f0;
  --tm-accredited-accent: #a67c52;
  --tm-accredited-mid:    #f5e8dc;
  --tm-accredited-soft:   rgba(166, 124, 82, .1);

  --tm-authenticated-bg:     #f1f5f9;
  --tm-authenticated-accent: #475569;
  --tm-authenticated-mid:    #e2e8f0;
  --tm-authenticated-soft:   rgba(71, 85, 105, .1);

  --tm-reviewed-bg:      #fefce8;
  --tm-reviewed-accent:  #a16207;
  --tm-reviewed-mid:     #fef08a;
  --tm-reviewed-soft:    rgba(161, 98, 7, .1);

  --tm-verified-bg:      #f3eeff;
  --tm-verified-accent:  #7c3aed;
  --tm-verified-mid:     #ddd0fb;
  --tm-verified-soft:    rgba(124, 58, 237, .1);

  --tm-apply-bg:     #f8fafc;
  --tm-apply-accent: #0a0a0a;
  --tm-apply-mid:    #e5e7eb;

  --tm-verify-bg:     #eef4ff;
  --tm-verify-accent: #5b9bd5;
  --tm-verify-mid:    #c5dff5;

  --page-light:       #fafbfc;
  --page-white:       #ffffff;
  --text-heading:     #1f1f1f;
  --text-body:        #525252;
  --text-muted-ui:    #737373;

  --ui-shadow-sm:  0 2px 12px rgba(0, 0, 0, .05);
  --ui-shadow-md:  0 12px 36px rgba(0, 0, 0, .08);
  --ui-shadow-lg:  0 24px 56px rgba(0, 0, 0, .1);
  --ui-radius:     16px;
  --ui-transition: .32s cubic-bezier(.4, 0, .2, 1);
}

/* ── Light page sections ────────────────────────────────────── */
.ui-section-light   { background: var(--page-light); }
.ui-section-white   { background: var(--page-white); }
.ui-section-gradient {
  background: linear-gradient(180deg, #fafbfc 0%, #f8fafc 40%, #fff 100%);
}
.ui-section-warm {
  background: linear-gradient(135deg, var(--tm-certified-bg) 0%, var(--tm-accredited-bg) 50%, var(--tm-reviewed-bg) 100%);
}

.ui-page-hero-light {
  background: linear-gradient(135deg, var(--tm-certified-bg) 0%, #fff 45%, var(--tm-reviewed-bg) 100%);
  padding: 130px 0 72px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.ui-page-hero-light::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0, 0, 0, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, .02) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}
.ui-page-hero-light h1 {
  color: var(--text-heading) !important;
  position: relative;
  z-index: 1;
}
.ui-page-hero-light p {
  color: var(--text-body) !important;
  max-width: 580px;
  margin: 0 auto 28px;
  position: relative;
  z-index: 1;
}
.ui-page-hero-light .container { position: relative; z-index: 1; }

/* ── Section headers ────────────────────────────────────────── */
.ui-section-header { text-align: center; max-width: 680px; margin: 0 auto 48px; }
.ui-section-header h2 {
  color: var(--text-heading);
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  margin-bottom: 12px;
  letter-spacing: -.02em;
}
.ui-section-header p { color: var(--text-muted-ui); font-size: 1.02rem; line-height: 1.7; }

.ui-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 100px;
  padding: 5px 16px;
  margin-bottom: 14px;
  background: var(--light-blue, var(--tm-certified-bg));
  color: var(--tm-certified-accent);
  border: 1px solid var(--tm-certified-mid);
  animation: ui-fade-in .6s ease both;
}

/* ── TrustMark icon boxes (mega menu + cards) ───────────────── */
.mega-icon,
.tm-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform var(--ui-transition), box-shadow var(--ui-transition);
}
.mega-icon svg, .tm-icon svg { width: 22px; height: 22px; }

.mega-icon.accent-blue,
.tm-certified .mega-icon,
.tm-certified .tm-icon,
.tm-icon--certified {
  background: var(--tm-certified-bg) !important;
  color: var(--tm-certified-accent) !important;
  border: 1px solid var(--tm-certified-mid) !important;
}
.mega-icon.accent-teal,
.tm-accredited .mega-icon,
.tm-accredited .tm-icon,
.tm-icon--accredited {
  background: var(--tm-accredited-bg) !important;
  color: var(--tm-accredited-accent) !important;
  border: 1px solid var(--tm-accredited-mid) !important;
}
.mega-icon.accent-red,
.tm-authenticated .mega-icon,
.tm-authenticated .tm-icon,
.tm-icon--authenticated {
  background: var(--tm-authenticated-bg) !important;
  color: var(--tm-authenticated-accent) !important;
  border: 1px solid var(--tm-authenticated-mid) !important;
}
.mega-icon.accent-amber,
.tm-reviewed .mega-icon,
.tm-reviewed .tm-icon,
.tm-icon--reviewed {
  background: var(--tm-reviewed-bg) !important;
  color: var(--tm-reviewed-accent) !important;
  border: 1px solid var(--tm-reviewed-mid) !important;
}
.tm-verified .mega-icon,
.tm-verified .tm-icon,
.tm-icon--verified {
  background: var(--tm-verified-bg) !important;
  color: var(--tm-verified-accent) !important;
  border: 1px solid var(--tm-verified-mid) !important;
}
.mega-icon.accent-purple,
.tm-verify .mega-icon,
.tm-icon--verify {
  background: var(--tm-verify-bg) !important;
  color: var(--tm-verify-accent) !important;
  border: 1px solid var(--tm-verify-mid) !important;
}
.mega-icon.accent-coral,
.tm-apply .mega-icon,
.tm-icon--apply {
  background: var(--tm-apply-bg) !important;
  color: var(--tm-apply-accent) !important;
  border: 1px solid var(--tm-apply-mid) !important;
}

.mega-item:hover .mega-icon,
.service-card:hover .mega-icon,
.tm-card:hover .tm-icon {
  transform: scale(1.1) rotate(-3deg);
  box-shadow: var(--ui-shadow-sm);
}

/* ── Mega dropdown — standard international flat list ───────── */
.mega-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 6px rgba(15, 23, 42, .04), 0 16px 40px rgba(15, 23, 42, .1) !important;
}
.mega-dropdown::before {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, .08) !important;
}

.dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
}
.dropdown::before {
  background: #ffffff !important;
}

.nav-item.is-open .mega-dropdown,
.nav-item.is-open .dropdown {
  box-shadow: 0 8px 12px rgba(15, 23, 42, .05), 0 24px 56px rgba(15, 23, 42, .14) !important;
}

/* Flat menu rows — no individual cards */
.mega-dropdown .mega-item,
.mega-dropdown .service-card,
.dropdown .dropdown-item {
  background: transparent !important;
  color: #18181b !important;
  border: none !important;
  box-shadow: none !important;
}

.mega-dropdown .mega-promo {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid #f0f0f0 !important;
}

/* Nav dropdown icons — monochrome */
.mega-dropdown .mega-icon.accent-blue,
.mega-dropdown .mega-icon.accent-teal,
.mega-dropdown .mega-icon.accent-red,
.mega-dropdown .mega-icon.accent-amber,
.mega-dropdown .mega-icon.accent-purple,
.mega-dropdown .mega-icon.accent-coral,
.mega-dropdown .tm-certified .mega-icon,
.mega-dropdown .tm-accredited .mega-icon,
.mega-dropdown .tm-authenticated .mega-icon,
.mega-dropdown .tm-reviewed .mega-icon,
.mega-dropdown .tm-verified .mega-icon,
.mega-dropdown .tm-apply .mega-icon,
.mega-dropdown .tm-verify .mega-icon,
.mega-dropdown .mega-promo-icon,
.dropdown .dropdown-item-icon {
  background: #f4f4f5 !important;
  border: none !important;
  color: #374151 !important;
}

.mega-dropdown .mega-item:hover,
.mega-dropdown .service-card:hover,
.mega-dropdown .mega-promo:hover,
.dropdown .dropdown-item:hover {
  background: #f4f4f5 !important;
  border-color: transparent !important;
  color: #18181b !important;
  box-shadow: none !important;
  transform: none;
}

.mega-dropdown .mega-item:hover .mega-text-title,
.mega-dropdown .service-card:hover .mega-text-title,
.mega-dropdown .mega-promo:hover strong {
  color: #18181b !important;
}
.mega-dropdown .mega-item:hover .mega-text-desc,
.mega-dropdown .service-card:hover .mega-text-desc,
.mega-dropdown .mega-promo:hover span {
  color: #71717a !important;
}

.mega-dropdown .mega-item:hover .mega-icon,
.mega-dropdown .service-card:hover .mega-icon,
.mega-dropdown .mega-promo:hover .mega-promo-icon,
.dropdown .dropdown-item:hover .dropdown-item-icon {
  background: #1f1f1f !important;
  border-color: transparent !important;
  color: #ffffff !important;
  transform: scale(1.04);
  box-shadow: none !important;
}

.mega-item:hover .mega-icon,
.service-card:hover .mega-icon,
.tm-card:hover .tm-icon {
  transform: scale(1.06);
  box-shadow: var(--ui-shadow-sm);
}

.mega-text-title { color: #18181b !important; font-weight: 600 !important; }
.mega-text-desc  { color: #71717a !important; }

/* ── TrustMark cards (services grid + home) ─────────────────── */
.tm-card {
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: var(--ui-radius);
  overflow: hidden;
  transition: transform var(--ui-transition), box-shadow var(--ui-transition);
  position: relative;
}
.tm-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--tm-accent, var(--tm-certified-accent));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--ui-transition);
}
.tm-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--ui-shadow-lg);
}
.tm-card:hover::before { transform: scaleX(1); }

.tm-certified  { --tm-accent: var(--tm-certified-accent); --tm-bg: var(--tm-certified-bg); --tm-soft: var(--tm-certified-soft); }
.tm-accredited { --tm-accent: var(--tm-accredited-accent); --tm-bg: var(--tm-accredited-bg); --tm-soft: var(--tm-accredited-soft); }
.tm-authenticated { --tm-accent: var(--tm-authenticated-accent); --tm-bg: var(--tm-authenticated-bg); --tm-soft: var(--tm-authenticated-soft); }
.tm-reviewed   { --tm-accent: var(--tm-reviewed-accent); --tm-bg: var(--tm-reviewed-bg); --tm-soft: var(--tm-reviewed-soft); }
.tm-verified   { --tm-accent: var(--tm-verified-accent); --tm-bg: var(--tm-verified-bg); --tm-soft: var(--tm-verified-soft); }

/* Home sticky certification cards */
.svc-sticky-section,
.svc-sticky-track,
.svc-sticky-viewport,
.svc-sticky-header,
.svc-progress-dots,
.svc-card-stage,
.svc-sticky-footer {
  background: var(--page-light) !important;
}

.svc-sticky-header .section-label {
  background: var(--tm-certified-bg) !important;
  color: var(--tm-certified-accent) !important;
  border-color: var(--tm-certified-mid) !important;
}
.svc-sticky-header h2 { color: var(--text-heading) !important; }
.svc-sticky-header p  { color: var(--text-body) !important; }

.svc-dot { background: #e2e8f0 !important; transition: all var(--ui-transition) !important; }
.svc-dot.active { width: 44px !important; }
.svc-dot[data-i="0"].active { background: var(--tm-certified-accent) !important; }
.svc-dot[data-i="1"].active { background: var(--tm-accredited-accent) !important; }
.svc-dot[data-i="2"].active { background: var(--tm-authenticated-accent) !important; }
.svc-dot[data-i="3"].active { background: var(--tm-reviewed-accent) !important; }

.svc-scroll-card {
  border-color: #e8eaed !important;
  box-shadow: var(--ui-shadow-md) !important;
}
.svc-scroll-card.is-active {
  box-shadow: var(--ui-shadow-md) !important;
}

.svc-sc-eyebrow {
  color: var(--tm-accent) !important;
  background: var(--tm-soft) !important;
  border: 1px solid var(--tm-bg) !important;
}
.svc-sc-body h3 { color: var(--text-heading) !important; }
.svc-sc-desc { color: var(--text-body) !important; }
.svc-sc-feat { color: var(--text-body) !important; }
.svc-sc-feat-dot {
  background: var(--tm-soft) !important;
  color: var(--tm-accent) !important;
}
.svc-sc-btn {
  color: var(--tm-accent) !important;
  border-color: var(--tm-accent) !important;
  background: transparent !important;
}
.svc-sc-btn:hover {
  background: var(--tm-accent) !important;
  color: #fff !important;
  box-shadow: var(--ui-shadow-sm) !important;
}

.svc-scroll-hint { color: var(--text-muted-ui) !important; }
.svc-scroll-hint-arrow { border-color: #d4d4d4 !important; }

/* ── Services index — TrustMark pathway cards ───────────────── */
.services-hero,
.services-hero.ui-page-hero-light {
  background: linear-gradient(135deg, var(--tm-certified-bg) 0%, #fff 40%, var(--tm-reviewed-bg) 100%) !important;
  padding: 130px 0 72px !important;
}
.services-hero h1 { color: var(--text-heading) !important; }
.services-hero p  { color: var(--text-body) !important; }
.services-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,0,0,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.02) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}

.stem-cards-section { background: var(--page-light) !important; padding: 72px 0 !important; }

.card-certified .stem-card-label  { background: var(--tm-certified-accent) !important; }
.card-certified .stem-btn-primary { color: var(--tm-certified-accent) !important; border-color: var(--tm-certified-accent) !important; }
.card-certified .stem-btn-primary:hover { background: var(--tm-certified-accent) !important; color: #fff !important; }
.card-certified .stem-btn-learn { color: var(--tm-certified-accent) !important; }

.card-accredited .stem-card-label  { background: var(--tm-accredited-accent) !important; }
.card-accredited .stem-btn-primary { color: var(--tm-accredited-accent) !important; border-color: var(--tm-accredited-accent) !important; }
.card-accredited .stem-btn-primary:hover { background: var(--tm-accredited-accent) !important; color: #fff !important; }
.card-accredited .stem-btn-learn { color: var(--tm-accredited-accent) !important; }

.card-authenticated .stem-card-label  { background: var(--tm-authenticated-accent) !important; }
.card-authenticated .stem-btn-primary { color: var(--tm-authenticated-accent) !important; border-color: var(--tm-authenticated-accent) !important; }
.card-authenticated .stem-btn-primary:hover { background: var(--tm-authenticated-accent) !important; color: #fff !important; }
.card-authenticated .stem-btn-learn { color: var(--tm-authenticated-accent) !important; }

.card-reviewed .stem-card-label  { background: var(--tm-reviewed-accent) !important; }
.card-reviewed .stem-btn-primary { color: var(--tm-reviewed-accent) !important; border-color: var(--tm-reviewed-accent) !important; }
.card-reviewed .stem-btn-primary:hover { background: var(--tm-reviewed-accent) !important; color: #fff !important; }
.card-reviewed .stem-btn-learn { color: var(--tm-reviewed-accent) !important; }

.stem-card {
  border: 1px solid #e8eaed !important;
  border-radius: var(--ui-radius) !important;
  box-shadow: var(--ui-shadow-sm) !important;
  transition: transform var(--ui-transition), box-shadow var(--ui-transition) !important;
}
.stem-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--ui-shadow-lg) !important;
}
.stem-card-body h3 { color: var(--text-heading) !important; }

.process-section { background: #fff !important; }
.process-step-num {
  border-color: var(--tm-certified-accent) !important;
  color: var(--tm-certified-accent) !important;
}
.process-step:hover .process-step-num {
  background: var(--tm-certified-accent) !important;
  color: #fff !important;
}

/* ── About page — light professional sections ───────────────── */
.about-content-section { background: #fff !important; }
.about-tag {
  background: var(--tm-certified-bg) !important;
  color: var(--tm-certified-accent) !important;
  border-color: var(--tm-certified-mid) !important;
}
.about-checklist li i { color: var(--tm-certified-accent) !important; }

.avc-blue  { background: linear-gradient(135deg, var(--tm-certified-accent), #2d5f8f) !important; }
.avc-teal  { background: linear-gradient(135deg, var(--tm-accredited-accent), #8b6340) !important; }
.avc-dark  { background: linear-gradient(135deg, #1f1f1f, #3d3d3d) !important; }
.avc-light { background: var(--tm-certified-bg) !important; border-color: var(--tm-certified-mid) !important; color: var(--text-heading) !important; }

.mv-section {
  background: linear-gradient(180deg, var(--page-light) 0%, #fff 100%) !important;
}
.mv-mission {
  background: linear-gradient(145deg, #fff, var(--tm-certified-bg)) !important;
  color: var(--text-heading) !important;
  border: 1px solid var(--tm-certified-mid) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
.mv-vision {
  background: linear-gradient(145deg, #fff, var(--tm-accredited-bg)) !important;
  color: var(--text-heading) !important;
  border: 1px solid var(--tm-accredited-mid) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
.mv-mission .mv-card-glow { background: var(--tm-certified-soft) !important; }
.mv-vision .mv-card-glow  { background: var(--tm-accredited-soft) !important; }
.mv-icon-wrap {
  background: var(--tm-certified-bg) !important;
  border-color: var(--tm-certified-mid) !important;
  color: var(--tm-certified-accent) !important;
}
.mv-vision .mv-icon-wrap {
  background: var(--tm-accredited-bg) !important;
  border-color: var(--tm-accredited-mid) !important;
  color: var(--tm-accredited-accent) !important;
}
.mv-eyebrow { color: var(--text-muted-ui) !important; }
.mv-card h3 { color: var(--text-heading) !important; }
.mv-card p  { color: var(--text-body) !important; }

.values-section { background: var(--page-light) !important; }
.value-card {
  background: #fff !important;
  border-radius: var(--ui-radius) !important;
  transition: transform var(--ui-transition), box-shadow var(--ui-transition) !important;
}
.value-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--ui-shadow-md) !important;
}

/* ── Home — domains & about blocks ────────────────────────── */
.about-aiskill-section { background: var(--tm-certified-bg) !important; }
.about-aiskill-left h2 { color: var(--text-heading) !important; }
.about-aiskill-left p  { color: var(--text-body) !important; }
.about-aiskill-eyebrow { color: var(--tm-certified-accent) !important; }

.dws-section {
  background: linear-gradient(180deg, #f7f9fc 0%, #fff 55%, #fafbfc 100%) !important;
  position: relative;
}
.dws-section-header h2 { color: var(--text-heading) !important; }
.dws-section-header p  { color: var(--text-body) !important; }
.dws-section-header .section-label {
  background: var(--tm-certified-bg) !important;
  color: var(--tm-certified-accent) !important;
  border-color: var(--tm-certified-mid) !important;
}
.dws-toggle-btn {
  background: var(--page-light) !important;
  border-color: #e8eaed !important;
  color: var(--text-body) !important;
}
.dws-toggle-btn.active {
  background: #1f1f1f !important;
  border-color: #1f1f1f !important;
  color: #fff !important;
  box-shadow: var(--ui-shadow-sm) !important;
}

.dws-nav-card,
.dws-showcase,
.dws-mosaic-card {
  background: #fff !important;
  border-color: #e8eaed !important;
}
.dws-nav-card:hover,
.dws-mosaic-card:hover {
  box-shadow: var(--ui-shadow-sm) !important;
}

.dws-showcase-items li,
.dws-mosaic-list li {
  background: var(--page-light) !important;
  border-color: #eceef2 !important;
}

.verify-section {
  background: linear-gradient(135deg, #fff 0%, var(--tm-certified-bg) 50%, var(--tm-verify-bg) 100%) !important;
  color: var(--text-heading) !important;
}
.verify-section h2 { color: var(--text-heading) !important; }
.verify-desc, .verify-subdesc { color: var(--text-body) !important; }
.verify-label {
  background: var(--tm-verify-bg) !important;
  color: var(--tm-verify-accent) !important;
  border-color: var(--tm-verify-mid) !important;
}

/* ── Global animations ──────────────────────────────────────── */
@keyframes ui-fade-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes ui-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}

.fade-up.visible { animation: ui-fade-in .65s ease both; }
.tm-card:nth-child(1) { animation-delay: .05s; }
.tm-card:nth-child(2) { animation-delay: .1s; }
.tm-card:nth-child(3) { animation-delay: .15s; }
.tm-card:nth-child(4) { animation-delay: .2s; }


/* ── Service detail showcase (replaces hero) ────────────────── */
.svc-showcase {
  padding: 120px 0 72px;
  background: linear-gradient(180deg, var(--page-light, #fafbfc) 0%, #fff 100%);
  overflow: hidden;
}
.svc-showcase-grid {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 48px;
  align-items: center;
}
.svc-showcase-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 7px 18px;
  border-radius: 100px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.svc-showcase h1 {
  font-size: clamp(2rem, 4vw, 3.1rem);
  font-weight: 800;
  color: var(--text-heading);
  line-height: 1.1;
  letter-spacing: -.03em;
  margin-bottom: 16px;
}
.svc-showcase-lead {
  font-size: 1.05rem;
  color: var(--text-body);
  line-height: 1.8;
  max-width: 520px;
  margin-bottom: 28px;
}
.svc-showcase-stats {
  display: flex;
  gap: 0;
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 24px;
  max-width: 420px;
  box-shadow: var(--ui-shadow-sm, 0 2px 12px rgba(0,0,0,.06));
}
.svc-showcase-stat {
  flex: 1;
  padding: 18px 24px;
  text-align: center;
  position: relative;
}
.svc-showcase-stat + .svc-showcase-stat::before {
  content: '';
  position: absolute;
  left: 0; top: 20%; height: 60%;
  width: 1px;
  background: #e8eaed;
}
.svc-showcase-stat .num {
  display: block;
  font-size: 1.65rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 4px;
}
.svc-showcase-stat .lbl {
  font-size: .68rem;
  color: var(--text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.svc-showcase-highlights {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 28px;
}
.svc-highlight {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .88rem;
  color: var(--text-body);
  font-weight: 500;
}
.svc-highlight svg {
  width: 18px; height: 18px;
  flex-shrink: 0;
  opacity: .85;
}
.svc-showcase-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.svc-showcase-actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* TrustMark theme accents */
.svc-showcase.tm-certified .svc-showcase-tag { background: var(--tm-certified-bg); color: var(--tm-certified-accent); border-color: var(--tm-certified-mid); }
.svc-showcase.tm-accredited .svc-showcase-tag { background: var(--tm-accredited-bg); color: var(--tm-accredited-accent); border-color: var(--tm-accredited-mid); }
.svc-showcase.tm-authenticated .svc-showcase-tag { background: var(--tm-authenticated-bg); color: var(--tm-authenticated-accent); border-color: var(--tm-authenticated-mid); }
.svc-showcase.tm-reviewed .svc-showcase-tag { background: var(--tm-reviewed-bg); color: var(--tm-reviewed-accent); border-color: var(--tm-reviewed-mid); }
.svc-showcase.tm-verified .svc-showcase-tag { background: var(--tm-verified-bg); color: var(--tm-verified-accent); border-color: var(--tm-verified-mid); }
.svc-showcase.tm-certified .svc-showcase-stat .num { color: var(--tm-certified-accent); }
.svc-showcase.tm-accredited .svc-showcase-stat .num { color: var(--tm-accredited-accent); }
.svc-showcase.tm-authenticated .svc-showcase-stat .num { color: var(--tm-authenticated-accent); }
.svc-showcase.tm-reviewed .svc-showcase-stat .num { color: var(--tm-reviewed-accent); }
.svc-showcase.tm-verified .svc-showcase-stat .num { color: var(--tm-verified-accent); }
.svc-showcase.tm-certified .svc-highlight svg { color: var(--tm-certified-accent); }
.svc-showcase.tm-accredited .svc-highlight svg { color: var(--tm-accredited-accent); }
.svc-showcase.tm-authenticated .svc-highlight svg { color: var(--tm-authenticated-accent); }
.svc-showcase.tm-reviewed .svc-highlight svg { color: var(--tm-reviewed-accent); }
.svc-showcase.tm-verified .svc-highlight svg { color: var(--tm-verified-accent); }

/* Image card stage */
.svc-img-stage {
  position: relative;
  min-height: 480px;
  width: 100%;
}
.svc-img-main {
  position: relative;
  width: 72%;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e8eaed;
  box-shadow: 0 20px 56px rgba(0,0,0,.12);
  animation: ui-float 5s ease-in-out infinite;
}
.svc-img-main img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.svc-img-main-label {
  position: absolute;
  bottom: 14px;
  left: 14px;
  background: rgba(255,255,255,.95);
  border: 1px solid #e8eaed;
  border-radius: 100px;
  padding: 6px 14px;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-heading);
}
.svc-img-float {
  position: absolute;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e8eaed;
  box-shadow: 0 12px 32px rgba(0,0,0,.1);
}
.svc-img-float img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.svc-img-float--a { width: 38%; top: 4%; right: 0; aspect-ratio: 4/3; animation: orbit-a 7s ease-in-out infinite; }
.svc-img-float--b { width: 30%; bottom: 8%; left: 0; aspect-ratio: 1; animation: orbit-b 8s ease-in-out infinite; }
.svc-img-float--c { width: 26%; top: 42%; left: 4%; aspect-ratio: 3/4; animation: orbit-c 6.5s ease-in-out infinite; }
.svc-img-float--d { width: 28%; bottom: 2%; right: 8%; aspect-ratio: 4/3; animation: orbit-d 7.5s ease-in-out infinite; }
.svc-img-float--e { width: 22%; top: 18%; left: 28%; aspect-ratio: 1; animation: orbit-e 9s ease-in-out infinite; }

@keyframes orbit-a {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50%      { transform: translateY(-12px) rotate(2deg); }
}
@keyframes orbit-b {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50%      { transform: translateY(10px) rotate(-2deg); }
}
@keyframes orbit-c {
  0%, 100% { transform: translate(0, 0); }
  50%      { transform: translate(6px, -10px); }
}
@keyframes orbit-d {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}
@keyframes orbit-e {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50%      { transform: translate(-5px, 8px) scale(1.03); }
}

/* Black placeholder slots — swap src when images are ready */
.img-slot-pending {
  width: 100%;
  height: 100%;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(145deg, #1a1a1a 0%, #2d2d2d 50%, #141414 100%);
  color: rgba(255,255,255,.45);
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.img-slot-pending svg { opacity: .35; }

@media (max-width: 992px) {
  .svc-showcase-grid { grid-template-columns: 1fr; gap: 40px; }
  .svc-img-stage { min-height: 400px; max-width: 520px; margin: 0 auto; }
  .svc-showcase { padding: 100px 0 56px; }
}
@media (max-width: 560px) {
  .svc-showcase-stats { flex-direction: column; max-width: 100%; }
  .svc-showcase-stat + .svc-showcase-stat::before {
    top: 0; left: 20%; width: 60%; height: 1px;
  }
  .svc-img-float--e { display: none; }
}

/* ── Service detail body overrides ──────────────────────────── */
.sd-section { background: var(--page-light) !important; }
.sd-section-alt { background: #fff !important; }
.sd-benefit-card {
  background: #fff !important;
  border: 1px solid #e8eaed !important;
  border-radius: var(--ui-radius) !important;
  transition: transform var(--ui-transition), box-shadow var(--ui-transition) !important;
}
.sd-benefit-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--ui-shadow-md) !important;
}
.sd-benefit-icon {
  background: var(--tm-certified-bg) !important;
  color: var(--tm-certified-accent) !important;
}
.sd-cta-card {
  background: linear-gradient(135deg, #1f1f1f, #3d3d3d) !important;
  border-radius: var(--ui-radius) !important;
}

.mega-dropdown .mega-item .mega-icon:not([class*="accent-"]) {
  background: #f4f4f5 !important;
  color: #374151 !important;
  border: none !important;
}

/* ── Core Values cards (About page) ─────────────────────────── */
.vc-integrity {
  --vc-color: var(--tm-certified-accent);
  --vc-bg: var(--tm-certified-bg);
  --vc-shadow: rgba(61, 122, 181, .18);
  --vi-bg: var(--tm-certified-bg);
  --vi-color: var(--tm-certified-accent);
  --vi-border: var(--tm-certified-mid);
}
.vc-innovation {
  --vc-color: var(--tm-reviewed-accent);
  --vc-bg: var(--tm-reviewed-bg);
  --vc-shadow: rgba(161, 98, 7, .15);
  --vi-bg: var(--tm-reviewed-bg);
  --vi-color: var(--tm-reviewed-accent);
  --vi-border: var(--tm-reviewed-mid);
}
.vc-quality {
  --vc-color: var(--tm-accredited-accent);
  --vc-bg: var(--tm-accredited-bg);
  --vc-shadow: rgba(166, 124, 82, .15);
  --vi-bg: var(--tm-accredited-bg);
  --vi-color: var(--tm-accredited-accent);
  --vi-border: var(--tm-accredited-mid);
}
.vc-collab {
  --vc-color: var(--tm-verify-accent);
  --vc-bg: var(--tm-verify-bg);
  --vc-shadow: rgba(45, 125, 184, .15);
  --vi-bg: var(--tm-verify-bg);
  --vi-color: var(--tm-verify-accent);
  --vi-border: var(--tm-verify-mid);
}
.vc-transparency {
  --vc-color: var(--tm-authenticated-accent);
  --vc-bg: var(--tm-authenticated-bg);
  --vc-shadow: rgba(71, 85, 105, .12);
  --vi-bg: var(--tm-authenticated-bg);
  --vi-color: var(--tm-authenticated-accent);
  --vi-border: var(--tm-authenticated-mid);
}
@media (max-width: 1100px) {
  .values-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 700px) {
  .values-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .values-grid { grid-template-columns: 1fr; }
}

.stem-btn-primary {
  border-radius: 100px !important;
  font-weight: 700 !important;
  transition: all var(--ui-transition) !important;
}