/* VoiceAlign marketing topbar. One definition, four pages. * * Why this file exists: index, how-it-works, inspiration and agents each carried their own * hand-copied nav block. They were identical on the day they were written and had drifted by * 2026-09-11 into a topbar that visibly moved as you navigated. Measured at 1440px: * * page body fs CTA box .nav-link h .nav-actions w * / 15px 159.8 x 47.3 20.1 357.4 * /how-it-works 15px 155.8 x 44.0 44.0 354.2 * /inspiration 16px 167.9 x 49.6 20.8 366.3 * /agents 16px 167.9 x 49.6 20.8 365.5 * * Three separate causes. (1) `.button` never declared a font-size, so the CTA inherited `body`, * which is 15px on two pages and 16px on the other two. (2) how-it-works had been rewritten onto * the token scale and so used a third pill geometry. (3) `.nav-link` was a 44px inline-flex box on * one page and bare inline text on the rest. Because `.site-nav` is `space-between` with the brand * pinned left, every width change slid the whole right cluster: 12px of travel, plus a CTA pill * that changed size inside a bar whose height never did. * * HOW TO USE IT, and the part that is load-bearing: * link this file in BEFORE the page's own inline