.benefit-list { display: flex; flex-direction: column; gap: var(--space-5); }

.benefit-item { display: flex; gap: var(--space-4); align-items: flex-start; }

.benefit-icon {
  width: 40px; height: 40px;
  background: var(--surface-brand); border-radius: var(--radius-md);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}

.benefit-icon svg { width: 20px; height: 20px; stroke: var(--brand); stroke-width: 1.8; fill: none; }

.benefit-text h4 { font-family: var(--font-display); font-size: 15px; font-weight: 600; color: var(--ink); margin-bottom: 4px; }
.benefit-text p  { font-size: 14px; color: var(--ink-muted); line-height: 1.55; }