Improve nthpartyfinder mobile responsiveness

Fix install code blocks overflowing on mobile with pre-wrap and
word-break. Add overflow-x:hidden on html/body. Scale down title,
terminal, badges, crasher tags, and section titles at mobile
breakpoints. Tighten padding and font sizes for small screens.

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

Author: 3 people

docs/projects/nthpartyfinder/index.html

@@ -565,15 +565,45 @@
 .footer a { color: var(--neon-pink); }
 
 /* ── RESPONSIVE ── */
+html, body { overflow-x: hidden; }
+
+.install-card pre {
+  max-width: 100%;
+  word-wrap: break-word;
+}
+.install-card pre code {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+.terminal-body {
+  word-break: break-word;
+  overflow-wrap: break-word;
+}
+
 @media (max-width: 768px) {
   .hero { padding: 80px 0 60px; }
+  .hero-title { font-size: clamp(2.4rem, 9vw, 4rem); letter-spacing: 3px; }
   .nav-links { gap: 16px; }
   .features-grid { grid-template-columns: 1fr; }
   .install-grid { grid-template-columns: 1fr; }
+  .install-card { padding: 20px; }
+  .install-card pre { padding: 12px; }
+  .install-card pre code { font-size: 0.72rem; }
+  .terminal { max-width: 100%; }
+  .terminal-body { font-size: 0.72rem; padding: 16px; }
+  .steps { max-width: 100%; }
+  .section-title { font-size: clamp(1.2rem, 4vw, 1.8rem); }
+  .crasher-tags { gap: 8px; }
+  .crasher-tag { font-size: 0.72rem; padding: 6px 14px; }
+  .hero-badges { gap: 6px; }
+  .badge { font-size: 0.62rem; padding: 4px 10px; }
+  .bottom-cta { padding: 60px 0 50px; }
 }
 @media (max-width: 520px) {
   .nav-links { display: none; }
   .hero-ctas { flex-direction: column; align-items: center; }
+  .hero-title { font-size: clamp(2rem, 8vw, 3rem); letter-spacing: 2px; }
+  .container { padding: 0 16px; }
 }
 </style>
 </head>