/* ══════════════════════════════════════
     OUTPUTS BOX
  ══════════════════════════════════════ */
  .output-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2);
    margin-bottom: var(--spacing-4);
  }

  .output-box {
    border-radius: 16px;
    padding: var(--spacing-2-5) 22px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .output-box.purple {
    background: linear-gradient(135deg, var(--color-core-1), var(--color-core-2));
    color: white;
  }

  .output-box.teal {
    background: linear-gradient(135deg, #00917a, var(--color-sec-green-dark));
    color: white;
  }

  .output-box.gold {
    background: linear-gradient(135deg, #b8860b, var(--color-sec-yellow));
    color: white;
  }

  .output-val {
    font-family: var(--font-graphik-bold);
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -1px;
    display: block;
  }

  .output-label {
    font-size: 12px;
    opacity: 0.9;
    margin-top: 4px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  /* ══════════════════════════════════════
     MATURITY BAND INDICATOR
  ══════════════════════════════════════ */
  .band-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
  }

  .band-basic { background: #ffe0e0; color: var(--color-sec-red); }
  .band-proactive { background: #fff3e0; color: var(--color-sec-orange); }
  .band-ready { background: #fffde7; color: var(--color-warning-light); }
  .band-advanced { background: #e3f2fd; color: var(--color-sec-blue-dark); }
  .band-agentic { background: #e8f5e9; color: var(--color-success-light); }

  /* Small helper */
  .text-muted { color: var(--color-grey-600); font-size: 12px; }
  .text-right { text-align: right; }
  .tag { display: inline-block; padding: 2px var(--spacing-1); border-radius: 12px; font-size: 10px; font-weight: 600; }
  .tag-green { background: #dcfce7; color: var(--color-success-light); }
  .tag-orange { background: #fff7ed; color: var(--color-sec-orange); }
  .tag-blue { background: #eff6ff; color: var(--color-sec-blue-dark); }