fix(web): center hero tagline and stats strip

mayurpise · claude · mayurpise · commit 9fbea2ca415c · 2026-06-20T07:35:12.000-07:00
Both blocks had a max-width but no horizontal auto-margin, so they
hugged the left of the 900px hero content column instead of centering
under the headline. text-align:center only centers inline content, not
the boxes themselves. Add margin-inline:auto to both.

Co-Authored-By: Claude Opus 4.8 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/web/css/redesign-v24.css b/web/css/redesign-v24.css
@@ -847,6 +847,7 @@
 }
 .hero-content .tagline {
     margin-bottom: 1.75rem;
+    margin-inline: auto;
     max-width: 720px;
 }
 
diff --git a/web/css/refresh-v4.css b/web/css/refresh-v4.css
@@ -175,6 +175,7 @@
     overflow: hidden;
     background: var(--bg-secondary);
     max-width: 760px;
+    margin-inline: auto;
 }
 
 .tb-cell {

Original file line number	Diff line number	Diff line change
`@@ -847,6 +847,7 @@`
`847`	`847`	`}`
`848`	`848`	`.hero-content .tagline {`
`849`	`849`	`margin-bottom: 1.75rem;`
	`850`	`+ margin-inline: auto;`
`850`	`851`	`max-width: 720px;`
`851`	`852`	`}`
`852`	`853`
Original file line number	Diff line number	Diff line change
`@@ -175,6 +175,7 @@`
`175`	`175`	`overflow: hidden;`
`176`	`176`	`background: var(--bg-secondary);`
`177`	`177`	`max-width: 760px;`
	`178`	`+ margin-inline: auto;`
`178`	`179`	`}`
`179`	`180`
`180`	`181`	`.tb-cell {`