showcase_visual_upgrade: upgrade showcase visuals

[ProfRandom92]

Motivation

• Improve the visual quality of the merged repo-backed showcase to match the Claude/Netlify reference while preserving the artifact-backed, deterministic benchmark model.
• Provide a more premium, cinematic presentation that reduces scroll fatigue and highlights the replay pipeline visually without introducing new telemetry or backend systems.

Description

• Add a responsive sticky navigation frame with an accessible mobile toggle and small nav affordances in showcase/app/src/main.tsx.
• Enhance the hero: add a trust-rail (artifact-backed chips) and a replay-orbit visual, keeping all original deterministic copy and artifact-derived metrics in showcase/app/src/main.tsx.
• Convert the pipeline section into a cinematic pipeline-showcase stage that visually frames the same deterministic pipeline steps in showcase/app/src/main.tsx.
• Overhaul showcase/app/src/styles.css with a richer dark palette, glows, gradients, updated spacing, responsive breakpoints, and styles for the new nav/hero/pipeline visuals; the benchmark cards continue to surface committed artifact links and static metrics.

Testing

• Ran type-checking with cd showcase/app && npm run typecheck and it passed successfully.
• Ran the static validation with cd showcase/app && npm run validate and it passed successfully (script verifies presence of required copy and metric values).
• Built the production bundle with cd showcase/app && npm run build and the build completed successfully.
• Captured a local screenshot of the running dev server via Playwright after installing browser dependencies and the screenshot was saved to /tmp/comptextv7-screenshots/showcase_visual_upgrade.png.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
comptextv7	Ready	Preview, Comment	May 14, 2026 3:20pm

[netlify]

✅ Deploy Preview for comptext-v7 ready!

Name	Link
🔨 Latest commit	3015b9a
🔍 Latest deploy log	https://app.netlify.com/projects/comptext-v7/deploys/6a05e835054ffa00084cd767
😎 Deploy Preview	https://deploy-preview-83--comptext-v7.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[gemini-code-assist]

Code Review

This pull request significantly enhances the showcase application's UI with a refined dark theme, new decorative components like the 'visual orbit' and 'trust rail,' and a responsive mobile navigation menu. The pipeline section has also been redesigned with a more compact grid layout and a visual summary stage. Feedback identifies opportunities to improve visual consistency by aligning container widths, enhancing button interactions with CSS transitions, and correcting the display of arrows in the updated pipeline grid.

[gemini-code-assist]

Since the pipeline is now displayed in a 3-column grid on desktop, the absolute-positioned arrows on the 3rd item in each row point into empty space instead of the next step. Hiding the arrow for every 3rd item ensures the visual flow remains correct.

.pipeline-arrow { position: absolute; top: 0.9rem; right: 0.75rem; width: 16px; color: var(--subtle); }\n.pipeline-step:nth-child(3n) .pipeline-arrow { display: none; }