.pm-band, .pm-band * { box-sizing:border-box; }  /* the references assume a global border-box reset the page does not have */
  .pm-band { position:relative; overflow:hidden; padding:88px 48px; border-bottom:1px solid #e7e4f0; text-align:center; }
  .pm-glow { position:absolute; top:-160px; left:50%; transform:translateX(-50%); width:900px; height:520px;
    background:radial-gradient(circle, rgba(163,78,240,.10), transparent 70%); pointer-events:none; z-index:0; }
  .pm-wrap { position:relative; z-index:1; }
  .pm-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:1116px; margin:0 auto 40px; }
  .pm-card { background:#ffffff; border:1px solid #e7e4f0; border-radius:18px; padding:26px 22px 24px; text-align:left;
    transition:transform .2s ease, box-shadow .2s ease; }
  .pm-card:hover { transform:translateY(-3px); box-shadow:0 16px 34px rgba(33,25,64,.08); }
  .pm-icon { width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
  .pm-c1 .pm-icon { background:#f5ecfd; color:#a34ef0; }
  .pm-c2 .pm-icon { background:rgba(51,189,252,.12); color:#0a95dc; }
  .pm-c3 .pm-icon { background:#fdf3e3; color:#d97706; }
  .pm-c4 .pm-icon { background:#e9f7ef; color:#16a34a; }
  .pm-num { font:700 38px/1 'Sora',sans-serif; letter-spacing:-.01em; color:#1d1b33; margin-bottom:10px; font-variant-numeric:tabular-nums; }
  .pm-label { font:500 11.5px 'IBM Plex Mono',monospace; letter-spacing:.1em; text-transform:uppercase; color:#8f8ba6; margin-bottom:16px; }
  .pm-accent { height:22px; display:flex; align-items:flex-end; }
  .pm-spark { display:flex; align-items:flex-end; gap:3px; height:100%; }
  .pm-spark i { width:5px; border-radius:2px 2px 0 0; background:#f5ecfd; }
  .pm-spark i.pm-on { background:#a34ef0; }
  .pm-c2 .pm-spark i { background:rgba(51,189,252,.12); }
  .pm-c2 .pm-spark i.pm-on { background:#0a95dc; }
  .pm-stars { display:flex; gap:3px; align-items:center; }
  .pm-stars svg { width:16px; height:16px; }
  .pm-timeline { position:relative; width:100%; height:4px; background:#e9f7ef; border-radius:2px; }
  .pm-timeline i { position:absolute; left:0; top:0; height:100%; background:#16a34a; border-radius:2px; }
  .pm-tick { position:absolute; top:-3px; width:2px; height:10px; background:#e7e4f0; }
  @media (max-width:860px) { .pm-grid { grid-template-columns:1fr 1fr; } }
  @media (max-width:520px) { .pm-grid { grid-template-columns:1fr; } }