Landing Demo Table and Chart Tooltips

On the landing page, the Customer Intelligence demo shows a live-style table. When the "All" segment is selected, new rows are added one at a time (e.g. every few seconds) instead of in blocks of five. The table keeps a fixed number of visible rows; the oldest row drops out when a new one appears. The order of rows follows a round-robin over segments (New, Active, Past Due, Failed, Expiring Soon, Churned), so you never see long runs of the same payment status—the mix stays varied and readable.

When you load the page, the demo table already shows a full set of rows (e.g. five). You don't have to wait for them to fill in one by one from empty. After that, the "one new row at a time" behavior continues so the demo feels like a live feed without overwhelming the view.

Customers in the Churned segment no longer get a Churn Risk Score—they've already left, so a risk indicator doesn't add value. In the demo table and in the real Customer Intelligence table, Churned rows show a simple dash (—) in the Churn Risk Score column instead. This keeps the UI consistent everywhere.

In all charts (dashboard, Customer Intelligence, demo, etc.) the values in tooltips now use the same font family as the rest of the tooltip text. Numbers are still slightly bolder and use tabular numerals for alignment, but we removed the separate monospace font so everything reads as one coherent block. This applies to both the landing demo and the main app.

Landing demo: one row at a time, round-robin segments, table pre-filled on load. Churned customers: no Churn Risk Score. Charts: tooltip amounts in the same font as the label text.