Corporate cards with real controls
Per-card MCC and geo rules, budgets that update the moment spend moves.
A pinned horizontal tile track: an eyebrow + two-line display headline over a flex row of product tiles that a GSAP/ScrollTrigger timeline scrubs sideways while the section is pinned, ending with a jade CTA card that expands to fill the viewport. Below 1024px the timeline is skipped and the track is a native CSS scroll-snap carousel.
When the whole platform deserves one scroll act rather than a row per capability — a set of product tiles the reader pans through, ending on a full-bleed "apply" moment. It is a page-scale set piece: one per page, and it takes over the viewport (and briefly the site header) while it plays. For a single capability beside a visual, use a plain two-column section; for a fixed grid of tiles that does not move, use UtilityTiles.
Platform
Per-card MCC and geo rules, budgets that update the moment spend moves.
Route, approve and pay without leaving the ledger.
Every card transaction coded and closed before the month ends.
Shipping and ad invoices audited line by line, claims filed for you.
Not a copy-plus-visual row and not an alternating rhythm — it is one horizontal track of
fixed-size tiles closing on a jade CTA card. Shown here in its below-1024px form: a native overflow-x scroll-snap carousel with
the scrollbar hidden. At 1024px and up the same row is pinned and scrubbed by a
GSAP/ScrollTrigger timeline — the track pans, the headline underline draws from stroke-dashoffset: 300 to 0, and the CTA card then expands to the full viewport
width behind a jade veil while the heading and the site header fade out. Tile art keys into the platform-tile-art map and is omitted here; only the first instance on a page is ever
wired up.