From d3b3b4196dceb1aeaf165b8e80ab3ff1a1d621fe Mon Sep 17 00:00:00 2001
From: Osa <70810737+osa-mannella@users.noreply.github.com>
Date: Thu, 25 Sep 2025 04:29:21 -0400
Subject: [PATCH] Update README.md

---
 README.md | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index e4301b6..46e91be 100644
--- a/README.md
+++ b/README.md
@@ -21,13 +21,24 @@ Mirrow is a playground and production tooling for vector animators working with
 - Animation, state, and styling live together.
 - Output slots into your applications for a seemless adoption.
 
-## How it flows 🌀
-
-1. Sketch intent with Mirrow's domain-specific language.
-2. Let the compiler translate it into production-ready components.
-3. Drop the results into your production UI.
-
-Whether it’s a logo that shifts on hover or a quick motion prototype, Mirrow keeps you focused on creating, not wiring up glue code.
+```css
+svg {
+  size: (150, 150)
+
+  rect {
+    at: (20, 20)
+    size: (100px, 100px)  // px string now validated
+    radius: (8, 8)
+    stroke: #333
+    strokeWidth: 2
+    id: "box"
+  }
+
+  @hover {
+    #box { stroke: #0070f3; strokeWidth: 3 }
+  }
+}
+```
 
 ## Getting started 🚀