landing: rebuild the page below the hero as one continuous night

[KenTaniguchi-R]

The hero and the body were two design systems glued at a seam. The hero is a material — mesh gradient, grain, glass, a terminal card on a tinted shadow. The body was a document — ink on paper, hairlines, no depth. Nothing carried across except the typeface, so the white spec bar read as the first row of a different site.

The hero and the closing CTA are untouched. Everything between them is rebuilt.

Design

• The sky runs the whole document and deepens as you descend. The spec strip closes the hero in the hero's own material rather than opening the body in white, and the footer goes dark so the page never flips theme mid-scroll.
• A sticky rail replaces the section tab bar — which sat at top:0 with z-index:40 under a 66px fixed nav, so it was completely hidden the entire time it was stuck.
• Artifacts do the explaining. The call is a real <pre> transcript including the tool the guard refused; the grant surface is the SKILL.md it actually is. Both are selectable text rather than styled divs.

Content

Rewritten to four beats — why this exists, what you control, what it costs the callee, where it stands. The wire sequence, repo layout and address anatomy move to the Mintlify docs, where that depth belongs.

The four-layer permission model is now three plain lines and a docs link. Opening with "IT sets the ceiling" put a procurement doc in front of the individual developer who is the one actually installing this.

Accessibility

Measured on rendered pixels, not assumed. Secondary text was 1.35:1 on the section eyebrows and 1.54:1 in the rail footer; everything now clears 4.5:1. Adds a skip link, a visible focus ring (the browser default is dark blue and vanished against the sky), prefers-reduced-motion, 100dvh, and 44px minimum tap targets.

Also carries seven bug fixes found auditing the live site: the nav floating transparent across the terminal demo, a mobile page with no menu at all below 860px, and a wire-protocol table rendering one word per line for ~2,600px on phones.

Verified

• node --test scripts/landing-site.test.mjs — 4/4 (the gate pages.yml runs)
• scripts/ci-local.sh fast — build, typecheck, test, 8 invariants
• Playwright at 1440x900 and 390x844: no console errors, no horizontal overflow, nav pins before the terminal, rail sticks at 66px and tracks sections, zero tap targets under 44px
• Desktop height 12,639px → 5,733px

🤖 Generated with Claude Code