Add docs, blog, community pages and polish landing page layout

- Add docs pages (getting-started, changelog, keyboard-shortcuts)
- Add blog, community, and legal pages (privacy, terms, EULA)
- Add site header, footer, download button, and nav components
- Add sitemap and robots.txt generation
- Narrow main page container (max-w-2xl), fix footer positioning
- Switch README feature list to colon style

web/app/globals.css

@@ -72,3 +72,143 @@ body {
 .animate-blink {
   animation: blink 1s step-end infinite;
 }
+
+/* Docs prose styles */
+.docs-content h1 {
+  font-size: 1.5rem;
+  font-weight: 700;
+  letter-spacing: -0.025em;
+  margin-bottom: 0.75rem;
+}
+
+.docs-content h2 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin-top: 2.5rem;
+  margin-bottom: 0.75rem;
+  letter-spacing: -0.01em;
+}
+
+.docs-content h3 {
+  font-size: 1rem;
+  font-weight: 600;
+  margin-top: 1.75rem;
+  margin-bottom: 0.5rem;
+}
+
+.docs-content h4 {
+  font-size: 0.9375rem;
+  font-weight: 600;
+  margin-top: 1.25rem;
+  margin-bottom: 0.375rem;
+  font-family: var(--font-geist-mono);
+}
+
+.docs-content > p {
+  line-height: 1.7;
+  margin-bottom: 1rem;
+  color: var(--muted);
+}
+
+.docs-content ul,
+.docs-content ol {
+  padding-left: 1.5rem;
+  margin-bottom: 1rem;
+}
+
+.docs-content ul {
+  list-style: disc;
+}
+
+.docs-content ol {
+  list-style: decimal;
+}
+
+.docs-content li {
+  line-height: 1.7;
+  margin-bottom: 0.25rem;
+  color: var(--muted);
+}
+
+.docs-content code {
+  font-family: var(--font-geist-mono);
+  font-size: 0.8125em;
+  background: var(--code-bg);
+  padding: 0.125rem 0.375rem;
+  border-radius: 0.25rem;
+}
+
+.docs-content kbd {
+  font-family: var(--font-geist-mono);
+  font-size: 0.75em;
+  line-height: 1;
+  white-space: nowrap;
+  background: var(--code-bg);
+  border: 1px solid var(--border);
+  border-radius: 0.3125rem;
+  padding: 0.2rem 0.375rem;
+  min-width: 1.4em;
+  text-align: center;
+  display: inline-block;
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
+}
+
+.dark .docs-content kbd {
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
+}
+
+.docs-content pre code {
+  background: none;
+  padding: 0;
+  font-size: 1em;
+}
+
+/* Shiki dual theme */
+.shiki,
+.shiki span {
+  color: var(--shiki-light) !important;
+  background-color: transparent !important;
+}
+
+.dark .shiki,
+.dark .shiki span {
+  color: var(--shiki-dark) !important;
+}
+
+.docs-content table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1.5rem;
+  font-size: 0.875rem;
+}
+
+.docs-content th {
+  text-align: left;
+  font-weight: 600;
+  padding: 0.5rem 0.75rem;
+  border-bottom: 1px solid var(--border);
+}
+
+.docs-content td {
+  padding: 0.5rem 0.75rem;
+  border-bottom: 1px solid var(--border);
+  color: var(--muted);
+}
+
+.docs-content strong {
+  font-weight: 600;
+  color: var(--foreground);
+}
+
+.docs-content a:not([class]) {
+  color: var(--foreground);
+  text-decoration: underline;
+  text-decoration-skip-ink: none;
+  text-underline-offset: 3px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: var(--border);
+}
+
+.docs-content a:not([class]):hover {
+  text-decoration-color: var(--foreground);
+}