/* Supporting features, compact: icon, name, one sentence, and a small tag for
   plan or platform limits. */
.extras__grid { list-style: none; display: grid; gap: 14px; margin-top: 36px; }
.extra {
  padding: 22px; border-radius: var(--radius-l); background: var(--surface); box-shadow: var(--shadow-card);
}
.extra__icon { width: 28px; height: 28px; color: var(--teal); }
.extra h3 { margin-top: 14px; font-size: 1.125rem; font-weight: 700; }
.extra p { margin-top: 6px; color: var(--ink-2); font-size: 0.9375rem; }
.extra .extra__tag {
  display: inline-block; margin-top: 12px; padding: 3px 10px; border-radius: 999px;
  background: var(--cream-2); color: var(--ink-2); font-size: 0.8125rem; font-weight: 600;
}

@media (min-width: 640px) { .extras__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1040px) { .extras__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } }