Merge dev: touch-aware hero demo and autoplay

[icanvardar]

Summary

• Touch-specific hero demo guide copy and coarse pointer detection
• Autoplay share loop on touch devices when stage is in view

Test plan

• CI passed on PR feat(web): touch-aware hero demo guide and autoplay #89 (dev)

---

Note

Low Risk
Marketing/landing UI and demo interaction only; no auth, APIs, or data handling changes.

Overview
Makes the landing hero product demo work on touch/coarse pointers without pretending visitors can type into the Mac shell, while tightening responsive layout and note legibility.

Touch vs keyboard: Adds useCoarsePointer (fine pointer = (hover: hover) and (pointer: fine)) and CSS toggles .demoWhenKeys / .demoWhenTouch so guide copy and a single Action button show the right label before hydration. On touch, MacTerminal and the phone terminal become display-only (no hidden input, drag handle, caret, or “show keyboard” key); guide actions render as 40px pill buttons. KeycapTrail is hidden on touch.

Autoplay on touch: useDemoAutoplay runs the share → tap → type ls → unshare loop once when ~50% of the stage is visible; it stops on visitor interaction (sendFromVisitor), scroll-away, or reduced motion. Keyboard users still drive the loop manually.

Layout/CSS: Tablet stack recenters the device pair and bumps phone/terminal scale; at ≤760px the Mac becomes a display panel (no base), the iPhone is larger with a bottom fade mask, dock hides, and trailing arrows nudge down toward the phone. landingHeroMedia aspect ratios update to match. Guide note tint is stronger in light mode (contrast) with a lighter dark-mode variant; quiet notes dim via text color, not opacity.

^{Reviewed by Cursor Bugbot for commit 0c8b6be. Bugbot is set up for automated code reviews on this repo. Configure here.}

[vercel]

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

Project	Deployment	Actions	Updated
wrapper-web	Building	Preview	Sep 4, 2026 9:48am UTC

[cursor]

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 0c8b6be. Configure here.}