feat(landing): Mobile viewport optimizations

landing/app/assets/css/main.css

@@ -1,6 +1,23 @@
 @import 'tailwindcss';
 @import '@nuxt/ui';
 
+/* Prevent horizontal overflow from decorative elements (gradient orbs, etc.) */
+html,
+body {
+  overflow-x: hidden;
+}
+
+/* Ensure all content respects container boundaries on mobile (accounts for scrollbar) */
+@media (max-width: 640px) {
+  .grid {
+    max-width: 100%;
+  }
+  .grid > * {
+    min-width: 0;
+    max-width: 100%;
+  }
+}
+
 /* Theme configuration with new teal/cyan/violet palette */
 @theme {
   /* Typography - Bricolage Grotesque for headings, DM Sans for body */