{#- Each item: <div class="ui-feature"><span class="ui-feature-icon">svg</span><h3>Title</h3><p>Description</p><a href="…">Link</a></div> -#}
<.feature_grid eyebrow="How it works" title="Everything billing needs, in one place" intro="Connect your accounting tool once. Acme handles the rest every month.">
<div class="ui-feature"><span class="ui-feature-icon"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg></span><h3>Invoices that send themselves</h3><p>Create invoices from your plans and usage, and send them on a schedule you set.</p><a href="#">How invoicing works</a></div>
<div class="ui-feature"><span class="ui-feature-icon"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg></span><h3>Polite, persistent reminders</h3><p>Late payments get reminders in your tone of voice, and stop the moment someone pays.</p><a href="#">See the reminders</a></div>
<div class="ui-feature"><span class="ui-feature-icon"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/><path d="M20 3v4"/><path d="M22 5h-4"/></svg></span><h3>Reconciliation with AI <span class="ui-ai-badge"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/><path d="M20 3v4"/><path d="M22 5h-4"/></svg>AI</span></h3><p>Payments are matched to invoices automatically, and anything unclear is flagged for a person.</p><a href="#">About our AI</a></div>
</.feature_grid>