Academy v4: 3 research-backed lessons (30 slides + audio); new bean logo; custom plan/lot names

Co-Authored-By: Claude Fable 5 <[email protected]>

public/icon.svg

@@ -1,7 +1,19 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <rect width="512" height="512" rx="96" fill="#FBF8F4"/>
-  <circle cx="256" cy="256" r="176" fill="#A8481A"/>
-  <path fill="#FBF8F4" d="M166 166h180v45h-135v90h116v45H211v-90h-45z"/>
-  <path fill="#FBEFE6" d="M256 118c43 54 71 91 71 133a71 71 0 1 1-142 0c0-42 28-79 71-133Z" opacity=".9"/>
-  <path fill="#A8481A" d="M233 189c-13 22-20 42-20 60a43 43 0 1 0 86 0c0-18-7-38-20-60 3 10 4 19 4 28 0 23-12 42-27 42s-27-19-27-42c0-9 1-18 4-28Z"/>
+  <!-- Roast Planner mark: one bean, raw → roasted. Green half is the lot on the shelf,
+       ember half is the finished roast; the crease is the journey between them. -->
+  <defs>
+    <clipPath id="bean-clip">
+      <path d="M256 100 C 352 100 372 192 372 256 C 372 320 352 412 256 412 C 160 412 140 320 140 256 C 140 192 160 100 256 100 Z"/>
+    </clipPath>
+  </defs>
+  <rect width="512" height="512" rx="120" fill="#FBF8F4"/>
+  <g transform="rotate(-20 256 256)">
+    <g clip-path="url(#bean-clip)">
+      <rect x="120" y="80" width="136" height="352" fill="#7A8C5E"/>
+      <rect x="256" y="80" width="136" height="352" fill="#A8481A"/>
+    </g>
+    <path d="M256 100 C 352 100 372 192 372 256 C 372 320 352 412 256 412 C 160 412 140 320 140 256 C 140 192 160 100 256 100 Z"
+          fill="none" stroke="#54371F" stroke-width="14"/>
+    <path d="M256 122 C 296 190 216 322 256 390" fill="none" stroke="#FBF8F4" stroke-width="26" stroke-linecap="round"/>
+  </g>
 </svg>