Finalize remaining repo updates

website/src/pages/index.astro

@@ -6,7 +6,6 @@ import AsciiLogo from '../components/AsciiLogo.astro';
 <Base title="Feynman — The open source AI research agent" active="home">
   <section class="text-center pt-24 pb-20 px-6">
     <div class="max-w-2xl mx-auto">
-      <AsciiLogo size="hero" class="mb-4" />
       <h1 class="text-5xl sm:text-6xl font-bold tracking-tight mb-6" style="text-wrap: balance">The open source AI research agent</h1>
       <p class="text-lg text-text-muted mb-10 leading-relaxed" style="text-wrap: pretty">Investigate topics, write papers, run experiments, review research, audit codebases &mdash; every output cited and source-grounded</p>
       <button id="copy-btn" class="group inline-flex items-center justify-between gap-3 bg-surface rounded-lg px-5 py-3 mb-8 font-mono text-sm hover:border-accent/40 hover:text-accent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent rounded-lg border border-border max-w-full" aria-label="Copy install command">
@@ -20,6 +19,9 @@ import AsciiLogo from '../components/AsciiLogo.astro';
         <a href="https://github.com/getcompanion-ai/feynman" target="_blank" rel="noopener" class="px-6 py-2.5 rounded-lg border border-border text-text-muted font-semibold text-sm hover:border-text-dim hover:text-text-primary transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-bg">GitHub</a>
       </div>
     </div>
+    <div class="max-w-4xl mx-auto mt-16">
+      <img src="/hero-raw.png" alt="Feynman CLI" class="w-full" />
+    </div>
   </section>
 
   <section class="py-20 px-6">

website/src/styles/global.css

@@ -3,31 +3,31 @@
 @tailwind utilities;
 
 :root {
-  --color-bg: #f0f5f1;
-  --color-surface: #e4ece6;
-  --color-surface-2: #d8e3db;
-  --color-border: #c2d1c6;
-  --color-text: #1a2e22;
-  --color-text-muted: #3d5c4a;
-  --color-text-dim: #6b8f7a;
-  --color-accent: #0d9668;
-  --color-accent-hover: #077a54;
-  --color-accent-subtle: #c6e4d4;
-  --color-teal: #0e8a7d;
+  --color-bg: #f3ead3;
+  --color-surface: #eae4ca;
+  --color-surface-2: #e0dbc2;
+  --color-border: #c9c4b0;
+  --color-text: #3a464c;
+  --color-text-muted: #5c6a72;
+  --color-text-dim: #859289;
+  --color-accent: #6e8b53;
+  --color-accent-hover: #5a7342;
+  --color-accent-subtle: #d5e3bf;
+  --color-teal: #5da09a;
 }
 
 .dark {
-  --color-bg: #050a08;
-  --color-surface: #0c1410;
-  --color-surface-2: #131f1a;
-  --color-border: #1b2f26;
-  --color-text: #f0f5f2;
-  --color-text-muted: #8aaa9a;
-  --color-text-dim: #4d7565;
-  --color-accent: #34d399;
-  --color-accent-hover: #10b981;
-  --color-accent-subtle: #064e3b;
-  --color-teal: #2dd4bf;
+  --color-bg: #2d353b;
+  --color-surface: #343f44;
+  --color-surface-2: #3a464c;
+  --color-border: #5c6a72;
+  --color-text: #d3c6aa;
+  --color-text-muted: #9da9a0;
+  --color-text-dim: #859289;
+  --color-accent: #a7c080;
+  --color-accent-hover: #93ad6c;
+  --color-accent-subtle: #425047;
+  --color-teal: #7fbbb3;
 }
 
 html {
@@ -87,7 +87,7 @@ body {
 .prose code {
   font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;
   font-size: 0.875rem;
-  background-color: var(--color-surface);
+  background-color: var(--color-surface-2);
   padding: 0.125rem 0.375rem;
   border-radius: 0.25rem;
   color: var(--color-text);
@@ -95,7 +95,6 @@ body {
 
 .prose pre {
   position: relative;
-  background-color: var(--color-surface) !important;
   border-radius: 0.5rem;
   padding: 1rem 1.25rem;
   overflow-x: auto;
@@ -103,13 +102,13 @@ body {
   font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;
   font-size: 0.875rem;
   line-height: 1.7;
+  border: 1px solid var(--color-border);
 }
 
 .prose pre code {
   background: none !important;
   border: none;
   padding: 0;
-  color: var(--color-text);
 }
 
 .copy-code {
@@ -137,9 +136,6 @@ pre:hover .copy-code {
   color: var(--color-accent);
 }
 
-.prose pre code span {
-  color: inherit !important;
-}
 
 .prose table {
   width: 100%;
@@ -201,6 +197,34 @@ pre:hover .copy-code {
   margin-bottom: 1rem;
 }
 
+* {
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-border) transparent;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--color-border);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--color-text-dim);
+}
+
+::selection {
+  background: var(--color-accent-subtle);
+  color: var(--color-text);
+}
+
 .agent-entry {
   background-color: var(--color-surface);
   border-radius: 0.75rem;