Everything in one place
Every subscription and recurring charge, pulled together and grouped by category. One calm list instead of a dozen forgotten logins.
Landing benefits
"Calm control of your recurring money": the heading beside its lede, and the three reasons as tinted cards, each with its icon on a white tile.
What it is
The page's first answer after the story. The story shows fourteen subscriptions becoming one calm list; this block says in three sentences what that list is for. It was the benefit grid of the old page, three .cards in a .grid; Light 2 gave it its own file because the cards are now tinted, float on a lift and carry an icon tile, none of which the app's card may do.
No new copy. Every string is the one voice/docs/microcopy.md owned for the landing before Light 2.
Live, pinned light
Tendd is not a budgeting app. It is a simple, low-pressure way to see and control what you are subscribed to.
Clear, never judged
No budgets to set up, no red warnings, no lectures. Just your numbers in plain language, so you feel in control instead of anxious.
Never caught off guard
Tendd tells you in plain words when a price goes up, a free trial is about to end, or a payment does not go through.
.lp-ben-headthe heading and the lede side by side, 1.35 to 1, aligned on their foot.lp-ben-gridthree equal columns.lp-benone reason:--bg-selected, the landing's middle radius, a 2.5rem drop to its title. The three rise 110ms apart.lp-icthe icon tile, white with a petrol glow, shared with the two paths through one selector
Behaviour on width
One container point, 53.75rem: below it the head stacks and the three cards become one column, with the title's drop shortened to 1.5rem. The hover lift sits behind a fine pointer and a 47.5rem container.
Limits
A lift here is not a lift in the app. U13 says a card never lifts inside the product, because the Flat Paper Rule spends the one shadow elsewhere. The landing is the declared exception: it is cards floating on paper, and its shadows are cast in --tone-shade and petrol and never in a colour of their own (landing-shell.css, P16).
Where it comes from
Drawn by design/system/components/landing-benefits.css through ../system/index.css, the same entry point a product screen loads, and synced byte for byte from the product on 2026-09-30. It stands on the coloured landing, as the first card after the story. The grey wireframes/index.html is frozen at the structure before Light 2 and does not carry it: a component that arrived with a founder's decision after the grey closed, like the brand mark before it. Registered in docs/inventory.md and in _nav.js, in the organism group.