Keep website header and comparison table within mobile viewport

website/assets/css/style.css

@@ -924,7 +924,7 @@ td:last-child { color: var(--muted); }
 @media (max-width: 980px) {
   .hero-grid { grid-template-columns: 1fr; gap: 44px; }
   .hero-lead { max-width: none; }
-  .split { grid-template-columns: 1fr; gap: 36px; }
+  .split { grid-template-columns: minmax(0, 1fr); gap: 36px; }
   .split.reverse .split-media { order: 0; }
   .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
@@ -932,6 +932,11 @@ td:last-child { color: var(--muted); }
 }
 
 @media (max-width: 760px) {
+  .site-header .wrap { gap: 10px; }
+  .brand { flex: 1 1 auto; min-width: 0; }
+  .brand span { white-space: normal; min-width: 0; }
+  .brand img { flex-shrink: 0; }
+  .header-actions > .btn { display: none; }
   .nav-toggle { display: grid; }
   .nav {
     position: absolute;