feat(website): add Phokus product site with optimized media pipeline

Single-page marketing site for phokus.jezz.wtf in the website/ pnpm workspace
(React 19 + Vite 7 + Tailwind v4). Sections: Hero, Local-first, Search, Explore
& timeline, Curate, Cleanup, Tech facts, Download. Product-first composition with
a recurring aperture motif (EdgeMark) bleeding off alternating edges.

Screenshots are transcoded to AVIF/WebP at build via vite-imagetools (sharp);
~5.3MB of masters -> ~0.5MB served. Commits only the 7 in-use captures.

website/src/styles/index.css

@@ -0,0 +1,37 @@
+@import "tailwindcss";
+
+/* Phokus brand tokens — near-black surfaces, hairline edges, one amber accent
+   (the iris focal point). Borrowed from the app, not copied literally. */
+@theme {
+  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
+  --font-display: "Space Grotesk", "Inter", ui-sans-serif, sans-serif;
+
+  --color-canvas: #0a0b0d;
+  --color-surface: #0f1116;
+  --color-surface-2: #161922;
+  --color-edge: #ffffff14;
+  --color-edge-strong: #ffffff2b;
+  --color-ink: #e8e9ec;
+  --color-muted: #9a9ca3;
+  --color-faint: #6b6e76;
+  --color-amber: #e6a23c;
+  --color-amber-soft: #f0bd6f;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  background-color: var(--color-canvas);
+  color: var(--color-ink);
+  font-family: var(--font-sans);
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  html {
+    scroll-behavior: auto;
+  }
+}