docs(home): align header and content to the 1728px/96px design frame

[soamdesai-tfh]

Part of the Docs 3.0 QA round 2 series

Problem

At the 1728px design frame, Mintlify's header container is max-w-8xl with 48px gutters, so the logo and tabs sit at ~169px while the hero and every content section sit at 96px — the misalignment flagged in "Align the main content and hero width (homepage)".

Change

• The navbar (both rows) and the docs-page body wrapper now use the design frame: 1728px max-width, 96px gutters, so the logo, tabs, hero, and content share one left edge (sidebar text lands at 96px under the logo on docs pages).
• Homepage measurements matched to the design frame: hero subtitle 487px (wraps like the mock) with a 24px gap under the title, card icons 32px, card row gap 113px, story cards 756px wide with a 24px gap and the track bleeding into the right gutter so the third card peeks past the content edge (cards land at x = 96 / 876 / 1656, exactly the mock's grid), section rhythm 160/240/240.

Homepage — red dashes mark the 96px design gutter

Before (logo and tabs off the gutter):

After (header, hero, and content on one edge):

Docs pages

Before:

After:

[mintlify]

Preview deployment for your docs. Learn more about Mintlify Previews.

Project	Status	Preview	Updated
world	🟢 Ready	View Preview	Sep 10, 2026, 5:53 AM

💡 Tip: Enable Automations to automatically generate PRs for you.

[soamdesai-tfh]

Series (Docs 3.0 QA round 2, splitting #170 — all six are independent and merge in any order): #171 alignment · #172 header tabs · #173 footer · #174 chat launcher · #175 World Tech links · #176 sidebar selected state. Screenshots live on the assets-only branch soam/docs3-qa2-assets (never merge it).

[Takaros999]

Reviewed the current diff, surrounding source, checks, and hosted preview. No blocking findings. Preview verification was per PR; the combined merged layout was not tested.