docs: update landing page copy from review notes

- Hero: tighter 3-line intro focused on the problem
- What It Does: updated section label
- Safe Config: panic-revert language, fleet-wide templates
- Who This Is For: expanded audience descriptions
- Architecture: new section with vertical flow diagram
- Quick Start: simplified to 3 commands
- CTA: open source + self-hosted, closing tagline
- Slow gradient fill animation from 1.2s to 2s

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

docs/website/style.css

@@ -375,7 +375,7 @@ ul, ol {
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
-  animation: gradient-fill 1.2s ease-out 0.3s both;
+  animation: gradient-fill 2s ease-out 0.3s both;
 }
 
 @keyframes gradient-fill {
@@ -550,6 +550,46 @@ ul, ol {
   background: var(--bg-surface);
 }
 
+/* Architecture flow diagram */
+.arch-flow {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0;
+  margin: 40px 0;
+}
+
+.arch-flow-step {
+  font-family: "Fira Code", "SF Mono", monospace;
+  font-size: 0.95rem;
+  color: var(--text-primary);
+  background: var(--bg-elevated);
+  border: 1px solid var(--border-accent);
+  border-radius: 8px;
+  padding: 10px 28px;
+  letter-spacing: 0.02em;
+}
+
+.arch-flow-arrow {
+  color: var(--accent);
+  font-size: 1.2rem;
+  line-height: 1;
+  padding: 4px 0;
+}
+
+/* CTA closing */
+.cta-closing {
+  margin-top: 48px;
+}
+
+.cta-closing-title {
+  color: var(--text-primary);
+  font-family: "Outfit", sans-serif;
+  font-weight: 600;
+  font-size: 1.3rem;
+  margin-bottom: 8px;
+}
+
 .features-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);