/* p3: P8-P9 «Every team, the whole tower» (p3.js; owner: T). Scoped by #slide-p3 and p3- ids.
   Lavender (#a99cff .. #b3a6ff) is the VISION layer's hue (engine/pill.css): the agents, their labels, the lit tower.
   Dark glass plates as the pill and p2's cards; Onest for words. */

/* ---- P8: a label over each agent's head (pinned wrapper .play-anchor; the box sits above, the stem points down) */
#slide-p3 .p3-tag { opacity: 0; }
#slide-p3 .p3-tagbox { position: absolute; left: 0; top: 0; display: flex; align-items: center; gap: 12px; white-space: nowrap;
  padding: 10px 18px 10px 15px; border-radius: 14px; background: rgba(14, 18, 38, 0.86);
  border: 1px solid rgba(179, 166, 255, 0.5); box-shadow: 0 12px 28px -12px rgba(8, 10, 30, 0.75), 0 0 22px -6px rgba(169, 156, 255, 0.55);
  font: 620 30px/1 'Onest', sans-serif; letter-spacing: -0.005em; color: #f4f3ef; transform: translate(-50%, calc(-100% - 26px)); }
#slide-p3 .p3-tagbox b { font-weight: 650; }
#slide-p3 .p3-tagbox span { font-weight: 500; color: #d2cbff; }
#slide-p3 .p3-tagbox .p3-sep { color: #8f86d8; }
#slide-p3 .p3-dot { display: block; width: 14px; height: 14px; border-radius: 50%; background: #b3a6ff;
  box-shadow: 0 0 0 3px rgba(179, 166, 255, 0.25), 0 0 12px #b3a6ff; }
#slide-p3 .p3-stem { position: absolute; left: -1px; top: -26px; width: 2px; height: 22px; border-radius: 1px;
  background: linear-gradient(to bottom, rgba(179, 166, 255, 0.9), rgba(179, 166, 255, 0)); }

/* ---- P9: the headline on the header grid (left 96, top 72), over a soft veil */
#p3-title { position: absolute; left: 96px; top: 72px; opacity: 0; }
#p3-title::before { content: ""; position: absolute; left: -96px; top: -72px; width: 1100px; height: 420px; z-index: -1;
  background: radial-gradient(ellipse at 18% 30%, rgba(14, 18, 38, 0.62), rgba(14, 18, 38, 0) 68%); }
#p3-kick { display: block; width: 56px; height: 4px; border-radius: 2px; background: #b3a6ff; box-shadow: 0 0 12px #b3a6ff; }
#p3-head { margin-top: 18px; font: 700 76px/1.04 'Onest', sans-serif; letter-spacing: -0.025em; color: #f6f5f1;
  text-shadow: 0 2px 24px rgba(8, 10, 30, 0.55); }