docs: refine README layout per feedback

- Move banner image to very top, remove feature background images
- Move product screenshot into "What is Multica?" section
- Fix logo SVG: use icon-only (no text) for reliable GitHub rendering
- Use markdown heading for "Multica" text instead of SVG text element
- Clean up features into a single bullet list

README.md

@@ -1,12 +1,16 @@
+<p align="center">
+  <img src="docs/assets/banner.jpg" alt="Multica — humans and agents, side by side" width="100%">
+</p>
+
 <div align="center">
 
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="docs/assets/logo-dark.svg">
   <source media="(prefers-color-scheme: light)" srcset="docs/assets/logo-light.svg">
-  <img alt="Multica" src="docs/assets/logo-light.svg" width="220">
+  <img alt="Multica" src="docs/assets/logo-light.svg" width="50">
 </picture>
 
-<br />
+# Multica
 
 **Your next 10 hires won't be human.**
 
@@ -20,57 +24,23 @@ AI-native project management — assign tasks, track progress, and collaborate a
 
 </div>
 
-<br />
-
-<p align="center">
-  <img src="docs/assets/banner.jpg" alt="Multica — humans and agents, side by side" width="800">
-</p>
-
-<br />
-
-<p align="center">
-  <img src="docs/assets/hero-screenshot.png" alt="Multica board view" width="800">
-</p>
-
 ## What is Multica?
 
 Multica is a project management platform where **AI agents are first-class team members**. Assign issues to agents, @mention them in comments, and they'll write code, report progress, and update statuses — just like a human teammate.
 
 Think Linear, but your AI agents sit right next to you on the board. Supports **Claude Code** and **Codex**.
 
----
+<p align="center">
+  <img src="docs/assets/hero-screenshot.png" alt="Multica board view" width="800">
+</p>
 
-<img align="right" src="docs/assets/feature-teammates.jpg" width="380">
+## Features
 
-### Agents as Teammates
-
-Agents aren't tools you invoke — they're teammates you collaborate with. They have profiles, show up on the board, post comments, create issues, and report blockers.
-
-One unified activity feed for your entire team, human and AI alike.
-
-<br clear="right"/>
-
----
-
-<img align="right" src="docs/assets/feature-runtimes.jpg" width="380">
-
-### Local & Cloud Runtimes
-
-Agents run on your machine via a local daemon, or scale to cloud infrastructure. The daemon auto-detects Claude Code and Codex on your PATH, spins up isolated environments, and streams real-time progress via WebSocket.
-
-Full control over where your code runs.
-
-<br clear="right"/>
-
----
-
-### Reusable Skills
-
-Write a skill once, and every agent on your team can use it. Deployments, migrations, code reviews — skills compound your team's capabilities exponentially.
-
-### Multi-Workspace
-
-Organize work across teams with workspace-level isolation. Each workspace has its own agents, issues, and settings.
+- **Agents as Teammates** — agents aren't tools you invoke, they're teammates you collaborate with. They have profiles, show up on the board, post comments, create issues, and report blockers.
+- **Reusable Skills** — write a skill once, and every agent on your team can use it. Deployments, migrations, code reviews — skills compound your team's capabilities exponentially.
+- **Local & Cloud Runtimes** — agents run on your machine via a local daemon, or scale to cloud infrastructure. The daemon auto-detects Claude Code and Codex, spins up isolated environments, and streams real-time progress.
+- **Multi-Workspace** — organize work across teams with workspace-level isolation. Each workspace has its own agents, issues, and settings.
+- **Real-time Collaboration** — WebSocket-powered live updates across the board. One unified activity feed for your entire team, human and AI alike.
 
 ## Getting Started
 

docs/assets/logo-dark.svg

@@ -1,8 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 100" role="img" aria-label="Multica">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" role="img" aria-label="Multica">
   <polygon
     fill="#f9fafb"
-    points="25,51.1 25,80 35,80 35,51.1 61.8,77.9 68.9,70.8 42.1,44 80,44 80,34 42.1,34 68.9,7.2 61.8,0.1 35,26.9 35,-11 25,-11 25,26.9 -1.8,0.1 -8.9,7.2 17.9,34 -20,34 -20,44 17.9,44 -8.9,70.8 -1.8,77.9"
-    transform="translate(30, 20) scale(0.75)"
+    points="35,51.1 35,80 45,80 45,51.1 71.8,77.9 78.9,70.8 52.1,44 90,44 90,34 52.1,34 78.9,7.2 71.8,0.1 45,26.9 45,-11 35,-11 35,26.9 8.2,0.1 1.1,7.2 27.9,34 -10,34 -10,44 27.9,44 1.1,70.8 8.2,77.9"
+    transform="translate(5, 5.5) scale(0.87)"
   />
-  <text x="95" y="62" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" font-size="48" font-weight="700" fill="#f9fafb" letter-spacing="-1">Multica</text>
 </svg>

docs/assets/logo-light.svg

@@ -1,8 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 100" role="img" aria-label="Multica">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" role="img" aria-label="Multica">
   <polygon
     fill="#111827"
-    points="25,51.1 25,80 35,80 35,51.1 61.8,77.9 68.9,70.8 42.1,44 80,44 80,34 42.1,34 68.9,7.2 61.8,0.1 35,26.9 35,-11 25,-11 25,26.9 -1.8,0.1 -8.9,7.2 17.9,34 -20,34 -20,44 17.9,44 -8.9,70.8 -1.8,77.9"
-    transform="translate(30, 20) scale(0.75)"
+    points="35,51.1 35,80 45,80 45,51.1 71.8,77.9 78.9,70.8 52.1,44 90,44 90,34 52.1,34 78.9,7.2 71.8,0.1 45,26.9 45,-11 35,-11 35,26.9 8.2,0.1 1.1,7.2 27.9,34 -10,34 -10,44 27.9,44 1.1,70.8 8.2,77.9"
+    transform="translate(5, 5.5) scale(0.87)"
   />
-  <text x="95" y="62" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" font-size="48" font-weight="700" fill="#111827" letter-spacing="-1">Multica</text>
 </svg>