The bundled page shipped with a generic "Bundled Page" title and no meta
tags, so shared links rendered with no preview at all. Add title,
description ("The Home of Sovereign AI"), canonical URL, and og:/twitter:
tags pointing at banner.png (1280x720) so shares show the logo card.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The CSS gradient-clipped 8 kept truncating across browsers because the
glyph paint was bound to its line box. Replace both logo lockups (sidebar
nav + footer) with a crisp inline SVG wordmark (white HAL + gradient 8):
SVG glyphs aren't clipped to a line box, so the 8 always renders in full
and stays sharp at any size. Unique gradient ids; align-self:flex-start so
the flex-column parent can't stretch it.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Collapse all multi-column section grids to single column on <=980px (the
inline grids lacked responsive classes); keep the comparison matrix
horizontally scrollable via its existing overflow-x wrapper.
- Scale down hero h1 and section h2 so long words no longer overflow the
viewport; add a <=430px tier for small phones.
- Remove backdrop-filter blur from the nav drawer and menu button (their
backgrounds are opaque) so the open menu renders crisp instead of blurry.
- Tidy the top meta bar: trim padding, clear space for the floating menu
button, hide the decorative coordinates on small screens.
- Constrain images to 100% width on mobile.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Gradient-clipped glyphs (HAL 8 logos, headline gradients) were clipped
top/bottom by the line box; give them an inline-block paint box with
vertical padding and compensating negative margin so the full glyph paints.
- Add the HAL letterform mark as a banner atop the hero, screen-blended so
its black background drops out over the dark hero, with a soft edge mask.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
