feat: redesign — one message, one audience, light pages

The site felt old, unfocused and bloated: 11 pages, a features page of 171
bullets, a homepage of 830 words in card grids around seven mockup-style
screenshots, and no single thing it wanted a visitor to understand.

- Message: control instead of drift. Audience: IT departments in small and
  mid-sized companies. Goal: buy a licence — netOrk itself is free, the
  licence adds vulnerability data and image updates.
- Home is under 400 words: the drift comparison of a real access point, three
  steps, the hardware it runs on, vulnerabilities with a licence, what else is
  in the box, one closing band. Features, Drivers and Roadmap are gone; their
  URLs redirect (router and nginx 301).
- New Pricing page: the free core, Starter / Pro / Enterprise on request with
  the plan differences from the licence server, four questions; buttons go to
  the licence portal. The unit-less KB request limit is left out.
- Persona pages are one template; NIS2 and Plugins are cut to half or less.
  Impressum and Datenschutz exist as marked placeholders; the unsupported
  "MIT licence" claim is gone from the footer.
- Look: light paper and ink, the dark product on a stage, Inter self-hosted,
  split sections and ruled lists instead of cards. Four real, cropped
  screenshots replace eight full-window ones.
- Language follows the browser until someone chooses; <html lang> is set.
  Scroll-to-top on navigation, a catch-all route, no dead /docs/architecture.
- CLAUDE.md, DESIGN.md, PAGES.md and PRODUCT.md describe the new rules.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

index.html

@@ -1,14 +1,15 @@
 <!doctype html>
-<html lang="en" class="scroll-smooth">
+<html lang="de" class="motion-safe:scroll-smooth">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="netOrk — self-hosted network orchestration for heterogeneous infrastructure. Discover, monitor, and manage routers, switches, firewalls, and servers from a single UI." />
-    <title>netOrk — Network Orchestration Platform</title>
+    <meta name="theme-color" content="#FAFAF9" />
+    <meta name="description" content="netOrk: define once how your network should be set up. It notices every change on access points, switches and firewalls, shows what deviates and puts it back. Self-hosted, across vendors." />
+    <title>netOrk — Control instead of drift</title>
     <link rel="icon" href="/logo.png" />
     <meta property="og:image" content="/logo.png" />
-    <meta property="og:title" content="netOrk — Network Orchestration Platform" />
-    <meta property="og:description" content="Self-hosted network orchestration for heterogeneous infrastructure." />
+    <meta property="og:title" content="netOrk — Control instead of drift" />
+    <meta property="og:description" content="Self-hosted network automation for IT teams: one desired state, every deviation found and fixed." />
   </head>
   <body>
     <div id="root"></div>