/* ==========================================================
   System-page shared chrome
   ==========================================================
   Single source of truth for the visual chrome on every /systems/<slug>/
   page + /systems/. Loaded AFTER the inline <style> block on each page
   so this file's rules win on hover refinements, aria-current state,
   future shared updates.

   The page-specific demo CSS (hh-*, lu-*, fd-*, etc.) stays inline.
   ========================================================== */

/* === Active Systems-dropdown link gets a gradient dot prefix === */
.nav-dd-link[aria-current="page"],
.nav-dd-link-current {
  color: var(--ink);
  font-weight: 600;
  position: relative;
  padding-left: 14px;
}
.nav-dd-link[aria-current="page"]::before,
.nav-dd-link-current::before {
  content: ""; position: absolute; left: 0; top: 50%;
  transform: translateY(-50%);
  width: 6px; height: 6px; border-radius: 50%;
  background: linear-gradient(135deg, #ff8c42 0%, #ef4444 50%, #3b82f6 100%);
}

/* === Shared app CTA refinements ===
   .app-cta-btn already has full styles inline on every systems page; this
   layer just locks the hover treatment so any future hover change ripples
   to all 19 pages from one place. */
.app-cta-btn {
  transition: transform 0.3s cubic-bezier(.3,.8,.3,1),
              background 0.2s ease,
              box-shadow 0.3s ease;
}
.app-cta-btn:hover {
  transform: translateY(-2px);
  background: #1a1a1a;
  box-shadow: 0 18px 38px rgba(10,10,10,0.30);
}

/* === Promise badge consistency === */
.app-promise-badge {
  font-variant-numeric: tabular-nums;
}

/* === Future-friendly: any global brand updates here cascade to all 19
       system pages without touching them individually. === */