diff --git a/apps/web/src/routes/+page.svelte b/apps/web/src/routes/+page.svelte
index 363a4914..f74c4622 100644
--- a/apps/web/src/routes/+page.svelte
+++ b/apps/web/src/routes/+page.svelte
@@ -256,6 +256,15 @@
     padding: 3rem 0;
   }
 
+  @media (max-width: 640px) {
+  .features {
+    display: grid;
+    grid-template-columns: 1fr; /* single column */
+    gap: 16px;
+    padding: 0 12px;
+  }
+}
+
   .feature-card {
     background: var(--bg-card);
     border: 1px solid var(--border);
@@ -266,6 +275,16 @@
       border-color 0.2s ease;
   }
 
+  .feature-card {
+  min-height: 140px;
+  padding: 16px;
+}
+@media (max-width: 640px) {
+  .feature-card {
+    margin-bottom: 12px;
+  }
+}
+
   .feature-card:hover {
     transform: translateY(-4px);
     border-color: var(--primary);