diff --git a/public/favicon.svg b/public/favicon.svg
index 5cd60d0..886d435 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><rect width="40" height="40" rx="4" fill="#0b1017"/><path d="M13 8H6v24h7M27 8h7v24h-7M23 13l-6 14" fill="none" stroke="#67e8f9" stroke-width="3" stroke-linecap="square"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="OctoScript"><rect width="64" height="64" rx="18" fill="#0b1017"/><g fill="#67e8f9" transform="translate(32 32)"><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(0)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(45)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(90)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(135)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(180)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(225)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(270)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(315)"/><path fill-rule="evenodd" d="M 12.5 0 A 12.5 12.5 0 1 0 -12.5 0 A 12.5 12.5 0 1 0 12.5 0 Z M -4 -5.3 H -7 V 5.3 H -4 V 3.5 H -5.2 V -3.5 H -4 Z M 4 -5.3 H 7 V 5.3 H 4 V 3.5 H 5.2 V -3.5 H 4 Z M 1 -4.2 H 2.8 L -1 4.2 H -2.8 Z"/></g></svg>
diff --git a/public/logo-icon.png b/public/logo-icon.png
new file mode 100644
index 0000000..0510ee3
Binary files /dev/null and b/public/logo-icon.png differ
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..2c10af5
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="OctoScript"><g fill="currentColor" transform="translate(32 32)"><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(0)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(45)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(90)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(135)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(180)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(225)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(270)"/><path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform="rotate(315)"/><path fill-rule="evenodd" d="M 12.5 0 A 12.5 12.5 0 1 0 -12.5 0 A 12.5 12.5 0 1 0 12.5 0 Z M -4 -5.3 H -7 V 5.3 H -4 V 3.5 H -5.2 V -3.5 H -4 Z M 4 -5.3 H 7 V 5.3 H 4 V 3.5 H 5.2 V -3.5 H 4 Z M 1 -4.2 H 2.8 L -1 4.2 H -2.8 Z"/></g></svg>
diff --git a/src/components/Mark.astro b/src/components/Mark.astro
index bc25dcb..f7f11df 100644
--- a/src/components/Mark.astro
+++ b/src/components/Mark.astro
@@ -2,6 +2,9 @@
 interface Props { size?: number; class?: string; }
 const { size = 34, class: className } = Astro.props;
 ---
-<svg class={className} width={size} height={size} viewBox="0 0 40 40" fill="none" aria-hidden="true">
-  <path d="M13 8H6v24h7M27 8h7v24h-7M23 13l-6 14" stroke="currentColor" stroke-width="3" stroke-linecap="square"/>
+<svg class={className} width={size} height={size} viewBox="0 0 64 64" fill="currentColor" aria-hidden="true">
+  <g transform="translate(32 32)">
+    {Array.from({ length: 8 }, (_, i) => <path d="M 0 -9 C -3.1 -9 -5 -10.4 -5 -14.8 C -5 -20.3 -2.5 -25 0.8 -25 C 3.6 -25 5.4 -22.9 4.9 -20.7 C 4.7 -20 4.2 -19.6 3.9 -19.7 C 3.6 -19.8 3.5 -20.1 3.2 -20 C 2.9 -19.9 2.9 -19.5 3 -19 C 3.4 -16.3 4.5 -13.3 4.3 -11.7 C 4.1 -9.8 2.1 -9 0 -9 Z" transform={`rotate(${i * 45})`} />)}
+    <path fill-rule="evenodd" d="M 12.5 0 A 12.5 12.5 0 1 0 -12.5 0 A 12.5 12.5 0 1 0 12.5 0 Z M -4 -5.3 H -7 V 5.3 H -4 V 3.5 H -5.2 V -3.5 H -4 Z M 4 -5.3 H 7 V 5.3 H 4 V 3.5 H 5.2 V -3.5 H 4 Z M 1 -4.2 H 2.8 L -1 4.2 H -2.8 Z" />
+  </g>
 </svg>