fix(marketing): polish download page, platform CTAs, and nav

[TimSchulzRC]

What Changed

• Scope dl-icon visibility rules to html[data-platform] so the hero/footer download button shows only the detected platform's icon (the prior :not([data-platform]) selector matched ancestors that never carry the attribute, leaking the macOS icon onto Windows/Linux).
• Replace the static "Windows · Linux · other" secondary CTA with the two non-detected platforms, computed from the detected OS.
• Point the nav Download button at /download instead of the homepage #download anchor so users land on the dedicated download page.
• Match the nav GitHub button's padding and font-size to the Download button so the two nav controls render at the same height.
• Constrain the floating harness icons to max-width: 1440px so they no longer drift apart on wide screens.
• On /download, add a "Run without installing" callout (npx t3) and per-platform CLI install commands (Homebrew, winget, AUR). Each command block is click-to-copy (the button's click bubbles to the block) with a hover tooltip that swaps between "Copy" and "Copied" in sync with the existing check-mark animation. The block is wrapped in a .cmd-block-wrap so the tooltip isn't clipped by the block's overflow-x: auto; JS-injected element selectors use :global() so Astro's scoped CSS still applies to them.

Why

The recent marketing rebuild shipped with a few rough edges worth tightening:

• Platform detection on the homepage was incomplete — multiple OS icons rendered at once, and the secondary CTA didn't react to the detected OS.
• The nav Download button scrolled to a homepage anchor rather than the dedicated download page that already exists.
• The hero float layer had no width cap and drifted apart on wide displays.
• The download page only pointed at GitHub releases, but the README also documents npx t3 plus platform package managers — those install paths should be reachable from the site too, and click-to-copy with a clear tooltip makes the commands easy to grab.

UI Changes

Before

After

Before

After

Before

After

Before

After

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Medium Risk
Primarily marketing UI/UX updates, but adds new client-side clipboard behavior and DOM injection on /download that could break copy interactions or styling if selectors change.

Overview
Tightens the marketing site’s download funnel by updating the global nav Download link to /download, aligning the nav GitHub button styling, and refining hero/CTA platform detection so only the correct OS icon shows and the secondary CTA lists the other platforms.

Enhances /download with a “Run without installing” callout plus per-OS package-manager install commands (Homebrew/winget/AUR), including new click-to-copy command blocks with tooltip + success-state styling.

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

Note

Polish download page with CLI install snippets, copy buttons, and nav link fix

• Adds per-platform CLI install commands (Homebrew, winget, AUR) and a 'Run without installing' npx t3 callout to the download page
• Adds clipboard copy support to command blocks with a transient success indicator
• Fixes the navbar Download link to point to /download instead of /#download
• Updates the secondary CTA on the index page to dynamically list non-detected platforms (e.g. 'Windows · Linux' on macOS)

^{Macroscope summarized 2826f68.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: ce2aed86-787a-48e8-91d2-3b6d6e0bd977

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

• Generate code and open pull requests
• Plan features and break down work
• Investigate incidents and troubleshoot customer tickets together
• Automate recurring tasks and respond to alerts with triggers
• Summarize progress and report instantly

Built for teams:

• Shared memory across your entire org—no repeating context
• Per-thread sandboxes to safely plan and execute work
• Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[macroscopeapp]

Approvability

Verdict: Approved

Marketing site polish with formatting changes, updated navigation links, added CLI installation instructions, and copy-to-clipboard functionality. Low-risk UI/copy changes confined to the marketing app with no backend or sensitive code impact.

^{You can customize Macroscope's approvability policy. Learn more.}