/* ============================================================
   SYSTEMS CENTERPIECE — Ch 02 of /systems/ (staging)
   The connected-system centerpiece: a central hub (Your
   Business) + five labeled functions, cp- namespaced. Built
   as an unlinked preview, owner-approved 2026-10-16 and
   integrated into the Systems page the same day (the preview
   page's chrome styles were removed at integration).
   The scene is authored in its END STATE in the markup; the
   driver (js/centerpiece.js) dims it only while a run plays.
   ============================================================ */

/* ---------- the stage ---------- */
.cp-stage{position:relative;margin-top:52px;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;
  background:radial-gradient(600px 380px at 78% 0%, rgba(139,124,246,.13), transparent 60%),radial-gradient(520px 360px at 10% 100%, rgba(120,170,255,.08), transparent 60%),radial-gradient(120% 90% at 50% 0%, #0B0E14 0%, #050607 74%);
  box-shadow:0 34px 80px rgba(0,0,0,.55);padding:26px 10px 58px}
.cp-scene{display:block;width:min(100%,540px);height:auto;margin:0 auto}
@media(max-width:640px){.cp-stage{padding-top:16px}.cp-scene{width:100%}}

/* ---------- scene typography ---------- */
.cp-label{font-family:var(--font-m);font-size:13.5px;letter-spacing:.02em;fill:#c7cdd6}
.cp-hub-label{font-family:var(--font-m);font-size:13px;letter-spacing:.24em;fill:#eef1f5}

/* ---------- register + replay ---------- */
.cp-register{position:absolute;left:18px;bottom:20px;font-family:var(--font-m);font-size:11px;letter-spacing:.2em;color:var(--muted)}
.cp-replay{position:absolute;right:16px;bottom:12px;z-index:5;font-family:var(--font-m);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text);background:rgba(5,6,7,.55);border:1px solid var(--line2);border-radius:999px;min-height:44px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.cp-replay:hover,.cp-replay:focus-visible{border-color:var(--accent);background:rgba(168,200,255,.07);outline:none}
@media(prefers-reduced-motion:reduce){.cp-replay{display:none}}