Inline encouragements with the submit button, vertically centered

Was stacked vertically; now a row (encouragements left, button right,
center-aligned), falling back to the stacked layout under 640px where
a row would get cramped.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

style/main.css

@@ -222,12 +222,19 @@ main.loading, main.not-found {
 
 .alt-cta {
   display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.4rem;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1.2rem;
   margin-top: 1.4rem;
 }
 
+.alt-encouragements {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+}
+
 .features { display: grid; gap: 1.1rem; margin-top: 0.6rem; }
 
 .feature h3 { font-size: 1rem; margin-bottom: 0.15em; }
@@ -490,4 +497,5 @@ input:focus, textarea:focus {
 @media (max-width: 640px) {
   .hero { padding: 3rem 1.25rem 2rem; }
   .alt-card { padding: 1.4rem 1.3rem; }
+  .alt-cta { flex-direction: column; align-items: flex-start; }
 }