center phone hero and gym note, drop hero CTA pills

agents.md

@@ -156,7 +156,7 @@ Themes: `web` = default frosted-glass website (sidebar + content, light/dark),
   near-black reads far stronger than white on a pale page, so copying the light
   alphas makes dark look far more gradient-heavy. Tune the two schemes
   separately, not by eye against each other.
-- Interactive surfaces (`.web-ctl`, pills, `.service-button`, `.social-button`,
+- Interactive surfaces (`.web-ctl`, `.service-button`, `.social-button`,
   `.project-card`, `.gym-item`, `.contribution-entry`, `.heatmap-container`) read
   the `--btn-bg` / `--btn-bg-hi` / `--btn-border` / `--btn-shadow` tokens with
   the glass tokens as **fallbacks** (`var(--btn-bg, var(--glass-lo))`). The
@@ -181,6 +181,12 @@ Themes: `web` = default frosted-glass website (sidebar + content, light/dark),
   same `--btn-*` surface / radius / shadow and `0.82rem` / `600` type. Every
   section fits with no horizontal scroll — the collapsed top panel must never
   scroll sideways.
+- The hero CTA pills (`.web-hero-actions` / `.web-pill` — "View projects",
+  "Self-hosted services") were **removed from the markup**; don't reintroduce
+  them (their CSS is gone too). On phones (`max-width: 640px`) the hero is
+  centered instead — heading, the `.web-lead` block (`margin-inline: auto`, not
+  just `text-align`) and the `.social-button` labels — and the gym tile's
+  `.web-tile-note` is centered. Desktop keeps the left-aligned hero.
 - Under `max-width: 640px` the year-grid heatmap (`.heatmap-container`) and its
   legend/hover row (`.heatmap-status-row`) are `display: none` — the grid is
   unreadable at phone widths. The contribution total and the commit history