Fast and right on every screen: a budget and the website spec #30

Hold the page to a budget and fix what it finds:

• largest contentful paint under 1.5 s on a mid phone, no layout shift (the hero and the live card must not jump when /live answers);
• the forge's website spec findings for / at zero;
• the forge pill and the trevato mark must not overlap in the bottom-right corner on a phone;
• every link has a visible focus ring, and the page reads well with a screen reader.

Write down what was measured and how in the pull.

Try: open the preview on a phone and scroll to the bottom.

Trevor asked: "if the website doesn't perform that needs to be fixed." Add a real measurement to this issue before polishing: run the page for 30 s in headless Chrome on the forge's runner, not anyone's laptop, and record main-thread CPU and frame time with the Chrome DevTools Protocol (Performance.getMetrics, or a trace) for desktop and a throttled phone profile. Commit the script as scripts/perf.ts and put the numbers in the pull.

Already done on forged: the per-frame backdrop blur is gone, and reduced motion gets a still sky.

Then, keeping the look of the sky exactly as it is, find what's left:

• the space canvas is stretched over the full page height;
• both canvases draw at device pixel ratio 1;
• the loops never pause while the canvases are off screen.

Fix what the numbers say matters, and show before and after.