style: unify typography and spacing across all pages

- Standardize heading sizes: H1 to 2rem, subtitle to base text
- Standardize heading tracking: H1 to -0.03em
- Remove excessive line-height and spacing variations
- Add homepage-specific CSS classes for H1/H2 styling (remove "//" prefix from H1, add to H2)
- Remove bottom border from FAQ section on homepage

This change creates visual consistency across all comparison pages and improves the minimalist design aesthetic.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: ericyangpan

src/app/[locale]/ai-coding-stack/page.tsx

@@ -53,11 +53,11 @@ export default async function AICodingStackPage({ params }: Props) {
       <div className="max-w-8xl mx-auto px-[var(--spacing-md)] py-[var(--spacing-lg)]">
         <main>
           {/* Hero Section */}
-          <section className="mb-[var(--spacing-xl)]">
-            <h1 className="text-[3rem] font-bold tracking-[-0.04em] leading-[1.1] mb-[var(--spacing-md)]">
+          <section className="mb-[var(--spacing-lg)]">
+            <h1 className="text-[2rem] font-semibold tracking-[-0.03em] mb-[var(--spacing-sm)]">
               {t('title')}
             </h1>
-            <p className="text-lg text-[var(--color-text-secondary)] leading-relaxed">
+            <p className="text-base text-[var(--color-text-secondary)] font-light">
               {t('subtitle')}
             </p>
           </section>

src/app/[locale]/clis/comparison/page.client.tsx

@@ -367,10 +367,10 @@ export default function CLIComparisonPageClient({ locale }: Props) {
       {/* Page Header */}
       <section className="py-[var(--spacing-lg)] border-[var(--color-border)]">
         <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
-          <h1 className="text-[2.5rem] font-semibold tracking-[-0.04em] mb-[var(--spacing-sm)]">
+          <h1 className="text-[2rem] font-semibold tracking-[-0.03em] mb-[var(--spacing-sm)]">
             {tComparison('clis.title')}
           </h1>
-          <p className="text-lg text-[var(--color-text-secondary)] font-light leading-relaxed">
+          <p className="text-base text-[var(--color-text-secondary)] font-light">
             {tComparison('clis.subtitle')}
           </p>
         </div>

src/app/[locale]/extensions/comparison/page.client.tsx

@@ -353,10 +353,10 @@ export default function ExtensionComparisonPageClient({ locale }: Props) {
       {/* Page Header */}
       <section className="py-[var(--spacing-lg)] border-[var(--color-border)]">
         <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
-          <h1 className="text-[2.5rem] font-semibold tracking-[-0.04em] mb-[var(--spacing-sm)]">
+          <h1 className="text-[2rem] font-semibold tracking-[-0.03em] mb-[var(--spacing-sm)]">
             {tComparison('extensions.title')}
           </h1>
-          <p className="text-lg text-[var(--color-text-secondary)] font-light leading-relaxed">
+          <p className="text-base text-[var(--color-text-secondary)] font-light">
             {tComparison('extensions.subtitle')}
           </p>
         </div>

src/app/[locale]/globals.css

@@ -72,6 +72,19 @@ h1::before {
   margin-right: 0.75rem;
 }
 
+/* Homepage specific: H1 without "//" prefix */
+.homepage-h1::before {
+  content: none;
+}
+
+/* Homepage specific: H2 with "//" prefix */
+.homepage-h2::before {
+  content: "//";
+  color: var(--color-text-muted);
+  font-weight: 300;
+  margin-right: 0.75rem;
+}
+
 strong {
   font-weight: 600;
 }

src/app/[locale]/ides/comparison/page.client.tsx

@@ -366,10 +366,10 @@ export default function IDEComparisonPageClient({ locale }: Props) {
       {/* Page Header */}
       <section className="py-[var(--spacing-lg)] border-[var(--color-border)]">
         <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
-          <h1 className="text-[2.5rem] font-semibold tracking-[-0.04em] mb-[var(--spacing-sm)]">
+          <h1 className="text-[2rem] font-semibold tracking-[-0.03em] mb-[var(--spacing-sm)]">
             {tComparison('ides.title')}
           </h1>
-          <p className="text-lg text-[var(--color-text-secondary)] font-light leading-relaxed">
+          <p className="text-base text-[var(--color-text-secondary)] font-light">
             {tComparison('ides.subtitle')}
           </p>
         </div>

src/app/[locale]/models/comparison/page.client.tsx

@@ -228,10 +228,10 @@ export default function ModelComparisonPageClient({ locale }: Props) {
       {/* Page Header */}
       <section className="py-[var(--spacing-lg)] border-[var(--color-border)]">
         <div className="max-w-8xl mx-auto px-[var(--spacing-md)]">
-          <h1 className="text-[2.5rem] font-semibold tracking-[-0.04em] mb-[var(--spacing-sm)]">
+          <h1 className="text-[2rem] font-semibold tracking-[-0.03em] mb-[var(--spacing-sm)]">
             {tComparison('models.title')}
           </h1>
-          <p className="text-lg text-[var(--color-text-secondary)] font-light leading-relaxed">
+          <p className="text-base text-[var(--color-text-secondary)] font-light">
             {tComparison('models.subtitle')}
           </p>
         </div>

src/app/[locale]/page.tsx

@@ -95,7 +95,7 @@ export default async function Home({ params }: Props) {
               </pre>
             </div>
 
-            <h1 className="text-[2rem] font-semibold tracking-[-0.03em] mb-[var(--spacing-md)]">
+            <h1 className="text-[2rem] font-semibold tracking-[-0.03em] mb-[var(--spacing-md)] homepage-h1">
               {tHome('title')}
             </h1>
 
@@ -130,7 +130,7 @@ export default async function Home({ params }: Props) {
         className="py-[var(--spacing-xl)] border-b border-[var(--color-border)]"
       >
         <div className="max-w-6xl mx-auto px-[var(--spacing-md)]">
-          <h2 className="text-[1.5rem] font-semibold tracking-[-0.02em] mb-[var(--spacing-sm)]">
+          <h2 className="text-[1.5rem] font-semibold tracking-[-0.02em] mb-[var(--spacing-sm)] homepage-h2">
             {tFeatures('title')}
           </h2>
 
@@ -195,9 +195,9 @@ export default async function Home({ params }: Props) {
       </section>
 
       {/* FAQ Section */}
-      <section id="faq" className="py-[var(--spacing-xl)] border-b border-[var(--color-border)]">
+      <section id="faq" className="py-[var(--spacing-xl)]">
         <div className="max-w-6xl mx-auto px-[var(--spacing-md)]">
-          <h2 className="text-[1.5rem] font-semibold tracking-[-0.02em] mb-[var(--spacing-sm)]">
+          <h2 className="text-[1.5rem] font-semibold tracking-[-0.02em] mb-[var(--spacing-sm)] homepage-h2">
             {tHome('faq')}
           </h2>