Live screenshots
Screens are real HTML/CSS components in a browser-chrome frame — not images. Change a design token and every screenshot changes with it.
src/screens/* are real Astro components consuming the live token file,
wrapped in a <Screenshot> browser-chrome frame. Ask for rounder corners
and the tokens change — so the marketing pages and every “screenshot”
move together, always in sync.
Screens are the seed of the real frontend: when a version enters build, its screens are lifted into the app one at a time, preserving touch-it-feel-it momentum from dream to product.