/* ============================================================ Vale — shared type Linked from the of every page, including the landing page, which is otherwise self-contained and loads no other stylesheet. Anything both the landing page and the funnel need in order to look alike belongs here, so the two can't drift apart silently. We declare the @font-face rules ourselves rather than linking fonts.cdnfonts.com/css/sf-pro-display, for two reasons: 1. font-display. Their stylesheet omits it, so the default (block) applies and text is invisible for up to ~3s while the font downloads. Macs never notice — local() resolves instantly — but a Windows or Android visitor sees blank space. swap paints the fallback immediately and swaps when the font arrives. 2. It removes a request. Linking their CSS means fetching a stylesheet before we can even discover the font files. Only 400/500/700 exist as real faces. Their sheet advertises 100-900, but everything below 500 resolves to Regular and everything above 500 to Bold, so declaring the other weights would be fiction. CSS elsewhere may still ask for 300 or 600; the browser maps those onto these three, which is what already happens today. This file declares faces only. The --font-ui stack stays with each consumer (styles.css, and the landing page's inline