diff --git a/website/pages/index.tsx b/website/pages/index.tsx
index 8b62b1a..2760453 100644
--- a/website/pages/index.tsx
+++ b/website/pages/index.tsx
@@ -7,6 +7,7 @@ export default function Home() {
   return (
     <div className={styles.page}>
       <Head>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>SpecWright – AI-Powered Specification Engine</title>
         <meta
           name="description"
diff --git a/website/styles/home.module.css b/website/styles/home.module.css
index 7cc247f..201eec4 100644
--- a/website/styles/home.module.css
+++ b/website/styles/home.module.css
@@ -1,4 +1,10 @@
 /* ── Base ── */
+.page *,
+.page *::before,
+.page *::after {
+  box-sizing: border-box;
+}
+
 .page {
   min-height: 100vh;
   display: flex;
@@ -8,6 +14,8 @@
   font-family:
     -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
   -webkit-font-smoothing: antialiased;
+  overflow-x: hidden;
+  box-sizing: border-box;
 }
 
 /* ── Nav ── */
@@ -380,10 +388,43 @@
   .screenshotSection {
     padding: 1.5rem 1rem 3rem;
   }
+
+  .nav {
+    padding: 1rem 1rem;
+  }
+
+  .problemSection {
+    padding: 3rem 1.5rem 2rem;
+  }
+
+  .features {
+    padding: 2rem 1.5rem 3rem;
+  }
+
+  .workflow {
+    padding: 3rem 1.5rem;
+  }
+
+  .highlights {
+    padding: 3rem 1.5rem;
+  }
+
+  .finalCta {
+    padding: 3rem 1.5rem;
+  }
 }
 
 @media (max-width: 480px) {
+  .title {
+    font-size: 2.25rem;
+  }
+
   .features {
     grid-template-columns: 1fr;
   }
+
+  .installBlock {
+    font-size: 0.85rem;
+    padding: 0.6rem 1rem;
+  }
 }
