.outcomes { background: #f8fafc; }
.outcome-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.outcome { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 27px 23px; }
.outcome > b { font-size: 10px; color: var(--orange); letter-spacing: .12em; }
.outcome h3 { font-size: 17px; margin: 20px 0 10px; }
.outcome p { font-size: 12px; line-height: 1.75; color: var(--muted); margin: 0; }
.audience { margin-top: 22px; background: var(--navy); color: #fff; border-radius: 20px; padding: 34px 38px; display: grid; grid-template-columns: 1.25fr .75fr; gap: 55px; align-items: center; }
.audience h3 { font-size: 24px; margin: 12px 0 8px; }
.audience p { font-size: 12px; line-height: 1.7; color: #afc0d1; margin: 0; }
.audience ul { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 18px; list-style: none; margin: 0; padding: 0; }
.audience li { font-size: 11px; color: #d9e5ef; }
.audience li::before { content: "✓"; color: #65d0eb; margin-right: 8px; }

@media (max-width: 900px) {
  .outcome-grid { grid-template-columns: repeat(2, 1fr); }
  .audience { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 560px) {
  .outcome-grid, .audience ul { grid-template-columns: 1fr; }
  .audience { padding: 28px 23px; }
}