diff --git a/.github/workflows/links.yml b/.github/workflows/links.yml
new file mode 100644
index 0000000..39016eb
--- /dev/null
+++ b/.github/workflows/links.yml
@@ -0,0 +1,32 @@
+name: Dead links
+
+on:
+  push:
+    branches: [main]
+  schedule:
+    - cron: '0 8 * * 1'   # every Monday 08:00 UTC
+
+jobs:
+  lychee:
+    name: Link check
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Check links
+        uses: lycheeverse/lychee-action@v2
+        with:
+          args: >
+            --config .lychee.toml
+            '**/*.html'
+          fail: true
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Create issue on scheduled failure
+        if: failure() && github.event_name == 'schedule'
+        uses: peter-evans/create-issue-from-file@v5
+        with:
+          title: 'Dead links detected'
+          content-filepath: ./lychee/out.md
+          labels: bug, content
diff --git a/.github/workflows/qa.yml b/.github/workflows/qa.yml
new file mode 100644
index 0000000..cf57c1a
--- /dev/null
+++ b/.github/workflows/qa.yml
@@ -0,0 +1,130 @@
+name: QA
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+
+  # ── 0. Build freshness ──────────────────────────────────────────────────────
+  build-fresh:
+    name: Build freshness check
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install dependencies
+        run: pip install -r requirements.txt
+      - name: Check generated files match templates
+        run: python3 build.py --check
+
+  # ── 1. Typos ────────────────────────────────────────────────────────────────
+  typos:
+    name: Typo check
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: crate-ci/typos@v1
+
+  # ── 2. German spelling ─────────────────────────────────────────────────────
+  cspell-de:
+    name: German pages spelling
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+      - name: Spell-check German pages
+        run: |
+          npx --yes \
+            -p cspell \
+            -p @cspell/dict-de-de \
+            -p @cspell/dict-de-at \
+            cspell lint --config cspell.de.json
+
+  # ── 3. English spelling ────────────────────────────────────────────────────
+  cspell-en:
+    name: English pages spelling
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+      - name: Spell-check English pages
+        run: |
+          npx --yes \
+            -p cspell \
+            cspell lint --config cspell.en.json
+
+  # ── 4. HTML validity ────────────────────────────────────────────────────────
+  html:
+    name: HTML validation
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+      - run: npm install -g html-validate
+      - name: Validate HTML
+        run: |
+          html-validate \
+            index.html \
+            kern/ \
+            technology/ \
+            references/ \
+            includes/nav.html \
+            includes/footer.html
+
+  # ── 5. Meta descriptions ────────────────────────────────────────────────────
+  meta:
+    name: Meta descriptions
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Every KERN page must have a meta description
+        run: |
+          missing=0
+          while IFS= read -r file; do
+            if ! grep -qi '<meta name="description"' "$file"; then
+              echo "::error file=$file::Missing meta description"
+              missing=$((missing + 1))
+            fi
+          done < <(find index.html kern/ technology/ references/ -name "*.html")
+
+          if [ "$missing" -gt 0 ]; then
+            echo "::error::$missing page(s) missing <meta name=\"description\">"
+            exit 1
+          fi
+          echo "All KERN pages have meta descriptions ✓"
+
+  # ── 6. Image size budget ────────────────────────────────────────────────────
+  images:
+    name: Image size budget
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Warn on images > 500 KB
+        run: |
+          limit=$((500 * 1024))
+          oversized=0
+          while IFS= read -r img; do
+            size=$(stat -c%s "$img")
+            if [ "$size" -gt "$limit" ]; then
+              kb=$((size / 1024))
+              echo "::warning file=$img::${kb} KB — consider compressing (budget: 500 KB)"
+              oversized=$((oversized + 1))
+            fi
+          done < <(find images/ -type f \( \
+            -iname "*.jpg" -o -iname "*.jpeg" \
+            -o -iname "*.png" -o -iname "*.gif" \
+            -o -iname "*.webp" \))
+
+          if [ "$oversized" -gt 0 ]; then
+            echo "$oversized image(s) over budget — see warnings above"
+          else
+            echo "All images within 500 KB budget ✓"
+          fi
diff --git a/.gitignore b/.gitignore
index 10c0d8a..11bb812 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,24 @@
-new/node_modules
\ No newline at end of file
+new/node_modules
+.venv
+__pycache__
+*.pyc
+*.pyo
+*.pyd
+*.db
+*.sqlite3
+*.log
+*.env
+*.DS_Store
+.idea
+.vscode
+*.swp
+*.swo
+*.bak
+*.tmp
+*.egg-info
+dist
+build
+*.egg
+*.egg-info
+*.egg-info/
+*.egg-info/*
diff --git a/.htmlvalidate.json b/.htmlvalidate.json
new file mode 100644
index 0000000..aa39ffa
--- /dev/null
+++ b/.htmlvalidate.json
@@ -0,0 +1,19 @@
+{
+  "extends": ["html-validate:recommended"],
+  "rules": {
+    "attr-quotes": "error",
+    "no-dup-attr": "error",
+    "no-dup-id": "error",
+
+    "no-inline-style": "off",
+    "require-sri": "off",
+    "void-style": "off",
+    "no-trailing-whitespace": "off",
+    "long-title": "off",
+    "tel-non-breaking": "off",
+    "script-type": "off",
+    "no-unknown-elements": "off"
+  },
+  "elements": ["html5"],
+  "transform": {}
+}
diff --git a/.lychee.toml b/.lychee.toml
new file mode 100644
index 0000000..8342f7d
--- /dev/null
+++ b/.lychee.toml
@@ -0,0 +1,39 @@
+# Lychee link checker configuration
+# Docs: https://lychee.cli.rs/usage/configuration/
+
+timeout        = 20
+max_retries    = 3
+retry_wait_time = 3
+threads        = 8
+
+# 429 = Too Many Requests (rate-limited, not a dead link)
+accept = ["200..=299", "429"]
+
+exclude_loopback = true
+include_mail     = false
+
+exclude = [
+  # JavaScript pseudo-links
+  "^javascript:",
+  "^#$",
+
+  # Google services — blocked in CI environments
+  "googletagmanager\\.com",
+  "googleapis\\.com",
+  "google\\.com/maps",
+  "google\\.com/recaptcha",
+
+  # Social platforms — aggressively rate-limit CI IPs
+  "linkedin\\.com",
+  "twitter\\.com",
+  "x\\.com",
+  "instagram\\.com",
+  "facebook\\.com",
+
+  # Localhost and staging
+  "localhost",
+  "127\\.0\\.0\\.1",
+]
+
+# Output dead links to a file so the scheduled issue workflow can attach it
+output = "lychee/out.md"
diff --git a/.typos.toml b/.typos.toml
new file mode 100644
index 0000000..c2da4e9
--- /dev/null
+++ b/.typos.toml
@@ -0,0 +1,55 @@
+[files]
+extend-exclude = [
+  # Binary / generated / legacy directories
+  "images/**",
+  "archive/**",
+  "slides/**",
+  "ttf/**",
+  "csv/**",
+  "data/**",
+  "showcase/**",
+  "media/**",
+  "news/**",
+  # German content pages are checked by cspell-de
+  "de/**/*.html",
+  "locales/de.yaml",
+  # Old Webflow CSS/JS
+  "company/css/**",
+  "company/js/**",
+  # Backup files
+  "*.bak",
+  "*.min.js",
+]
+
+[default.extend-words]
+# Energy sector protocols and standards
+MIOTY    = "MIOTY"
+EEBUS    = "EEBUS"
+SunSpec  = "SunSpec"
+aFRR     = "aFRR"
+FCR      = "FCR"
+SCADA    = "SCADA"
+OCPP     = "OCPP"
+BESS     = "BESS"
+HEMS     = "HEMS"
+
+# Austrian / German regulatory terms
+EnFG     = "EnFG"
+EAG      = "EAG"
+
+# Brands and product names
+KERN     = "KERN"
+Lumenaza = "Lumenaza"
+cybergrid = "cybergrid"
+VERBUND  = "VERBUND"
+TTTech   = "TTTech"
+joulie   = "joulie"
+egon     = "egon"
+
+# Place names
+Heiligenkreuz = "Heiligenkreuz"
+Wetzlas       = "Wetzlas"
+Steiermark    = "Steiermark"
+
+# German words used in content
+Stadtwerke    = "Stadtwerke"
diff --git a/404.html b/404.html
index 26c5f2d..b7c8d79 100644
--- a/404.html
+++ b/404.html
@@ -14,8 +14,8 @@
     }
 
     :root {
-      --primary-green: #00ff88;
-      --dark-bg: #0a0a0a;
+      --primary-green: #F59E0B;
+      --dark-bg: #1C2333;
       --text-primary: #ffffff;
       --text-secondary: #e0e0e0;
       --text-muted: #999999;
@@ -49,10 +49,10 @@
 
     @keyframes glow {
       0%, 100% {
-        text-shadow: 0 0 20px rgba(0, 255, 136, 0.5);
+        text-shadow: 0 0 20px rgba(245, 158, 11, 0.5);
       }
       50% {
-        text-shadow: 0 0 40px rgba(0, 255, 136, 0.8);
+        text-shadow: 0 0 40px rgba(245, 158, 11, 0.8);
       }
     }
 
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..5239fd4
--- /dev/null
+++ b/README.md
@@ -0,0 +1,134 @@
+# riddleandcode.com — Static Site
+
+Bilingual static site for [riddleandcode.com](https://riddleandcode.com). Pages are generated from templates and locale files by a Python build script.
+
+## Prerequisites
+
+Python 3.8+ and PyYAML:
+
+```bash
+pip install -r requirements.txt
+```
+
+## Building
+
+```bash
+python3 build.py
+```
+
+This reads every file under `templates/` and renders it twice — once in English (output to the repo root) and once in German (output to `de/`).
+
+**Example:**
+```
+templates/kern/for-utilities.html  →  kern/for-utilities.html      (EN)
+                                   →  de/kern/for-utilities.html   (DE)
+templates/includes/nav.html        →  includes/nav.html             (EN)
+                                   →  de/includes/nav.html          (DE)
+```
+
+Currently produces **30 files** across both languages.
+
+## How it works
+
+### Templates (`templates/`)
+
+HTML files with `{{ key }}` placeholders. The build substitutes every placeholder with the value from the active locale file.
+
+```html
+<h1>{{ ku_h1 }}</h1>
+<p class="lead">{{ ku_lead }}</p>
+```
+
+`<pre>` blocks (ASCII diagrams, code loops) are kept as static content and not templated, to avoid YAML escaping complexity.
+
+### Locale files (`locales/`)
+
+| File | Language |
+|------|----------|
+| `locales/en.yaml` | English |
+| `locales/de.yaml` | German  |
+
+Keys are grouped by page using a prefix convention:
+
+| Prefix | Page |
+|--------|------|
+| `shared_` | Strings reused across pages |
+| `nav_` | Navigation bar |
+| `footer_` | Footer |
+| `ki_` | `kern/index.html` |
+| `ku_` | `kern/for-utilities.html` |
+| `ka_` | `kern/for-aggregators.html` |
+| `kc_` | `kern/for-communities.html` |
+| `kp_` | `kern/for-platforms.html` |
+| `rp_` | `references/index.html` |
+| `tech_` | `technology/index.html` |
+| `au_` | `company/about-us.html` |
+| `git_` | `company/get-in-touch.html` |
+| `med_` | `company/media.html` |
+| `car_` | `company/career.html` |
+| `news_` | `company/news.html` |
+
+### Navigation prefix (`nav_prefix`)
+
+Internal links in nav and footer templates use `{{ nav_prefix }}`:
+
+```html
+<a href="{{ nav_prefix }}kern/">{{ nav_products }}</a>
+```
+
+| Locale | Value | Resulting link |
+|--------|-------|----------------|
+| `en.yaml` | `"/"` | `/kern/` |
+| `de.yaml` | `"/de/"` | `/de/kern/` |
+
+### Runtime component loading (`scripts/main.js`)
+
+The nav and footer are loaded at runtime via `fetch()`. `main.js` detects whether the current URL starts with `/de/` and loads the correct include:
+
+- EN pages → `includes/nav.html`, `includes/footer.html`
+- DE pages → `de/includes/nav.html`, `de/includes/footer.html`
+
+## Adding a new page
+
+1. Create `templates/<section>/page.html` with `{{ key }}` placeholders.
+2. Add the corresponding keys to both `locales/en.yaml` and `locales/de.yaml`.
+3. Run `python3 build.py`.
+
+## Checking for stale builds (CI)
+
+```bash
+python3 build.py --check
+```
+
+Renders into a temp directory and diffs against the working tree. Exits non-zero if any generated file is out of date. Used by the GitHub Actions `build-fresh` job.
+
+## Serving locally
+
+Any static file server works. For example:
+
+```bash
+python3 -m http.server 8089
+```
+
+Then open [http://localhost:8089](http://localhost:8089).
+
+## Directory structure
+
+```
+templates/          Source templates (edit these, not the output)
+  includes/         nav.html, footer.html
+  index.html
+  kern/
+  company/
+  references/
+  technology/
+locales/
+  en.yaml           English strings
+  de.yaml           German strings
+build.py            Build script
+requirements.txt    Python dependencies (pyyaml)
+scripts/main.js     Runtime: component loading, nav, animations
+styles/main.css     Global stylesheet
+includes/           Generated EN nav/footer (do not edit directly)
+de/                 Generated DE output (do not edit directly)
+```
diff --git a/csv/Riddle & Code  - MYPWR Animation PopUps.csv b/archive/csv/Riddle & Code  - MYPWR Animation PopUps.csv
similarity index 100%
rename from csv/Riddle & Code  - MYPWR Animation PopUps.csv
rename to archive/csv/Riddle & Code  - MYPWR Animation PopUps.csv
diff --git a/csv/Riddle & Code  - News.csv b/archive/csv/Riddle & Code  - News.csv
similarity index 100%
rename from csv/Riddle & Code  - News.csv
rename to archive/csv/Riddle & Code  - News.csv
diff --git a/csv/Riddle & Code  - Partners.csv b/archive/csv/Riddle & Code  - Partners.csv
similarity index 100%
rename from csv/Riddle & Code  - Partners.csv
rename to archive/csv/Riddle & Code  - Partners.csv
diff --git a/csv/Riddle & Code  - Presses.csv b/archive/csv/Riddle & Code  - Presses.csv
similarity index 100%
rename from csv/Riddle & Code  - Presses.csv
rename to archive/csv/Riddle & Code  - Presses.csv
diff --git a/csv/Riddle & Code  - Showcases.csv b/archive/csv/Riddle & Code  - Showcases.csv
similarity index 100%
rename from csv/Riddle & Code  - Showcases.csv
rename to archive/csv/Riddle & Code  - Showcases.csv
diff --git a/csv/Riddle & Code  - Team Members.csv b/archive/csv/Riddle & Code  - Team Members.csv
similarity index 100%
rename from csv/Riddle & Code  - Team Members.csv
rename to archive/csv/Riddle & Code  - Team Members.csv
diff --git a/csv/Riddle & Code  - Wallets.csv b/archive/csv/Riddle & Code  - Wallets.csv
similarity index 100%
rename from csv/Riddle & Code  - Wallets.csv
rename to archive/csv/Riddle & Code  - Wallets.csv
diff --git a/csv/animations/64228db8262cf0997e5f13e6_prosumer.jpg b/archive/csv/animations/64228db8262cf0997e5f13e6_prosumer.jpg
similarity index 100%
rename from csv/animations/64228db8262cf0997e5f13e6_prosumer.jpg
rename to archive/csv/animations/64228db8262cf0997e5f13e6_prosumer.jpg
diff --git a/csv/animations/642295c9f612a8dd220f42fe_Power_Utility.jpg b/archive/csv/animations/642295c9f612a8dd220f42fe_Power_Utility.jpg
similarity index 100%
rename from csv/animations/642295c9f612a8dd220f42fe_Power_Utility.jpg
rename to archive/csv/animations/642295c9f612a8dd220f42fe_Power_Utility.jpg
diff --git a/csv/animations/6422963c3fc26ce623d62f21_Hardware_manufacture.jpg b/archive/csv/animations/6422963c3fc26ce623d62f21_Hardware_manufacture.jpg
similarity index 100%
rename from csv/animations/6422963c3fc26ce623d62f21_Hardware_manufacture.jpg
rename to archive/csv/animations/6422963c3fc26ce623d62f21_Hardware_manufacture.jpg
diff --git a/csv/animations/642296a934cc6ac7de7a20c4_electric_car.jpg b/archive/csv/animations/642296a934cc6ac7de7a20c4_electric_car.jpg
similarity index 100%
rename from csv/animations/642296a934cc6ac7de7a20c4_electric_car.jpg
rename to archive/csv/animations/642296a934cc6ac7de7a20c4_electric_car.jpg
diff --git a/csv/animations/642297483fc26c4497d639bb_Green_energy.jpg b/archive/csv/animations/642297483fc26c4497d639bb_Green_energy.jpg
similarity index 100%
rename from csv/animations/642297483fc26c4497d639bb_Green_energy.jpg
rename to archive/csv/animations/642297483fc26c4497d639bb_Green_energy.jpg
diff --git a/csv/animations/642299370c32f3640e349ee8_energy_communities.jpg b/archive/csv/animations/642299370c32f3640e349ee8_energy_communities.jpg
similarity index 100%
rename from csv/animations/642299370c32f3640e349ee8_energy_communities.jpg
rename to archive/csv/animations/642299370c32f3640e349ee8_energy_communities.jpg
diff --git a/csv/animations/66c5e422bb966018fe823ad2_chart.png b/archive/csv/animations/66c5e422bb966018fe823ad2_chart.png
similarity index 100%
rename from csv/animations/66c5e422bb966018fe823ad2_chart.png
rename to archive/csv/animations/66c5e422bb966018fe823ad2_chart.png
diff --git a/csv/download_images.py b/archive/csv/download_images.py
similarity index 100%
rename from csv/download_images.py
rename to archive/csv/download_images.py
diff --git a/csv/news/6413f00b2d930698cdfa5299_r&c_3.jpg b/archive/csv/news/6413f00b2d930698cdfa5299_r&c_3.jpg
similarity index 100%
rename from csv/news/6413f00b2d930698cdfa5299_r&c_3.jpg
rename to archive/csv/news/6413f00b2d930698cdfa5299_r&c_3.jpg
diff --git a/csv/news/6413f0da1251e37b735acc0b_r&c_2.jpg b/archive/csv/news/6413f0da1251e37b735acc0b_r&c_2.jpg
similarity index 100%
rename from csv/news/6413f0da1251e37b735acc0b_r&c_2.jpg
rename to archive/csv/news/6413f0da1251e37b735acc0b_r&c_2.jpg
diff --git a/csv/news/6413f1692d9306f4d0fa6a8d_r&c_comunity_program_divider.jpg b/archive/csv/news/6413f1692d9306f4d0fa6a8d_r&c_comunity_program_divider.jpg
similarity index 100%
rename from csv/news/6413f1692d9306f4d0fa6a8d_r&c_comunity_program_divider.jpg
rename to archive/csv/news/6413f1692d9306f4d0fa6a8d_r&c_comunity_program_divider.jpg
diff --git a/csv/news/642c2b6c6585b9f96bfe17ab_Visuals for social media -5.jpg b/archive/csv/news/642c2b6c6585b9f96bfe17ab_Visuals for social media -5.jpg
similarity index 100%
rename from csv/news/642c2b6c6585b9f96bfe17ab_Visuals for social media -5.jpg
rename to archive/csv/news/642c2b6c6585b9f96bfe17ab_Visuals for social media -5.jpg
diff --git "a/csv/news/645e4c94cdc5c707267bf5fc_Stanz Roll-up (900 \303\227 900px)-12.png" "b/archive/csv/news/645e4c94cdc5c707267bf5fc_Stanz Roll-up (900 \303\227 900px)-12.png"
similarity index 100%
rename from "csv/news/645e4c94cdc5c707267bf5fc_Stanz Roll-up (900 \303\227 900px)-12.png"
rename to "archive/csv/news/645e4c94cdc5c707267bf5fc_Stanz Roll-up (900 \303\227 900px)-12.png"
diff --git a/csv/news/66003cf1c5ce9c8f1929b724_Calian 2020 _MB.jpeg b/archive/csv/news/66003cf1c5ce9c8f1929b724_Calian 2020 _MB.jpeg
similarity index 100%
rename from csv/news/66003cf1c5ce9c8f1929b724_Calian 2020 _MB.jpeg
rename to archive/csv/news/66003cf1c5ce9c8f1929b724_Calian 2020 _MB.jpeg
diff --git a/csv/news/67c5c35db7879dc09010d86a_IMG-20250228-WA0001.jpg b/archive/csv/news/67c5c35db7879dc09010d86a_IMG-20250228-WA0001.jpg
similarity index 100%
rename from csv/news/67c5c35db7879dc09010d86a_IMG-20250228-WA0001.jpg
rename to archive/csv/news/67c5c35db7879dc09010d86a_IMG-20250228-WA0001.jpg
diff --git a/csv/news/image_11402.jpg b/archive/csv/news/image_11402.jpg
similarity index 100%
rename from csv/news/image_11402.jpg
rename to archive/csv/news/image_11402.jpg
diff --git a/csv/news/image_25588.jpg b/archive/csv/news/image_25588.jpg
similarity index 100%
rename from csv/news/image_25588.jpg
rename to archive/csv/news/image_25588.jpg
diff --git a/csv/news/image_27003.jpg b/archive/csv/news/image_27003.jpg
similarity index 100%
rename from csv/news/image_27003.jpg
rename to archive/csv/news/image_27003.jpg
diff --git a/csv/news/image_54686.jpg b/archive/csv/news/image_54686.jpg
similarity index 100%
rename from csv/news/image_54686.jpg
rename to archive/csv/news/image_54686.jpg
diff --git a/csv/news/image_84862.jpg b/archive/csv/news/image_84862.jpg
similarity index 100%
rename from csv/news/image_84862.jpg
rename to archive/csv/news/image_84862.jpg
diff --git "a/csv/news/wien-testet-blockchain-anwendung-fuer-energieversorgung-16466577.html\"" "b/archive/csv/news/wien-testet-blockchain-anwendung-fuer-energieversorgung-16466577.html\""
similarity index 100%
rename from "csv/news/wien-testet-blockchain-anwendung-fuer-energieversorgung-16466577.html\""
rename to "archive/csv/news/wien-testet-blockchain-anwendung-fuer-energieversorgung-16466577.html\""
diff --git a/csv/partners/64141c3faca7c61f8dca7388_641415879d689f12a00f1001_partner-logos_0023_adapa.png b/archive/csv/partners/64141c3faca7c61f8dca7388_641415879d689f12a00f1001_partner-logos_0023_adapa.png
similarity index 100%
rename from csv/partners/64141c3faca7c61f8dca7388_641415879d689f12a00f1001_partner-logos_0023_adapa.png
rename to archive/csv/partners/64141c3faca7c61f8dca7388_641415879d689f12a00f1001_partner-logos_0023_adapa.png
diff --git a/csv/partners/64141c401d3feef51527d326_641415872810c5e04bd8c3df_partner-logos_0036_blockchain_turkyie.png b/archive/csv/partners/64141c401d3feef51527d326_641415872810c5e04bd8c3df_partner-logos_0036_blockchain_turkyie.png
similarity index 100%
rename from csv/partners/64141c401d3feef51527d326_641415872810c5e04bd8c3df_partner-logos_0036_blockchain_turkyie.png
rename to archive/csv/partners/64141c401d3feef51527d326_641415872810c5e04bd8c3df_partner-logos_0036_blockchain_turkyie.png
diff --git a/csv/partners/64141c402676dc37e3507ebb_64141586dba36712d8b400a5_partner-logos_0009_Borse-Stuttgart.png b/archive/csv/partners/64141c402676dc37e3507ebb_64141586dba36712d8b400a5_partner-logos_0009_Borse-Stuttgart.png
similarity index 100%
rename from csv/partners/64141c402676dc37e3507ebb_64141586dba36712d8b400a5_partner-logos_0009_Borse-Stuttgart.png
rename to archive/csv/partners/64141c402676dc37e3507ebb_64141586dba36712d8b400a5_partner-logos_0009_Borse-Stuttgart.png
diff --git a/csv/partners/64141c405b5e4a3a88e7445d_641415871d3feed865273675_partner-logos_0025_Coinstone-Capital.png b/archive/csv/partners/64141c405b5e4a3a88e7445d_641415871d3feed865273675_partner-logos_0025_Coinstone-Capital.png
similarity index 100%
rename from csv/partners/64141c405b5e4a3a88e7445d_641415871d3feed865273675_partner-logos_0025_Coinstone-Capital.png
rename to archive/csv/partners/64141c405b5e4a3a88e7445d_641415871d3feed865273675_partner-logos_0025_Coinstone-Capital.png
diff --git a/csv/partners/64141c408a61435306f68cc5_64141586be9e527578aa7f3e_partner-logos_0005_Brandl-Talos.png b/archive/csv/partners/64141c408a61435306f68cc5_64141586be9e527578aa7f3e_partner-logos_0005_Brandl-Talos.png
similarity index 100%
rename from csv/partners/64141c408a61435306f68cc5_64141586be9e527578aa7f3e_partner-logos_0005_Brandl-Talos.png
rename to archive/csv/partners/64141c408a61435306f68cc5_64141586be9e527578aa7f3e_partner-logos_0005_Brandl-Talos.png
diff --git a/csv/partners/64141c4097f1d1ce4fd0c637_6414158650fd80c474d66fb8_partner-logos_0011_Austrian-Blockchain-Center.png b/archive/csv/partners/64141c4097f1d1ce4fd0c637_6414158650fd80c474d66fb8_partner-logos_0011_Austrian-Blockchain-Center.png
similarity index 100%
rename from csv/partners/64141c4097f1d1ce4fd0c637_6414158650fd80c474d66fb8_partner-logos_0011_Austrian-Blockchain-Center.png
rename to archive/csv/partners/64141c4097f1d1ce4fd0c637_6414158650fd80c474d66fb8_partner-logos_0011_Austrian-Blockchain-Center.png
diff --git a/csv/partners/64141c409d689fe3e30f813e_6414192c2f7f81217fa88323_BMW.png b/archive/csv/partners/64141c409d689fe3e30f813e_6414192c2f7f81217fa88323_BMW.png
similarity index 100%
rename from csv/partners/64141c409d689fe3e30f813e_6414192c2f7f81217fa88323_BMW.png
rename to archive/csv/partners/64141c409d689fe3e30f813e_6414192c2f7f81217fa88323_BMW.png
diff --git a/csv/partners/64141c40dba36781a6b4905d_641415869d689f43920f1000_partner-logos_0006_Bitkom.png b/archive/csv/partners/64141c40dba36781a6b4905d_641415869d689f43920f1000_partner-logos_0006_Bitkom.png
similarity index 100%
rename from csv/partners/64141c40dba36781a6b4905d_641415869d689f43920f1000_partner-logos_0006_Bitkom.png
rename to archive/csv/partners/64141c40dba36781a6b4905d_641415869d689f43920f1000_partner-logos_0006_Bitkom.png
diff --git a/csv/partners/64141c40f4c32a740fac794e_6414158750fd80d7e4d66fc1_partner-logos_0030_Coinfirm.png b/archive/csv/partners/64141c40f4c32a740fac794e_6414158750fd80d7e4d66fc1_partner-logos_0030_Coinfirm.png
similarity index 100%
rename from csv/partners/64141c40f4c32a740fac794e_6414158750fd80d7e4d66fc1_partner-logos_0030_Coinfirm.png
rename to archive/csv/partners/64141c40f4c32a740fac794e_6414158750fd80d7e4d66fc1_partner-logos_0030_Coinfirm.png
diff --git a/csv/partners/64141c410a541a54e97ca0b2_64141586be9e521e02aa7f3d_partner-logos_0007_Deutsche-Telekom.png b/archive/csv/partners/64141c410a541a54e97ca0b2_64141586be9e521e02aa7f3d_partner-logos_0007_Deutsche-Telekom.png
similarity index 100%
rename from csv/partners/64141c410a541a54e97ca0b2_64141586be9e521e02aa7f3d_partner-logos_0007_Deutsche-Telekom.png
rename to archive/csv/partners/64141c410a541a54e97ca0b2_64141586be9e521e02aa7f3d_partner-logos_0007_Deutsche-Telekom.png
diff --git a/csv/partners/64141c413df6efd84c333d19_641415868a61437b18f60903_partner-logos_0016_Dyne.png b/archive/csv/partners/64141c413df6efd84c333d19_641415868a61437b18f60903_partner-logos_0016_Dyne.png
similarity index 100%
rename from csv/partners/64141c413df6efd84c333d19_641415868a61437b18f60903_partner-logos_0016_Dyne.png
rename to archive/csv/partners/64141c413df6efd84c333d19_641415868a61437b18f60903_partner-logos_0016_Dyne.png
diff --git a/csv/partners/64141c4150fd801c01d6cc77_641415872810c5dcb2d8c3de_partner-logos_0035_Eloop.png b/archive/csv/partners/64141c4150fd801c01d6cc77_641415872810c5dcb2d8c3de_partner-logos_0035_Eloop.png
similarity index 100%
rename from csv/partners/64141c4150fd801c01d6cc77_641415872810c5dcb2d8c3de_partner-logos_0035_Eloop.png
rename to archive/csv/partners/64141c4150fd801c01d6cc77_641415872810c5dcb2d8c3de_partner-logos_0035_Eloop.png
diff --git a/csv/partners/64141c4150fd803d8fd6cc76_641415860eac7c57adf3245f_partner-logos_0017_Intel.png b/archive/csv/partners/64141c4150fd803d8fd6cc76_641415860eac7c57adf3245f_partner-logos_0017_Intel.png
similarity index 100%
rename from csv/partners/64141c4150fd803d8fd6cc76_641415860eac7c57adf3245f_partner-logos_0017_Intel.png
rename to archive/csv/partners/64141c4150fd803d8fd6cc76_641415860eac7c57adf3245f_partner-logos_0017_Intel.png
diff --git a/csv/partners/64141c415b5e4ab938e74460_64141587eb117921b1f2b449_partner-logos_0037_EFS.png b/archive/csv/partners/64141c415b5e4ab938e74460_64141587eb117921b1f2b449_partner-logos_0037_EFS.png
similarity index 100%
rename from csv/partners/64141c415b5e4ab938e74460_64141587eb117921b1f2b449_partner-logos_0037_EFS.png
rename to archive/csv/partners/64141c415b5e4ab938e74460_64141587eb117921b1f2b449_partner-logos_0037_EFS.png
diff --git a/csv/partners/64141c416452a982f54763ff_6414158650fd8015bfd66fb7_partner-logos_0012_Deloitte.png b/archive/csv/partners/64141c416452a982f54763ff_6414158650fd8015bfd66fb7_partner-logos_0012_Deloitte.png
similarity index 100%
rename from csv/partners/64141c416452a982f54763ff_6414158650fd8015bfd66fb7_partner-logos_0012_Deloitte.png
rename to archive/csv/partners/64141c416452a982f54763ff_6414158650fd8015bfd66fb7_partner-logos_0012_Deloitte.png
diff --git a/csv/partners/64141c41aca7c6203eca738b_64141587be9e527ae0aa7f43_partner-logos_0022_Daimler-Mobility.png b/archive/csv/partners/64141c41aca7c6203eca738b_64141587be9e527ae0aa7f43_partner-logos_0022_Daimler-Mobility.png
similarity index 100%
rename from csv/partners/64141c41aca7c6203eca738b_64141587be9e527ae0aa7f43_partner-logos_0022_Daimler-Mobility.png
rename to archive/csv/partners/64141c41aca7c6203eca738b_64141587be9e527ae0aa7f43_partner-logos_0022_Daimler-Mobility.png
diff --git a/csv/partners/64141c41c8908b3dd91ec0fb_641415872810c5adcfd8c3dd_partner-logos_0028_Edp.png b/archive/csv/partners/64141c41c8908b3dd91ec0fb_641415872810c5adcfd8c3dd_partner-logos_0028_Edp.png
similarity index 100%
rename from csv/partners/64141c41c8908b3dd91ec0fb_641415872810c5adcfd8c3dd_partner-logos_0028_Edp.png
rename to archive/csv/partners/64141c41c8908b3dd91ec0fb_641415872810c5adcfd8c3dd_partner-logos_0028_Edp.png
diff --git a/csv/partners/64141c41c8908b94921ec0fe_64141586f4c32a826dac1195_partner-logos_0001_Iota.png b/archive/csv/partners/64141c41c8908b94921ec0fe_64141586f4c32a826dac1195_partner-logos_0001_Iota.png
similarity index 100%
rename from csv/partners/64141c41c8908b94921ec0fe_64141586f4c32a826dac1195_partner-logos_0001_Iota.png
rename to archive/csv/partners/64141c41c8908b94921ec0fe_64141586f4c32a826dac1195_partner-logos_0001_Iota.png
diff --git a/csv/partners/64141c41cf050a125483d78a_641415860ee69afefbac7ec7_partner-logos_0021_Dena.png b/archive/csv/partners/64141c41cf050a125483d78a_641415860ee69afefbac7ec7_partner-logos_0021_Dena.png
similarity index 100%
rename from csv/partners/64141c41cf050a125483d78a_641415860ee69afefbac7ec7_partner-logos_0021_Dena.png
rename to archive/csv/partners/64141c41cf050a125483d78a_641415860ee69afefbac7ec7_partner-logos_0021_Dena.png
diff --git a/csv/partners/64141c420ee69a46afad0218_641415872676dc7d53500418_partner-logos_0026_IPDB.png b/archive/csv/partners/64141c420ee69a46afad0218_641415872676dc7d53500418_partner-logos_0026_IPDB.png
similarity index 100%
rename from csv/partners/64141c420ee69a46afad0218_641415872676dc7d53500418_partner-logos_0026_IPDB.png
rename to archive/csv/partners/64141c420ee69a46afad0218_641415872676dc7d53500418_partner-logos_0026_IPDB.png
diff --git a/csv/partners/64141c420ee69a51c2ad021b_641415870a541af4ba7bfa14_partner-logos_0031_Jolocom.png b/archive/csv/partners/64141c420ee69a51c2ad021b_641415870a541af4ba7bfa14_partner-logos_0031_Jolocom.png
similarity index 100%
rename from csv/partners/64141c420ee69a51c2ad021b_641415870a541af4ba7bfa14_partner-logos_0031_Jolocom.png
rename to archive/csv/partners/64141c420ee69a51c2ad021b_641415870a541af4ba7bfa14_partner-logos_0031_Jolocom.png
diff --git a/csv/partners/64141c420ee69ad901ad0220_6414158614fcdd2740822bbf_partner-logos_0015_RIAT.png b/archive/csv/partners/64141c420ee69ad901ad0220_6414158614fcdd2740822bbf_partner-logos_0015_RIAT.png
similarity index 100%
rename from csv/partners/64141c420ee69ad901ad0220_6414158614fcdd2740822bbf_partner-logos_0015_RIAT.png
rename to archive/csv/partners/64141c420ee69ad901ad0220_6414158614fcdd2740822bbf_partner-logos_0015_RIAT.png
diff --git a/csv/partners/64141c421d3feef18127d3af_641415879d689f2f9c0f1002_partner-logos_0032_Lora-Alliance.png b/archive/csv/partners/64141c421d3feef18127d3af_641415879d689f2f9c0f1002_partner-logos_0032_Lora-Alliance.png
similarity index 100%
rename from csv/partners/64141c421d3feef18127d3af_641415879d689f2f9c0f1002_partner-logos_0032_Lora-Alliance.png
rename to archive/csv/partners/64141c421d3feef18127d3af_641415879d689f2f9c0f1002_partner-logos_0032_Lora-Alliance.png
diff --git a/csv/partners/64141c4225deb15d93f96cdd_6414158614fcdde12c822bbe_partner-logos_0019_Layer-2.png b/archive/csv/partners/64141c4225deb15d93f96cdd_6414158614fcdde12c822bbe_partner-logos_0019_Layer-2.png
similarity index 100%
rename from csv/partners/64141c4225deb15d93f96cdd_6414158614fcdde12c822bbe_partner-logos_0019_Layer-2.png
rename to archive/csv/partners/64141c4225deb15d93f96cdd_6414158614fcdde12c822bbe_partner-logos_0019_Layer-2.png
diff --git a/csv/partners/64141c423df6ef175b333d25_64141586f4c32aae8fac1194_partner-logos_0008_Montana.png b/archive/csv/partners/64141c423df6ef175b333d25_64141586f4c32aae8fac1194_partner-logos_0008_Montana.png
similarity index 100%
rename from csv/partners/64141c423df6ef175b333d25_64141586f4c32aae8fac1194_partner-logos_0008_Montana.png
rename to archive/csv/partners/64141c423df6ef175b333d25_64141586f4c32aae8fac1194_partner-logos_0008_Montana.png
diff --git a/csv/partners/64141c423df6efc17a333d26_6414158625deb11d89f8f3e8_partner-logos_0002_Nxp.png b/archive/csv/partners/64141c423df6efc17a333d26_6414158625deb11d89f8f3e8_partner-logos_0002_Nxp.png
similarity index 100%
rename from csv/partners/64141c423df6efc17a333d26_6414158625deb11d89f8f3e8_partner-logos_0002_Nxp.png
rename to archive/csv/partners/64141c423df6efc17a333d26_6414158625deb11d89f8f3e8_partner-logos_0002_Nxp.png
diff --git a/csv/partners/64141c42eb117924a0f316bc_64141587eb1179772cf2b448_partner-logos_0034_Ocean-Protocol.png b/archive/csv/partners/64141c42eb117924a0f316bc_64141587eb1179772cf2b448_partner-logos_0034_Ocean-Protocol.png
similarity index 100%
rename from csv/partners/64141c42eb117924a0f316bc_64141587eb1179772cf2b448_partner-logos_0034_Ocean-Protocol.png
rename to archive/csv/partners/64141c42eb117924a0f316bc_64141587eb1179772cf2b448_partner-logos_0034_Ocean-Protocol.png
diff --git a/csv/partners/64141c42eef44ba7a5d9b7b7_64141586be9e521a05aa7f3f_partner-logos_0003_Liquid.png b/archive/csv/partners/64141c42eef44ba7a5d9b7b7_64141586be9e521a05aa7f3f_partner-logos_0003_Liquid.png
similarity index 100%
rename from csv/partners/64141c42eef44ba7a5d9b7b7_64141586be9e521a05aa7f3f_partner-logos_0003_Liquid.png
rename to archive/csv/partners/64141c42eef44ba7a5d9b7b7_64141586be9e521a05aa7f3f_partner-logos_0003_Liquid.png
diff --git a/csv/partners/64141c4314fcdd869c82b80f_641415870a541a55c37bfa13_partner-logos_0020_Trusted-IoT-Alliance.png b/archive/csv/partners/64141c4314fcdd869c82b80f_641415870a541a55c37bfa13_partner-logos_0020_Trusted-IoT-Alliance.png
similarity index 100%
rename from csv/partners/64141c4314fcdd869c82b80f_641415870a541a55c37bfa13_partner-logos_0020_Trusted-IoT-Alliance.png
rename to archive/csv/partners/64141c4314fcdd869c82b80f_641415870a541a55c37bfa13_partner-logos_0020_Trusted-IoT-Alliance.png
diff --git a/csv/partners/64141c43208e551179f67eaf_641415862f7f810005a84c3b_partner-logos_0013_Wien_Energie.png b/archive/csv/partners/64141c43208e551179f67eaf_641415862f7f810005a84c3b_partner-logos_0013_Wien_Energie.png
similarity index 100%
rename from csv/partners/64141c43208e551179f67eaf_641415862f7f810005a84c3b_partner-logos_0013_Wien_Energie.png
rename to archive/csv/partners/64141c43208e551179f67eaf_641415862f7f810005a84c3b_partner-logos_0013_Wien_Energie.png
diff --git a/csv/partners/64141c4350fd80b3ebd6cc9a_641415861251e327895cf99b_partner-logos_0010_Securosys.png b/archive/csv/partners/64141c4350fd80b3ebd6cc9a_641415861251e327895cf99b_partner-logos_0010_Securosys.png
similarity index 100%
rename from csv/partners/64141c4350fd80b3ebd6cc9a_641415861251e327895cf99b_partner-logos_0010_Securosys.png
rename to archive/csv/partners/64141c4350fd80b3ebd6cc9a_641415861251e327895cf99b_partner-logos_0010_Securosys.png
diff --git a/csv/partners/64141c43eb1179194ef316bf_641415860ee69a906fac7ec6_partner-logos_0004_Zu%CC%88hlke.png b/archive/csv/partners/64141c43eb1179194ef316bf_641415860ee69a906fac7ec6_partner-logos_0004_Zu%CC%88hlke.png
similarity index 100%
rename from csv/partners/64141c43eb1179194ef316bf_641415860ee69a906fac7ec6_partner-logos_0004_Zu%CC%88hlke.png
rename to archive/csv/partners/64141c43eb1179194ef316bf_641415860ee69a906fac7ec6_partner-logos_0004_Zu%CC%88hlke.png
diff --git a/csv/partners/6416c95721beab6082cfb357_planetmint.png b/archive/csv/partners/6416c95721beab6082cfb357_planetmint.png
similarity index 100%
rename from csv/partners/6416c95721beab6082cfb357_planetmint.png
rename to archive/csv/partners/6416c95721beab6082cfb357_planetmint.png
diff --git a/csv/partners/6462323fb7b07d68efe01051_logo-blue.png b/archive/csv/partners/6462323fb7b07d68efe01051_logo-blue.png
similarity index 100%
rename from csv/partners/6462323fb7b07d68efe01051_logo-blue.png
rename to archive/csv/partners/6462323fb7b07d68efe01051_logo-blue.png
diff --git a/csv/partners/66c5fedabe901b674c26fed0_forte_digital_gmbh_logo.jpeg b/archive/csv/partners/66c5fedabe901b674c26fed0_forte_digital_gmbh_logo.jpeg
similarity index 100%
rename from csv/partners/66c5fedabe901b674c26fed0_forte_digital_gmbh_logo.jpeg
rename to archive/csv/partners/66c5fedabe901b674c26fed0_forte_digital_gmbh_logo.jpeg
diff --git a/csv/presses/64101123523ba6a5762b806b_r&c__0008_Press_-BTC-Echo.png b/archive/csv/presses/64101123523ba6a5762b806b_r&c__0008_Press_-BTC-Echo.png
similarity index 100%
rename from csv/presses/64101123523ba6a5762b806b_r&c__0008_Press_-BTC-Echo.png
rename to archive/csv/presses/64101123523ba6a5762b806b_r&c__0008_Press_-BTC-Echo.png
diff --git a/csv/presses/6410112fdbfbb910cb18fecd_r&c__0007_Press_-Coindesk.png b/archive/csv/presses/6410112fdbfbb910cb18fecd_r&c__0007_Press_-Coindesk.png
similarity index 100%
rename from csv/presses/6410112fdbfbb910cb18fecd_r&c__0007_Press_-Coindesk.png
rename to archive/csv/presses/6410112fdbfbb910cb18fecd_r&c__0007_Press_-Coindesk.png
diff --git a/csv/presses/6410113a96dd6dd0da70d973_r&c__0006_Press_-Cointelegraph.png b/archive/csv/presses/6410113a96dd6dd0da70d973_r&c__0006_Press_-Cointelegraph.png
similarity index 100%
rename from csv/presses/6410113a96dd6dd0da70d973_r&c__0006_Press_-Cointelegraph.png
rename to archive/csv/presses/6410113a96dd6dd0da70d973_r&c__0006_Press_-Cointelegraph.png
diff --git a/csv/presses/6410115b8a2f464e931271d2_r&c__0004_Press_-Der-Standard.png b/archive/csv/presses/6410115b8a2f464e931271d2_r&c__0004_Press_-Der-Standard.png
similarity index 100%
rename from csv/presses/6410115b8a2f464e931271d2_r&c__0004_Press_-Der-Standard.png
rename to archive/csv/presses/6410115b8a2f464e931271d2_r&c__0004_Press_-Der-Standard.png
diff --git a/csv/presses/6410116a8b520778eafb8f6e_r&c__0003_Press_-Die-Presse.png b/archive/csv/presses/6410116a8b520778eafb8f6e_r&c__0003_Press_-Die-Presse.png
similarity index 100%
rename from csv/presses/6410116a8b520778eafb8f6e_r&c__0003_Press_-Die-Presse.png
rename to archive/csv/presses/6410116a8b520778eafb8f6e_r&c__0003_Press_-Die-Presse.png
diff --git a/csv/presses/64101229725101136df09013_r&c__0010_brutkasten_logo-modified.png b/archive/csv/presses/64101229725101136df09013_r&c__0010_brutkasten_logo-modified.png
similarity index 100%
rename from csv/presses/64101229725101136df09013_r&c__0010_brutkasten_logo-modified.png
rename to archive/csv/presses/64101229725101136df09013_r&c__0010_brutkasten_logo-modified.png
diff --git a/csv/presses/64101233523ba64b252b989f_r&c__0009_Forbes-Logo.png b/archive/csv/presses/64101233523ba64b252b989f_r&c__0009_Forbes-Logo.png
similarity index 100%
rename from csv/presses/64101233523ba64b252b989f_r&c__0009_Forbes-Logo.png
rename to archive/csv/presses/64101233523ba64b252b989f_r&c__0009_Forbes-Logo.png
diff --git a/csv/presses/641012d55f2ea584979088a2_r&c__0002_Press_-Future-Zone.png b/archive/csv/presses/641012d55f2ea584979088a2_r&c__0002_Press_-Future-Zone.png
similarity index 100%
rename from csv/presses/641012d55f2ea584979088a2_r&c__0002_Press_-Future-Zone.png
rename to archive/csv/presses/641012d55f2ea584979088a2_r&c__0002_Press_-Future-Zone.png
diff --git a/csv/presses/641012e5f4bdf23f7da6af40_r&c__0001_Press_-Ledger-Insights.png b/archive/csv/presses/641012e5f4bdf23f7da6af40_r&c__0001_Press_-Ledger-Insights.png
similarity index 100%
rename from csv/presses/641012e5f4bdf23f7da6af40_r&c__0001_Press_-Ledger-Insights.png
rename to archive/csv/presses/641012e5f4bdf23f7da6af40_r&c__0001_Press_-Ledger-Insights.png
diff --git a/csv/presses/641012ef8a2f464620129749_r&c__0000_Press_-Profil.png b/archive/csv/presses/641012ef8a2f464620129749_r&c__0000_Press_-Profil.png
similarity index 100%
rename from csv/presses/641012ef8a2f464620129749_r&c__0000_Press_-Profil.png
rename to archive/csv/presses/641012ef8a2f464620129749_r&c__0000_Press_-Profil.png
diff --git a/csv/presses/641012fd9aa399cfe5ce24e4_r&c__0005_Press_-Crypto-research.png b/archive/csv/presses/641012fd9aa399cfe5ce24e4_r&c__0005_Press_-Crypto-research.png
similarity index 100%
rename from csv/presses/641012fd9aa399cfe5ce24e4_r&c__0005_Press_-Crypto-research.png
rename to archive/csv/presses/641012fd9aa399cfe5ce24e4_r&c__0005_Press_-Crypto-research.png
diff --git a/csv/showcases/64149ca109c69d4ce4cf1cac_r&c_pictures_18.jpg b/archive/csv/showcases/64149ca109c69d4ce4cf1cac_r&c_pictures_18.jpg
similarity index 100%
rename from csv/showcases/64149ca109c69d4ce4cf1cac_r&c_pictures_18.jpg
rename to archive/csv/showcases/64149ca109c69d4ce4cf1cac_r&c_pictures_18.jpg
diff --git a/csv/showcases/6414a24415bd1d6729c44110_r&c_pictures_27.jpg b/archive/csv/showcases/6414a24415bd1d6729c44110_r&c_pictures_27.jpg
similarity index 100%
rename from csv/showcases/6414a24415bd1d6729c44110_r&c_pictures_27.jpg
rename to archive/csv/showcases/6414a24415bd1d6729c44110_r&c_pictures_27.jpg
diff --git a/csv/showcases/656889c36e0348ed1f773537_r&c_pictures_6.jpg b/archive/csv/showcases/656889c36e0348ed1f773537_r&c_pictures_6.jpg
similarity index 100%
rename from csv/showcases/656889c36e0348ed1f773537_r&c_pictures_6.jpg
rename to archive/csv/showcases/656889c36e0348ed1f773537_r&c_pictures_6.jpg
diff --git a/csv/showcases/658441c49801a5d2f82ec015_r&c_pictures_25.jpg b/archive/csv/showcases/658441c49801a5d2f82ec015_r&c_pictures_25.jpg
similarity index 100%
rename from csv/showcases/658441c49801a5d2f82ec015_r&c_pictures_25.jpg
rename to archive/csv/showcases/658441c49801a5d2f82ec015_r&c_pictures_25.jpg
diff --git a/csv/teammembers/64144676a24d13496177d75e__0006_tom.jpg b/archive/csv/teammembers/64144676a24d13496177d75e__0006_tom.jpg
similarity index 100%
rename from csv/teammembers/64144676a24d13496177d75e__0006_tom.jpg
rename to archive/csv/teammembers/64144676a24d13496177d75e__0006_tom.jpg
diff --git a/csv/teammembers/641447221251e35ac1609fda__0004_julian.jpg b/archive/csv/teammembers/641447221251e35ac1609fda__0004_julian.jpg
similarity index 100%
rename from csv/teammembers/641447221251e35ac1609fda__0004_julian.jpg
rename to archive/csv/teammembers/641447221251e35ac1609fda__0004_julian.jpg
diff --git a/csv/teammembers/641448a8c8908b14e521f743_manfred.jpeg b/archive/csv/teammembers/641448a8c8908b14e521f743_manfred.jpeg
similarity index 100%
rename from csv/teammembers/641448a8c8908b14e521f743_manfred.jpeg
rename to archive/csv/teammembers/641448a8c8908b14e521f743_manfred.jpeg
diff --git a/csv/teammembers/6414b413a0d02b3cafdcb571_Veronika.jpeg b/archive/csv/teammembers/6414b413a0d02b3cafdcb571_Veronika.jpeg
similarity index 100%
rename from csv/teammembers/6414b413a0d02b3cafdcb571_Veronika.jpeg
rename to archive/csv/teammembers/6414b413a0d02b3cafdcb571_Veronika.jpeg
diff --git a/csv/teammembers/66003db98ca92e548d031ffe_Calian 2020 _BW.png b/archive/csv/teammembers/66003db98ca92e548d031ffe_Calian 2020 _BW.png
similarity index 100%
rename from csv/teammembers/66003db98ca92e548d031ffe_Calian 2020 _BW.png
rename to archive/csv/teammembers/66003db98ca92e548d031ffe_Calian 2020 _BW.png
diff --git a/csv/teammembers/6600689938088944d60a7e46_Stefan Weber Lead Engineer.jpg b/archive/csv/teammembers/6600689938088944d60a7e46_Stefan Weber Lead Engineer.jpg
similarity index 100%
rename from csv/teammembers/6600689938088944d60a7e46_Stefan Weber Lead Engineer.jpg
rename to archive/csv/teammembers/6600689938088944d60a7e46_Stefan Weber Lead Engineer.jpg
diff --git a/csv/teammembers/66814f7cf235d801a012093f_LAYR Gaby_Foto ohneHerzen_Datei.jpg b/archive/csv/teammembers/66814f7cf235d801a012093f_LAYR Gaby_Foto ohneHerzen_Datei.jpg
similarity index 100%
rename from csv/teammembers/66814f7cf235d801a012093f_LAYR Gaby_Foto ohneHerzen_Datei.jpg
rename to archive/csv/teammembers/66814f7cf235d801a012093f_LAYR Gaby_Foto ohneHerzen_Datei.jpg
diff --git a/csv/teammembers/66814ffed5c679086d9f8aad_Gabriella Benz.jpg b/archive/csv/teammembers/66814ffed5c679086d9f8aad_Gabriella Benz.jpg
similarity index 100%
rename from csv/teammembers/66814ffed5c679086d9f8aad_Gabriella Benz.jpg
rename to archive/csv/teammembers/66814ffed5c679086d9f8aad_Gabriella Benz.jpg
diff --git a/csv/teammembers/6681505c76e6052bddb6fbb7_Goran Markovic.jpg b/archive/csv/teammembers/6681505c76e6052bddb6fbb7_Goran Markovic.jpg
similarity index 100%
rename from csv/teammembers/6681505c76e6052bddb6fbb7_Goran Markovic.jpg
rename to archive/csv/teammembers/6681505c76e6052bddb6fbb7_Goran Markovic.jpg
diff --git a/csv/teammembers/668294621d04e55ce83127ae_marjan.jpeg b/archive/csv/teammembers/668294621d04e55ce83127ae_marjan.jpeg
similarity index 100%
rename from csv/teammembers/668294621d04e55ce83127ae_marjan.jpeg
rename to archive/csv/teammembers/668294621d04e55ce83127ae_marjan.jpeg
diff --git a/csv/teammembers/6682957eaa60e663f62b83b9_fatih (1).jpeg b/archive/csv/teammembers/6682957eaa60e663f62b83b9_fatih (1).jpeg
similarity index 100%
rename from csv/teammembers/6682957eaa60e663f62b83b9_fatih (1).jpeg
rename to archive/csv/teammembers/6682957eaa60e663f62b83b9_fatih (1).jpeg
diff --git a/csv/teammembers/66829917b4096eaca530ec93_Maurice.jpeg b/archive/csv/teammembers/66829917b4096eaca530ec93_Maurice.jpeg
similarity index 100%
rename from csv/teammembers/66829917b4096eaca530ec93_Maurice.jpeg
rename to archive/csv/teammembers/66829917b4096eaca530ec93_Maurice.jpeg
diff --git a/csv/teammembers/6682996f5b7187b5c937fec8_juergen.jpeg b/archive/csv/teammembers/6682996f5b7187b5c937fec8_juergen.jpeg
similarity index 100%
rename from csv/teammembers/6682996f5b7187b5c937fec8_juergen.jpeg
rename to archive/csv/teammembers/6682996f5b7187b5c937fec8_juergen.jpeg
diff --git a/csv/teammembers/66829a47122831fa02c39317_lorenz (1).jpeg b/archive/csv/teammembers/66829a47122831fa02c39317_lorenz (1).jpeg
similarity index 100%
rename from csv/teammembers/66829a47122831fa02c39317_lorenz (1).jpeg
rename to archive/csv/teammembers/66829a47122831fa02c39317_lorenz (1).jpeg
diff --git a/csv/teammembers/6682dc091d63e595692cd55e_IMG_0626 (1).jpeg b/archive/csv/teammembers/6682dc091d63e595692cd55e_IMG_0626 (1).jpeg
similarity index 100%
rename from csv/teammembers/6682dc091d63e595692cd55e_IMG_0626 (1).jpeg
rename to archive/csv/teammembers/6682dc091d63e595692cd55e_IMG_0626 (1).jpeg
diff --git a/csv/teammembers/67bc252a9c5d3fcca45df636_image0.jpeg b/archive/csv/teammembers/67bc252a9c5d3fcca45df636_image0.jpeg
similarity index 100%
rename from csv/teammembers/67bc252a9c5d3fcca45df636_image0.jpeg
rename to archive/csv/teammembers/67bc252a9c5d3fcca45df636_image0.jpeg
diff --git a/csv/teammembers/image_11743.jpg b/archive/csv/teammembers/image_11743.jpg
similarity index 100%
rename from csv/teammembers/image_11743.jpg
rename to archive/csv/teammembers/image_11743.jpg
diff --git a/csv/teammembers/image_14002.jpg b/archive/csv/teammembers/image_14002.jpg
similarity index 100%
rename from csv/teammembers/image_14002.jpg
rename to archive/csv/teammembers/image_14002.jpg
diff --git a/csv/teammembers/image_14390.jpg b/archive/csv/teammembers/image_14390.jpg
similarity index 100%
rename from csv/teammembers/image_14390.jpg
rename to archive/csv/teammembers/image_14390.jpg
diff --git a/csv/teammembers/image_15611.jpg b/archive/csv/teammembers/image_15611.jpg
similarity index 100%
rename from csv/teammembers/image_15611.jpg
rename to archive/csv/teammembers/image_15611.jpg
diff --git a/csv/teammembers/image_26290.jpg b/archive/csv/teammembers/image_26290.jpg
similarity index 100%
rename from csv/teammembers/image_26290.jpg
rename to archive/csv/teammembers/image_26290.jpg
diff --git a/csv/teammembers/image_26388.jpg b/archive/csv/teammembers/image_26388.jpg
similarity index 100%
rename from csv/teammembers/image_26388.jpg
rename to archive/csv/teammembers/image_26388.jpg
diff --git a/csv/teammembers/image_28958.jpg b/archive/csv/teammembers/image_28958.jpg
similarity index 100%
rename from csv/teammembers/image_28958.jpg
rename to archive/csv/teammembers/image_28958.jpg
diff --git a/csv/teammembers/image_30483.jpg b/archive/csv/teammembers/image_30483.jpg
similarity index 100%
rename from csv/teammembers/image_30483.jpg
rename to archive/csv/teammembers/image_30483.jpg
diff --git a/csv/teammembers/image_36619.jpg b/archive/csv/teammembers/image_36619.jpg
similarity index 100%
rename from csv/teammembers/image_36619.jpg
rename to archive/csv/teammembers/image_36619.jpg
diff --git a/csv/teammembers/image_38934.jpg b/archive/csv/teammembers/image_38934.jpg
similarity index 100%
rename from csv/teammembers/image_38934.jpg
rename to archive/csv/teammembers/image_38934.jpg
diff --git a/csv/teammembers/image_41837.jpg b/archive/csv/teammembers/image_41837.jpg
similarity index 100%
rename from csv/teammembers/image_41837.jpg
rename to archive/csv/teammembers/image_41837.jpg
diff --git a/csv/teammembers/image_45291.jpg b/archive/csv/teammembers/image_45291.jpg
similarity index 100%
rename from csv/teammembers/image_45291.jpg
rename to archive/csv/teammembers/image_45291.jpg
diff --git a/csv/teammembers/image_49094.jpg b/archive/csv/teammembers/image_49094.jpg
similarity index 100%
rename from csv/teammembers/image_49094.jpg
rename to archive/csv/teammembers/image_49094.jpg
diff --git a/csv/teammembers/image_53138.jpg b/archive/csv/teammembers/image_53138.jpg
similarity index 100%
rename from csv/teammembers/image_53138.jpg
rename to archive/csv/teammembers/image_53138.jpg
diff --git a/csv/teammembers/image_53529.jpg b/archive/csv/teammembers/image_53529.jpg
similarity index 100%
rename from csv/teammembers/image_53529.jpg
rename to archive/csv/teammembers/image_53529.jpg
diff --git a/csv/teammembers/image_62757.jpg b/archive/csv/teammembers/image_62757.jpg
similarity index 100%
rename from csv/teammembers/image_62757.jpg
rename to archive/csv/teammembers/image_62757.jpg
diff --git a/csv/teammembers/image_64436.jpg b/archive/csv/teammembers/image_64436.jpg
similarity index 100%
rename from csv/teammembers/image_64436.jpg
rename to archive/csv/teammembers/image_64436.jpg
diff --git a/csv/teammembers/image_78070.jpg b/archive/csv/teammembers/image_78070.jpg
similarity index 100%
rename from csv/teammembers/image_78070.jpg
rename to archive/csv/teammembers/image_78070.jpg
diff --git a/csv/teammembers/image_7912.jpg b/archive/csv/teammembers/image_7912.jpg
similarity index 100%
rename from csv/teammembers/image_7912.jpg
rename to archive/csv/teammembers/image_7912.jpg
diff --git a/csv/teammembers/image_79766.jpg b/archive/csv/teammembers/image_79766.jpg
similarity index 100%
rename from csv/teammembers/image_79766.jpg
rename to archive/csv/teammembers/image_79766.jpg
diff --git a/csv/teammembers/image_84310.jpg b/archive/csv/teammembers/image_84310.jpg
similarity index 100%
rename from csv/teammembers/image_84310.jpg
rename to archive/csv/teammembers/image_84310.jpg
diff --git a/csv/teammembers/image_86133.jpg b/archive/csv/teammembers/image_86133.jpg
similarity index 100%
rename from csv/teammembers/image_86133.jpg
rename to archive/csv/teammembers/image_86133.jpg
diff --git a/csv/teammembers/image_87846.jpg b/archive/csv/teammembers/image_87846.jpg
similarity index 100%
rename from csv/teammembers/image_87846.jpg
rename to archive/csv/teammembers/image_87846.jpg
diff --git a/csv/teammembers/image_89173.jpg b/archive/csv/teammembers/image_89173.jpg
similarity index 100%
rename from csv/teammembers/image_89173.jpg
rename to archive/csv/teammembers/image_89173.jpg
diff --git a/csv/wallets/64101e552b78d13df0f36bc8_r&c_industry_wallet.png b/archive/csv/wallets/64101e552b78d13df0f36bc8_r&c_industry_wallet.png
similarity index 100%
rename from csv/wallets/64101e552b78d13df0f36bc8_r&c_industry_wallet.png
rename to archive/csv/wallets/64101e552b78d13df0f36bc8_r&c_industry_wallet.png
diff --git a/csv/wallets/64101e7eeab0764d99cddd89_r&c_community_wallet.png b/archive/csv/wallets/64101e7eeab0764d99cddd89_r&c_community_wallet.png
similarity index 100%
rename from csv/wallets/64101e7eeab0764d99cddd89_r&c_community_wallet.png
rename to archive/csv/wallets/64101e7eeab0764d99cddd89_r&c_community_wallet.png
diff --git a/csv/wallets/64101e88dbfbb916fb19f3c7_r&c_energy_wallet.png b/archive/csv/wallets/64101e88dbfbb916fb19f3c7_r&c_energy_wallet.png
similarity index 100%
rename from csv/wallets/64101e88dbfbb916fb19f3c7_r&c_energy_wallet.png
rename to archive/csv/wallets/64101e88dbfbb916fb19f3c7_r&c_energy_wallet.png
diff --git a/csv/wallets/64101e96294ba08d27b675a0_r&c_mobility_wallet.png b/archive/csv/wallets/64101e96294ba08d27b675a0_r&c_mobility_wallet.png
similarity index 100%
rename from csv/wallets/64101e96294ba08d27b675a0_r&c_mobility_wallet.png
rename to archive/csv/wallets/64101e96294ba08d27b675a0_r&c_mobility_wallet.png
diff --git a/csv/wallets/64107e2a7fcced4640172c90_r&c_trust_anchor.png b/archive/csv/wallets/64107e2a7fcced4640172c90_r&c_trust_anchor.png
similarity index 100%
rename from csv/wallets/64107e2a7fcced4640172c90_r&c_trust_anchor.png
rename to archive/csv/wallets/64107e2a7fcced4640172c90_r&c_trust_anchor.png
diff --git a/csv/wallets/66a2359ee6252a5f8cc0cb5d_reComputer_R1000_2024-Jul-15_09-40-13AM-000_CustomizedView3341575976 (1).png b/archive/csv/wallets/66a2359ee6252a5f8cc0cb5d_reComputer_R1000_2024-Jul-15_09-40-13AM-000_CustomizedView3341575976 (1).png
similarity index 100%
rename from csv/wallets/66a2359ee6252a5f8cc0cb5d_reComputer_R1000_2024-Jul-15_09-40-13AM-000_CustomizedView3341575976 (1).png
rename to archive/csv/wallets/66a2359ee6252a5f8cc0cb5d_reComputer_R1000_2024-Jul-15_09-40-13AM-000_CustomizedView3341575976 (1).png
diff --git a/media/641305a87e5cfac2bf3a164b_MYPWR_header_2-transcode.mp4 b/archive/media/641305a87e5cfac2bf3a164b_MYPWR_header_2-transcode.mp4
similarity index 100%
rename from media/641305a87e5cfac2bf3a164b_MYPWR_header_2-transcode.mp4
rename to archive/media/641305a87e5cfac2bf3a164b_MYPWR_header_2-transcode.mp4
diff --git a/media/641305a87e5cfac2bf3a164b_MYPWR_header_2-transcode.webm b/archive/media/641305a87e5cfac2bf3a164b_MYPWR_header_2-transcode.webm
similarity index 100%
rename from media/641305a87e5cfac2bf3a164b_MYPWR_header_2-transcode.webm
rename to archive/media/641305a87e5cfac2bf3a164b_MYPWR_header_2-transcode.webm
diff --git a/media/641403d914fcdd3035810b5c_mypwr_infographic_bg_3-transcode.mp4 b/archive/media/641403d914fcdd3035810b5c_mypwr_infographic_bg_3-transcode.mp4
similarity index 100%
rename from media/641403d914fcdd3035810b5c_mypwr_infographic_bg_3-transcode.mp4
rename to archive/media/641403d914fcdd3035810b5c_mypwr_infographic_bg_3-transcode.mp4
diff --git a/media/641403d914fcdd3035810b5c_mypwr_infographic_bg_3-transcode.webm b/archive/media/641403d914fcdd3035810b5c_mypwr_infographic_bg_3-transcode.webm
similarity index 100%
rename from media/641403d914fcdd3035810b5c_mypwr_infographic_bg_3-transcode.webm
rename to archive/media/641403d914fcdd3035810b5c_mypwr_infographic_bg_3-transcode.webm
diff --git a/archive/media/index.html b/archive/media/index.html
new file mode 100644
index 0000000..d5b7b80
--- /dev/null
+++ b/archive/media/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="refresh" content="0; url=../">
+  <title>Riddle&amp;Code</title>
+</head>
+<body>
+  <script>window.location.replace("../");</script>
+</body>
+</html>
diff --git a/product/facility-iq.html b/archive/product/facility-iq.html
similarity index 100%
rename from product/facility-iq.html
rename to archive/product/facility-iq.html
diff --git a/product/infrastructure-iq.html b/archive/product/infrastructure-iq.html
similarity index 100%
rename from product/infrastructure-iq.html
rename to archive/product/infrastructure-iq.html
diff --git a/product/iq-actor-id.html b/archive/product/iq-actor-id.html
similarity index 100%
rename from product/iq-actor-id.html
rename to archive/product/iq-actor-id.html
diff --git a/product/mypwr.html b/archive/product/mypwr.html
similarity index 100%
rename from product/mypwr.html
rename to archive/product/mypwr.html
diff --git a/product/pwr-trust.html b/archive/product/pwr-trust.html
similarity index 100%
rename from product/pwr-trust.html
rename to archive/product/pwr-trust.html
diff --git a/showcase.html b/archive/showcase.html
similarity index 100%
rename from showcase.html
rename to archive/showcase.html
diff --git a/showcase/drive-stake-the-industry-first-marketplace-that-empowers-all-mobility-ecosystem-participants-to-benefit-from-vehicle-generated-data-launches-today.html b/archive/showcase/drive-stake-the-industry-first-marketplace-that-empowers-all-mobility-ecosystem-participants-to-benefit-from-vehicle-generated-data-launches-today.html
similarity index 100%
rename from showcase/drive-stake-the-industry-first-marketplace-that-empowers-all-mobility-ecosystem-participants-to-benefit-from-vehicle-generated-data-launches-today.html
rename to archive/showcase/drive-stake-the-industry-first-marketplace-that-empowers-all-mobility-ecosystem-participants-to-benefit-from-vehicle-generated-data-launches-today.html
diff --git a/archive/showcase/index.html b/archive/showcase/index.html
new file mode 100644
index 0000000..d5b7b80
--- /dev/null
+++ b/archive/showcase/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="refresh" content="0; url=../">
+  <title>Riddle&amp;Code</title>
+</head>
+<body>
+  <script>window.location.replace("../");</script>
+</body>
+</html>
diff --git a/showcase/new-partnership-of-riddle-code-and-s1seven-to-revolutionise-the-metal-industry.html b/archive/showcase/new-partnership-of-riddle-code-and-s1seven-to-revolutionise-the-metal-industry.html
similarity index 100%
rename from showcase/new-partnership-of-riddle-code-and-s1seven-to-revolutionise-the-metal-industry.html
rename to archive/showcase/new-partnership-of-riddle-code-and-s1seven-to-revolutionise-the-metal-industry.html
diff --git a/showcase/track-trace-evolution-driving-blockchain-enabled-packaging-solutions-for-a-sustainable-future.html b/archive/showcase/track-trace-evolution-driving-blockchain-enabled-packaging-solutions-for-a-sustainable-future.html
similarity index 100%
rename from showcase/track-trace-evolution-driving-blockchain-enabled-packaging-solutions-for-a-sustainable-future.html
rename to archive/showcase/track-trace-evolution-driving-blockchain-enabled-packaging-solutions-for-a-sustainable-future.html
diff --git a/showcase/unlocking-the-power-of-stanzertal-pioneering-energy-connectivity-for-a-greener-tomorrow.html b/archive/showcase/unlocking-the-power-of-stanzertal-pioneering-energy-connectivity-for-a-greener-tomorrow.html
similarity index 100%
rename from showcase/unlocking-the-power-of-stanzertal-pioneering-energy-connectivity-for-a-greener-tomorrow.html
rename to archive/showcase/unlocking-the-power-of-stanzertal-pioneering-energy-connectivity-for-a-greener-tomorrow.html
diff --git a/sustainability.html b/archive/sustainability.html
similarity index 100%
rename from sustainability.html
rename to archive/sustainability.html
diff --git a/build.py b/build.py
new file mode 100644
index 0000000..9f114ad
--- /dev/null
+++ b/build.py
@@ -0,0 +1,124 @@
+#!/usr/bin/env python3
+"""
+Build script: renders templates/ + locales/ → static HTML files.
+
+  EN → root directory  (templates/index.html → index.html)
+  DE → de/ directory   (templates/index.html → de/index.html)
+
+Usage:
+  python3 build.py            # build all templates
+  python3 build.py --check    # build into temp dir and diff (for CI)
+
+CI integration:
+  Re-run build.py and check `git diff --exit-code` to catch stale builds.
+"""
+import re
+import sys
+from pathlib import Path
+
+try:
+    import yaml
+except ImportError:
+    sys.exit("Missing dependency: pip install pyyaml")
+
+ROOT = Path(__file__).parent
+TEMPLATES_DIR = ROOT / "templates"
+LOCALES_DIR = ROOT / "locales"
+
+# Maps language code → output directory
+LANGS = {
+    "en": ROOT,
+    "de": ROOT / "de",
+}
+
+
+def render(template: str, strings: dict) -> str:
+    """Replace {{ key }} placeholders with values from strings dict."""
+    def replace(m):
+        key = m.group(1).strip()
+        if key not in strings:
+            print(f"  WARNING: key '{key}' not found in locale", file=sys.stderr)
+            return m.group(0)  # leave placeholder unchanged so it's visible
+        return str(strings[key])
+    return re.sub(r"\{\{\s*([\w.]+)\s*\}\}", replace, template)
+
+
+def load_locales() -> dict:
+    locales = {}
+    for lang in LANGS:
+        locale_file = LOCALES_DIR / f"{lang}.yaml"
+        if not locale_file.exists():
+            sys.exit(f"ERROR: Missing locale file: {locale_file}")
+        with locale_file.open(encoding="utf-8") as f:
+            locales[lang] = yaml.safe_load(f) or {}
+    return locales
+
+
+def build() -> int:
+    """Build all templates. Returns count of files written."""
+    if not TEMPLATES_DIR.exists():
+        print("No templates/ directory found. Nothing to build.")
+        return 0
+
+    locales = load_locales()
+
+    templates = sorted(TEMPLATES_DIR.rglob("*.html"))
+    if not templates:
+        print("No HTML templates found in templates/")
+        return 0
+
+    built = 0
+    for tmpl_path in templates:
+        rel = tmpl_path.relative_to(TEMPLATES_DIR)
+        source = tmpl_path.read_text(encoding="utf-8")
+
+        for lang, out_dir in LANGS.items():
+            strings = {**locales[lang], "lang": lang}
+            rendered = render(source, strings)
+
+            out_path = out_dir / rel
+            out_path.parent.mkdir(parents=True, exist_ok=True)
+            out_path.write_text(rendered, encoding="utf-8")
+
+            print(f"  [{lang}] {rel} → {out_path.relative_to(ROOT)}")
+            built += 1
+
+    return built
+
+
+def check_mode():
+    """Build into a temp dir and diff against working tree. Exit 1 if stale."""
+    locales = load_locales()
+    templates = sorted(TEMPLATES_DIR.rglob("*.html"))
+
+    stale = []
+    for tmpl_path in templates:
+        rel = tmpl_path.relative_to(TEMPLATES_DIR)
+        source = tmpl_path.read_text(encoding="utf-8")
+
+        for lang, real_dir in LANGS.items():
+            strings = {**locales[lang], "lang": lang}
+            rendered = render(source, strings)
+            real_file = real_dir / rel
+
+            if not real_file.exists():
+                stale.append(f"  MISSING: {real_file.relative_to(ROOT)}")
+            elif real_file.read_text(encoding="utf-8") != rendered:
+                stale.append(f"  STALE:   {real_file.relative_to(ROOT)}")
+
+    if stale:
+        print("Build check FAILED — stale generated files:", file=sys.stderr)
+        for s in stale:
+            print(s, file=sys.stderr)
+        print("\nRun `python3 build.py` to regenerate.", file=sys.stderr)
+        sys.exit(1)
+    else:
+        print("Build check passed — all generated files are up to date.")
+
+
+if __name__ == "__main__":
+    if "--check" in sys.argv:
+        check_mode()
+    else:
+        n = build()
+        print(f"\nBuild complete: {n} file(s) written.")
diff --git a/company/about-us.html b/company/about-us.html
index dcad999..b1da564 100644
--- a/company/about-us.html
+++ b/company/about-us.html
@@ -1,136 +1,176 @@
 <!DOCTYPE html>
-<html data-wf-domain="www.riddleandcode.com" data-wf-page="651eafbae761a2b4e1c54c09" data-wf-site="63eb258eae57fdd13c41eaff" lang="en">
+<html lang="en">
   <head>
     <meta charset="utf-8"/>
-    <title>Riddle&Code About Us</title>
-    <link href="https://www.riddleandcode.com/company/about-us" hreflang="x-default" rel="alternate"/>
-    <link href="https://www.riddleandcode.com/company/about-us" hreflang="en" rel="alternate"/>
-    <link href="https://www.riddleandcode.com/de/company/about-us" hreflang="de" rel="alternate"/>
-    <meta content="Learn more about Riddle&Code's company history, management team and advisor." name="description"/>
-    <meta content="Riddle&Code About Us" property="og:title"/>
-    <meta content="Learn more about Riddle&Code's company history, management team and advisor." property="og:description"/>
-    <meta content="../images/6414278b25deb17627fa229e_r&c_about_us.jpg" property="og:image"/>
-    <meta content="Riddle&Code About Us" property="twitter:title"/>
-    <meta content="Learn more about Riddle&Code's company history, management team and advisor." property="twitter:description"/>
-    <meta content="../images/6414278b25deb17627fa229e_r&c_about_us.jpg" property="twitter:image"/>
-    <meta content="website" property="og:type"/>
-    <meta content="summary_large_image" name="twitter:card"/>
-    <meta content="width=device-width, initial-scale=1" name="viewport"/>
-    
-    <link href="../styles/main.css" rel="stylesheet" type="text/css"/>
-
-    <!-- Common Head Elements -->
-    <script src="../scripts/load-head-common.js"></script>
+    <title>About Riddle&amp;Code — Infrastructure for Distributed Energy</title>
+    <meta name="description" content="Riddle&amp;Code builds KERN — the infrastructure platform for distributed energy management. Serving utilities, aggregators, and communities across Europe."/>
+    <meta property="og:title" content="About Riddle&amp;Code — Infrastructure for Distributed Energy"/>
+    <meta property="og:description" content="Riddle&amp;Code builds KERN — the infrastructure platform for distributed energy management. Serving utilities, aggregators, and communities across Europe."/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/about-us.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/about-us.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/about-us.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
   </head>
   <body>
     <div class="wrapper">
       <div id="nav-placeholder"></div>
-      <script src="../scripts/load-nav.js"></script>
 
       <section class="hero">
+        <p style="font-size: 0.875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--kern-accent); margin-bottom: 1rem;">Vienna, Austria</p>
         <h1 class="fade-in">
-          <span class="highlight">About Riddle&Code</span><br>
-          Secure Decentralized Connectivity, Visibility & Control
+          Infrastructure for<br><span class="highlight">distributed energy.</span>
         </h1>
         <p class="hero-subtitle fade-in">
-          Founded in Vienna, Riddle&Code builds security by design for the distributed world of tomorrow. Our mission is to provide blockchain-enabled trust infrastructure that connects digital and physical worlds, enabling us to work with key industry partners developing solutions that solve real-world challenges with an emphasis on sustainability.
+          Riddle&amp;Code builds KERN — the platform utilities and aggregators use to connect, manage, and monetise distributed energy assets at scale. We own the full stack: hardware, connectivity, platform, and market access.
         </p>
       </section>
 
+      <!-- Why we exist -->
       <section class="section">
         <div class="section-header">
-          <span class="section-tag">OUR MISSION</span>
-          <h2 class="section-title">Building Trust Infrastructure</h2>
+          <span class="section-tag">WHY WE EXIST</span>
+          <h2 class="section-title">The infrastructure gap in the energy transition</h2>
+          <p class="section-description">
+            Distributed energy resources are multiplying — rooftop solar, batteries, heat pumps, EV chargers. Utilities face flexibility obligations. Aggregators need scale. Nobody wanted to build the connectivity and compliance layer from scratch.<br><br>We did.
+          </p>
         </div>
 
         <div class="value-grid">
           <div class="value-card">
-            <h3>Security by Design</h3>
-            <p>We're building blockchain-enabled infrastructure that provides verifiable trust for traditional industries. Our hardware-secured solutions create an immutable trust layer that solves real-world problems around asset verification, data integrity, and secure machine-to-machine interactions.</p>
+            <h3>Infrastructure, not apps</h3>
+            <p>KERN is the layer that sits between physical assets and energy markets. We're not a consumer app or a meter-reading service. We're the platform your operations team runs — reliably, at scale, without depending on consumer devices or WiFi.</p>
           </div>
 
           <div class="value-card">
-            <h3>Product-Led Innovation</h3>
-            <p>We've evolved into a product-led service company delivering complete solutions that combine hardware security with software platforms. Our technology stack is built on the RDDL Network, providing distributed trust infrastructure for mission-critical applications.</p>
+            <h3>Full stack ownership</h3>
+            <p>Hardware, MIOTY wireless connectivity, HEMS/ESC/LSP platform, and direct market access in a single integration. Partners deploy once — they don't stitch together three separate vendor relationships to get an asset to market.</p>
           </div>
 
           <div class="value-card">
-            <h3>Sustainability Focus</h3>
-            <p>Our emphasis on sustainability drives every solution we create. From enabling renewable energy communities to preventing supply chain fraud, we're committed to building technology that creates a better future.</p>
+            <h3>Regulatory complexity absorbed</h3>
+            <p>ESC compliance, flexibility reporting, and audit documentation are built into KERN — not a manual process your team maintains. We carry the technical and regulatory complexity so you carry the customer relationship.</p>
           </div>
         </div>
       </section>
 
+      <!-- What we build -->
       <section class="section">
         <div class="tech-stack">
-          <h3 style="font-size: 2rem; margin-bottom: 1rem;">Our Approach</h3>
-          <p style="font-size: 1.125rem; margin-bottom: 2rem;">Building verifiable trust through hardware-secured infrastructure</p>
-          
+          <h3 style="font-size: 2rem; margin-bottom: 0.5rem;">What KERN delivers</h3>
+          <p style="font-size: 1.125rem; color: var(--text-muted); margin-bottom: 2rem;">One platform. Three asset classes. One integration.</p>
+
           <div class="tech-layers">
             <div class="tech-layer">
-              <h4>Hardware Security Foundation</h4>
-              <p>Every solution starts with secure hardware that creates incorruptible digital identities. This security-by-design foundation enables verifiable trust between machines, systems, and organizations through blockchain-enabled attestation.</p>
+              <h4>MIOTY wireless connectivity</h4>
+              <p>10km range, 1.5 million messages per day, ultra-low power. No WiFi, no consumer app dependency — works in basements, rural areas, and industrial sites. One gateway covers an entire neighbourhood or industrial zone.</p>
+              <div class="tech-features">
+                <span class="tech-feature">IEC standard</span>
+                <span class="tech-feature">10km range</span>
+                <span class="tech-feature">1.5M msg/day</span>
+                <span class="tech-feature">No per-asset commissioning</span>
+              </div>
             </div>
-            
+
             <div class="tech-layer">
-              <h4>Industry Partnerships</h4>
-              <p>We collaborate with leading organizations across energy, manufacturing, finance, and supply chain sectors to develop practical solutions for real-world challenges.</p>
+              <h4>HEMS — residential assets</h4>
+              <p>Manage residential PV and battery portfolios. Optimise intraday trading, flexibility dispatch, and curtailment prevention — automatically, across thousands of homes.</p>
+              <div class="tech-features">
+                <span class="tech-feature">PV + battery</span>
+                <span class="tech-feature">Intraday trading</span>
+                <span class="tech-feature">€114/asset/yr ARR</span>
+              </div>
             </div>
-            
+
             <div class="tech-layer">
-              <h4>Open Standards</h4>
-              <p>We're committed to open protocols and standards-based approaches that ensure interoperability and prevent vendor lock-in. Our solutions integrate with existing infrastructure.</p>
+              <h4>ESC — energy sharing communities</h4>
+              <p>Community energy pooling built for Austrian and EU regulatory frameworks. Compliance is auditable and automated — not a spreadsheet your legal team reviews quarterly.</p>
+              <div class="tech-features">
+                <span class="tech-feature">EU regulatory compliant</span>
+                <span class="tech-feature">Automated reporting</span>
+                <span class="tech-feature">€24/member/yr ARR</span>
+              </div>
             </div>
 
             <div class="tech-layer">
-              <h4>Continuous Innovation</h4>
-              <p>From research to production, we maintain a culture of innovation. Our team constantly explores new applications of blockchain, IoT, and cryptographic technologies to solve emerging challenges.</p>
+              <h4>LSP — grid-scale flexibility</h4>
+              <p>Large Scale Plant management for grid-scale assets: BESS, industrial loads, and aggregated portfolios. Direct access to ancillary service and flexibility markets — no third-party aggregator required.</p>
+              <div class="tech-features">
+                <span class="tech-feature">aFRR / FCR</span>
+                <span class="tech-feature">Direct market access</span>
+                <span class="tech-feature">€25k/plant/yr ARR</span>
+              </div>
             </div>
           </div>
         </div>
       </section>
 
-      <!-- Products Section -->
-      <div id="products-section-placeholder"></div>
-      <script src="../scripts/load-products-section.js"></script>
+      <!-- Proof points -->
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">TRACK RECORD</span>
+          <h2 class="section-title">Validated, not promised</h2>
+        </div>
+
+        <div class="value-grid">
+          <div class="value-card">
+            <h3>Leading utilities</h3>
+            <p>Validated with leading utilities. The deployment model, regulatory alignment, and economics are validated at regional scale — the same playbook applies to any regional utility territory.</p>
+          </div>
+
+          <div class="value-card">
+            <h3>MIOTY at scale</h3>
+            <p>1.5 million messages per day demonstrated capacity. IEC standardised — not proprietary lock-in. Partners aren't betting on a single vendor's survival; they're adopting a published standard.</p>
+          </div>
+
+          <div class="value-card">
+            <h3>Unit economics that work</h3>
+            <p>Hardware at €239 sell / €100 COGS — 58% margin. Platform ARR of €114 per HEMS household per year. The economics support utility bundle pricing and operator margin at scale.</p>
+          </div>
+        </div>
+      </section>
 
+      <!-- Leadership -->
       <section class="section">
         <div class="section-header">
-          <span class="section-tag">LEADERSHIP</span>
-          <h2 class="section-title">Advisory Board & Founders</h2>
+          <span class="section-tag">FOUNDERS</span>
+          <h2 class="section-title">The team behind KERN</h2>
         </div>
 
         <div class="target-grid">
           <div class="target-card" style="text-align: center;">
             <div style="margin-bottom: 1rem;">
-              <img alt="Manfred Bodner" loading="lazy" src="../images/641448a8c8908b14e521f743_manfred.jpeg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
+              <img alt="Manfred Bodner" loading="lazy" src="/images/641448a8c8908b14e521f743_manfred.jpeg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
             </div>
             <h3 class="target-title">Manfred Bodner</h3>
             <p class="target-description" style="margin-bottom: 1rem;">Co-Founder</p>
             <a href="https://www.linkedin.com/in/manfred-bodner-5b707b5/" target="_blank" style="display: inline-block;">
-              <img alt="LinkedIn" loading="lazy" src="../images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
+              <img alt="LinkedIn" loading="lazy" src="/images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
             </a>
           </div>
 
           <div class="target-card" style="text-align: center;">
             <div style="margin-bottom: 1rem;">
-              <img alt="Tom Fürstner" loading="lazy" src="../images/64144676a24d13496177d75e__0006_tom.jpg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
+              <img alt="Tom Fürstner" loading="lazy" src="/images/64144676a24d13496177d75e__0006_tom.jpg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
             </div>
             <h3 class="target-title">Tom Fürstner</h3>
             <p class="target-description" style="margin-bottom: 1rem;">Co-Founder</p>
             <a href="https://www.linkedin.com/in/thomas-fuerstner-0797592/" target="_blank" style="display: inline-block;">
-              <img alt="LinkedIn" loading="lazy" src="../images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
+              <img alt="LinkedIn" loading="lazy" src="/images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
             </a>
           </div>
 
           <div class="target-card" style="text-align: center;">
             <div style="margin-bottom: 1rem;">
-              <img alt="Rene Schrittwieser" loading="lazy" src="../images/67bc252a9c5d3fcca45df636_image0.jpeg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
+              <img alt="Rene Schrittwieser" loading="lazy" src="/images/67bc252a9c5d3fcca45df636_image0.jpeg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
             </div>
             <h3 class="target-title">Rene Schrittwieser</h3>
             <p class="target-description" style="margin-bottom: 1rem;">Investor</p>
             <a href="https://www.linkedin.com/in/rene-schrittwieser-12a7b9114" target="_blank" style="display: inline-block;">
-              <img alt="LinkedIn" loading="lazy" src="../images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
+              <img alt="LinkedIn" loading="lazy" src="/images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
             </a>
           </div>
         </div>
@@ -138,18 +178,16 @@ <h3 class="target-title">Rene Schrittwieser</h3>
 
       <section class="section">
         <div class="cta-section">
-          <h2>Join Us</h2>
-          <p>Explore career opportunities or learn more about partnering with Riddle&Code</p>
+          <h2>Talk to the team</h2>
+          <p>Executive briefing, technical deep-dive, or partner conversation — we'll match the format to where you are.</p>
           <div class="cta-buttons">
-            <a href="career.html" class="btn btn-primary">View Careers</a>
-            <a href="get-in-touch.html" class="btn btn-secondary">Get in Touch</a>
+            <a href="/company/get-in-touch.html" class="btn btn-primary">Get in Touch</a>
+            <a href="/kern/" class="btn btn-secondary">Explore KERN</a>
           </div>
         </div>
       </section>
 
       <div id="footer-modern-placeholder"></div>
-      <script src="../scripts/load-footer-modern.js"></script>
-      <script src="../scripts/fade-in-animations.js"></script>
     </div>
   </body>
 </html>
diff --git a/company/career.html b/company/career.html
index e1b97e4..4b7c9c2 100644
--- a/company/career.html
+++ b/company/career.html
@@ -1,65 +1,56 @@
 <!DOCTYPE html>
-<html data-wf-domain="www.riddleandcode.com" data-wf-page="651eafbae761a2b4e1c54c0d" data-wf-site="63eb258eae57fdd13c41eaff" lang="en">
+<html lang="en">
   <head>
     <meta charset="utf-8"/>
-    <title>Riddle&Code Career</title>
-    <link href="https://www.riddleandcode.com/company/career" hreflang="x-default" rel="alternate"/>
-    <link href="https://www.riddleandcode.com/company/career" hreflang="en" rel="alternate"/>
-    <link href="https://www.riddleandcode.com/de/company/career" hreflang="de" rel="alternate"/>
-    <meta content="Embark on a journey of limitless opportunities with R&C. Begin your tomorrow today, fostering a meaningful career that advocates for sustainability. Your pathway to achievement commences here." name="description"/>
-    <meta content="Riddle&Code Career" property="og:title"/>
-    <meta content="Embark on a journey of limitless opportunities with R&C. Begin your tomorrow today, fostering a meaningful career that advocates for sustainability. Your pathway to achievement commences here." property="og:description"/>
-    <meta content="../images/6401699a4cbc5001282b58b8_r&c_careers.jpg" property="og:image"/>
-    <meta content="Riddle&Code Career" property="twitter:title"/>
-    <meta content="Embark on a journey of limitless opportunities with R&C. Begin your tomorrow today, fostering a meaningful career that advocates for sustainability. Your pathway to achievement commences here." property="twitter:description"/>
-    <meta content="../images/6401699a4cbc5001282b58b8_r&c_careers.jpg" property="twitter:image"/>
-    <meta content="website" property="og:type"/>
-    <meta content="summary_large_image" name="twitter:card"/>
-    <meta content="width=device-width, initial-scale=1" name="viewport"/>
-    
-    <link href="../styles/main.css" rel="stylesheet" type="text/css"/>
-
-    <!-- Common Head Elements -->
-    <script src="../scripts/load-head-common.js"></script>
+    <title>Career — Riddle&amp;Code</title>
+    <meta name="description" content="Join the team building KERN — the infrastructure platform for distributed energy. Work on hard problems that matter for the energy transition."/>
+    <meta property="og:title" content="Career — Riddle&amp;Code"/>
+    <meta property="og:description" content="Join the team building KERN — the infrastructure platform for distributed energy. Work on hard problems that matter for the energy transition."/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/career.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/career.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/career.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
   </head>
   <body>
     <div class="wrapper">
       <div id="nav-placeholder"></div>
-      <script src="../scripts/load-nav.js"></script>
 
       <section class="hero">
         <h1 class="fade-in">
-          <span class="highlight">Join Our Team</span><br>
-          Build Security by Design for Tomorrow's Distributed World
+          <span class="highlight">Join Our Team</span><br>Build the Infrastructure for the Energy Transition
         </h1>
         <p class="hero-subtitle fade-in">
-          Riddle&Code is Europe's leading company building secure infrastructure for the decentralized and distributed world of tomorrow. We develop hardware & software stacks that provide a blockchain-enabled trust layer, solving real-world challenges like machine identity, product provenance, cyber insurance, and supply chain traceability. From developing our own microcontroller boards to tokenizing solar energy, our employees take pride in solving hard problems with security by design.
+          Riddle&amp;Code builds KERN — the platform utilities and aggregators use to connect, dispatch and monetise distributed energy assets at scale. We work on hard problems in energy infrastructure, wireless connectivity and autonomous systems.
         </p>
       </section>
 
       <section class="section">
         <div class="section-header">
           <span class="section-tag">OUR PURPOSE</span>
-          <h2 class="section-title">The Riddle&Code Spirit</h2>
+          <h2 class="section-title">The Riddle&amp;Code Spirit</h2>
         </div>
 
         <div class="value-grid">
           <div class="value-card">
             <h3>Purpose: Why do we exist?</h3>
-            <p><strong>Building Trust for the Distributed World.</strong></p>
-            <p>Our core purpose is to provide secure, blockchain-enabled infrastructure that solves real-world problems by creating verifiable trust in decentralized systems.</p>
+            <p><strong>Building infrastructure for the energy transition.</strong></p>
+            <p>We provide the connectivity and autonomy layer that turns distributed energy assets into manageable, monetisable infrastructure — for utilities and aggregators across Europe.</p>
           </div>
 
           <div class="value-card">
             <h3>Vision: Where are we headed?</h3>
-            <p><strong>A world of reliable proofs of origin enabling transparent and sustainable production chains.</strong></p>
-            <p>We envision a world where the authenticity and origin of products are verifiable throughout their entire lifecycle - for a trustworthy and sustainable economy.</p>
+            <p><strong>A Europe where every distributed energy asset contributes to grid stability.</strong></p>
+            <p>We envision a grid where flexibility behind the meter is continuously forecasted, dispatched and confirmed — without manual intervention, at any scale.</p>
           </div>
 
           <div class="value-card">
             <h3>Mission: How will we get there?</h3>
-            <p><strong>500 Global Companies secured by our infrastructure by 2027.</strong></p>
-            <p>Our commitment is to guide, support, and empower 500 global companies with secure, blockchain-enabled infrastructure that provides verifiable trust for their critical operations.</p>
+            <p><strong>KERN in every utility flexibility stack in Europe by 2030.</strong></p>
+            <p>Our commitment is to deliver the autonomous energy management layer that makes distributed flexibility reliable, monetisable and scalable.</p>
           </div>
         </div>
       </section>
@@ -68,12 +59,12 @@ <h3>Mission: How will we get there?</h3>
         <div class="tech-stack">
           <h3 style="font-size: 2rem; margin-bottom: 1rem;">Our Core Values</h3>
           <p style="font-size: 1.125rem; margin-bottom: 2rem;">The principles that guide everything we do</p>
-          
+
           <div class="tech-layers">
             <div class="tech-layer">
               <div class="tech-layer-label">Curiosity</div>
               <div class="tech-layer-description">
-                We're constantly exploring, questioning, and learning. Curiosity drives innovation and helps us push boundaries in building secure, decentralized infrastructure.
+                We're constantly exploring, questioning, and learning. Curiosity drives innovation and helps us push boundaries in building energy infrastructure.
               </div>
             </div>
 
@@ -118,38 +109,38 @@ <h3 style="font-size: 2rem; margin-bottom: 1rem;">Our Core Values</h3>
       <section class="section">
         <div class="section-header">
           <span class="section-tag">BENEFITS</span>
-          <h2 class="section-title">Why Join Riddle&Code</h2>
+          <h2 class="section-title">Why Join Riddle&amp;Code</h2>
         </div>
 
         <div class="target-grid">
           <div class="target-card">
-            <h3>Security by Design</h3>
-            <p>Work on developing cutting-edge blockchain and cryptography products with security built-in from the ground up. Expand your skills while solving real-world problems with verifiable trust.</p>
+            <h3>Real infrastructure impact</h3>
+            <p>Work on a production system managing live energy assets. Your code controls real hardware behind real meters — not a simulation.</p>
           </div>
 
           <div class="target-card">
-            <h3>Vienna & Remote</h3>
+            <h3>Vienna &amp; Remote</h3>
             <p>Vienna was ranked the most liveable city for the tenth time in a row, and we know there are other nice places too. Work where you're most productive.</p>
           </div>
 
           <div class="target-card">
             <h3>Flexible Environment</h3>
-            <p>A modern office or working remotely – enjoy a flexible working environment that adapts to your needs and lifestyle.</p>
+            <p>A modern office or working remotely — enjoy a flexible working environment that adapts to your needs and lifestyle.</p>
           </div>
 
           <div class="target-card">
-            <h3>Global Partners</h3>
-            <p>Riddle&Code works with a diverse range of partners and clients from around the globe. Expand your network and perspective.</p>
+            <h3>European Energy Market</h3>
+            <p>Work at the intersection of wireless technology, energy markets and regulatory frameworks across Austria, Germany and the EU.</p>
           </div>
 
           <div class="target-card">
             <h3>Fair Compensation</h3>
-            <p>Receive fair compensation that corresponds to your personal qualifications and experience in blockchain and distributed systems.</p>
+            <p>Receive fair compensation that corresponds to your qualifications and experience.</p>
           </div>
 
           <div class="target-card">
             <h3>Work-Life Balance</h3>
-            <p>A refreshed you is a happy you! We ensure you have enough time for work-life balance and offer various perks to support your wellbeing.</p>
+            <p>A refreshed you is a happy you. We ensure you have enough time for work-life balance and offer various perks to support your wellbeing.</p>
           </div>
         </div>
       </section>
@@ -157,17 +148,15 @@ <h3>Work-Life Balance</h3>
       <section class="section">
         <div class="cta-section">
           <h2>Ready to Join Us?</h2>
-          <p>We're always looking for talented people who share our passion for building secure infrastructure for tomorrow's distributed world.</p>
+          <p>We're always looking for talented people who share our passion for building infrastructure for the energy transition.</p>
           <div class="cta-buttons">
-            <a href="get-in-touch.html" class="btn btn-primary">View Open Positions</a>
-            <a href="about-us.html" class="btn btn-secondary">Learn More About Us</a>
+            <a href="/company/get-in-touch.html" class="btn btn-primary">View Open Positions</a>
+            <a href="/company/about-us.html" class="btn btn-secondary">Learn More About Us</a>
           </div>
         </div>
       </section>
 
       <div id="footer-modern-placeholder"></div>
-      <script src="../scripts/load-footer-modern.js"></script>
-      <script src="../scripts/fade-in-animations.js"></script>
     </div>
   </body>
 </html>
diff --git a/company/get-in-touch.html b/company/get-in-touch.html
index e700dc0..e5b1a0e 100644
--- a/company/get-in-touch.html
+++ b/company/get-in-touch.html
@@ -1,39 +1,30 @@
 <!DOCTYPE html>
-<html data-wf-domain="www.riddleandcode.com" data-wf-page="651eafbae761a2b4e1c54c52" data-wf-site="63eb258eae57fdd13c41eaff" lang="en">
+<html lang="en">
   <head>
     <meta charset="utf-8"/>
-    <title>Riddle&Code Get in Touch</title>
-    <link href="https://www.riddleandcode.com/company/get-in-touch" hreflang="x-default" rel="alternate"/>
-    <link href="https://www.riddleandcode.com/company/get-in-touch" hreflang="en" rel="alternate"/>
-    <link href="https://www.riddleandcode.com/de/company/get-in-touch" hreflang="de" rel="alternate"/>
-    <meta content="Find out more about our products, schedule a demo or discuss potential collaboration." name="description"/>
-    <meta content="Riddle&Code Get in Touch" property="og:title"/>
-    <meta content="Find out more about our products, schedule a demo or discuss potential collaboration." property="og:description"/>
-    <meta content="../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg" property="og:image"/>
-    <meta content="Riddle&Code Get in Touch" property="twitter:title"/>
-    <meta content="Find out more about our products, schedule a demo or discuss potential collaboration." property="twitter:description"/>
-    <meta content="../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg" property="twitter:image"/>
-    <meta content="website" property="og:type"/>
-    <meta content="summary_large_image" name="twitter:card"/>
-    <meta content="width=device-width, initial-scale=1" name="viewport"/>
-    
-    <link href="../styles/main.css" rel="stylesheet" type="text/css"/>
-
-    <!-- Common Head Elements -->
-    <script src="../scripts/load-head-common.js"></script>
+    <title>Contact — KERN by Riddle&amp;Code</title>
+    <meta name="description" content="Book a demo, arrange a site visit, or discuss how KERN fits into your infrastructure. We're here to help."/>
+    <meta property="og:title" content="Contact — KERN by Riddle&amp;Code"/>
+    <meta property="og:description" content="Book a demo, arrange a site visit, or discuss how KERN fits into your infrastructure. We're here to help."/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/get-in-touch.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/get-in-touch.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/get-in-touch.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
   </head>
   <body>
     <div class="wrapper">
       <div id="nav-placeholder"></div>
-      <script src="../scripts/load-nav.js"></script>
 
       <section class="hero">
         <h1 class="fade-in">
-          <span class="highlight">Get in Touch</span><br>
-          Let's Build the Future Together
+          Let's talk.<br><strong>Get in Touch</strong>
         </h1>
         <p class="hero-subtitle fade-in">
-          Contact us to find out more about our products, schedule a demo, or discuss potential collaboration opportunities. Whether you're looking to integrate infrastructure-for-decentralized-assets technologies or explore hardware security solutions, we're here to help.
+          Book a demo, arrange an on-site visit to our live reference installation, or discuss how KERN fits into your utility or aggregator stack.
         </p>
       </section>
 
@@ -46,20 +37,18 @@ <h2 class="section-title">Ways to Reach Us</h2>
         <div class="value-grid">
           <div class="value-card">
             <h3>General Inquiries</h3>
-            <p>For general questions about our products and services:</p>
+            <p>For general questions about KERN, our technology and partnership options:</p>
             <p><strong>office@riddleandcode.com</strong></p>
           </div>
 
           <div class="value-card">
-            <h3>Product Demos</h3>
-            <p>Interested in seeing our solutions in action? Schedule a personalized demo with our team.</p>
-            <p><strong>Contact us to arrange a demo</strong></p>
+            <h3>Book a Demo</h3>
+            <p>30 minutes — live system, real assets. We'll show you the autonomous loop in action and map which assets in your portfolio are ready for KERN.</p>
           </div>
 
           <div class="value-card">
-            <h3>Partnership Opportunities</h3>
-            <p>Explore collaboration opportunities and strategic partnerships in the energy and blockchain space.</p>
-            <p><strong>Let's discuss how we can work together</strong></p>
+            <h3>Request a Site Visit</h3>
+            <p>Our reference installation in Austria is visitable on request — a live MV/LV microgrid with KERN running in production.</p>
           </div>
         </div>
       </section>
@@ -73,11 +62,10 @@ <h2 class="section-title">Headquarters</h2>
         <div class="tech-stack">
           <div style="max-width: 600px; margin: 0 auto; text-align: center;">
             <p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary);">
-              <strong style="color: var(--text-primary);">Riddle & Code GmbH</strong><br/>
+              <strong style="color: var(--text-primary);">Riddle &amp; Code GmbH</strong><br/>
               c/o Spaces Icon Central Station<br/>
               Gertrude-Fröhlich-Sandner-Straße 2-4/Tower 9<br/>
-              1100 Vienna<br/>
-              Austria, Europe
+              1100 Vienna, Austria
             </p>
           </div>
         </div>
@@ -91,33 +79,23 @@ <h2 class="section-title">What We Can Help With</h2>
 
         <div class="target-grid">
           <div class="target-card">
-            <h3>Product Information</h3>
-            <p>Learn more about our hardware security modules, key management systems, and decentralized infrastructure solutions.</p>
-          </div>
-
-          <div class="target-card">
-            <h3>Technical Support</h3>
-            <p>Get assistance with implementation, integration, and technical questions about our solutions.</p>
-          </div>
-
-          <div class="target-card">
-            <h3>Custom Solutions</h3>
-            <p>Discuss custom development and tailored solutions for your specific industry needs and use cases.</p>
+            <h3>Executive Briefing</h3>
+            <p>Strategic overview of KERN, the market opportunity and how we fit into your flexibility strategy. 45 minutes, C-level format.</p>
           </div>
 
           <div class="target-card">
-            <h3>Industry Partnerships</h3>
-            <p>Explore opportunities for collaboration, co-development, and strategic partnerships.</p>
+            <h3>Technical Deep Dive</h3>
+            <p>API specs, connectivity architecture, integration approach for your specific asset mix. For your technical team.</p>
           </div>
 
           <div class="target-card">
-            <h3>Career Opportunities</h3>
-            <p>Interested in joining our team? Learn about open positions and career opportunities at Riddle&Code.</p>
+            <h3>Live Reference</h3>
+            <p>Visit our production installation in Austria — a real utility deployment with MV/LV microgrid, aggregator and energy community platform.</p>
           </div>
 
           <div class="target-card">
-            <h3>Media & Press</h3>
-            <p>For media inquiries, press releases, and partnership announcements, connect with our communications team.</p>
+            <h3>Partnership</h3>
+            <p>Utility partnerships, aggregator relationships, platform integrations — let's discuss the right commercial model.</p>
           </div>
         </div>
       </section>
@@ -125,17 +103,15 @@ <h3>Media & Press</h3>
       <section class="section">
         <div class="cta-section">
           <h2>Ready to Connect?</h2>
-          <p>Reach out to us at office@riddleandcode.com or explore our products and company information.</p>
+          <p>Reach out to us at office@riddleandcode.com or book a demo directly.</p>
           <div class="cta-buttons">
             <a href="mailto:office@riddleandcode.com" class="btn btn-primary">Send us an Email</a>
-            <a href="about-us.html" class="btn btn-secondary">Learn More About Us</a>
+            <a href="/kern/" class="btn btn-secondary">Learn About KERN</a>
           </div>
         </div>
       </section>
 
       <div id="footer-modern-placeholder"></div>
-      <script src="../scripts/load-footer-modern.js"></script>
-      <script src="../scripts/fade-in-animations.js"></script>
     </div>
   </body>
 </html>
diff --git a/company/index.html b/company/index.html
new file mode 100644
index 0000000..22a29bd
--- /dev/null
+++ b/company/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="refresh" content="0; url=about-us.html">
+  <title>Riddle&amp;Code — Company</title>
+</head>
+<body>
+  <script>window.location.replace("about-us.html");</script>
+</body>
+</html>
diff --git a/company/media.html b/company/media.html
index a6148e7..48940ae 100644
--- a/company/media.html
+++ b/company/media.html
@@ -1,39 +1,30 @@
 <!DOCTYPE html>
-<html data-wf-domain="www.riddleandcode.com" data-wf-page="651eafbae761a2b4e1c54c68" data-wf-site="63eb258eae57fdd13c41eaff" lang="en">
+<html lang="en">
   <head>
     <meta charset="utf-8"/>
-    <title>Riddle&Code Media</title>
-    <link href="https://www.riddleandcode.com/company/media" hreflang="x-default" rel="alternate"/>
-    <link href="https://www.riddleandcode.com/company/media" hreflang="en" rel="alternate"/>
-    <link href="https://www.riddleandcode.com/de/company/media" hreflang="de" rel="alternate"/>
-    <meta content="Find everything from press kit, image materials and other information about R&C´s media activities." name="description"/>
-    <meta content="Riddle&Code Media" property="og:title"/>
-    <meta content="Find everything from press kit, image materials and other information about R&C´s media activities." property="og:description"/>
-    <meta content="../images/641426f3729c304c831c50b6_r&c_pictures_10.jpg" property="og:image"/>
-    <meta content="Riddle&Code Media" property="twitter:title"/>
-    <meta content="Find everything from press kit, image materials and other information about R&C´s media activities." property="twitter:description"/>
-    <meta content="../images/641426f3729c304c831c50b6_r&c_pictures_10.jpg" property="twitter:image"/>
-    <meta content="website" property="og:type"/>
-    <meta content="summary_large_image" name="twitter:card"/>
-    <meta content="width=device-width, initial-scale=1" name="viewport"/>
-    
-    <link href="../styles/main.css" rel="stylesheet" type="text/css"/>
-
-    <!-- Common Head Elements -->
-    <script src="../scripts/load-head-common.js"></script>
+    <title>Media — Riddle&amp;Code</title>
+    <meta name="description" content="Press kit, brand logos, image materials and media contact for Riddle&amp;Code and KERN."/>
+    <meta property="og:title" content="Media — Riddle&amp;Code"/>
+    <meta property="og:description" content="Press kit, brand logos, image materials and media contact for Riddle&amp;Code and KERN."/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/media.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/media.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/media.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
   </head>
   <body>
     <div class="wrapper">
       <div id="nav-placeholder"></div>
-      <script src="../scripts/load-nav.js"></script>
 
       <section class="hero">
         <h1 class="fade-in">
-          <span class="highlight">Media Hub</span><br>
-          Press Kit & Brand Resources
+          Media Hub.<br><strong>Press Kit &amp; Brand Resources</strong>
         </h1>
         <p class="hero-subtitle fade-in">
-          Welcome to Riddle&Code's Media Hub. Here you can find our press kit, brand logos, image materials, and information about our media activities. Download assets and learn about our mission to enable trusted digital verification systems.
+          Welcome to Riddle&amp;Code's Media Hub. Here you can find our press kit, brand logos, image materials, and information about our media activities.
         </p>
       </section>
 
@@ -46,10 +37,10 @@ <h2 class="section-title">Who We Are</h2>
         <div class="tech-stack">
           <div style="max-width: 800px; margin: 0 auto;">
             <p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary); text-align: left;">
-              Riddle&Code is a technology company specializing in verifiable proof of origin and asset certification across industries. The company drives the transformation towards trusted digital verification systems by enabling transparent, traceable, and sustainable production chains.
+              Riddle&amp;Code builds KERN — the infrastructure platform for distributed energy management. We serve utilities, aggregators and energy communities across Europe, providing autonomous asset connectivity, flexibility forecasting and dispatch.
             </p>
             <p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary); text-align: left; margin-top: 1.5rem;">
-              From renewable energy to industrial sectors like steel and wood, Riddle&Code creates the foundation for trusted digital markets where the authenticity and origin of products can be reliably traced throughout their lifecycle.
+              Our technology, including MIOTY wireless connectivity and autonomous dispatch, is deployed in production with leading utilities in Austria — managing a live MV/LV microgrid, flexibility aggregator and energy community platform.
             </p>
           </div>
         </div>
@@ -76,7 +67,7 @@ <h3>Press Kit</h3>
 
           <div class="value-card">
             <h3>Media Partner Logos</h3>
-            <p>Logos showing Riddle&Code alongside our press partners and media mentions. Ready for publication use.</p>
+            <p>Logos showing Riddle&amp;Code alongside our press partners and media mentions. Ready for publication use.</p>
             <a href="https://drive.google.com/drive/u/0/folders/1UZp1EqrQ4l_1HY6uNLMqBEfVFWgMzQNR" target="_blank" class="btn btn-primary" style="margin-top: 1rem;">Download Partner Logos</a>
           </div>
         </div>
@@ -85,7 +76,7 @@ <h3>Media Partner Logos</h3>
       <section class="section">
         <div class="section-header">
           <span class="section-tag">MEDIA INQUIRIES</span>
-          <h2 class="section-title">For Journalists & Media</h2>
+          <h2 class="section-title">For Journalists &amp; Media</h2>
         </div>
 
         <div class="target-grid">
@@ -101,12 +92,12 @@ <h3>Media Contact</h3>
 
           <div class="target-card">
             <h3>Interview Requests</h3>
-            <p>We're available for expert commentary on decentralized technologies, blockchain security, and sustainable technology topics.</p>
+            <p>We're available for expert commentary on distributed energy management, flexibility markets, MIOTY technology and the energy transition.</p>
           </div>
 
           <div class="target-card">
             <h3>Usage Guidelines</h3>
-            <p>Please respect our brand guidelines when using Riddle&Code assets. Contact us if you have questions.</p>
+            <p>Please respect our brand guidelines when using Riddle&amp;Code and KERN assets. Contact us if you have questions.</p>
           </div>
         </div>
       </section>
@@ -117,14 +108,12 @@ <h2>Need More Information?</h2>
           <p>Contact our media team for additional resources, interview opportunities, or press inquiries.</p>
           <div class="cta-buttons">
             <a href="mailto:office@riddleandcode.com" class="btn btn-primary">Contact Media Team</a>
-            <a href="news.html" class="btn btn-secondary">View Latest News</a>
+            <a href="/company/news.html" class="btn btn-secondary">View Latest News</a>
           </div>
         </div>
       </section>
 
       <div id="footer-modern-placeholder"></div>
-      <script src="../scripts/load-footer-modern.js"></script>
-      <script src="../scripts/fade-in-animations.js"></script>
     </div>
   </body>
 </html>
diff --git a/company/news.html b/company/news.html
index e1d898e..d399b64 100644
--- a/company/news.html
+++ b/company/news.html
@@ -1,26 +1,19 @@
 <!DOCTYPE html>
-<html data-wf-domain="www.riddleandcode.com" data-wf-page="651eafbae761a2b4e1c54c6a" data-wf-site="63eb258eae57fdd13c41eaff" lang="en">
+<html lang="en">
   <head>
     <meta charset="utf-8"/>
-    <title>Riddle&Code News</title>
-    <link href="https://www.riddleandcode.com/company/news" hreflang="x-default" rel="alternate"/>
-    <link href="https://www.riddleandcode.com/company/news" hreflang="en" rel="alternate"/>
-    <link href="https://www.riddleandcode.com/de/company/news" hreflang="de" rel="alternate"/>
-    <meta content="Dive into Riddle&Code's extensive industry research, where experts shed light on subjects spanning from tokenization in energy and supply chain sectors, to decentralized solutions in the industrial field. Keep abreast with the latest studies, news, and evolving trends." name="description"/>
-    <meta content="Riddle&Code News" property="og:title"/>
-    <meta content="Dive into Riddle&Code's extensive industry research, where experts shed light on subjects spanning from tokenization in energy and supply chain sectors, to decentralized solutions in the industrial field. Keep abreast with the latest studies, news, and evolving trends." property="og:description"/>
-    <meta content="../images/641396f2cc997d3e6da5892b_r&c_news.jpg" property="og:image"/>
-    <meta content="Riddle&Code News" property="twitter:title"/>
-    <meta content="Riddle&Code's extensive industry research, where experts shed light on subjects spanning from tokenization in energy and supply chain sectors, to decentralized solutions in the industrial field. Keep abreast with the latest studies, news, and evolving trends." property="twitter:description"/>
-    <meta content="../images/641396f2cc997d3e6da5892b_r&c_news.jpg" property="twitter:image"/>
-    <meta content="website" property="og:type"/>
-    <meta content="summary_large_image" name="twitter:card"/>
-    <meta content="width=device-width, initial-scale=1" name="viewport"/>
-    
-    <link href="../styles/main.css" rel="stylesheet" type="text/css"/>
-
-    <!-- Common Head Elements -->
-    <script src="../scripts/load-head-common.js"></script>
+    <title>News — Riddle&amp;Code</title>
+    <meta name="description" content="Latest news, research and updates from Riddle&amp;Code and the KERN team."/>
+    <meta property="og:title" content="News — Riddle&amp;Code"/>
+    <meta property="og:description" content="Latest news, research and updates from Riddle&amp;Code and the KERN team."/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/news.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/news.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/news.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
     <style>
       .content-grid {
         display: grid;
@@ -28,7 +21,7 @@
         gap: 2rem;
         margin-top: 2rem;
       }
-      
+
       .news-card {
         background: rgba(255, 255, 255, 0.03);
         border: 1px solid rgba(255, 255, 255, 0.1);
@@ -39,19 +32,20 @@
         display: block;
         height: 100%;
       }
-      
-      .news-card:hover {
+
+      .news-card:hover,
+      .embed-card:hover {
         background: rgba(255, 255, 255, 0.05);
         border-color: var(--primary-green);
         transform: translateY(-4px);
       }
-      
+
       .news-card h3 {
         color: var(--text-primary);
         margin-bottom: 0.5rem;
         font-size: 1.25rem;
       }
-      
+
       .news-card .news-tag {
         color: var(--primary-green);
         font-size: 0.875rem;
@@ -59,13 +53,13 @@
         margin-bottom: 0.5rem;
         display: block;
       }
-      
+
       .news-card p {
         color: var(--text-secondary);
         font-size: 0.95rem;
         line-height: 1.6;
       }
-      
+
       .news-card img {
         width: 100%;
         max-height: 180px;
@@ -73,12 +67,12 @@
         border-radius: 8px;
         margin-bottom: 1rem;
       }
-      
+
       .medium-card {
         display: flex;
         flex-direction: column;
       }
-      
+
       .medium-card img {
         width: 100%;
         height: 150px;
@@ -87,43 +81,45 @@
         margin-bottom: 1rem;
         flex-shrink: 0;
       }
-      
+
       .medium-card h3 {
         font-size: 1rem;
         line-height: 1.3;
         margin-bottom: 0.5rem;
         color: var(--text-primary);
       }
-      
+
       .medium-card p {
         font-size: 0.875rem;
         line-height: 1.5;
         margin-bottom: 0.5rem;
         flex-grow: 1;
       }
-      
+
       .medium-card .read-more {
         color: var(--primary-green);
         font-size: 0.875rem;
         margin-top: auto;
         padding-top: 0.5rem;
       }
-      
+
       .embed-card {
         background: rgba(255, 255, 255, 0.03);
         border: 1px solid rgba(255, 255, 255, 0.1);
         border-radius: 12px;
-        padding: 1rem;
+        padding: 1.5rem;
         overflow: hidden;
+        transition: all 0.3s ease;
       }
-      
+
       .embed-card iframe {
         width: 100%;
         border-radius: 8px;
       }
-      
+
       .platform-badge {
         display: inline-block;
+        align-self: flex-start;
         padding: 0.25rem 0.75rem;
         border-radius: 6px;
         font-size: 0.75rem;
@@ -132,49 +128,49 @@
         text-transform: uppercase;
         letter-spacing: 0.5px;
       }
-      
+
       .badge-linkedin {
-        background: rgba(0, 119, 181, 0.2);
-        color: #0077b5;
-        border: 1px solid rgba(0, 119, 181, 0.4);
+        background: rgba(255, 255, 255, 0.06);
+        color: var(--text-primary);
+        border: 1px solid rgba(255, 255, 255, 0.2);
       }
-      
+
       .badge-medium {
-        background: rgba(0, 0, 0, 0.3);
-        color: #ffffff;
-        border: 1px solid rgba(255, 255, 255, 0.2);
+        background: rgba(46, 61, 82, 0.6);
+        color: var(--text-secondary);
+        border: 1px solid #2e3d52;
       }
-      
+
       .badge-news {
-        background: rgba(0, 255, 136, 0.1);
+        background: rgba(245, 158, 11, 0.1);
         color: var(--primary-green);
-        border: 1px solid rgba(0, 255, 136, 0.3);
+        border: 1px solid rgba(245, 158, 11, 0.3);
       }
-      
+
       .newsletter-card {
-        background: rgba(0, 255, 136, 0.05);
+        background: rgba(245, 158, 11, 0.05);
         border: 2px solid var(--primary-green);
         border-radius: 12px;
         padding: 2rem;
         margin-bottom: 3rem;
       }
-      
+
       .newsletter-card h3 {
         color: var(--text-primary);
         margin-bottom: 0.5rem;
       }
-      
+
       .newsletter-card p {
         color: var(--text-secondary);
         margin-bottom: 1.5rem;
       }
-      
+
       .newsletter-form {
         display: flex;
         gap: 1rem;
         flex-wrap: wrap;
       }
-      
+
       .newsletter-form input[type="email"] {
         flex: 1;
         min-width: 250px;
@@ -185,12 +181,12 @@
         color: var(--text-primary);
         font-size: 1rem;
       }
-      
+
       .newsletter-form input[type="email"]:focus {
         outline: none;
         border-color: var(--primary-green);
       }
-      
+
       .filter-tabs {
         display: flex;
         gap: 1rem;
@@ -198,7 +194,7 @@
         flex-wrap: wrap;
         justify-content: center;
       }
-      
+
       .filter-tab {
         padding: 0.75rem 1.5rem;
         background: rgba(255, 255, 255, 0.05);
@@ -209,14 +205,14 @@
         transition: all 0.3s ease;
         font-weight: 500;
       }
-      
+
       .filter-tab:hover,
       .filter-tab.active {
         background: var(--primary-green);
         color: var(--dark-bg);
         border-color: var(--primary-green);
       }
-      
+
       @media (max-width: 768px) {
         .content-grid {
           grid-template-columns: 1fr;
@@ -227,39 +223,27 @@
   <body>
     <div class="wrapper">
       <div id="nav-placeholder"></div>
-      <script src="../scripts/load-nav.js"></script>
 
       <section class="hero">
         <h1 class="fade-in">
-          <span class="highlight">News & Insights</span><br>
-          Articles, Updates & Community
+          <span class="highlight">News &amp; Insights</span><br>From Riddle&amp;Code
         </h1>
         <p class="hero-subtitle fade-in">
-          Follow our journey through industry research, LinkedIn updates, Medium articles, and press releases. Stay connected with the latest developments in Web3, energy tokenization, and decentralized infrastructure.
+          Stay up to date with our latest product updates, market research and company news.
         </p>
       </section>
 
       <section class="section">
-        <!--
-        <div class="newsletter-card">
-          <h3>Become an Insider</h3>
-          <p>Subscribe to our newsletter for the latest updates, insights, and industry trends delivered directly to your inbox.</p>
-          <form action="https://riddleandcode.us17.list-manage.com/subscribe/post?u=6bbe708abce949d6a8bc7a0db&id=336a75474f" method="post" class="newsletter-form">
-            <input type="email" name="Email" placeholder="your@email.com" required/>
-            <button type="submit" class="btn btn-primary">Subscribe</button>
-          </form>
-        </div>
-        -->
         <div class="section-header">
           <span class="section-tag">CONTENT HUB</span>
           <h2 class="section-title">Latest Content</h2>
         </div>
 
         <div class="filter-tabs">
-          <button class="filter-tab active" data-filter="all">All</button>
-          <button class="filter-tab" data-filter="linkedin">LinkedIn</button>
-          <button class="filter-tab" data-filter="medium">Medium</button>
-          <button class="filter-tab" data-filter="news">Press Releases</button>
+          <button type="button" class="filter-tab active" data-filter="all">All</button>
+          <button type="button" class="filter-tab" data-filter="linkedin">LinkedIn</button>
+          <button type="button" class="filter-tab" data-filter="medium">Medium</button>
+          <button type="button" class="filter-tab" data-filter="news">Press Releases</button>
         </div>
 
         <div class="content-grid" id="content-container">
@@ -269,11 +253,11 @@ <h2 class="section-title">Latest Content</h2>
 
       <section class="section">
         <div class="cta-section">
-          <h2>Want to Learn More?</h2>
-          <p>Explore our products, partnerships, and the technology driving the future of decentralized energy.</p>
+          <h2>Want to stay updated?</h2>
+          <p>Subscribe to our newsletter or follow us on LinkedIn.</p>
           <div class="cta-buttons">
-            <a href="about-us.html" class="btn btn-primary">About Us</a>
-            <a href="get-in-touch.html" class="btn btn-secondary">Get in Touch</a>
+            <a href="/company/get-in-touch.html" class="btn btn-primary">Contact Us</a>
+            <a href="/" class="btn btn-secondary">Back to Home</a>
           </div>
         </div>
       </section>
@@ -282,15 +266,15 @@ <h2>Want to Learn More?</h2>
         // Load content from JSON
         async function loadContent() {
           try {
-            const response = await fetch('../data/content-feed.json');
+            const response = await fetch('/data/content-feed.json');
             const data = await response.json();
             const container = document.getElementById('content-container');
-            
+
             // Sort posts by date (newest first)
             const sortedPosts = data.posts.sort((a, b) => new Date(b.date) - new Date(a.date));
-            
+
             let dynamicHTML = '';
-            
+
             sortedPosts.forEach(post => {
               if (post.type === 'linkedin' && post.embedUrl) {
                 // LinkedIn embedded post
@@ -334,13 +318,13 @@ <h3>${post.title}</h3>
                 `;
               }
             });
-            
+
             // Insert dynamic content at the beginning of the grid
             container.insertAdjacentHTML('afterbegin', dynamicHTML);
-            
+
             // Initialize filter after content is loaded
             initializeFilters();
-            
+
           } catch (error) {
             console.error('Error loading content:', error);
             const container = document.getElementById('content-container');
@@ -351,20 +335,20 @@ <h3>${post.title}</h3>
             `);
           }
         }
-        
+
         // Filter functionality
         function initializeFilters() {
           const filterTabs = document.querySelectorAll('.filter-tab');
           const contentItems = document.querySelectorAll('[data-category]');
-          
+
           filterTabs.forEach(tab => {
             tab.addEventListener('click', () => {
               const filter = tab.dataset.filter;
-              
+
               // Update active tab
               filterTabs.forEach(t => t.classList.remove('active'));
               tab.classList.add('active');
-              
+
               // Filter content
               contentItems.forEach(item => {
                 if (filter === 'all' || item.dataset.category === filter) {
@@ -376,14 +360,12 @@ <h3>${post.title}</h3>
             });
           });
         }
-        
+
         // Load content when page loads
         document.addEventListener('DOMContentLoaded', loadContent);
       </script>
 
       <div id="footer-modern-placeholder"></div>
-      <script src="../scripts/load-footer-modern.js"></script>
-      <script src="../scripts/fade-in-animations.js"></script>
     </div>
   </body>
 </html>
diff --git a/company/overview.html b/company/overview.html
index fb78b81..3e6e71f 100644
--- a/company/overview.html
+++ b/company/overview.html
@@ -2,17 +2,17 @@
 <html data-wf-domain="www.riddleandcode.com" data-wf-page="651eafbae761a2b4e1c54c6b" data-wf-site="63eb258eae57fdd13c41eaff" lang="en">
   <head>
     <meta charset="utf-8"/>
-    <title>Riddle&Code Company Overview</title>
+    <title>Riddle&amp;Code Company Overview</title>
     <link href="https://www.riddleandcode.com/company/overview" hreflang="x-default" rel="alternate"/>
     <link href="https://www.riddleandcode.com/company/overview" hreflang="en" rel="alternate"/>
     <link href="https://www.riddleandcode.com/de/company/overview" hreflang="de" rel="alternate"/>
-    <meta content="Gain comprehensive insights into the operations and offerings of Riddle&Code Company." name="description"/>
+    <meta content="Gain comprehensive insights into the operations and offerings of Riddle&amp;Code Company." name="description"/>
     <meta content="Overview" property="og:title"/>
-    <meta content="Gain comprehensive insights into the operations and offerings of Riddle&Code Company." property="og:description"/>
-    <meta content="../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg" property="og:image"/>
+    <meta content="Gain comprehensive insights into the operations and offerings of Riddle&amp;Code Company." property="og:description"/>
+    <meta content="../images/64016ca765813c2f96ead2ca_r&amp;c_onboarding.jpg" property="og:image"/>
     <meta content="Overview" property="twitter:title"/>
-    <meta content="Gain comprehensive insights into the operations and offerings of Riddle&Code Company." property="twitter:description"/>
-    <meta content="../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg" property="twitter:image"/>
+    <meta content="Gain comprehensive insights into the operations and offerings of Riddle&amp;Code Company." property="twitter:description"/>
+    <meta content="../images/64016ca765813c2f96ead2ca_r&amp;c_onboarding.jpg" property="twitter:image"/>
     <meta content="website" property="og:type"/>
     <meta content="summary_large_image" name="twitter:card"/>
     <meta content="width=device-width, initial-scale=1" name="viewport"/>
@@ -30,10 +30,10 @@
       <section class="hero">
         <h1 class="fade-in">
           <span class="highlight">Company Overview</span><br>
-          Explore Riddle&Code
+          Explore Riddle&amp;Code
         </h1>
         <p class="hero-subtitle fade-in">
-          Gain comprehensive insights into the operations, offerings, and story of Riddle&Code. Discover our latest news, explore our media resources, learn about our team, and find opportunities to join us or get in touch.
+          Gain comprehensive insights into the operations, offerings, and story of Riddle&amp;Code. Discover our latest news, explore our media resources, learn about our team, and find opportunities to join us or get in touch.
         </p>
       </section>
 
@@ -45,7 +45,7 @@ <h2 class="section-title">Company Resources</h2>
 
         <div class="target-grid">
           <a href="news.html" class="target-card" style="text-decoration: none;">
-            <h3>News & Insights</h3>
+            <h3>News &amp; Insights</h3>
             <p>Stay up-to-date with our latest research, announcements, and industry insights. Explore articles on tokenization, decentralized infrastructure, and sustainable technology solutions.</p>
           </a>
 
@@ -61,7 +61,7 @@ <h3>Blog</h3>
 
           <a href="about-us.html" class="target-card" style="text-decoration: none;">
             <h3>About Us</h3>
-            <p>Learn about our mission, vision, and the team behind Riddle&Code. Discover how we're building the infrastructure for the future.</p>
+            <p>Learn about our mission, vision, and the team behind Riddle&amp;Code. Discover how we're building the infrastructure for the future.</p>
           </a>
 
           <a href="career.html" class="target-card" style="text-decoration: none;">
diff --git a/cspell.de.json b/cspell.de.json
new file mode 100644
index 0000000..5aec2cf
--- /dev/null
+++ b/cspell.de.json
@@ -0,0 +1,128 @@
+{
+  "version": "0.2",
+  "language": "de,en",
+  "import": [
+    "@cspell/dict-de-de/cspell-ext.json",
+    "@cspell/dict-de-at/cspell-ext.json"
+  ],
+  "useGitignore": true,
+  "files": [
+    "de/**/*.html",
+    "locales/de.yaml"
+  ],
+  "ignorePaths": [
+    "archive/**",
+    "images/**",
+    "slides/**",
+    "ttf/**",
+    "data/**",
+    "de/includes/**"
+  ],
+  "ignoreRegExpList": [
+    "/<style[\\s\\S]*?<\\/style>/g",
+    "/<script[\\s\\S]*?<\\/script>/g",
+    "/\\b(?:class|id)\\s*=\\s*\"[^\"]*\"/g",
+    "/\\b(?:src|href)\\s*=\\s*\"[^\"]*\"/g"
+  ],
+  "words": [
+    "Abregelungsvermeidung",
+    "Aggregatorbeziehungen",
+    "Aggregatoren",
+    "besichtigbar",
+    "BHKW",
+    "Bodner",
+    "Campusse",
+    "CAPEX",
+    "Code",
+    "EEBUS",
+    "Einspeiser",
+    "Energieassets",
+    "Flexibilitaetsgebote",
+    "Flexibilitaetsprognose",
+    "Flexibilitaetsprognosen",
+    "Flexibilitäts",
+    "Flexibilitätsaggregation",
+    "Flexibilitätsaggregator",
+    "Flexibilitätsbedarf",
+    "Flexibilitätsberichterstattung",
+    "Flexibilitätserlöse",
+    "Flexibilitätsgebote",
+    "Flexibilitätskapazität",
+    "Flexibilitätsmanagements",
+    "Flexibilitätsmärkten",
+    "Flexibilitätsmonetarisierung",
+    "Flexibilitätsportfolio",
+    "Flexibilitätspotenzial",
+    "Flexibilitätsprofil",
+    "Flexibilitätsprognose",
+    "Flexibilitätsprognosen",
+    "Flexibilitätssignal",
+    "Flexibilitätssteuerung",
+    "Flexibilitätsstrategie",
+    "Flexibilitätsverpflichtung",
+    "Flexibilitätsverpflichtungen",
+    "forecastable",
+    "forwhom",
+    "Fürstner",
+    "gequotete",
+    "Gebotsposition",
+    "HVAC",
+    "Infrastruktureinfluss",
+    "Infrastrukturlücke",
+    "Infrastrukturplattform",
+    "inselbetriebsfähig",
+    "Interviewmöglichkeiten",
+    "Intraday",
+    "integ",
+    "Intradaypreise",
+    "Intradaypreissignale",
+    "KERN",
+    "Konnektivitäts",
+    "Konnektivitätsarchitektur",
+    "Konnektivitätsproblemen",
+    "Konnektivitätsschicht",
+    "Lastspitzenkappung",
+    "linkedin",
+    "Livesystem",
+    "LPWAN",
+    "maximise",
+    "Microgrid",
+    "Microgrids",
+    "MIOTY",
+    "mioty",
+    "Modbus",
+    "mypwr",
+    "netzskale",
+    "Normalised",
+    "OCPP",
+    "OPTIMISATION",
+    "optim",
+    "optionen",
+    "optimisation",
+    "Optimisation",
+    "organises",
+    "Partnerschaftsoptionen",
+    "Plattformintegrationen",
+    "Plattformschicht",
+    "Poenalen",
+    "Pönalen",
+    "Portfoliogröße",
+    "Preissignalbasierter",
+    "prognosebasierter",
+    "REBALANCE",
+    "Rebalancing",
+    "Redispatch",
+    "Riddle",
+    "Sandner",
+    "Schrittwieser",
+    "Sub",
+    "Versorgerbündelpreise",
+    "versorgereigener",
+    "wettergestützte",
+    "wettergestützten",
+    "Zertifikatsbasierte",
+    "Zigbee",
+    "zigbee",
+    "zweckgebaut"
+  ]
+}
diff --git a/cspell.en.json b/cspell.en.json
new file mode 100644
index 0000000..fc674da
--- /dev/null
+++ b/cspell.en.json
@@ -0,0 +1,98 @@
+{
+  "version": "0.2",
+  "language": "en,en-GB",
+  "useGitignore": true,
+  "files": [
+    "404.html",
+    "index.html",
+    "legal.html",
+    "privacy-policy.html",
+    "terms.html",
+    "company/**/*.html",
+    "kern/**/*.html",
+    "technology/**/*.html",
+    "references/**/*.html",
+    "product/**/*.html"
+  ],
+  "ignorePaths": [
+    "de/**",
+    "archive/**",
+    "images/**",
+    "slides/**",
+    "ttf/**",
+    "data/**",
+    "csv/**",
+    "media/**",
+    "showcase/**",
+    "news/**",
+    "templates/**",
+    "includes/**",
+    "company/css/**",
+    "company/js/**",
+    "*.bak"
+  ],
+  "ignoreRegExpList": [
+    "/<style[\\s\\S]*?<\\/style>/g",
+    "/<script[\\s\\S]*?<\\/script>/g",
+    "/\\b(?:class|id)\\s*=\\s*\"[^\"]*\"/g",
+    "/\\b(?:src|href)\\s*=\\s*\"[^\"]*\"/g"
+  ],
+  "words": [
+    "aFRR",
+    "BESS",
+    "cybergrid",
+    "EAG",
+    "EEBUS",
+    "EnFG",
+    "Fröhlich",
+    "forecastable",
+    "egon",
+    "FCR",
+    "HEMS",
+    "Heiligenkreuz",
+    "joulie",
+    "KERN",
+    "Lumenaza",
+    "MIOTY",
+    "Modbus",
+    "monetisable",
+    "monetisation",
+    "MYPWR",
+    "mypwr",
+    "Microgrid",
+    "microgrid",
+    "Microgrids",
+    "microgrids",
+    "neighbourhood",
+    "normalised",
+    "normalises",
+    "OCPP",
+    "optimisation",
+    "optimised",
+    "optimises",
+    "optimising",
+    "Intraday",
+    "intraday",
+    "LPWAN",
+    "HVAC",
+    "CAPEX",
+    "dispatchable",
+    "Bodner",
+    "Fürstner",
+    "Barichgasse",
+    "Redispatch",
+    "rebalances",
+    "riddleandcode",
+    "Sandner",
+    "SCADA",
+    "Schrittwieser",
+    "Straße",
+    "Steiermark",
+    "Stadtwerke",
+    "SunSpec",
+    "TTTech",
+    "VERBUND",
+    "Zigbee",
+    "Wetzlas"
+  ]
+}
diff --git a/data/content-feed.json b/data/content-feed.json
index 2cb1a37..171a89b 100644
--- a/data/content-feed.json
+++ b/data/content-feed.json
@@ -135,7 +135,7 @@
       "title": "Low Power Networks: The Backbone of Profitable Energy Communities",
       "description": "Exploring how low power networks enable sustainable and profitable energy communities through decentralized infrastructure.",
       "url": "../news/low-power-networks-the-backbone-of-profitable-energy-communities.html",
-      "image": "../images/67c5c35db7879dc09010d86a_IMG-20250228-WA0001.jpg",
+      "image": "/images/67c5c35db7879dc09010d86a_IMG-20250228-WA0001.jpg",
       "date": "2025-02-28",
       "featured": false
     },
@@ -144,7 +144,7 @@
       "title": "EU Showcase Project Stanz im Mürztal",
       "description": "When citizens get together and produce their own green energy, trading it among themselves - there's beer for kilowatts.",
       "url": "../news/press-release-energy-community-stanzertal-eu-showcase-project.html",
-      "image": "../images/645e4c94cdc5c707267bf5fc_Stanz Roll-up (900 × 900px)-12.png",
+      "image": "/images/645e4c94cdc5c707267bf5fc_Stanz Roll-up (900 × 900px)-12.png",
       "date": "2023-05-11",
       "featured": false
     },
@@ -153,7 +153,7 @@
       "title": "Revolutionizing Business Models with a Blockchain for Machines",
       "description": "Solving the Oracle Problem with Smart Hardware Wallets and Tokenization to bring traditional machines to Web3.",
       "url": "../news/revolutionizing-business-models-with-a-blockchain-for-machines.html",
-      "image": "../images/642c2b6c6585b9f96bfe17ab_Visuals for social media -5.jpg",
+      "image": "/images/642c2b6c6585b9f96bfe17ab_Visuals for social media -5.jpg",
       "date": "2023-04-04",
       "featured": false
     }
diff --git a/de/company/about-us.html b/de/company/about-us.html
new file mode 100644
index 0000000..2672336
--- /dev/null
+++ b/de/company/about-us.html
@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="utf-8"/>
+    <title>Über Riddle&amp;Code — Infrastruktur für verteilte Energie</title>
+    <meta name="description" content="Riddle&amp;Code baut KERN — die Infrastrukturplattform für verteiltes Energiemanagement. Für Energieversorger, Aggregatoren und Gemeinschaften in ganz Europa."/>
+    <meta property="og:title" content="Über Riddle&amp;Code — Infrastruktur für verteilte Energie"/>
+    <meta property="og:description" content="Riddle&amp;Code baut KERN — die Infrastrukturplattform für verteiltes Energiemanagement. Für Energieversorger, Aggregatoren und Gemeinschaften in ganz Europa."/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/about-us.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/about-us.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/about-us.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
+  </head>
+  <body>
+    <div class="wrapper">
+      <div id="nav-placeholder"></div>
+
+      <section class="hero">
+        <p style="font-size: 0.875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--kern-accent); margin-bottom: 1rem;">Wien, Österreich</p>
+        <h1 class="fade-in">
+          Infrastruktur für<br><span class="highlight">verteilte Energie.</span>
+        </h1>
+        <p class="hero-subtitle fade-in">
+          Riddle&amp;Code baut KERN — die Plattform, mit der Energieversorger und Aggregatoren verteilte Energieanlagen verbinden, verwalten und monetarisieren. Wir besitzen den gesamten Stack: Hardware, Konnektivität, Plattform und Marktzugang.
+        </p>
+      </section>
+
+      <!-- Why we exist -->
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">WARUM WIR EXISTIEREN</span>
+          <h2 class="section-title">Die Infrastrukturlücke in der Energiewende</h2>
+          <p class="section-description">
+            Dezentrale Energiequellen nehmen zu — Dachsolar, Batterien, Wärmepumpen, Ladestationen. Energieversorger stehen vor Flexibilitätsverpflichtungen. Aggregatoren brauchen Skalierung. Niemand wollte die Konnektivitäts- und Compliance-Schicht von Grund auf neu aufbauen.<br><br>Wir haben es getan.
+          </p>
+        </div>
+
+        <div class="value-grid">
+          <div class="value-card">
+            <h3>Infrastruktur, keine Apps</h3>
+            <p>KERN ist die Schicht, die zwischen physischen Assets und Energiemärkten sitzt. Wir sind keine Verbraucher-App oder ein Ableseservice. Wir sind die Plattform, die Ihr Betriebsteam zuverlässig und skalierbar betreibt.</p>
+          </div>
+
+          <div class="value-card">
+            <h3>Vollständige Stack-Kontrolle</h3>
+            <p>Hardware, MIOTY-Funkkonnektivität, HEMS/ESC/LSP-Plattform und direkter Marktzugang in einer einzigen Integration. Partner setzen einmal auf — kein Zusammenstückeln mehrerer Anbieter.</p>
+          </div>
+
+          <div class="value-card">
+            <h3>Regulatorische Komplexität absorbiert</h3>
+            <p>EEG-Compliance, Flexibilitätsberichterstattung und Prüfdokumentation sind in KERN integriert — kein manueller Prozess. Wir tragen die technische und regulatorische Komplexität, damit Sie die Kundenbeziehung tragen.</p>
+          </div>
+        </div>
+      </section>
+
+      <!-- What we build -->
+      <section class="section">
+        <div class="tech-stack">
+          <h3 style="font-size: 2rem; margin-bottom: 0.5rem;">Was KERN liefert</h3>
+          <p style="font-size: 1.125rem; color: var(--text-muted); margin-bottom: 2rem;">Eine Plattform. Drei Asset-Klassen. Eine Integration.</p>
+
+          <div class="tech-layers">
+            <div class="tech-layer">
+              <h4>MIOTY-Funkkonnektivität</h4>
+              <p>10 km Reichweite, 1,5 Millionen Nachrichten pro Tag, ultra-niedriger Stromverbrauch. Kein WLAN, keine App-Abhängigkeit — funktioniert in Kellern, ländlichen Gebieten und Industriestandorten.</p>
+              <div class="tech-features">
+                <span class="tech-feature">IEC standard</span>
+                <span class="tech-feature">10km range</span>
+                <span class="tech-feature">1.5M msg/day</span>
+                <span class="tech-feature">No per-asset commissioning</span>
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <h4>HEMS — Wohngebäude-Assets</h4>
+              <p>Verwaltung von Wohngebäude-PV- und Batterieportfolios. Optimierung von Intraday-Handel, Flexibilitätssteuerung und Abregelungsvermeidung — automatisch, über Tausende von Haushalten.</p>
+              <div class="tech-features">
+                <span class="tech-feature">PV + battery</span>
+                <span class="tech-feature">Intraday trading</span>
+                <span class="tech-feature">€114/asset/yr ARR</span>
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <h4>ESC — Energiegemeinschaften</h4>
+              <p>Gemeinschaftliche Energiebündelung für österreichische und EU-Rechtsrahmen. Compliance ist prüfbar und automatisiert — kein manueller Prozess für Ihre Rechtsabteilung.</p>
+              <div class="tech-features">
+                <span class="tech-feature">EU regulatory compliant</span>
+                <span class="tech-feature">Automated reporting</span>
+                <span class="tech-feature">€24/member/yr ARR</span>
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <h4>LSP — Netzskala-Flexibilität</h4>
+              <p>Large Scale Plant Management für netzskale Assets: BESS, industrielle Lasten und aggregierte Portfolios. Direktzugang zu Systemdienstleistungs- und Flexibilitätsmärkten.</p>
+              <div class="tech-features">
+                <span class="tech-feature">aFRR / FCR</span>
+                <span class="tech-feature">Direct market access</span>
+                <span class="tech-feature">€25k/plant/yr ARR</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- Proof points -->
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">REFERENZEN</span>
+          <h2 class="section-title">Validiert, nicht versprochen</h2>
+        </div>
+
+        <div class="value-grid">
+          <div class="value-card">
+            <h3>Führende Energieversorger</h3>
+            <p>Validiert mit führenden Energieversorgern. Das Einsatzmodell, die regulatorische Ausrichtung und die Wirtschaftlichkeit sind auf regionaler Ebene validiert.</p>
+          </div>
+
+          <div class="value-card">
+            <h3>MIOTY im Maßstab</h3>
+            <p>1,5 Millionen Nachrichten pro Tag demonstrierte Kapazität. IEC-standardisiert — kein proprietäres Lock-in. Partner übernehmen einen veröffentlichten Standard.</p>
+          </div>
+
+          <div class="value-card">
+            <h3>Wirtschaftlichkeit, die funktioniert</h3>
+            <p>Hardware zu €239 Verkauf / €100 COGS — 58 % Marge. Plattform-ARR von €114 pro HEMS-Haushalt pro Jahr. Die Wirtschaftlichkeit unterstützt Versorgerbündelpreise im Maßstab.</p>
+          </div>
+        </div>
+      </section>
+
+      <!-- Leadership -->
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">GRÜNDER</span>
+          <h2 class="section-title">Das Team hinter KERN</h2>
+        </div>
+
+        <div class="target-grid">
+          <div class="target-card" style="text-align: center;">
+            <div style="margin-bottom: 1rem;">
+              <img alt="Manfred Bodner" loading="lazy" src="/images/641448a8c8908b14e521f743_manfred.jpeg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
+            </div>
+            <h3 class="target-title">Manfred Bodner</h3>
+            <p class="target-description" style="margin-bottom: 1rem;">Co-Founder</p>
+            <a href="https://www.linkedin.com/in/manfred-bodner-5b707b5/" target="_blank" style="display: inline-block;">
+              <img alt="LinkedIn" loading="lazy" src="/images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
+            </a>
+          </div>
+
+          <div class="target-card" style="text-align: center;">
+            <div style="margin-bottom: 1rem;">
+              <img alt="Tom Fürstner" loading="lazy" src="/images/64144676a24d13496177d75e__0006_tom.jpg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
+            </div>
+            <h3 class="target-title">Tom Fürstner</h3>
+            <p class="target-description" style="margin-bottom: 1rem;">Co-Founder</p>
+            <a href="https://www.linkedin.com/in/thomas-fuerstner-0797592/" target="_blank" style="display: inline-block;">
+              <img alt="LinkedIn" loading="lazy" src="/images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
+            </a>
+          </div>
+
+          <div class="target-card" style="text-align: center;">
+            <div style="margin-bottom: 1rem;">
+              <img alt="Rene Schrittwieser" loading="lazy" src="/images/67bc252a9c5d3fcca45df636_image0.jpeg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
+            </div>
+            <h3 class="target-title">Rene Schrittwieser</h3>
+            <p class="target-description" style="margin-bottom: 1rem;">Investor</p>
+            <a href="https://www.linkedin.com/in/rene-schrittwieser-12a7b9114" target="_blank" style="display: inline-block;">
+              <img alt="LinkedIn" loading="lazy" src="/images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
+            </a>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="cta-section">
+          <h2>Sprechen Sie mit dem Team</h2>
+          <p>Executive Briefing, technischer Deep Dive oder Partnergespräch — wir passen das Format an Ihre Situation an.</p>
+          <div class="cta-buttons">
+            <a href="/company/get-in-touch.html" class="btn btn-primary">Kontakt aufnehmen</a>
+            <a href="/kern/" class="btn btn-secondary">KERN entdecken</a>
+          </div>
+        </div>
+      </section>
+
+      <div id="footer-modern-placeholder"></div>
+    </div>
+  </body>
+</html>
diff --git a/de/company/career.html b/de/company/career.html
new file mode 100644
index 0000000..e032213
--- /dev/null
+++ b/de/company/career.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="utf-8"/>
+    <title>Karriere — Riddle&amp;Code</title>
+    <meta name="description" content="Werden Sie Teil des Teams, das KERN aufbaut — die Infrastrukturplattform für verteilte Energie."/>
+    <meta property="og:title" content="Karriere — Riddle&amp;Code"/>
+    <meta property="og:description" content="Werden Sie Teil des Teams, das KERN aufbaut — die Infrastrukturplattform für verteilte Energie."/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/career.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/career.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/career.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
+  </head>
+  <body>
+    <div class="wrapper">
+      <div id="nav-placeholder"></div>
+
+      <section class="hero">
+        <h1 class="fade-in">
+          <span class="highlight">Werden Sie Teil des Teams</span><br>Bauen Sie Infrastruktur für die Energiewende
+        </h1>
+        <p class="hero-subtitle fade-in">
+          Riddle&amp;Code baut KERN — die Plattform, mit der Energieversorger und Aggregatoren verteilte Energieanlagen verbinden, steuern und monetarisieren. Wir arbeiten an schwierigen Problemen in der Energieinfrastruktur, Funkkonnektivität und autonomen Systemen.
+        </p>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">UNSER ZWECK</span>
+          <h2 class="section-title">Der Riddle&amp;Code-Geist</h2>
+        </div>
+
+        <div class="value-grid">
+          <div class="value-card">
+            <h3>Zweck: Warum existieren wir?</h3>
+            <p><strong>Infrastruktur für die Energiewende aufbauen.</strong></p>
+            <p>Wir liefern die Konnektivitäts- und Autonomieschicht, die verteilte Energieanlagen zu verwaltbarer, monetarisierbarer Infrastruktur macht — für Energieversorger und Aggregatoren in ganz Europa.</p>
+          </div>
+
+          <div class="value-card">
+            <h3>Vision: Wohin gehen wir?</h3>
+            <p><strong>Ein Europa, in dem jede verteilte Energieanlage zur Netzstabilität beiträgt.</strong></p>
+            <p>Wir sehen ein Netz, in dem Flexibilität hinter dem Zähler kontinuierlich prognostiziert, gesteuert und bestätigt wird — ohne manuelle Eingriffe, in jedem Maßstab.</p>
+          </div>
+
+          <div class="value-card">
+            <h3>Mission: Wie erreichen wir das?</h3>
+            <p><strong>KERN in jedem Flexibilitäts-Stack eines europäischen Versorgers bis 2030.</strong></p>
+            <p>Unser Ziel ist es, die autonome Energiemanagementschicht zu liefern, die verteilte Flexibilität zuverlässig, monetarisierbar und skalierbar macht.</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="tech-stack">
+          <h3 style="font-size: 2rem; margin-bottom: 1rem;">Unsere Kernwerte</h3>
+          <p style="font-size: 1.125rem; margin-bottom: 2rem;">Die Prinzipien, die alles leiten, was wir tun</p>
+
+          <div class="tech-layers">
+            <div class="tech-layer">
+              <div class="tech-layer-label">Neugier</div>
+              <div class="tech-layer-description">
+                Wir erforschen, hinterfragen und lernen ständig. Neugier treibt Innovation und hilft uns, Grenzen beim Aufbau von Energieinfrastruktur zu verschieben.
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <div class="tech-layer-label">Empathie</div>
+              <div class="tech-layer-description">
+                Das Verständnis unserer Kollegen, Partner und Kunden ermöglicht es uns, Lösungen zu entwickeln, die wirklich wichtig sind und einen Unterschied machen.
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <div class="tech-layer-label">Zuhören</div>
+              <div class="tech-layer-description">
+                Aktives Zuhören hilft uns, Bedürfnisse zu verstehen, effektiv zusammenzuarbeiten und gemeinsam bessere Produkte zu entwickeln.
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <div class="tech-layer-label">Beharrlichkeit</div>
+              <div class="tech-layer-description">
+                Schwierige Probleme zu lösen erfordert Ausdauer. Wir nehmen Herausforderungen an und bleiben dran, bis wir unsere Ziele erreichen.
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <div class="tech-layer-label">Freude</div>
+              <div class="tech-layer-description">
+                Wir glauben daran, den Weg zu genießen. Eine positive, engagierte Unternehmenskultur bringt unsere besten Leistungen hervor.
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <div class="tech-layer-label">Engagement</div>
+              <div class="tech-layer-description">
+                Wir sind unserer Mission, unserem Team und unseren Partnern verpflichtet. Engagement treibt Exzellenz in allem, was wir liefern.
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">VORTEILE</span>
+          <h2 class="section-title">Warum Riddle&amp;Code?</h2>
+        </div>
+
+        <div class="target-grid">
+          <div class="target-card">
+            <h3>Echter Infrastruktureinfluss</h3>
+            <p>Arbeiten Sie an einem Produktivsystem, das live Energieassets verwaltet. Ihr Code steuert echte Hardware hinter echten Zählern — keine Simulation.</p>
+          </div>
+
+          <div class="target-card">
+            <h3>Wien &amp; Remote</h3>
+            <p>Wien wurde zum zehnten Mal in Folge zur lebenswertesten Stadt gewählt, und wir wissen, dass es andere schöne Orte gibt. Arbeiten Sie dort, wo Sie am produktivsten sind.</p>
+          </div>
+
+          <div class="target-card">
+            <h3>Flexibles Umfeld</h3>
+            <p>Modernes Büro oder Remote-Arbeit — genießen Sie ein flexibles Arbeitsumfeld, das sich Ihren Bedürfnissen anpasst.</p>
+          </div>
+
+          <div class="target-card">
+            <h3>Europäischer Energiemarkt</h3>
+            <p>Arbeiten Sie an der Schnittstelle von Funktechnologie, Energiemärkten und regulatorischen Rahmenbedingungen in Österreich, Deutschland und der EU.</p>
+          </div>
+
+          <div class="target-card">
+            <h3>Faire Vergütung</h3>
+            <p>Erhalten Sie eine faire Vergütung, die Ihren Qualifikationen und Ihrer Erfahrung entspricht.</p>
+          </div>
+
+          <div class="target-card">
+            <h3>Work-Life-Balance</h3>
+            <p>Ein ausgeruhtes Sie ist ein glückliches Sie. Wir sorgen dafür, dass Sie genug Zeit für die Work-Life-Balance haben.</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="cta-section">
+          <h2>Bereit, uns beizutreten?</h2>
+          <p>Wir suchen immer talentierte Menschen, die unsere Leidenschaft für den Aufbau von Infrastruktur für die Energiewende teilen.</p>
+          <div class="cta-buttons">
+            <a href="/company/get-in-touch.html" class="btn btn-primary">Offene Stellen ansehen</a>
+            <a href="/company/about-us.html" class="btn btn-secondary">Mehr über uns erfahren</a>
+          </div>
+        </div>
+      </section>
+
+      <div id="footer-modern-placeholder"></div>
+    </div>
+  </body>
+</html>
diff --git a/de/company/get-in-touch.html b/de/company/get-in-touch.html
new file mode 100644
index 0000000..9d8512f
--- /dev/null
+++ b/de/company/get-in-touch.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="utf-8"/>
+    <title>Kontakt — KERN by Riddle&amp;Code</title>
+    <meta name="description" content="Demo buchen, Besuch der Live-Referenzanlage vereinbaren oder besprechen, wie KERN in Ihre Infrastruktur passt."/>
+    <meta property="og:title" content="Kontakt — KERN by Riddle&amp;Code"/>
+    <meta property="og:description" content="Demo buchen, Besuch der Live-Referenzanlage vereinbaren oder besprechen, wie KERN in Ihre Infrastruktur passt."/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/get-in-touch.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/get-in-touch.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/get-in-touch.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
+  </head>
+  <body>
+    <div class="wrapper">
+      <div id="nav-placeholder"></div>
+
+      <section class="hero">
+        <h1 class="fade-in">
+          Sprechen wir.<br><strong>Kontakt aufnehmen</strong>
+        </h1>
+        <p class="hero-subtitle fade-in">
+          Demo buchen, Besuch unserer Live-Referenzanlage vereinbaren oder besprechen, wie KERN in Ihren Versorger- oder Aggregator-Stack passt.
+        </p>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">KONTAKT</span>
+          <h2 class="section-title">Wege, uns zu erreichen</h2>
+        </div>
+
+        <div class="value-grid">
+          <div class="value-card">
+            <h3>Allgemeine Anfragen</h3>
+            <p>Für allgemeine Fragen zu KERN, unserer Technologie und Partnerschaftsoptionen:</p>
+            <p><strong>office@riddleandcode.com</strong></p>
+          </div>
+
+          <div class="value-card">
+            <h3>Demo buchen</h3>
+            <p>30 Minuten — Live-System, echte Assets. Wir zeigen Ihnen den autonomen Regelkreis in Aktion und analysieren, welche Assets in Ihrem Portfolio bereit für KERN sind.</p>
+          </div>
+
+          <div class="value-card">
+            <h3>Besuch anfragen</h3>
+            <p>Unsere Referenzanlage in Österreich ist auf Anfrage besichtigbar — ein Live-MV/LV-Microgrid mit KERN im Produktiveinsatz.</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">STANDORT</span>
+          <h2 class="section-title">Hauptsitz</h2>
+        </div>
+
+        <div class="tech-stack">
+          <div style="max-width: 600px; margin: 0 auto; text-align: center;">
+            <p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary);">
+              <strong style="color: var(--text-primary);">Riddle &amp; Code GmbH</strong><br/>
+              c/o Spaces Icon Central Station<br/>
+              Gertrude-Fröhlich-Sandner-Straße 2-4/Tower 9<br/>
+              1100 Vienna, Austria
+            </p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">WARUM KONTAKT</span>
+          <h2 class="section-title">Womit wir helfen können</h2>
+        </div>
+
+        <div class="target-grid">
+          <div class="target-card">
+            <h3>Executive Briefing</h3>
+            <p>Strategischer Überblick über KERN, die Marktchance und wie wir in Ihre Flexibilitätsstrategie passen. 45 Minuten, C-Level-Format.</p>
+          </div>
+
+          <div class="target-card">
+            <h3>Technischer Deep Dive</h3>
+            <p>API-Spezifikationen, Konnektivitätsarchitektur, Integrationsansatz für Ihren spezifischen Asset-Mix. Für Ihr technisches Team.</p>
+          </div>
+
+          <div class="target-card">
+            <h3>Live-Referenz</h3>
+            <p>Besuchen Sie unsere Produktionsanlage in Österreich — ein echtes Versorger-Deployment mit MV/LV-Microgrid, Aggregator und Energiegemeinschaftsplattform.</p>
+          </div>
+
+          <div class="target-card">
+            <h3>Partnerschaft</h3>
+            <p>Versorgungspartnerschaften, Aggregatorbeziehungen, Plattformintegrationen — lassen Sie uns das richtige Geschäftsmodell besprechen.</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="cta-section">
+          <h2>Bereit zur Kontaktaufnahme?</h2>
+          <p>Schreiben Sie uns an office@riddleandcode.com oder buchen Sie direkt eine Demo.</p>
+          <div class="cta-buttons">
+            <a href="mailto:office@riddleandcode.com" class="btn btn-primary">E-Mail senden</a>
+            <a href="/kern/" class="btn btn-secondary">KERN kennenlernen</a>
+          </div>
+        </div>
+      </section>
+
+      <div id="footer-modern-placeholder"></div>
+    </div>
+  </body>
+</html>
diff --git a/de/company/media.html b/de/company/media.html
new file mode 100644
index 0000000..67df279
--- /dev/null
+++ b/de/company/media.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="utf-8"/>
+    <title>Medien — Riddle&amp;Code</title>
+    <meta name="description" content="Pressemappe, Markenlogos, Bildmaterial und Medienkontakt für Riddle&amp;Code und KERN."/>
+    <meta property="og:title" content="Medien — Riddle&amp;Code"/>
+    <meta property="og:description" content="Pressemappe, Markenlogos, Bildmaterial und Medienkontakt für Riddle&amp;Code und KERN."/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/media.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/media.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/media.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
+  </head>
+  <body>
+    <div class="wrapper">
+      <div id="nav-placeholder"></div>
+
+      <section class="hero">
+        <h1 class="fade-in">
+          Media Hub.<br><strong>Pressemappe &amp; Markenressourcen</strong>
+        </h1>
+        <p class="hero-subtitle fade-in">
+          Willkommen im Media Hub von Riddle&amp;Code. Hier finden Sie unsere Pressemappe, Markenlogos, Bildmaterial und Informationen zu unseren Medienaktivitäten.
+        </p>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">ÜBER UNS</span>
+          <h2 class="section-title">Wer wir sind</h2>
+        </div>
+
+        <div class="tech-stack">
+          <div style="max-width: 800px; margin: 0 auto;">
+            <p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary); text-align: left;">
+              Riddle&amp;Code baut KERN — die Infrastrukturplattform für dezentrales Energiemanagement. Wir bedienen Energieversorger, Aggregatoren und Energiegemeinschaften in ganz Europa mit autonomer Asset-Konnektivität, Flexibilitätsprognosen und -steuerung.
+            </p>
+            <p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary); text-align: left; margin-top: 1.5rem;">
+              Unsere Technologie, einschließlich MIOTY-Funkkonnektivität und autonomer Steuerung, ist im Produktiveinsatz bei führenden Energieversorgern — mit einem Live-MV/LV-Microgrid, Flexibilitätsaggregator und Energiegemeinschaftsplattform.
+            </p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">DOWNLOADS</span>
+          <h2 class="section-title">Pressmaterialien</h2>
+        </div>
+
+        <div class="value-grid">
+          <div class="value-card">
+            <h3>Markenlogo</h3>
+            <p>Laden Sie unsere offiziellen Markenlogos in verschiedenen Formaten herunter. Enthält helle und dunkle Versionen, horizontale und vertikale Layouts.</p>
+            <a href="https://drive.google.com/drive/u/0/folders/1P95k-jUNWdFXwAOGZRoFYn0b1jQ2xAXg" target="_blank" class="btn btn-primary" style="margin-top: 1rem;">Logo-Paket herunterladen</a>
+          </div>
+
+          <div class="value-card">
+            <h3>Pressemappe</h3>
+            <p>Vollständige Pressemappe mit Unternehmensinformationen, Produktdetails, Führungsbiografien und hochauflösenden Bildern.</p>
+            <a href="https://drive.google.com/drive/u/0/folders/1ex8-q96NAEncUL_pqNvR_YaQmGWD6pt0" target="_blank" class="btn btn-primary" style="margin-top: 1rem;">Pressemappe herunterladen</a>
+          </div>
+
+          <div class="value-card">
+            <h3>Medienpartner-Logos</h3>
+            <p>Logos von Riddle&amp;Code neben unseren Pressepartnern und Medienerwähnungen. Zur Veröffentlichung geeignet.</p>
+            <a href="https://drive.google.com/drive/u/0/folders/1UZp1EqrQ4l_1HY6uNLMqBEfVFWgMzQNR" target="_blank" class="btn btn-primary" style="margin-top: 1rem;">Partner-Logos herunterladen</a>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">MEDIENANFRAGEN</span>
+          <h2 class="section-title">Für Journalisten &amp; Medien</h2>
+        </div>
+
+        <div class="target-grid">
+          <div class="target-card">
+            <h3>Pressemitteilungen</h3>
+            <p>Zugang zu unseren neuesten Pressemitteilungen, Ankündigungen und Unternehmensnachrichten.</p>
+          </div>
+
+          <div class="target-card">
+            <h3>Medienkontakt</h3>
+            <p>Für Medienanfragen, Interviews oder weitere Informationen wenden Sie sich bitte an office@riddleandcode.com</p>
+          </div>
+
+          <div class="target-card">
+            <h3>Interviewanfragen</h3>
+            <p>Wir stehen als Experten für Kommentare zu dezentralem Energiemanagement, Flexibilitätsmärkten, MIOTY-Technologie und der Energiewende zur Verfügung.</p>
+          </div>
+
+          <div class="target-card">
+            <h3>Nutzungsrichtlinien</h3>
+            <p>Bitte respektieren Sie unsere Markenrichtlinien bei der Verwendung von Riddle&amp;Code- und KERN-Assets. Kontaktieren Sie uns bei Fragen.</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="cta-section">
+          <h2>Weitere Informationen benötigt?</h2>
+          <p>Kontaktieren Sie unser Medienteam für zusätzliche Ressourcen, Interviewmöglichkeiten oder Presseanfragen.</p>
+          <div class="cta-buttons">
+            <a href="mailto:office@riddleandcode.com" class="btn btn-primary">Medienteam kontaktieren</a>
+            <a href="/company/news.html" class="btn btn-secondary">Aktuelle Neuigkeiten anzeigen</a>
+          </div>
+        </div>
+      </section>
+
+      <div id="footer-modern-placeholder"></div>
+    </div>
+  </body>
+</html>
diff --git a/de/company/news.html b/de/company/news.html
new file mode 100644
index 0000000..11709ec
--- /dev/null
+++ b/de/company/news.html
@@ -0,0 +1,371 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="utf-8"/>
+    <title>Neuigkeiten — Riddle&amp;Code</title>
+    <meta name="description" content="Aktuelle Neuigkeiten, Forschung und Updates vom Riddle&amp;Code- und KERN-Team."/>
+    <meta property="og:title" content="Neuigkeiten — Riddle&amp;Code"/>
+    <meta property="og:description" content="Aktuelle Neuigkeiten, Forschung und Updates vom Riddle&amp;Code- und KERN-Team."/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/news.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/news.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/news.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
+    <style>
+      .content-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+        gap: 2rem;
+        margin-top: 2rem;
+      }
+
+      .news-card {
+        background: rgba(255, 255, 255, 0.03);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        border-radius: 12px;
+        padding: 1.5rem;
+        transition: all 0.3s ease;
+        text-decoration: none;
+        display: block;
+        height: 100%;
+      }
+
+      .news-card:hover,
+      .embed-card:hover {
+        background: rgba(255, 255, 255, 0.05);
+        border-color: var(--primary-green);
+        transform: translateY(-4px);
+      }
+
+      .news-card h3 {
+        color: var(--text-primary);
+        margin-bottom: 0.5rem;
+        font-size: 1.25rem;
+      }
+
+      .news-card .news-tag {
+        color: var(--primary-green);
+        font-size: 0.875rem;
+        font-weight: 600;
+        margin-bottom: 0.5rem;
+        display: block;
+      }
+
+      .news-card p {
+        color: var(--text-secondary);
+        font-size: 0.95rem;
+        line-height: 1.6;
+      }
+
+      .news-card img {
+        width: 100%;
+        max-height: 180px;
+        object-fit: cover;
+        border-radius: 8px;
+        margin-bottom: 1rem;
+      }
+
+      .medium-card {
+        display: flex;
+        flex-direction: column;
+      }
+
+      .medium-card img {
+        width: 100%;
+        height: 150px;
+        object-fit: cover;
+        border-radius: 8px;
+        margin-bottom: 1rem;
+        flex-shrink: 0;
+      }
+
+      .medium-card h3 {
+        font-size: 1rem;
+        line-height: 1.3;
+        margin-bottom: 0.5rem;
+        color: var(--text-primary);
+      }
+
+      .medium-card p {
+        font-size: 0.875rem;
+        line-height: 1.5;
+        margin-bottom: 0.5rem;
+        flex-grow: 1;
+      }
+
+      .medium-card .read-more {
+        color: var(--primary-green);
+        font-size: 0.875rem;
+        margin-top: auto;
+        padding-top: 0.5rem;
+      }
+
+      .embed-card {
+        background: rgba(255, 255, 255, 0.03);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        border-radius: 12px;
+        padding: 1.5rem;
+        overflow: hidden;
+        transition: all 0.3s ease;
+      }
+
+      .embed-card iframe {
+        width: 100%;
+        border-radius: 8px;
+      }
+
+      .platform-badge {
+        display: inline-block;
+        align-self: flex-start;
+        padding: 0.25rem 0.75rem;
+        border-radius: 6px;
+        font-size: 0.75rem;
+        font-weight: 600;
+        margin-bottom: 1rem;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+      }
+
+      .badge-linkedin {
+        background: rgba(255, 255, 255, 0.06);
+        color: var(--text-primary);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+      }
+
+      .badge-medium {
+        background: rgba(46, 61, 82, 0.6);
+        color: var(--text-secondary);
+        border: 1px solid #2e3d52;
+      }
+
+      .badge-news {
+        background: rgba(245, 158, 11, 0.1);
+        color: var(--primary-green);
+        border: 1px solid rgba(245, 158, 11, 0.3);
+      }
+
+      .newsletter-card {
+        background: rgba(245, 158, 11, 0.05);
+        border: 2px solid var(--primary-green);
+        border-radius: 12px;
+        padding: 2rem;
+        margin-bottom: 3rem;
+      }
+
+      .newsletter-card h3 {
+        color: var(--text-primary);
+        margin-bottom: 0.5rem;
+      }
+
+      .newsletter-card p {
+        color: var(--text-secondary);
+        margin-bottom: 1.5rem;
+      }
+
+      .newsletter-form {
+        display: flex;
+        gap: 1rem;
+        flex-wrap: wrap;
+      }
+
+      .newsletter-form input[type="email"] {
+        flex: 1;
+        min-width: 250px;
+        padding: 0.75rem 1rem;
+        background: var(--dark-bg);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        border-radius: 8px;
+        color: var(--text-primary);
+        font-size: 1rem;
+      }
+
+      .newsletter-form input[type="email"]:focus {
+        outline: none;
+        border-color: var(--primary-green);
+      }
+
+      .filter-tabs {
+        display: flex;
+        gap: 1rem;
+        margin-bottom: 2rem;
+        flex-wrap: wrap;
+        justify-content: center;
+      }
+
+      .filter-tab {
+        padding: 0.75rem 1.5rem;
+        background: rgba(255, 255, 255, 0.05);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        border-radius: 8px;
+        color: var(--text-secondary);
+        cursor: pointer;
+        transition: all 0.3s ease;
+        font-weight: 500;
+      }
+
+      .filter-tab:hover,
+      .filter-tab.active {
+        background: var(--primary-green);
+        color: var(--dark-bg);
+        border-color: var(--primary-green);
+      }
+
+      @media (max-width: 768px) {
+        .content-grid {
+          grid-template-columns: 1fr;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="wrapper">
+      <div id="nav-placeholder"></div>
+
+      <section class="hero">
+        <h1 class="fade-in">
+          <span class="highlight">Neuigkeiten &amp; Einblicke</span><br>Von Riddle&amp;Code
+        </h1>
+        <p class="hero-subtitle fade-in">
+          Bleiben Sie über unsere neuesten Produktupdates, Marktforschung und Unternehmensnachrichten informiert.
+        </p>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">CONTENT HUB</span>
+          <h2 class="section-title">Latest Content</h2>
+        </div>
+
+        <div class="filter-tabs">
+          <button type="button" class="filter-tab active" data-filter="all">Alle</button>
+          <button type="button" class="filter-tab" data-filter="linkedin">LinkedIn</button>
+          <button type="button" class="filter-tab" data-filter="medium">Medium</button>
+          <button type="button" class="filter-tab" data-filter="news">Press Releases</button>
+        </div>
+
+        <div class="content-grid" id="content-container">
+          <!-- All content loaded dynamically from JSON -->
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="cta-section">
+          <h2>Immer auf dem Laufenden bleiben?</h2>
+          <p>Abonnieren Sie unseren Newsletter oder folgen Sie uns auf LinkedIn.</p>
+          <div class="cta-buttons">
+            <a href="/company/get-in-touch.html" class="btn btn-primary">Kontakt</a>
+            <a href="/" class="btn btn-secondary">Zur Startseite</a>
+          </div>
+        </div>
+      </section>
+
+      <script>
+        // Load content from JSON
+        async function loadContent() {
+          try {
+            const response = await fetch('/data/content-feed.json');
+            const data = await response.json();
+            const container = document.getElementById('content-container');
+
+            // Sort posts by date (newest first)
+            const sortedPosts = data.posts.sort((a, b) => new Date(b.date) - new Date(a.date));
+
+            let dynamicHTML = '';
+
+            sortedPosts.forEach(post => {
+              if (post.type === 'linkedin' && post.embedUrl) {
+                // LinkedIn embedded post
+                dynamicHTML += `
+                  <div class="embed-card" data-category="linkedin">
+                    <span class="platform-badge badge-linkedin">LinkedIn</span>
+                    <iframe src="${post.embedUrl}" height="600" width="100%" frameborder="0" allowfullscreen="" title="${post.title}"></iframe>
+                  </div>
+                `;
+              } else if (post.type === 'linkedin') {
+                // LinkedIn link card (no embed)
+                dynamicHTML += `
+                  <a href="${post.url}" target="_blank" class="news-card" data-category="linkedin">
+                    <span class="platform-badge badge-linkedin">LinkedIn</span>
+                    <h3>${post.title}</h3>
+                    <p>${post.description}</p>
+                    <p style="color: var(--primary-green); font-size: 0.875rem; margin-top: 1rem;">View on LinkedIn →</p>
+                  </a>
+                `;
+              } else if (post.type === 'medium') {
+                // Medium article card
+                const truncatedDesc = post.description.length > 120 ? post.description.substring(0, 120) + '...' : post.description;
+                dynamicHTML += `
+                  <a href="${post.url}" target="_blank" class="news-card medium-card" data-category="medium">
+                    <span class="platform-badge badge-medium">Medium</span>
+                    ${post.image ? `<img src="${post.image}" alt="${post.title}">` : ''}
+                    <h3>${post.title}</h3>
+                    <p>${truncatedDesc}</p>
+                    <p class="read-more">Read on Medium →</p>
+                  </a>
+                `;
+              } else if (post.type === 'press') {
+                // Press release card
+                dynamicHTML += `
+                  <a href="${post.url}" class="news-card" data-category="news">
+                    <span class="platform-badge badge-news">Press Release</span>
+                    ${post.image ? `<img src="${post.image}" alt="${post.title}">` : ''}
+                    <h3>${post.title}</h3>
+                    <p>${post.description}</p>
+                  </a>
+                `;
+              }
+            });
+
+            // Insert dynamic content at the beginning of the grid
+            container.insertAdjacentHTML('afterbegin', dynamicHTML);
+
+            // Initialize filter after content is loaded
+            initializeFilters();
+
+          } catch (error) {
+            console.error('Error loading content:', error);
+            const container = document.getElementById('content-container');
+            container.insertAdjacentHTML('afterbegin', `
+              <div style="grid-column: 1/-1; text-align: center; padding: 2rem; color: var(--text-muted);">
+                <p>Unable to load dynamic content. Please check back later.</p>
+              </div>
+            `);
+          }
+        }
+
+        // Filter functionality
+        function initializeFilters() {
+          const filterTabs = document.querySelectorAll('.filter-tab');
+          const contentItems = document.querySelectorAll('[data-category]');
+
+          filterTabs.forEach(tab => {
+            tab.addEventListener('click', () => {
+              const filter = tab.dataset.filter;
+
+              // Update active tab
+              filterTabs.forEach(t => t.classList.remove('active'));
+              tab.classList.add('active');
+
+              // Filter content
+              contentItems.forEach(item => {
+                if (filter === 'all' || item.dataset.category === filter) {
+                  item.style.display = 'block';
+                } else {
+                  item.style.display = 'none';
+                }
+              });
+            });
+          });
+        }
+
+        // Load content when page loads
+        document.addEventListener('DOMContentLoaded', loadContent);
+      </script>
+
+      <div id="footer-modern-placeholder"></div>
+    </div>
+  </body>
+</html>
diff --git a/de/includes/footer.html b/de/includes/footer.html
new file mode 100644
index 0000000..b6a8238
--- /dev/null
+++ b/de/includes/footer.html
@@ -0,0 +1,179 @@
+<style>
+  :root {
+    --primary-green: #F59E0B;
+    --dark-bg: #1C2333;
+    --text-primary: #ffffff;
+    --text-muted: #999999;
+    --border-color: #333333;
+  }
+
+  .footer-modern {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 4rem 2rem 2rem 2rem;
+    border-top: 1px solid var(--border-color);
+    margin-top: 4rem;
+  }
+
+  .footer-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .footer-column h4 {
+    color: var(--text-primary);
+    font-size: 1rem;
+    margin-bottom: 1rem;
+    font-weight: 600;
+  }
+
+  .footer-links {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .footer-links li {
+    margin-bottom: 0.5rem;
+  }
+
+  .footer-links a {
+    color: var(--text-muted);
+    text-decoration: none;
+    font-size: 0.95rem;
+    transition: color 0.3s ease;
+  }
+
+  .footer-links a:hover {
+    color: var(--primary-green);
+  }
+
+  .footer-bottom {
+    text-align: center;
+    padding-top: 2rem;
+    border-top: 1px solid var(--border-color);
+    color: var(--text-muted);
+    font-size: 0.875rem;
+  }
+
+  .footer-bottom a {
+    color: var(--text-muted);
+    text-decoration: none;
+  }
+
+  .footer-bottom a:hover {
+    color: var(--primary-green);
+  }
+
+  .footer-social {
+    display: flex;
+    justify-content: center;
+    gap: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .footer-social a {
+    color: var(--text-muted);
+    font-size: 1.5rem;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    border-radius: 8px;
+    background: rgba(255, 255, 255, 0.03);
+  }
+
+  .footer-social a:hover {
+    color: var(--primary-green);
+    background: rgba(245, 158, 11, 0.1);
+    transform: translateY(-2px);
+  }
+</style>
+
+<footer class="footer-modern">
+
+  <!-- Brand block -->
+  <div style="margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid var(--border-color); display: flex; align-items: center; gap: 1rem;">
+    <svg viewBox="0 0 76 76" xmlns="http://www.w3.org/2000/svg" style="width: 36px; height: 36px; flex-shrink: 0;" aria-hidden="true">
+      <circle cx="38" cy="38" r="34" fill="none" stroke="#ffffff" stroke-width="1"   opacity="0.18"/>
+      <circle cx="38" cy="38" r="24" fill="none" stroke="#ffffff" stroke-width="1.5" opacity="0.42"/>
+      <circle cx="38" cy="38" r="14" fill="none" stroke="#ffffff" stroke-width="2"   opacity="0.75"/>
+      <circle cx="38" cy="38" r="5.5" fill="#F59E0B"/>
+    </svg>
+    <div>
+      <div style="font-size: 1rem; font-weight: 600; letter-spacing: 0.12em; color: #fff;">KERN <span style="font-weight: 400; letter-spacing: 0; color: var(--text-muted);">by</span> <span style="color: #F59E0B;">Riddle&amp;Code</span></div>
+      <div style="font-size: 0.8rem; color: var(--text-muted); margin-top: 0.2rem;">Infrastruktur für dezentrale Energie.</div>
+    </div>
+  </div>
+
+  <div class="footer-grid">
+    <div class="footer-column">
+      <h4>KERN</h4>
+      <ul class="footer-links">
+        <li><a href="/de/kern/">Plattform Überblick</a></li>
+        <li><a href="/de/kern/for-utilities.html">Für Versorger</a></li>
+        <li><a href="/de/kern/for-aggregators.html">Für Aggregatoren</a></li>
+        <li><a href="/de/kern/for-communities.html">Für Energiegemeinschaften</a></li>
+        <li><a href="/de/kern/for-platforms.html">Für Plattformen</a></li>
+      </ul>
+    </div>
+
+    <div class="footer-column">
+      <h4>Mehr</h4>
+      <ul class="footer-links">
+        <li><a href="/de/technology/">Technologie</a></li>
+        <li><a href="/de/references/">Referenzen</a></li>
+        <li><a href="/de/company/news.html">Neuigkeiten</a></li>
+      </ul>
+    </div>
+
+    <div class="footer-column">
+      <h4>Unternehmen</h4>
+      <ul class="footer-links">
+        <li><a href="/de/company/about-us.html">Über uns</a></li>
+        <li><a href="/de/company/career.html">Karriere</a></li>
+        <li><a href="/de/company/media.html">Medien</a></li>
+        <li><a href="/de/company/get-in-touch.html">Kontakt</a></li>
+      </ul>
+    </div>
+
+    <div class="footer-column">
+      <h4>Rechtliches</h4>
+      <ul class="footer-links">
+        <li><a href="/legal.html">Impressum</a></li>
+        <li><a href="/privacy-policy.html">Datenschutz</a></li>
+        <li><a href="/terms.html">Nutzungsbedingungen</a></li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="footer-bottom">
+    <div class="footer-social">
+      <a href="https://at.linkedin.com/company/riddle-&-code" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+        </svg>
+      </a>
+      <a href="https://x.com/riddleandcode" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+        </svg>
+      </a>
+      <a href="https://github.com/RiddleAndCode" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+        </svg>
+      </a>
+      <a href="http://www.youtube.com/@riddlecode263" target="_blank" rel="noopener noreferrer" aria-label="YouTube">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
+        </svg>
+      </a>
+    </div>
+    <p>© 2025 Riddle&amp;Code GmbH. Alle Rechte vorbehalten.</p>
+  </div>
+</footer>
diff --git a/de/includes/nav.html b/de/includes/nav.html
new file mode 100644
index 0000000..94dd164
--- /dev/null
+++ b/de/includes/nav.html
@@ -0,0 +1,224 @@
+<style>
+  .nav {
+    position: relative;
+    z-index: 1000;
+    background: #1C2333;
+    border-bottom: 1px solid #2a3850;
+  }
+  .nav-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 1rem 2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 2rem;
+  }
+  .nav-logo {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    color: var(--text-primary);
+    flex-shrink: 0;
+  }
+  .nav-logo-wordmark {
+    font-size: 1.15rem;
+    font-weight: 500;
+    color: var(--text-primary);
+    letter-spacing: 0.01em;
+  }
+  .nav-logo-amp {
+    color: var(--kern-accent);
+    font-weight: 700;
+  }
+  .nav-menu {
+    display: flex;
+    gap: 0.25rem;
+    align-items: center;
+    list-style: none;
+    flex: 1;
+    justify-content: flex-end;
+  }
+  /* Base nav link */
+  .nav-link {
+    color: var(--text-secondary);
+    text-decoration: none;
+    font-size: 0.9rem;
+    padding: 0.5rem 0.75rem;
+    border-radius: 6px;
+    transition: color 0.2s ease, background 0.2s ease;
+    white-space: nowrap;
+    display: flex;
+    align-items: center;
+    gap: 0.3rem;
+  }
+  .nav-link:hover { color: var(--text-primary); background: rgba(255,255,255,0.05); }
+  /* Dropdown parent */
+  .nav-item { position: relative; list-style: none; }
+  .nav-item > .nav-link::after {
+    content: '▾';
+    font-size: 0.7rem;
+    opacity: 0.6;
+    transition: transform 0.2s ease;
+  }
+  .nav-item:hover > .nav-link::after { transform: rotate(180deg); }
+  /* Dropdown menu */
+  .nav-dropdown {
+    display: none;
+    position: absolute;
+    top: calc(100% + 4px);
+    left: 0;
+    background: #16202f;
+    border: 1px solid #2a3850;
+    border-radius: 10px;
+    padding: 0.5rem;
+    min-width: 220px;
+    box-shadow: 0 16px 40px rgba(0,0,0,0.6);
+    z-index: 100;
+  }
+  .nav-item:hover .nav-dropdown { display: block; }
+  .nav-dropdown a {
+    display: block;
+    padding: 0.6rem 0.9rem;
+    color: var(--text-secondary);
+    text-decoration: none;
+    font-size: 0.875rem;
+    border-radius: 6px;
+    transition: color 0.2s ease, background 0.2s ease;
+    white-space: nowrap;
+  }
+  .nav-dropdown a:hover { color: var(--text-primary); background: rgba(255,255,255,0.06); }
+  .nav-dropdown .dropdown-label {
+    font-size: 0.7rem;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--text-muted);
+    padding: 0.5rem 0.9rem 0.25rem;
+  }
+  .nav-dropdown .dropdown-divider {
+    height: 1px;
+    background: #2a3850;
+    margin: 0.4rem 0.5rem;
+  }
+  /* KERN highlight in dropdown */
+  .nav-dropdown .kern-link {
+    color: var(--kern-accent);
+    font-weight: 500;
+  }
+  .nav-dropdown .kern-link:hover { background: rgba(196,123,43,0.1); }
+  /* Language toggle */
+  .nav-lang {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    font-size: 0.8rem;
+    color: var(--text-muted);
+    margin-left: 0.5rem;
+  }
+  .nav-lang a {
+    color: var(--text-muted);
+    text-decoration: none;
+    padding: 0.25rem 0.4rem;
+    border-radius: 4px;
+    transition: color 0.2s ease;
+  }
+  .nav-lang a:hover, .nav-lang a.active { color: var(--text-primary); }
+  .nav-lang span { opacity: 0.3; }
+  /* CTA */
+  .nav-cta {
+    background: var(--kern-accent) !important;
+    color: #1C2333 !important;
+    padding: 0.55rem 1.25rem !important;
+    border-radius: 8px !important;
+    font-weight: 600 !important;
+    font-size: 0.875rem !important;
+    transition: opacity 0.2s ease, transform 0.2s ease !important;
+    margin-left: 0.5rem;
+    white-space: nowrap;
+  }
+  .nav-cta:hover {
+    opacity: 0.88 !important;
+    transform: translateY(-1px) !important;
+    background: var(--kern-accent) !important;
+  }
+  /* Mobile toggle */
+  .nav-toggle {
+    display: none;
+    background: none;
+    border: none;
+    color: var(--text-primary);
+    font-size: 1.4rem;
+    cursor: pointer;
+    padding: 0.4rem;
+  }
+  @media (max-width: 900px) {
+    .nav-menu {
+      display: none;
+      position: absolute;
+      top: 100%;
+      left: 0;
+      right: 0;
+      background: #1a2438;
+      flex-direction: column;
+      align-items: flex-start;
+      padding: 1rem;
+      border-bottom: 1px solid #222;
+      gap: 0.25rem;
+    }
+    .nav-menu.active { display: flex; }
+    .nav-toggle { display: block; }
+    .nav-container { flex-wrap: wrap; }
+    .nav-item { width: 100%; }
+    .nav-dropdown { position: static; box-shadow: none; border: none; background: #16202f; border-radius: 6px; margin-top: 0.25rem; }
+    .nav-item:hover .nav-dropdown { display: none; }
+    .nav-item.open .nav-dropdown { display: block; }
+    .nav-item > .nav-link { width: 100%; justify-content: space-between; }
+    .nav-lang { margin-left: 0; padding: 0.5rem 0.75rem; }
+    .nav-cta { margin-left: 0; width: 100%; text-align: center; margin-top: 0.5rem; }
+  }
+</style>
+<nav class="nav">
+  <div class="nav-container">
+    <a href="/de/" class="nav-logo">
+      <span class="nav-logo-wordmark">Riddle<span class="nav-logo-amp">&amp;</span>Code</span>
+    </a>
+    <button type="button" class="nav-toggle" id="navToggle" aria-label="Toggle navigation">☰</button>
+    <ul class="nav-menu" id="navMenu">
+      <!-- Products dropdown -->
+      <li class="nav-item" id="kernDropdown">
+        <a href="/de/kern/" class="nav-link">Produkte</a>
+        <div class="nav-dropdown">
+          <div class="dropdown-label">KERN — Autonome Energieplattform</div>
+          <a href="/de/kern/" class="kern-link">KERN Überblick</a>
+          <div class="dropdown-divider"></div>
+          <a href="/de/kern/for-utilities.html">Für Versorger</a>
+          <a href="/de/kern/for-aggregators.html">Für Aggregatoren</a>
+          <a href="/de/kern/for-communities.html">Für Energiegemeinschaften</a>
+          <a href="/de/kern/for-platforms.html">Für Plattformen</a>
+        </div>
+      </li>
+      <li><a href="/de/technology/" class="nav-link">Technologie</a></li>
+      <li><a href="/de/references/" class="nav-link">Referenzen</a></li>
+      <!-- Company dropdown -->
+      <li class="nav-item">
+        <a href="/de/company/about-us.html" class="nav-link">Unternehmen</a>
+        <div class="nav-dropdown">
+          <a href="/de/company/about-us.html">Über uns</a>
+          <a href="/de/company/news.html">Neuigkeiten</a>
+          <a href="/de/company/media.html">Medien</a>
+          <a href="/de/company/career.html">Karriere</a>
+        </div>
+      </li>
+      <!-- Language toggle -->
+      <li>
+        <div class="nav-lang">
+          <a href="#" id="lang-en">EN</a>
+          <span>|</span>
+          <a href="#" id="lang-de">DE</a>
+        </div>
+      </li>
+      <!-- CTA -->
+      <li><a href="/de/company/get-in-touch.html" class="nav-link nav-cta">Demo buchen</a></li>
+    </ul>
+  </div>
+</nav>
diff --git a/de/index.html b/de/index.html
new file mode 100644
index 0000000..e220138
--- /dev/null
+++ b/de/index.html
@@ -0,0 +1,526 @@
+<!DOCTYPE html>
+<html lang="de" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>Riddle&amp;Code — Autonome Energie. Hinter dem Zähler.</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="R&amp;C KERN prognostiziert, steuert und liefert Flexibilität hinter dem Zähler autonom — für Aggregatoren, Energieversorger und Energiegemeinschaften."/>
+  <meta property="og:title" content="Riddle&amp;Code — Autonome Energie. Hinter dem Zähler."/>
+  <meta property="og:description" content="R&amp;C KERN prognostiziert, steuert und liefert Flexibilität hinter dem Zähler autonom."/>
+  <meta property="og:image" content="/images/6401f477a5a79419a904f904_r&amp;c_mypwr.jpg"/>
+  <meta property="og:type" content="website"/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    /* ── Hero ── */
+    .hero-home {
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: var(--spacing-xl) 2rem var(--spacing-lg);
+      display: grid;
+      grid-template-columns: 1fr auto;
+      gap: 4rem;
+      align-items: center;
+    }
+
+    .hero-text { text-align: left; }
+
+    .hero-eyebrow {
+      display: inline-block;
+      font-size: 0.8rem;
+      font-weight: 600;
+      letter-spacing: 0.12em;
+      text-transform: uppercase;
+      color: var(--primary-green);
+      margin-bottom: 1.5rem;
+      padding: 0.35rem 1rem;
+      border: 1px solid rgba(245,158,11,0.3);
+      border-radius: 100px;
+    }
+
+    .hero-home h1 {
+      font-size: clamp(2.8rem, 5.5vw, 5rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      line-height: 1.08;
+      margin-bottom: 1.5rem;
+      letter-spacing: -0.02em;
+    }
+
+    .hero-home h1 strong {
+      font-weight: 600;
+      color: var(--primary-green);
+    }
+
+    .hero-sub {
+      font-size: clamp(1rem, 1.8vw, 1.25rem);
+      color: var(--text-muted);
+      max-width: 560px;
+      margin: 0 0 2.5rem;
+      line-height: 1.7;
+    }
+
+    .hero-actions {
+      display: flex;
+      gap: 1rem;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+      margin-bottom: 0;
+    }
+
+    /* KERN logo column */
+    .hero-logo {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 1.25rem;
+      flex-shrink: 0;
+    }
+
+    .hero-logo-rings {
+      opacity: 0.9;
+      filter: drop-shadow(0 0 32px rgba(245,158,11,0.2));
+    }
+
+    .hero-logo-wordmark {
+      font-size: 0.85rem;
+      font-weight: 700;
+      letter-spacing: 0.35em;
+      color: rgba(255,255,255,0.35);
+      text-transform: uppercase;
+    }
+
+    @media (max-width: 860px) {
+      .hero-home {
+        grid-template-columns: 1fr;
+        text-align: center;
+        gap: 3rem;
+      }
+      .hero-text { text-align: center; }
+      .hero-logo { order: -1; }
+      .hero-sub { margin: 0 auto 2.5rem; }
+      .hero-actions { justify-content: center; }
+    }
+
+
+    /* ── Audience cards ── */
+    .audience-section {
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: var(--spacing-xl) 2rem var(--spacing-lg);
+    }
+
+    .section-label {
+      text-align: center;
+      font-size: 0.8rem;
+      font-weight: 600;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--text-muted);
+      margin-bottom: 3rem;
+    }
+
+    .audience-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+      gap: 1.5rem;
+    }
+
+    .audience-card {
+      background: var(--card-bg);
+      border: 1px solid #2e3d52;
+      border-radius: 12px;
+      padding: 2rem;
+      text-decoration: none;
+      color: inherit;
+      transition: border-color 0.2s ease, transform 0.2s ease;
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+    }
+
+    .audience-card:hover {
+      border-color: rgba(245,158,11,0.35);
+      transform: translateY(-3px);
+    }
+
+    .audience-icon {
+      width: 44px;
+      height: 44px;
+      border-radius: 10px;
+      background: rgba(245,158,11,0.10);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--primary-green);
+    }
+
+    .audience-card h3 {
+      font-size: 1.1rem;
+      font-weight: 600;
+      color: var(--text-primary);
+    }
+
+    .audience-card p {
+      font-size: 0.9rem;
+      color: var(--text-muted);
+      line-height: 1.6;
+      flex: 1;
+    }
+
+    .audience-card .card-link {
+      font-size: 0.85rem;
+      color: var(--primary-green);
+      font-weight: 500;
+    }
+
+    /* ── Operative loop ── */
+    .loop-section {
+      background: #16202f;
+      border-top: 1px solid #2a3850;
+      border-bottom: 1px solid #2a3850;
+      padding: var(--spacing-lg) 2rem;
+      margin-bottom: var(--spacing-lg);
+    }
+
+    .loop-inner {
+      max-width: 1100px;
+      margin: 0 auto;
+      text-align: center;
+    }
+
+    .loop-inner h2 {
+      font-size: clamp(1.6rem, 3vw, 2.2rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      margin-bottom: 0.75rem;
+    }
+
+    .loop-inner h2 strong { font-weight: 600; }
+
+    .loop-inner .loop-sub {
+      color: var(--text-muted);
+      font-size: 1rem;
+      margin-bottom: 3rem;
+      max-width: 560px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .loop-steps {
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
+      gap: 0;
+      flex-wrap: wrap;
+    }
+
+    .loop-step {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 0.75rem;
+      min-width: 130px;
+      flex: 1;
+      max-width: 180px;
+    }
+
+    .loop-num {
+      width: 44px;
+      height: 44px;
+      border-radius: 50%;
+      background: rgba(245,158,11,0.1);
+      border: 1px solid rgba(245,158,11,0.25);
+      color: var(--primary-green);
+      font-weight: 600;
+      font-size: 0.9rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .loop-step-label {
+      font-size: 0.8rem;
+      font-weight: 600;
+      color: var(--text-primary);
+      text-transform: uppercase;
+      letter-spacing: 0.06em;
+      text-align: center;
+    }
+
+    .loop-step-desc {
+      font-size: 0.78rem;
+      color: var(--text-muted);
+      text-align: center;
+      line-height: 1.5;
+    }
+
+    .loop-arrow {
+      color: #333;
+      font-size: 1.2rem;
+      padding-top: 0.9rem;
+      flex-shrink: 0;
+    }
+
+    .loop-callout {
+      margin-top: 2.5rem;
+      padding: 1.25rem 2rem;
+      background: rgba(245,158,11,0.05);
+      border: 1px solid rgba(245,158,11,0.15);
+      border-radius: 10px;
+      color: var(--text-secondary);
+      font-size: 0.95rem;
+      display: inline-block;
+    }
+
+    .loop-callout strong { color: var(--primary-green); }
+
+    /* ── Reference block ── */
+    .reference-section {
+      max-width: 900px;
+      margin: 0 auto var(--spacing-lg);
+      padding: 0 2rem;
+      text-align: center;
+    }
+
+    .reference-card {
+      background: var(--card-bg);
+      border: 1px solid #2e3d52;
+      border-radius: 16px;
+      padding: 3rem;
+    }
+
+    .reference-tag {
+      display: inline-block;
+      font-size: 0.75rem;
+      font-weight: 600;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--primary-green);
+      margin-bottom: 1.25rem;
+    }
+
+    .reference-card h2 {
+      font-size: clamp(1.4rem, 2.5vw, 1.9rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      margin-bottom: 1.5rem;
+      line-height: 1.3;
+    }
+
+    .reference-proof {
+      display: flex;
+      justify-content: center;
+      gap: 2rem;
+      flex-wrap: wrap;
+      margin-bottom: 2rem;
+    }
+
+    .proof-item {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      font-size: 0.875rem;
+      color: var(--text-secondary);
+    }
+
+    .proof-dot {
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: var(--primary-green);
+      flex-shrink: 0;
+    }
+
+    /* ── Final CTA ── */
+    .cta-home {
+      text-align: center;
+      padding: var(--spacing-lg) 2rem var(--spacing-xl);
+      max-width: 700px;
+      margin: 0 auto;
+    }
+
+    .cta-home h2 {
+      font-size: clamp(1.8rem, 3.5vw, 2.5rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      margin-bottom: 1rem;
+      line-height: 1.2;
+    }
+
+    .cta-home p {
+      color: var(--text-muted);
+      font-size: 1rem;
+      margin-bottom: 2rem;
+    }
+  </style>
+</head>
+<body>
+
+  <div id="nav-placeholder"></div>
+
+  <!-- Hero -->
+  <section class="hero-home">
+    <div class="hero-text">
+      <div class="hero-eyebrow">Riddle<strong style="color: var(--kern-accent);">&amp;</strong>Code — Wien</div>
+      <h1>
+        Infrastruktur für<br><strong>verteilte Energie.</strong>
+      </h1>
+      <p class="hero-sub">
+        Wir bauen die Plattform, die Energieversorger und Aggregatoren nutzen, um verteilte Energieanlagen zu verbinden, zu steuern und zu monetarisieren. Unser Produkt ist <strong style="color: var(--text-primary);">KERN</strong>.
+      </p>
+      <div class="hero-actions">
+        <a href="/kern/" class="btn btn-primary">KERN entdecken →</a>
+        <a href="/company/get-in-touch.html" class="btn btn-secondary">Demo buchen</a>
+      </div>
+    </div>
+
+    <!-- KERN logo -->
+    <div class="hero-logo">
+      <svg class="hero-logo-rings" viewBox="0 0 220 220" width="220" height="220" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="KERN">
+        <circle cx="110" cy="110" r="100" fill="none" stroke="#ffffff" stroke-width="1"   opacity="0.10"/>
+        <circle cx="110" cy="110" r="76"  fill="none" stroke="#ffffff" stroke-width="1.2" opacity="0.22"/>
+        <circle cx="110" cy="110" r="54"  fill="none" stroke="#ffffff" stroke-width="1.5" opacity="0.40"/>
+        <circle cx="110" cy="110" r="34"  fill="none" stroke="#F59E0B" stroke-width="1.8" opacity="0.60"/>
+        <circle cx="110" cy="110" r="16"  fill="none" stroke="#F59E0B" stroke-width="2.5" opacity="0.85"/>
+        <circle cx="110" cy="110" r="6"   fill="#F59E0B"/>
+      </svg>
+      <span class="hero-logo-wordmark">KERN</span>
+    </div>
+  </section>
+
+  <!-- Audience cards -->
+  <section class="audience-section">
+    <p class="section-label">Für wen KERN entwickelt wurde</p>
+    <div class="audience-grid">
+
+      <a href="/kern/for-aggregators.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>
+          </svg>
+        </div>
+        <h3>Aggregatoren</h3>
+        <p>Sichern Sie Ihre Gebote jedes Mal ab. KERN steuert hinter dem Zähler und bestätigt die Ausführung — kein manueller Eingriff, keine Strafzahlungen.</p>
+        <span class="card-link">Für Aggregatoren →</span>
+      </a>
+
+      <a href="/kern/for-utilities.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+            <polyline points="9 22 9 12 15 12 15 22"/>
+          </svg>
+        </div>
+        <h3>Energieversorger</h3>
+        <p>Verwandeln Sie Ihren Kundenstamm in ein steuerbares Flexibilitätsportfolio. Von der HEMS-Flotte bis zu Energiegemeinschaften — eine Plattform, eine autonome Schicht.</p>
+        <span class="card-link">Für Energieversorger →</span>
+      </a>
+
+      <a href="/kern/for-communities.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="12" cy="12" r="10"/>
+            <line x1="2" y1="12" x2="22" y2="12"/>
+            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
+          </svg>
+        </div>
+        <h3>Energiegemeinschaften</h3>
+        <p>Maximieren Sie den gemeinsamen Eigenverbrauch automatisch. KERN optimiert jede Anlage in der Gemeinschaft — und verbindet kollektive Flexibilität mit Märkten.</p>
+        <span class="card-link">Für Gemeinschaften →</span>
+      </a>
+
+      <a href="/kern/for-platforms.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <rect x="2" y="3" width="20" height="14" rx="2"/>
+            <line x1="8" y1="21" x2="16" y2="21"/>
+            <line x1="12" y1="17" x2="12" y2="21"/>
+          </svg>
+        </div>
+        <h3>VPP-Plattformen</h3>
+        <p>Schließen Sie die Lücke unterhalb Ihrer Plattform. KERN liefert einen normalisierten API-Feed, bestätigte Steuerung und 24h-Prognosen — für jede Anlage Ihrer Kunden.</p>
+        <span class="card-link">Für Plattformen →</span>
+      </a>
+
+    </div>
+  </section>
+
+  <!-- Operative loop -->
+  <section class="loop-section">
+    <div class="loop-inner">
+      <h2>Der <strong>autonome Regelkreis</strong></h2>
+      <p class="loop-sub">Sie senden ein Signal. KERN liefert. Was hinter dem Zähler passiert, ist unsere Aufgabe.</p>
+
+      <div class="loop-steps">
+        <div class="loop-step">
+          <div class="loop-num">1</div>
+          <div class="loop-step-label">Prognose</div>
+          <div class="loop-step-desc">Rollierendes 24h-Flexibilitätsprofil pro Anlage und Portfolio</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">2</div>
+          <div class="loop-step-label">Anforderung</div>
+          <div class="loop-step-desc">Flexibilitätssignal von Aggregator, Energieversorger oder Markt</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">3</div>
+          <div class="loop-step-label">Neuausgleich</div>
+          <div class="loop-step-desc">Echtzeit-Vergleich von Signal und tatsächlichem Anlagenzustand</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">4</div>
+          <div class="loop-step-label">Steuerung</div>
+          <div class="loop-step-desc">Autonome Anlagensteuerung via MIOTY oder Zigbee-Mesh</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">5</div>
+          <div class="loop-step-label">Bestätigung</div>
+          <div class="loop-step-desc">Ausführung in Echtzeit an den Aggregator zurückgemeldet</div>
+        </div>
+      </div>
+
+      <div class="loop-callout">
+        <strong>KERN interagiert mit Ihrer Plattform in Schritt 1 und 2.</strong><br>Schritte 3–5 sind vollständig autonom — kein manueller Eingriff erforderlich.
+      </div>
+    </div>
+  </section>
+
+  <!-- Reference -->
+  <section class="reference-section">
+    <div class="reference-card">
+      <span class="reference-tag">Live-Referenz</span>
+      <h2>Führende Energieversorger haben ihren Flexibilitäts-Stack auf R&amp;C KERN aufgebaut</h2>
+      <div class="reference-proof">
+        <div class="proof-item"><div class="proof-dot"></div> Laufendes MS/NS-Microgrid — Produktivsystem</div>
+        <div class="proof-item"><div class="proof-dot"></div> Versorger-eigener Aggregator sichert Marktgebote über KERN</div>
+        <div class="proof-item"><div class="proof-dot"></div> Energiegemeinschaftsplattform — KERN-Optimierungsschicht</div>
+      </div>
+      <p style="color: var(--text-muted); font-size:0.9rem; margin-bottom:1.5rem;">
+        Livesystem — auf Anfrage besichtigbar.
+      </p>
+      <a href="/references/" class="btn btn-secondary">Vollständige Referenz ansehen →</a>
+    </div>
+  </section>
+
+  <!-- Final CTA -->
+  <section class="cta-home">
+    <h2>Hören Sie auf, Anlagen zu verwalten.<br>Lassen Sie KERN liefern.</h2>
+    <p>30 Minuten, um Ihnen zu zeigen, wie der autonome Regelkreis funktioniert — an einem Livesystem.</p>
+    <div class="hero-actions">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Demo buchen</a>
+      <a href="/technology/" class="btn btn-secondary">Technologie erkunden</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+
+</body>
+</html>
diff --git a/de/kern/for-aggregators.html b/de/kern/for-aggregators.html
new file mode 100644
index 0000000..846ef02
--- /dev/null
+++ b/de/kern/for-aggregators.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="de" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>KERN für Aggregatoren — Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="Sichern Sie Ihre Flexibilitätsgebote jedes Mal ab. KERN steuert und bestätigt die Ausführung hinter dem Zähler autonom — ohne manuelle Eingriffe, ohne Pönalen."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-aggregators.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-aggregators.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-aggregators.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    /* Loop */
+    .loop-block { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .loop-block pre { color:var(--text-secondary); font-size:0.85rem; line-height:2; white-space:pre-wrap; }
+    .loop-block .highlight { color:var(--primary-green); font-weight:600; }
+    /* Reference */
+    .reference-strip { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; margin-bottom:var(--spacing-lg); display:flex; gap:2rem; align-items:flex-start; flex-wrap:wrap; }
+    .reference-quote { font-size:1rem; color:var(--text-secondary); line-height:1.7; flex:1; min-width:240px; font-style:italic; }
+    .reference-meta { font-size:0.8rem; color:var(--text-muted); margin-top:0.75rem; font-style:normal; }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">KERN — Für Aggregatoren</span>
+    <h1>Ihre Gebote sind nur so gut wie<br><strong>was hinter dem Zähler steht.</strong></h1>
+    <p class="lead">KERN agiert als prognosebasierter, autonomer Sub-Aggregator hinter dem Zähler. Sie senden ein Flexibilitätssignal — KERN wählt Assets basierend auf Echtzeitzustand und prognostizierter Verfügbarkeit, führt die Steuerung via MIOTY oder Zigbee aus und bestätigt die Lieferung zurück. Kein manueller Eingriff. Keine verpassten Gebote.</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">Die fünf Probleme, <strong>die KERN löst</strong></h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Unzuverlässige Konnektivität zu verteilten Assets</div>
+          <div class="split-desc">Ländliche BESS-Standorte, Industriegelände, Keller — LTE bricht ab, WLAN ist instabil. Assets können nicht für Gebote eingeplant werden. Die Portfoliogröße wird durch die Infrastruktur begrenzt, nicht durch die Verfügbarkeit.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">MIOTY (10 km, 1,5 Mio. Nachrichten/Tag, IEC-Standard) und Zigbee Mesh verbinden jedes Asset — unabhängig von LTE und WLAN.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Keine Steuerungsbestätigung</div>
+          <div class="split-desc">Gebot platziert, Steuerungsbefehl gesendet — ob das Asset reagiert hat, bleibt bis zur nächsten Messung unbekannt. Abweichungen werden zu spät erkannt.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">Jede Steuerung wird auf Asset-Ebene bestätigt und in Echtzeit zurückgemeldet. Sie wissen sofort, ob das Gebot erfüllt wird.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Manuelle Reaktion auf Prognoseabweichungen</div>
+          <div class="split-desc">Wetterveränderung, Lastverschiebung, Asset-Ausfall — jemand muss es bemerken, entscheiden und eingreifen. Das ist nicht skalierbar.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN vergleicht kontinuierlich den tatsächlichen Asset-Zustand mit der Gebotsposition und gleicht autonom aus — bevor die Abweichung kritisch wird.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Schlechte Prognosequalität ohne Asset-Transparenz</div>
+          <div class="split-desc">Ohne Echtzeit-Telemetrie auf Asset-Ebene sind Flexibilitätsprognosen Schätzungen. Übergebote bedeuten Pönalen. Untergebote bedeuten Umsatzverlust.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">Rollierende 24-h-Flexibilitätsprognose pro Asset und Portfolio — basierend auf Live-Ladezustand, wettergestützten PV-Modellen und historischen Lastmustern. Kontinuierlich verfeinert, je näher das Lieferfenster rückt.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Betriebsaufwand wächst mit dem Portfolio</div>
+          <div class="split-desc">Jedes neue Asset, jeder neue Standort, jede neue Asset-Klasse erhöht die Komplexität. Wachstum erfordert mehr Personal, mehr Monitoring, mehr manuelle Steuerungsprozesse.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">Neue Assets werden in KERN aufgenommen — der Aggregator gewinnt mehr Flexibilitätskapazität, keinen höheren Betriebsaufwand.</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Operative loop -->
+  <section class="content-section">
+    <h2 class="section-heading">Der <strong>operative Regelkreis</strong></h2>
+    <div class="loop-block">
+<pre><span class="highlight">1. FORECAST</span>  (rolling, 24h ahead)
+   KERN calculates per asset and portfolio:
+   what flexibility is available, when?
+   → Output: flexibility profile (MW, time window, confidence)
+   → Basis for your bidding strategy
+
+<span class="highlight">2. DEMAND</span>  (flexibility signal from you / market)
+   You place bids based on the forecast.
+   On award, the demand signal comes back:
+   "X kW, time window T, direction reduce/increase"
+
+<span class="highlight">3. REBALANCE</span>  (forecast vs. actual state)
+   KERN compares the demand signal against current
+   asset state in real-time: weather, state of charge,
+   current load, failures.
+   Deviation from forecast → KERN reacts autonomously.
+
+<span class="highlight">4. DISPATCH</span>  (autonomous local control)
+   KERN decides which assets to control — BESS, HVAC,
+   EV chargers, PV curtailment — via Zigbee or MIOTY.
+   Execution confirmed.
+
+<span class="highlight">5. CONFIRMATION</span>
+   Fulfillment status back to you in real-time.
+   Next forecast cycle starts.</pre>
+    </div>
+    <p style="color:var(--text-muted); font-size:0.9rem; text-align:center;">
+      Sie interagieren mit Schritt 1 und 2. Alles andere übernimmt KERN.
+    </p>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Reference -->
+  <section class="content-section">
+    <h2 class="section-heading">Bewährt im <strong>Produktiveinsatz</strong></h2>
+    <div class="reference-strip">
+      <div>
+        <div class="reference-quote">
+          "Führende Energieversorger setzen KERN ein, um ihren Flexibilitätsaggregator zu betreiben — mit bestätigter Steuerung von MV/LV-Assets für Gebote auf Energiemärkten."
+          <div class="reference-meta">Live-System · MV/LV-Microgrid · Besichtigung auf Anfrage</div>
+        </div>
+      </div>
+      <a href="/references/" class="btn btn-secondary" style="flex-shrink:0;align-self:center;">See full reference →</a>
+    </div>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>Bereit, jedes Gebot abzusichern?</h2>
+    <p>30 Minuten, um Ihnen zu zeigen, wie KERN in Ihren bestehenden Steuerungs-Stack passt — und welche Assets Sie heute zu Ihrem Portfolio hinzufügen können.</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+      <a href="/technology/" class="btn btn-secondary">Explore the Technology</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/de/kern/for-communities.html b/de/kern/for-communities.html
new file mode 100644
index 0000000..7df8402
--- /dev/null
+++ b/de/kern/for-communities.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="de" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>KERN für Energiegemeinschaften — Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="Maximieren Sie den gemeinsamen Eigenverbrauch automatisch. KERN optimiert jedes Asset in der Gemeinschaft und verbindet kollektive Flexibilität mit Märkten."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-communities.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-communities.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-communities.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    .loop-block { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .loop-block pre { color:var(--text-secondary); font-size:0.85rem; line-height:2; white-space:pre-wrap; }
+    .loop-block .highlight { color:var(--primary-green); font-weight:600; }
+    .feature-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.25rem; margin-bottom:var(--spacing-lg); }
+    .feature-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; }
+    .feature-card h3 { font-size:0.95rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .feature-card p { font-size:0.85rem; color:var(--text-muted); line-height:1.6; }
+    .partner-box { background:rgba(245,158,11,0.04); border:1px solid rgba(245,158,11,0.15); border-radius:12px; padding:2rem; margin-bottom:var(--spacing-lg); }
+    .partner-box h3 { font-size:1rem; font-weight:600; color:var(--primary-green); margin-bottom:0.75rem; }
+    .partner-box p { font-size:0.9rem; color:var(--text-muted); line-height:1.7; }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">KERN — Für Energiegemeinschaften</span>
+    <h1>Ihre Gemeinschaft erzeugt Energie.<br><strong>KERN behält sie in der Gemeinschaft.</strong></h1>
+    <p class="lead">KERN optimiert Speicher, steuerbare Lasten und Erzeugung aller Gemeinschaftsmitglieder autonom — maximiert den gemeinsamen Eigenverbrauch und prognostiziert die kollektive Flexibilität für Märkte oder Netzbetreiber.</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">Was Energiegemeinschaften <strong>heute zurückhält</strong></h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Eigenverbrauch wird gemessen, nicht optimiert</div>
+          <div class="split-desc">Ohne Echtzeit-Optimierung wird Energie ins Netz eingespeist, obwohl Mitglieder Bedarf haben — das Potenzial der Gemeinschaft bleibt weitgehend ungenutzt.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN prognostiziert Erzeugung und Verbrauch pro Mitglied (24 h voraus) und steuert Assets, um den Eigenverbrauch zu maximieren.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Keine Echtzeit-Transparenz über die Gemeinschaft</div>
+          <div class="split-desc">Betreiber wissen nicht, wie viel gerade erzeugt, verbraucht und geteilt wird — ohne diese Sicht sind Optimierung und Steuerung unmöglich.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">Echtzeit-Telemetrie von jedem Asset, aggregiert in einem Gemeinschafts-Dashboard. Vollständige Transparenz, pro Mitglied und insgesamt.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Speicher und Lasten werden nicht koordiniert</div>
+          <div class="split-desc">Gemeinschaftsspeicher und steuerbare Lasten werden manuell oder gar nicht verwaltet — kein automatisches Laden bei PV-Überschuss, kein Entladen bei Mitgliederbedarf.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN steuert gemeinsame Speicher und steuerbare Lasten autonom — gleicht Erzeugung, Speicherung und Verbrauch in Echtzeit ab.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Konnektivität über mehrere Standorte ist ungelöst</div>
+          <div class="split-desc">Mitglieder an verschiedenen Gebäuden oder Standorten sind schwer zuverlässig zu verbinden — LTE bricht ab, WLAN reicht nicht weit genug.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">Zigbee Mesh für zusammenhängende Standorte, MIOTY für verteilte Mitglieder (10 km, unabhängig von LTE/WLAN) — beide als eine einheitliche Schicht verwaltet.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Kollektives Flexibilitätspotenzial bleibt ungenutzt</div>
+          <div class="split-desc">Eine aktive Gemeinschaft mit PV und Speicher verfügt über echte kollektive Flexibilität — ohne Plattform kann sie weder prognostiziert noch angeboten werden.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN erstellt rollierende 24-h-Flexibilitätsprognosen für die gesamte Gemeinschaft und verbindet auf Anfrage mit Aggregatoren oder Netzbetreibern.</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Loop -->
+  <section class="content-section">
+    <h2 class="section-heading">Wie KERN <strong>die Gemeinschaft betreibt</strong></h2>
+    <div class="loop-block">
+<pre><span class="highlight">1. REAL-TIME MONITORING</span>
+   KERN tracks generation and consumption of all members
+   continuously — at meter level, in real-time.
+
+<span class="highlight">2. COMMUNITY OPTIMISATION</span>  (24h forecast + real-time)
+   KERN forecasts generation (PV) and consumption per member.
+   Goal: maximise shared self-consumption —
+   who needs what, when, and what is available right now?
+
+<span class="highlight">3. AUTONOMOUS CONTROL</span>
+   KERN steers shared storage, controllable loads and feed-in
+   points to keep as much energy within the community as possible.
+   No manual intervention required.
+
+<span class="highlight">4. FLEXIBILITY</span>  (optional)
+   Surplus or forecastable flexibility can be offered as a 24h
+   forecast to an aggregator or grid operator and dispatched
+   on demand — confirmed back to the requesting party.</pre>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Features -->
+  <section class="content-section">
+    <h2 class="section-heading">Was KERN <strong>für Gemeinschaften leistet</strong></h2>
+    <div class="feature-grid">
+      <div class="feature-card">
+        <h3>Gemeinschaftsoptimierung</h3>
+        <p>Maximiert den kollektiven Eigenverbrauch aller Mitglieder — in Echtzeit und mit 24-h-Prognose.</p>
+      </div>
+      <div class="feature-card">
+        <h3>Speicher- und Laststeuerung</h3>
+        <p>Autonome Steuerung gemeinsamer Speicher und steuerbarer Lasten zum Ausgleich von Angebot und Nachfrage.</p>
+      </div>
+      <div class="feature-card">
+        <h3>Echtzeit-Dashboard</h3>
+        <p>Erzeugung, Verbrauch, Eigenverbrauchsquote und Flexibilitätspotenzial — für Betreiber und optional für Mitglieder.</p>
+      </div>
+      <div class="feature-card">
+        <h3>Flexibilitätsprognose</h3>
+        <p>Rollierende 24-h-Prognose der verfügbaren Gemeinschaftsflexibilität — Grundlage für Aggregatoren oder Netzbetreiber.</p>
+      </div>
+      <div class="feature-card">
+        <h3>Mehrstandort-Konnektivität</h3>
+        <p>Zigbee Mesh für zusammenhängende Standorte, MIOTY für verteilte Mitglieder — jeder Teilnehmer zuverlässig verbunden.</p>
+      </div>
+      <div class="feature-card">
+        <h3>Aggregator-Anbindung</h3>
+        <p>Gemeinschaftsflexibilität auf Abruf gesteuert — mit bestätigter Ausführung zurück an die anfragende Partei.</p>
+      </div>
+    </div>
+
+    <!-- Partner box -->
+    <div class="partner-box">
+      <h3>Übernehmen Sie bereits die EEG-Abrechnung oder Mitgliederverwaltung?</h3>
+      <p>KERN ist die Optimierungs- und Steuerungsschicht — keine Abrechnungsplattform. Wir integrieren uns in Ihre bestehende Abrechnungsinfrastruktur. Gemeinsam bieten Sie das Gesamtpaket: Abrechnung von Ihnen, Optimierung von KERN.</p>
+      <a href="/company/get-in-touch.html" style="display:inline-block;margin-top:1rem;" class="btn btn-secondary">Partnerschaft besprechen →</a>
+    </div>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>Mehr Energie bleibt in der Gemeinschaft.</h2>
+    <p>30 Minuten, um zu zeigen, wie KERN eine Live-Energiegemeinschaft optimiert — von der Echtzeit-Steuerung bis zu Flexibilitätsmärkten.</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+      <a href="/technology/" class="btn btn-secondary">Explore the Technology</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/de/kern/for-platforms.html b/de/kern/for-platforms.html
new file mode 100644
index 0000000..c040b55
--- /dev/null
+++ b/de/kern/for-platforms.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="de" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>KERN für VPP-Plattformen — Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="Schließen Sie die Lücke unter Ihrer VPP-Plattform. KERN liefert normalisierte Telemetrie, bestätigte Steuerung und 24-h-Prognosen für alle Assets Ihrer Kunden."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-platforms.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-platforms.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-platforms.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    .stack-visual { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .stack-visual pre { color:var(--text-secondary); font-size:0.85rem; line-height:1.9; white-space:pre-wrap; }
+    .stack-visual .highlight { color:var(--primary-green); font-weight:600; }
+    .stack-visual .dim { color:#444; }
+    .what-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.25rem; margin-bottom:var(--spacing-lg); }
+    .what-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; }
+    .what-card h3 { font-size:0.95rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .what-card p { font-size:0.85rem; color:var(--text-muted); line-height:1.6; }
+    .integration-table { width:100%; border-collapse:collapse; margin-bottom:var(--spacing-lg); }
+    .integration-table th { text-align:left; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); padding:0.75rem 1rem; border-bottom:1px solid #222; }
+    .integration-table td { padding:1rem; font-size:0.875rem; color:var(--text-secondary); border-bottom:1px solid #2a3850; vertical-align:top; }
+    .integration-table tr:last-child td { border-bottom:none; }
+    .tag { display:inline-block; font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; padding:0.2rem 0.6rem; border-radius:4px; background:rgba(245,158,11,0.1); color:var(--primary-green); }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">KERN — Für VPP-Plattformen</span>
+    <h1>Ihre Plattform ist stark<br><strong>oberhalb der Asset-Ebene.</strong><br>KERN schließt die Lücke darunter.</h1>
+    <p class="lead">KERN integriert sich unterhalb Ihres VPP als Asset-Management- und Konnektivitätsschicht. Ihre Plattform erhält einen sauberen, normalisierten API-Feed, bestätigte Steuerung und 24-h-Flexibilitätsprognosen — für alle Assets Ihrer Kunden, einschließlich der bislang nicht erreichbaren.</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">API-Integration besprechen</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Stack visual -->
+  <section class="content-section">
+    <h2 class="section-heading">Wo KERN <strong>in Ihren Stack passt</strong></h2>
+    <div class="stack-visual">
+<pre><span class="dim">Market / TSO / Grid Operator</span>
+         ↓
+<span class="dim">┌─────────────────────────────────────────────┐
+│         YOUR PLATFORM                       │
+│  VPP optimisation · Bidding · Redispatch    │
+│  Trading · Reporting                        │
+└─────────────────┬───────────────────────────┘</span>
+                  │  <span class="highlight">Normalised telemetry feed</span>
+                  │  <span class="highlight">Dispatch commands + confirmation</span>
+                  │  <span class="highlight">24h flexibility forecast</span>
+<span class="highlight">┌─────────────────▼───────────────────────────┐
+│         KERN                           │
+│  Asset management · Autonomous dispatch     │
+│  Real-time optimisation · Forecasting       │
+└─────────────────┬───────────────────────────┘</span>
+                  │
+         Zigbee Mesh  ·  MIOTY
+                  │
+<span class="dim">┌─────────────────▼───────────────────────────┐
+│  PV · BESS · Heat pumps · EV chargers       │
+│  CHP · Controllable loads · Microgrids      │
+└─────────────────────────────────────────────┘</span></pre>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">Drei Lücken, <strong>die KERN füllt</strong></h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Assets mit unzuverlässiger Konnektivität bleiben außerhalb des Portfolios</div>
+          <div class="split-desc">Ländliche Standorte, Industriegelände, Keller — LTE bricht ab, WLAN ist instabil. Ihre Kunden können diese Assets nicht in Ihre Plattform einbringen. Potenzial bleibt ungenutzt.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">MIOTY (10 km, IEC-Standard) und Zigbee Mesh machen jedes Asset erreichbar — Ihre Kunden erweitern ihr Portfolio ohne Infrastrukturinvestitionen.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Keine Steuerungsrückmeldung — der Regelkreis ist offen</div>
+          <div class="split-desc">Ihre Plattform sendet Befehle — ob das Asset reagiert hat, bleibt bis zur nächsten Messung unbekannt. Abweichungen werden zu spät erkannt, Pönalen treffen Ihre Kunden.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN bestätigt jede Steuerung auf Asset-Ebene und meldet in Echtzeit zurück. Ihre Plattform weiß sofort, ob die Flexibilitätsverpflichtung erfüllt wird.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Heterogene Assets erhöhen den Integrationsaufwand</div>
+          <div class="split-desc">Jeder neue Asset-Typ, jeder neue Hersteller, jedes neue Protokoll bedeutet Integrationsaufwand. Das verlangsamt das Onboarding und begrenzt die Skalierung.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN normalisiert alle Asset-Typen auf ein einheitliches Datenmodell. Ihre Plattform spricht mit KERN — nicht mit jedem Asset einzeln.</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- What KERN delivers -->
+  <section class="content-section">
+    <h2 class="section-heading">Was Ihre Plattform <strong>von KERN bekommt</strong></h2>
+    <div class="what-grid">
+      <div class="what-card">
+        <h3>Sauberer, normalisierter API-Feed</h3>
+        <p>Einheitliche Telemetrie, unabhängig von Asset-Typen, Herstellern oder Protokollen. Eine Integration, alle Assets.</p>
+      </div>
+      <div class="what-card">
+        <h3>Steuerung mit Bestätigung</h3>
+        <p>KERN empfängt Ihren Steuerungsbefehl, führt ihn auf Asset-Ebene aus und meldet zurück, ob und wie er erfüllt wurde.</p>
+      </div>
+      <div class="what-card">
+        <h3>24-h-Flexibilitätsprognose</h3>
+        <p>Rollierende 24-h-Prognose pro Asset und Portfolio — basierend auf Live-Telemetrie, wettergestützten PV-Modellen und historischen Lastmustern. Kontinuierlich verfeinert bis zur Lieferung. Präzisere Gebote, weniger Pönalen für Ihre Kunden.</p>
+      </div>
+      <div class="what-card">
+        <h3>Mehr Assets im Portfolio</h3>
+        <p>Assets, die bisher aufgrund von Konnektivitätsproblemen ausgeschlossen waren, werden verfügbar. Ihre Kunden erweitern ihr Portfolio ohne CAPEX.</p>
+      </div>
+    </div>
+
+    <h2 class="section-heading" style="margin-top:var(--spacing-md);">Integrations-<strong>optionen</strong></h2>
+    <table class="integration-table">
+      <thead>
+        <tr>
+          <th>Modell</th>
+          <th>Beschreibung</th>
+          <th>Aufwand</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><strong>API-Integration</strong></td>
+          <td>KERN liefert normalisierte Telemetrie und akzeptiert Steuerungsbefehle via REST/WebSocket. Ihre Plattform bleibt primär.</td>
+          <td><span class="tag">Low</span></td>
+        </tr>
+        <tr>
+          <td><strong>White-Label</strong></td>
+          <td>KERN läuft unter Ihrer Marke als 'Asset Connectivity Module' für Ihre Kunden.</td>
+          <td><span class="tag">Medium</span></td>
+        </tr>
+        <tr>
+          <td><strong>Pilot</strong></td>
+          <td>Ein Kunde, eine Asset-Klasse, definierter Umfang — schnell startbar, geringes Risiko.</td>
+          <td><span class="tag">Minimal</span></td>
+        </tr>
+      </tbody>
+    </table>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>Sprechen wir über die API.</h2>
+    <p>30 Minuten, um die Spezifikation durchzugehen und zu identifizieren, welche Assets Ihrer Kunden derzeit ausgeschlossen sind — und wie schnell sich das mit KERN ändert.</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">API-Integration besprechen</a>
+      <a href="/technology/" class="btn btn-secondary">Explore the Technology</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/de/kern/for-utilities.html b/de/kern/for-utilities.html
new file mode 100644
index 0000000..6c41fb4
--- /dev/null
+++ b/de/kern/for-utilities.html
@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html lang="de" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>KERN für Energieversorger — Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="Verwandeln Sie Ihren Kundenstamm in ein steuerbares Flexibilitätsportfolio. KERN verwaltet HEMS-Flotten, Energiegemeinschaften und G&amp;I-Anlagen — autonom, auf einer Plattform."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-utilities.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-utilities.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-utilities.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    .usecase-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; margin-bottom:var(--spacing-lg); }
+    .usecase-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; }
+    .usecase-num { font-size:0.75rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.75rem; }
+    .usecase-card h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.75rem; }
+    .usecase-card p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    .reference-strip { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; margin-bottom:var(--spacing-lg); }
+    .reference-stack { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; margin-top:1.5rem; }
+    .stack-item { background:#16202f; border:1px solid #222; border-radius:8px; padding:1rem 1.25rem; }
+    .stack-item .stack-label { font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:0.25rem; }
+    .stack-item .stack-value { font-size:0.9rem; color:var(--text-secondary); }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">KERN — Für Energieversorger</span>
+    <h1>Sie haben die Kunden.<br>Sie haben die Anlagen.<br><strong>KERN verbindet sie.</strong></h1>
+    <p class="lead">Ihre Kunden haben PV, Speicher, Wärmepumpen und Ladestationen. Ihr Netz hat Flexibilitätsbedarf. KERN ist die autonome Plattformschicht, die Ihren Kundenstamm in ein steuerbares, monetarisierbares Flexibilitätsportfolio verwandelt — ohne dafür ein eigenes Betriebsteam aufzubauen.</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Demo buchen</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">Wo Energieversorger <strong>Potenzial ungenutzt lassen</strong></h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Steuerbare Anlagen ohne Optimierungsplattform</div>
+          <div class="split-desc">Smart Meter und CLS-Schalter werden ausgerollt — aber es gibt keine Plattform darüber. Keine Optimierung, keine Aggregation, kein Marktzugang. Das Potenzial bleibt ungenutzt.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN sitzt als autonome Managementschicht über dem Zähler — Echtzeit-Optimierung, Flottensteuerung, marktreife Aggregation.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Redispatch 2.0 ist manuell und kostspielig</div>
+          <div class="split-desc">Netzengpassmanagement erfordert koordinierte Steuerung verteilter Einspeiser — ohne Plattform ist das operativ komplex, fehleranfällig und nicht skalierbar.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN übernimmt Redispatch-2.0-konformes Dispatch autonom, mit Bestätigung pro Anlage.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Kunden wechseln zu intelligenteren Energieanbietern</div>
+          <div class="split-desc">Neue Energieanbieter bieten HEMS, Gemeinschaftstarife und Flexibilitätserlöse an. Versorger ohne smarte Services verlieren die Kunden, die aktiv teilnehmen wollen.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN ist Ihr Behind-the-Meter-Produkt — gebrandmarkt als Ihr Service, geliefert von KERN. Kunden bleiben und engagieren sich.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Kein Zugang zu Flexibilitätsmärkten aus dem eigenen Kundenstamm</div>
+          <div class="split-desc">Sie haben die Kundenbeziehungen und die Anlagen — aber ohne Aggregationsplattform können Sie diese Flexibilität nicht monetarisieren.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN aggregiert Ihren Kundenstamm zu einem vermarktbaren Portfolio. Sie können einen eigenen Aggregator-Tochter betreiben — oder mit einem externen Partner zusammenarbeiten.</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Use cases -->
+  <section class="content-section">
+    <h2 class="section-heading">Drei Wege, <strong>KERN einzusetzen</strong></h2>
+    <div class="usecase-grid">
+
+      <div class="usecase-card">
+        <div class="usecase-num">Anwendungsfall 01</div>
+        <h3>HEMS-Flotte — Kundenstamm als flexible Ressource</h3>
+        <p>Setzen Sie KERN HEMS bei Haushaltskunden mit PV und Speicher ein. Kunden profitieren von Eigenverbrauchsoptimierung und niedrigeren Rechnungen. Sie erhalten eine steuerbare Flotte für Redispatch oder Flexibilitätsmonetarisierung — ohne operativen Aufwand pro Kunde.</p>
+      </div>
+
+      <div class="usecase-card">
+        <div class="usecase-num">Anwendungsfall 02</div>
+        <h3>Energiegemeinschaften — Regelkonform und automatisch</h3>
+        <p>KERN EEG verwaltet Optimierung und autonome Anlagensteuerung für Energiegemeinschaften. Sie können Energiegemeinschaften als Service anbieten — ohne eigene Entwicklung oder manuelle Abrechnungsprozesse von KERN.</p>
+      </div>
+
+      <div class="usecase-card">
+        <div class="usecase-num">Anwendungsfall 03</div>
+        <h3>Flexibilitätsmonetarisierung — Aus Ihrem Kundenstamm</h3>
+        <p>Die aggregierte Flexibilität aus HEMS-Flotte, G&amp;I-Kunden und EEG wird über KERN zu einem vermarktbaren Portfolio. Leiten Sie es über eine eigene Aggregator-Tochter oder einen externen Partner an FCR-, aFRR- oder Intraday-Märkte.</p>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Reference -->
+  <section class="content-section">
+    <h2 class="section-heading">Das <strong>Referenzmodell</strong> — im Produktionsbetrieb</h2>
+    <div class="reference-strip">
+      <p style="color:var(--text-muted); font-size:0.95rem; margin-bottom:1.25rem;">
+        Führende Energieversorger haben ihren kompletten Flexibilitäts-Stack auf KERN aufgebaut:
+      </p>
+      <div class="reference-stack">
+        <div class="stack-item">
+          <div class="stack-label">Netz</div>
+          <div class="stack-value">Laufendes MS/NS-Microgrid — Produktivsystem, Österreich</div>
+        </div>
+        <div class="stack-item">
+          <div class="stack-label">Aggregator</div>
+          <div class="stack-value">Versorger-eigener Aggregator sichert Gebote auf österreichischen Energiemärkten über KERN</div>
+        </div>
+        <div class="stack-item">
+          <div class="stack-label">Gemeinschaften</div>
+          <div class="stack-value">Energiegemeinschaftsplattform — KERN als Optimierungsschicht</div>
+        </div>
+      </div>
+      <p style="color:var(--text-muted); font-size:0.85rem; margin-top:1.25rem;">Livesystem — auf Anfrage in Österreich besichtigbar.</p>
+    </div>
+    <a href="/references/" class="btn btn-secondary">Vollständige Referenz ansehen →</a>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>Bereit, Ihren Kundenstamm zu monetarisieren?</h2>
+    <p>30 Minuten, um zu zeigen, welche Anlagen in Ihrem Netz für KERN bereit sind — und wie das Flexibilitätspotenzial aussieht.</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Demo buchen</a>
+      <a href="/technology/" class="btn btn-secondary">Technologie erkunden</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/de/kern/index.html b/de/kern/index.html
new file mode 100644
index 0000000..f12f06f
--- /dev/null
+++ b/de/kern/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="de" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>KERN by Riddle&amp;Code — Autonome Energieplattform</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="KERN ist die autonome Energiemanagementplattform hinter dem Zähler — prognostiziert, steuert und liefert Flexibilität für Aggregatoren, Energieversorger und Energiegemeinschaften."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); text-align:center; }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.5rem,5vw,4rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:620px; margin:0 auto 2.5rem; line-height:1.7; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.5rem; }
+    .section-heading strong { font-weight:600; }
+    .section-sub { color:var(--text-muted); font-size:0.95rem; margin-bottom:2rem; }
+    .concept-box { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); text-align:center; }
+    .concept-box .big-statement { font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:300; color:var(--text-primary); line-height:1.4; margin-bottom:1.5rem; }
+    .concept-box .big-statement strong { font-weight:600; color:var(--primary-green); }
+    .concept-box .sub { color:var(--text-muted); font-size:0.95rem; max-width:560px; margin:0 auto; }
+    .context-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-bottom:var(--spacing-lg); }
+    .context-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; }
+    .context-card h3 { font-size:0.9rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .context-card p { font-size:0.82rem; color:var(--text-muted); line-height:1.6; }
+    .modes-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.25rem; margin-bottom:var(--spacing-lg); }
+    .mode-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.75rem; }
+    .mode-num { font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.5rem; }
+    .mode-card h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .mode-card p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    .conn-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-bottom:var(--spacing-lg); }
+    @media(max-width:600px){ .conn-grid { grid-template-columns:1fr; } }
+    .conn-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; }
+    .conn-card h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .conn-card .conn-use { font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; color:var(--primary-green); margin-bottom:0.75rem; }
+    .conn-card p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    .audience-nav { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-bottom:var(--spacing-lg); }
+    .audience-link { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; text-decoration:none; color:inherit; transition:border-color 0.2s, transform 0.2s; display:flex; flex-direction:column; gap:0.5rem; }
+    .audience-link:hover { border-color:rgba(245,158,11,0.3); transform:translateY(-2px); }
+    .audience-link h3 { font-size:0.95rem; font-weight:600; color:var(--text-primary); }
+    .audience-link p { font-size:0.82rem; color:var(--text-muted); line-height:1.5; }
+    .audience-link .link-cta { font-size:0.8rem; color:var(--primary-green); font-weight:500; margin-top:auto; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">Riddle&amp;Code — Autonome Energieplattform</span>
+    <h1><strong>Autonome</strong> Energie<br>hinter dem Zähler.</h1>
+    <p class="lead">KERN ist die Plattform hinter dem Zähler — optimiert, prognostiziert und steuert Flexibilität aus Haushalten, Gewerbebetrieben, Microgrids und Energiegemeinschaften autonom.</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Demo buchen</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Core concept -->
+  <section class="content-section">
+    <div class="concept-box">
+      <div class="big-statement">Sie senden ein Signal.<br><strong>KERN liefert.</strong><br>Was hinter dem Zähler passiert, ist unsere Aufgabe.</div>
+      <p class="sub">Aggregatoren, Energieversorger und Plattformen interagieren mit KERN über eine saubere API — Prognose eingehend, Flexibilitätssignal eingehend, Bestätigung ausgehend. KERN übernimmt alles dazwischen: Neuausgleich, Anlagenauswahl, Steuerung, Bestätigung.</p>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Four contexts -->
+  <section class="content-section">
+    <h2 class="section-heading">Optimierung <strong>hinter dem Zähler</strong></h2>
+    <p class="section-sub">KERN arbeitet in vier Anlagenkontexten — alle auf einer Plattform.</p>
+    <div class="context-grid">
+      <div class="context-card">
+        <h3>Haushalte</h3>
+        <p>PV + Hausspeicher + Wärmepumpe + Ladestation — als Einheit optimiert. HEMS-Flottenmanagement für Energieversorger.</p>
+      </div>
+      <div class="context-card">
+        <h3>Gewerbe &amp; Industrie</h3>
+        <p>Gewerbe-PV, BESS, BHKW, steuerbare Lasten auf MS/NS-Ebene. Lastspitzenkappung, Lastmanagement, Flexibilitätssteuerung.</p>
+      </div>
+      <div class="context-card">
+        <h3>Microgrids</h3>
+        <p>Mehrere Anlagen hinter einem gemeinsamen Netzverknüpfungspunkt. Koordinierte Optimierung, inselbetriebsfähig.</p>
+      </div>
+      <div class="context-card">
+        <h3>Energiegemeinschaften (EEG)</h3>
+        <p>Gemeinschaftsoptimierung über mehrere Mitglieder und Zähler. Gemeinsamer Eigenverbrauch maximiert, kollektive Flexibilität aggregiert.</p>
+      </div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Optimisation modes -->
+  <section class="content-section">
+    <h2 class="section-heading">Drei <strong>Optimierungsmodi</strong></h2>
+    <p class="section-sub">Pro Anlage oder Portfolio konfigurierbar — kombinierbar.</p>
+    <div class="modes-grid">
+      <div class="mode-card">
+        <div class="mode-num">Modus 01</div>
+        <h3>Eigenverbrauchsoptimierung</h3>
+        <p>Lokalen Eigenverbrauch maximieren. Netzeinspeisung und -bezug minimieren. Standardmodus für Haushalte und kleinere G&amp;I-Anlagen.</p>
+      </div>
+      <div class="mode-card">
+        <div class="mode-num">Modus 02</div>
+        <h3>Wirtschaftliche Optimierung</h3>
+        <p>Monetären Ertrag maximieren — Intraday-Arbitrage, FCR/aFRR-Gebote, Lastspitzenkappung, Reduzierung der Leistungspreise. Dispatch gesteuert durch Echtzeit-Day-Ahead- und Intradaypreissignale. Standard für Aggregatoren und G&amp;I-Flexibilität.</p>
+      </div>
+      <div class="mode-card">
+        <div class="mode-num">Modus 03</div>
+        <h3>Gemeinschaftsoptimierung</h3>
+        <p>Gemeinsamen Eigenverbrauch über mehrere Mitglieder maximieren. Faire Zuteilung nach Anteil. Standard für EEG und Microgrids.</p>
+      </div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Connectivity -->
+  <section class="content-section">
+    <h2 class="section-heading">Konnektivität <strong>nach Topologie</strong></h2>
+    <p class="section-sub">Die richtige Technologie für jede Anlagenkonfiguration — beide in KERN als einheitliche Schicht verwaltet.</p>
+    <div class="conn-grid">
+      <div class="conn-card">
+        <div class="conn-use">Zusammenhängende Standorte</div>
+        <h3>Zigbee-Mesh</h3>
+        <p>Für Anlagen am selben Standort — Gebäude, Campusse, Industriegeländer. Kostengünstig, einfach zu installieren, selbstheilendes Mesh-Netz. Keine komplexe Gateway-Infrastruktur erforderlich.</p>
+      </div>
+      <div class="conn-card">
+        <div class="conn-use">Verteilte Anlagen</div>
+        <h3>MIOTY</h3>
+        <p>IEC-Standard-LPWAN für geografisch verteilte Anlagen — ländliche PV-Anlagen, MS-angeschlossene BESS, verteilte Standorte. 10 km Reichweite, 1,5 Mio. Nachrichten/Tag, unabhängig von LTE und WLAN.</p>
+      </div>
+    </div>
+    <a href="/technology/" class="btn btn-secondary">Vollständige Technologieübersicht →</a>
+  </section>
+
+  <hr class="divider">
+
+  <!-- For whom -->
+  <section class="content-section">
+    <h2 class="section-heading">KERN <strong>für Ihre Rolle</strong></h2>
+    <div class="audience-nav">
+      <a href="/kern/for-aggregators.html" class="audience-link">
+        <h3>Aggregatoren</h3>
+        <p>Gebote mit bestätigter Steuerung und 24h-Prognosen absichern.</p>
+        <span class="link-cta">Für Aggregatoren →</span>
+      </a>
+      <a href="/kern/for-utilities.html" class="audience-link">
+        <h3>Energieversorger</h3>
+        <p>Ihren Kundenstamm in ein monetarisierbares Flexibilitätsportfolio umwandeln.</p>
+        <span class="link-cta">Für Energieversorger →</span>
+      </a>
+      <a href="/kern/for-communities.html" class="audience-link">
+        <h3>Energiegemeinschaften</h3>
+        <p>Autonome Eigenverbrauchsoptimierung und Flexibilitätsaggregation.</p>
+        <span class="link-cta">Für Gemeinschaften →</span>
+      </a>
+      <a href="/kern/for-platforms.html" class="audience-link">
+        <h3>VPP-Plattformen</h3>
+        <p>Die Lücke in der Anlagenschicht unterhalb Ihrer Plattform mit einer sauberen API schließen.</p>
+        <span class="link-cta">Für Plattformen →</span>
+      </a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/de/references/index.html b/de/references/index.html
new file mode 100644
index 0000000..93fe69e
--- /dev/null
+++ b/de/references/index.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="de" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>Referenzen — KERN by Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="R&amp;C KERN im Produktiveinsatz — Live-MV/LV-Microgrid, versorgereigener Aggregator, Energiegemeinschaftsplattform. Besichtigung auf Anfrage."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/references/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/references/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/references/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); text-align:center; }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.5rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1rem; color:var(--text-muted); max-width:560px; margin:0 auto; line-height:1.7; }
+    .content-section { max-width:1000px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    /* Main reference card */
+    .ref-card { background:var(--card-bg); border:1px solid #222; border-radius:16px; overflow:hidden; margin-bottom:var(--spacing-lg); }
+    .ref-card-header { background:#16202f; border-bottom:1px solid #2a3850; padding:2rem 2.5rem; }
+    .ref-card-header .ref-tag { font-size:0.72rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.75rem; display:block; }
+    .ref-card-header h2 { font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:300; color:var(--text-primary); line-height:1.35; }
+    .ref-card-header h2 strong { font-weight:600; }
+    .ref-card-body { padding:2.5rem; }
+    .stack-items { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.25rem; margin-bottom:2rem; }
+    .stack-item { background:#1C2333; border:1px solid #2a3850; border-radius:10px; padding:1.25rem; }
+    .stack-item .si-label { font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--primary-green); margin-bottom:0.4rem; }
+    .stack-item .si-title { font-size:0.9rem; font-weight:600; color:var(--text-primary); margin-bottom:0.35rem; }
+    .stack-item .si-desc { font-size:0.8rem; color:var(--text-muted); line-height:1.5; }
+    .ref-visit { background:rgba(245,158,11,0.05); border:1px solid rgba(245,158,11,0.15); border-radius:10px; padding:1.5rem; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; }
+    .ref-visit p { font-size:0.9rem; color:var(--text-secondary); line-height:1.6; flex:1; }
+    /* Coming soon */
+    .coming-soon { background:var(--card-bg); border:1px dashed #222; border-radius:12px; padding:2.5rem; text-align:center; margin-bottom:var(--spacing-lg); }
+    .coming-soon h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .coming-soon p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    /* CTA */
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+    .ref-image { border-radius:12px; overflow:hidden; border:1px solid #2e3d52; margin-bottom:var(--spacing-md); }
+    .ref-image img { display:block; width:100%; height:auto; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">Referenzen</span>
+    <h1>Netz. Aggregator. Gemeinschaft.<br><strong>Alles live.</strong></h1>
+    <p class="lead">Führende Energieversorger. Drei Produktiv-Deployments auf einer Plattform. Besichtigung auf Anfrage.</p>
+  </div>
+
+  <hr class="divider">
+
+  <section class="content-section">
+
+    <!-- Live installation photo -->
+    <div class="ref-image">
+      <img src="/images/6401f477a5a79419a904f904_r&amp;c_mypwr.jpg"
+           alt="R&amp;C KERN — live installation" loading="lazy">
+    </div>
+
+    <!-- Main reference -->
+    <div class="ref-card">
+      <div class="ref-card-header">
+        <span class="ref-tag">Live-Referenz — Österreich</span>
+        <h2>Führende Energieversorger haben ihren <strong>kompletten Flexibilitäts-Stack</strong> auf R&amp;C KERN aufgebaut</h2>
+      </div>
+      <div class="ref-card-body">
+        <div class="stack-items">
+
+          <div class="stack-item">
+            <div class="si-label">Netz</div>
+            <div class="si-title">Live-MV/LV-Microgrid</div>
+            <div class="si-desc">Echtes Mittel- und Niederspannungsnetz im Produktiveinsatz. KERN verwaltet alle Assets hinter dem Zähler — Erzeugung, Speicher, steuerbare Lasten.</div>
+          </div>
+
+          <div class="stack-item">
+            <div class="si-label">Aggregator</div>
+            <div class="si-title">Versorgereigener Flexibilitätsaggregator</div>
+            <div class="si-desc">Tochtergesellschaft des Versorgers, die Gebote auf österreichischen Energiemärkten absichert. KERN liefert autonome Steuerung mit bestätigter Ausführung.</div>
+          </div>
+
+          <div class="stack-item">
+            <div class="si-label">Gemeinschaft</div>
+            <div class="si-title">Energiegemeinschaftsplattform</div>
+            <div class="si-desc">Energiegemeinschaftsmanagement auf KERN als Optimierungs- und Steuerungsschicht — autonome Asset-Koordination, Maximierung des kollektiven Eigenverbrauchs.</div>
+          </div>
+
+        </div>
+
+        <div class="ref-visit">
+          <p>
+            <strong style="color:var(--text-primary);">Das System ist besichtigbar.</strong><br>
+            Die Live-Installation kann auf Anfrage besichtigt werden — ein echtes Microgrid, das KERN im Produktiveinsatz betreibt. Kontaktieren Sie uns für einen Besuchstermin.
+          </p>
+          <a href="/company/get-in-touch.html" class="btn btn-primary">Besuch anfragen</a>
+        </div>
+      </div>
+    </div>
+
+    <!-- Coming soon -->
+    <div class="coming-soon">
+      <h3>Weitere Referenzen folgen</h3>
+      <p>Weitere Kundenreferenzen sind in Vorbereitung. Wir holen derzeit die Genehmigung zur namentlichen Veröffentlichung ein.<br>
+      <a href="/company/get-in-touch.html" style="color:var(--primary-green);">Kontaktieren Sie uns</a> um direkt mit einem Referenzkunden zu sprechen.</p>
+    </div>
+
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>Sehen Sie es in Betrieb.</h2>
+    <p>Ein 30-minütiges Gespräch oder eine Vor-Ort-Besichtigung — was für Sie nützlicher ist.</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Demo oder Besuch buchen</a>
+      <a href="/kern/" class="btn btn-secondary">Zurück zu KERN →</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/de/technology/index.html b/de/technology/index.html
new file mode 100644
index 0000000..7d6fd4e
--- /dev/null
+++ b/de/technology/index.html
@@ -0,0 +1,253 @@
+<!DOCTYPE html>
+<html lang="de" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>Technologie — KERN by Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="MIOTY, Zigbee Mesh, 24-h-Flexibilitätsprognosen und autonome Steuerung — die Technologie hinter KERN."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/technology/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/technology/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/technology/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); text-align:center; }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.5rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1rem; color:var(--text-muted); max-width:580px; margin:0 auto; line-height:1.7; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.5rem; }
+    .section-heading strong { font-weight:600; }
+    .section-sub { color:var(--text-muted); font-size:0.9rem; margin-bottom:2rem; }
+    /* Connectivity compare */
+    .conn-compare { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-bottom:2rem; }
+    @media(max-width:600px){ .conn-compare { grid-template-columns:1fr; } }
+    .conn-card { border:1px solid #2e3d52; border-radius:12px; padding:2rem; }
+    .conn-card.primary { background:rgba(245,158,11,0.04); border-color:rgba(245,158,11,0.2); }
+    .conn-card .conn-badge { font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.75rem; }
+    .conn-card h3 { font-size:1.1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .conn-card .conn-use { font-size:0.85rem; color:var(--text-muted); margin-bottom:1.25rem; font-style:italic; }
+    .spec-list { list-style:none; display:flex; flex-direction:column; gap:0.5rem; }
+    .spec-list li { display:flex; justify-content:space-between; align-items:baseline; font-size:0.85rem; padding-bottom:0.5rem; border-bottom:1px solid #2a3850; }
+    .spec-list li:last-child { border-bottom:none; }
+    .spec-key { color:var(--text-muted); }
+    .spec-val { color:var(--text-secondary); font-weight:500; text-align:right; }
+    /* vs table */
+    .vs-table { width:100%; border-collapse:collapse; margin-bottom:var(--spacing-lg); font-size:0.875rem; }
+    .vs-table th { text-align:left; padding:0.75rem 1rem; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.07em; color:var(--text-muted); border-bottom:1px solid #222; }
+    .vs-table th.highlight { color:var(--primary-green); }
+    .vs-table td { padding:0.85rem 1rem; border-bottom:1px solid #2a3850; color:var(--text-secondary); vertical-align:top; }
+    .vs-table td.highlight { color:var(--text-primary); font-weight:500; }
+    .vs-table tr:last-child td { border-bottom:none; }
+    .check { color:var(--primary-green); }
+    .cross { color:#555; }
+    /* Loop */
+    .loop-full { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .loop-full pre { color:var(--text-secondary); font-size:0.85rem; line-height:2; white-space:pre-wrap; }
+    .loop-full .hl { color:var(--primary-green); font-weight:600; }
+    /* Asset protocols */
+    .protocol-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:0.75rem; margin-bottom:var(--spacing-lg); }
+    .protocol-pill { background:var(--card-bg); border:1px solid #2e3d52; border-radius:8px; padding:0.75rem 1rem; font-size:0.82rem; color:var(--text-secondary); text-align:center; }
+    /* Security */
+    .security-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-bottom:var(--spacing-lg); }
+    .security-item { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.25rem; }
+    .security-item h4 { font-size:0.875rem; font-weight:600; color:var(--text-primary); margin-bottom:0.35rem; }
+    .security-item p { font-size:0.8rem; color:var(--text-muted); line-height:1.5; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+    /* Hardware image */
+    .hw-image-wrap { border-radius:12px; overflow:hidden; border:1px solid #2e3d52; margin-bottom:var(--spacing-lg); }
+    .hw-image-wrap img { display:block; width:100%; height:auto; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">Technologie</span>
+    <h1>Gebaut für Energieinfrastruktur.<br><strong>Kein IoT-Umbau.</strong></h1>
+    <p class="lead">MIOTY, Zigbee Mesh, ein autonomer 24-h-Prognose-Regelkreis und bestätigte Steuerung — zweckgebaut für die Anforderungen des Flexibilitätsmanagements hinter dem Zähler.</p>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Hardware image -->
+  <section class="content-section" style="padding-bottom:0;">
+    <div class="hw-image-wrap">
+      <img src="/images/6422963c3fc26ce623d62f21_Hardware_manufacture.jpg"
+           srcset="/images/6422963c3fc26ce623d62f21_Hardware_manufacture-p-500.jpg 500w,
+                   /images/6422963c3fc26ce623d62f21_Hardware_manufacture.jpg 800w"
+           sizes="(max-width:1100px) 100vw, 1100px"
+           alt="KERN hardware device" loading="lazy">
+    </div>
+  </section>
+
+  <!-- Connectivity -->
+  <section class="content-section">
+    <h2 class="section-heading">Konnektivität <strong>nach Topologie</strong></h2>
+    <p class="section-sub">Die Technologiewahl folgt der Asset-Topologie — nicht umgekehrt.</p>
+
+    <div class="conn-compare">
+      <div class="conn-card">
+        <div class="conn-badge">Zusammenhängende Standorte</div>
+        <h3>Zigbee Mesh</h3>
+        <p class="conn-use">Gebäude, Campusse, Industriegelände, Microgrids an einem Standort</p>
+        <ul class="spec-list">
+          <li><span class="spec-key">Range</span><span class="spec-val">Up to 100m per node, mesh extends coverage</span></li>
+          <li><span class="spec-key">Deployment</span><span class="spec-val">No gateway per room — mesh self-organises</span></li>
+          <li><span class="spec-key">Cost</span><span class="spec-val">Low hardware cost per node</span></li>
+          <li><span class="spec-key">Topology</span><span class="spec-val">Self-healing mesh — resilient to node failure</span></li>
+          <li><span class="spec-key">Use case</span><span class="spec-val">HEMS, C&amp;I facilities, ESC on one campus</span></li>
+        </ul>
+      </div>
+      <div class="conn-card primary">
+        <div class="conn-badge">Verteilte Assets</div>
+        <h3>MIOTY</h3>
+        <p class="conn-use">Geografisch verteilte Assets — ländliche PV, MV-BESS, mehrere entfernte Standorte</p>
+        <ul class="spec-list">
+          <li><span class="spec-key">Range</span><span class="spec-val"><strong>10 km</strong> per gateway</span></li>
+          <li><span class="spec-key">Capacity</span><span class="spec-val"><strong>1.5M messages/day</strong> per gateway</span></li>
+          <li><span class="spec-key">Standard</span><span class="spec-val">IEC 62657-1 — purpose-built for energy</span></li>
+          <li><span class="spec-key">Independence</span><span class="spec-val">No LTE, no WiFi required</span></li>
+          <li><span class="spec-key">Latency</span><span class="spec-val">&lt;1 second for dispatch commands</span></li>
+        </ul>
+      </div>
+    </div>
+
+    <h3 style="font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:1rem;">MIOTY vs. LoRaWAN</h3>
+    <table class="vs-table">
+      <thead>
+        <tr>
+          <th>Capability</th>
+          <th class="highlight">MIOTY</th>
+          <th>LoRaWAN</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>Standard</td><td class="highlight">IEC 62657-1 (international)</td><td>LoRa Alliance proprietary</td></tr>
+        <tr><td>Range</td><td class="highlight">Up to 10 km</td><td>Up to 5 km</td></tr>
+        <tr><td>Messages/day/gateway</td><td class="highlight">1,500,000</td><td>~50,000</td></tr>
+        <tr><td>Designed for</td><td class="highlight">Energy infrastructure, utility grade</td><td>General IoT sensing</td></tr>
+        <tr><td>Dispatch latency</td><td class="highlight">&lt;1 second</td><td>Seconds to minutes</td></tr>
+        <tr><td>LTE independence</td><td class="highlight"><span class="check">✓</span></td><td><span class="check">✓</span></td></tr>
+      </tbody>
+    </table>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Autonomous loop -->
+  <section class="content-section">
+    <h2 class="section-heading">Der <strong>autonome Regelkreis</strong></h2>
+    <p class="section-sub">KERN arbeitet kontinuierlich — prognostiziert, reagiert und steuert ohne manuelle Eingriffe.</p>
+    <div class="loop-full">
+<pre><span class="hl">1. FORECAST</span>  (rolling, 24h ahead)
+   Per asset: state of charge, PV forecast (weather-based),
+   load forecast (historical patterns), available flexibility window.
+   Per portfolio: aggregated flexibility profile (MW, time, confidence).
+   → Delivered to aggregator / platform as API feed.
+
+<span class="hl">2. DEMAND</span>  (inbound signal)
+   Flexibility signal received from aggregator, utility or market:
+   volume (kW), time window, direction (increase/decrease).
+
+<span class="hl">3. REBALANCE</span>  (real-time delta)
+   KERN compares demand signal against current actual asset state.
+   Detects deviations: weather change, load shift, asset failure.
+   Adjusts dispatch plan autonomously — before deviation becomes critical.
+
+<span class="hl">4. DISPATCH</span>  (autonomous asset control)
+   KERN selects assets, determines control sequence, sends commands.
+   Execution via Zigbee Mesh (contiguous) or MIOTY (distributed).
+   Asset protocols: Modbus, SunSpec, EEBUS, proprietary inverter APIs.
+
+<span class="hl">5. CONFIRMATION</span>
+   Asset-level execution confirmed back to KERN.
+   Fulfillment status reported to aggregator / platform in real-time.
+   Next forecast cycle starts immediately.</pre>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Optimization engine -->
+  <section class="content-section">
+    <h2 class="section-heading">Wie KERN <strong>Entscheidungen trifft</strong></h2>
+    <p class="section-sub">Jeder Optimierungszyklus nutzt Live-Telemetrie, Marktsignale und erlernte Muster — keine manuelle Konfiguration.</p>
+    <div class="security-grid">
+      <div class="security-item">
+        <h4>Preissignalbasierter Dispatch</h4>
+        <p>KERN verfolgt Day-Ahead- und Intradaypreise, FCR/aFRR-Signalwerte und Netzentgeltstrukturen in Echtzeit. Jede Dispatch-Entscheidung wird gegen das aktive Marktumfeld bewertet — nicht gegen einen festen Fahrplan.</p>
+      </div>
+      <div class="security-item">
+        <h4>Rollierendes Prognosemodell</h4>
+        <p>Verbrauchs- und Erzeugungsprognose 24 Stunden im Voraus pro Asset — kombiniert Live-Ladezustand, wettergestützte PV-Modelle und historische Lastmuster. Kontinuierlich verfeinert, je näher das Lieferfenster rückt.</p>
+      </div>
+      <div class="security-item">
+        <h4>Kontinuierliches Rebalancing</h4>
+        <p>KERN vergleicht alle paar Minuten den tatsächlichen Asset-Zustand mit der zugesagten Dispatch-Position. Erkannte Abweichungen lösen automatische Neuauswahl und Re-Dispatch aus — bevor das Lieferfenster schließt und Pönalen anfallen.</p>
+      </div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Asset protocols -->
+  <section class="content-section">
+    <h2 class="section-heading">Unterstützte <strong>Assets und Protokolle</strong></h2>
+    <p class="section-sub">KERN normalisiert alle Asset-Typen auf ein einheitliches Datenmodell — unabhängig von Hersteller oder Protokoll.</p>
+
+    <p style="font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:0.75rem;">Asset-Typen</p>
+    <div class="protocol-grid" style="margin-bottom:1.5rem;">
+      <div class="protocol-pill">PV (residential)</div>
+      <div class="protocol-pill">PV (commercial)</div>
+      <div class="protocol-pill">Home storage</div>
+      <div class="protocol-pill">Commercial BESS</div>
+      <div class="protocol-pill">Heat pumps</div>
+      <div class="protocol-pill">EV chargers</div>
+      <div class="protocol-pill">CHP</div>
+      <div class="protocol-pill">Biogas</div>
+      <div class="protocol-pill">Controllable loads</div>
+      <div class="protocol-pill">MV-connected assets</div>
+    </div>
+
+    <p style="font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:0.75rem;">Kommunikationsprotokolle</p>
+    <div class="protocol-grid">
+      <div class="protocol-pill">Modbus TCP/RTU</div>
+      <div class="protocol-pill">SunSpec</div>
+      <div class="protocol-pill">EEBUS</div>
+      <div class="protocol-pill">REST API</div>
+      <div class="protocol-pill">OCPP (EV)</div>
+      <div class="protocol-pill">Proprietary inverter APIs</div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Security & compliance -->
+  <section class="content-section">
+    <h2 class="section-heading">Sicherheit <strong>&amp; Compliance</strong></h2>
+    <div class="security-grid">
+      <div class="security-item">
+        <h4>Ende-zu-Ende-Verschlüsselung</h4>
+        <p>Alle Asset-Kommunikation Ende-zu-Ende verschlüsselt — vom Sensor bis zur Plattform.</p>
+      </div>
+      <div class="security-item">
+        <h4>Zertifikatsbasierte Authentifizierung</h4>
+        <p>Jedes Asset durch Zertifikat authentifiziert — keine unautorisierten Steuerbefehle möglich.</p>
+      </div>
+      <div class="security-item">
+        <h4>Redispatch 2.0</h4>
+        <p>Konform mit den Redispatch-2.0-Anforderungen für dezentrale Erzeugungssteuerung.</p>
+      </div>
+      <div class="security-item">
+        <h4>§14a / EAG / EnFG</h4>
+        <p>Kompatibel mit den Regelungen für steuerbare Verbrauchseinrichtungen in Deutschland und Österreich.</p>
+      </div>
+    </div>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Technische Demo buchen</a>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/images/66c5deac08b92464d185375a_MYPWR Dashboard-p-1080.png b/images/kern-dashboard-p-1080.png
similarity index 100%
rename from images/66c5deac08b92464d185375a_MYPWR Dashboard-p-1080.png
rename to images/kern-dashboard-p-1080.png
diff --git a/images/66c5deac08b92464d185375a_MYPWR Dashboard-p-1600.png b/images/kern-dashboard-p-1600.png
similarity index 100%
rename from images/66c5deac08b92464d185375a_MYPWR Dashboard-p-1600.png
rename to images/kern-dashboard-p-1600.png
diff --git a/images/66c5deac08b92464d185375a_MYPWR Dashboard-p-2000.png b/images/kern-dashboard-p-2000.png
similarity index 100%
rename from images/66c5deac08b92464d185375a_MYPWR Dashboard-p-2000.png
rename to images/kern-dashboard-p-2000.png
diff --git a/images/66c5deac08b92464d185375a_MYPWR Dashboard-p-2600.png b/images/kern-dashboard-p-2600.png
similarity index 100%
rename from images/66c5deac08b92464d185375a_MYPWR Dashboard-p-2600.png
rename to images/kern-dashboard-p-2600.png
diff --git a/images/66c5deac08b92464d185375a_MYPWR Dashboard-p-3200.png b/images/kern-dashboard-p-3200.png
similarity index 100%
rename from images/66c5deac08b92464d185375a_MYPWR Dashboard-p-3200.png
rename to images/kern-dashboard-p-3200.png
diff --git a/images/66c5deac08b92464d185375a_MYPWR Dashboard-p-500.png b/images/kern-dashboard-p-500.png
similarity index 100%
rename from images/66c5deac08b92464d185375a_MYPWR Dashboard-p-500.png
rename to images/kern-dashboard-p-500.png
diff --git a/images/66c5deac08b92464d185375a_MYPWR Dashboard-p-800.png b/images/kern-dashboard-p-800.png
similarity index 100%
rename from images/66c5deac08b92464d185375a_MYPWR Dashboard-p-800.png
rename to images/kern-dashboard-p-800.png
diff --git a/images/66c5deac08b92464d185375a_MYPWR Dashboard.png b/images/kern-dashboard.png
similarity index 100%
rename from images/66c5deac08b92464d185375a_MYPWR Dashboard.png
rename to images/kern-dashboard.png
diff --git a/images/kern-logo-dark.svg b/images/kern-logo-dark.svg
new file mode 100644
index 0000000..af7506c
--- /dev/null
+++ b/images/kern-logo-dark.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 330 96" width="330" height="96">
+  <title>KERN by Riddle&amp;Code — dark background</title>
+
+  <!-- Dark background -->
+  <rect width="330" height="96" fill="#1C2333"/>
+
+  <!-- Symbol: rings, opacity increasing toward center -->
+  <circle cx="38" cy="38" r="34" fill="none" stroke="#FFFFFF" stroke-width="1"   opacity="0.18"/>
+  <circle cx="38" cy="38" r="24" fill="none" stroke="#FFFFFF" stroke-width="1.5" opacity="0.42"/>
+  <circle cx="38" cy="38" r="14" fill="none" stroke="#FFFFFF" stroke-width="2"   opacity="0.75"/>
+
+  <!-- Core — warm amber gold -->
+  <circle cx="38" cy="38" r="5.5" fill="#F59E0B"/>
+
+  <!-- Wordmark -->
+  <text
+    x="88" y="50"
+    font-family="'Helvetica Neue', Helvetica, Arial, sans-serif"
+    font-size="32"
+    font-weight="500"
+    letter-spacing="9"
+    fill="#FFFFFF">KERN</text>
+
+  <!-- Tagline -->
+  <text
+    x="90" y="70"
+    font-family="'Helvetica Neue', Helvetica, Arial, sans-serif"
+    font-size="9"
+    font-weight="400"
+    letter-spacing="0.5"
+    fill="#FFFFFF"
+    opacity="0.5">Infrastructure for distributed energy.</text>
+
+</svg>
diff --git a/images/kern-logo.svg b/images/kern-logo.svg
new file mode 100644
index 0000000..5cc3424
--- /dev/null
+++ b/images/kern-logo.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 330 96" width="330" height="96">
+  <title>KERN by Riddle&amp;Code</title>
+
+  <!--
+    KERN logo — primary horizontal lockup, light background
+    Symbol: concentric rings (nucleus / cross-section motif) + amber core
+    Palette: #1C2333 charcoal-slate | #F59E0B warm amber gold
+    Typography: geometric sans-serif wordmark, wide tracking
+    Tagline: "Infrastructure for distributed energy."
+  -->
+
+  <!-- Symbol: cross-section rings, opacity decreasing outward -->
+  <circle cx="38" cy="38" r="34" fill="none" stroke="#1C2333" stroke-width="1"   opacity="0.22"/>
+  <circle cx="38" cy="38" r="24" fill="none" stroke="#1C2333" stroke-width="1.5" opacity="0.50"/>
+  <circle cx="38" cy="38" r="14" fill="none" stroke="#1C2333" stroke-width="2"   opacity="0.82"/>
+
+  <!-- Core — warm amber gold -->
+  <circle cx="38" cy="38" r="5.5" fill="#F59E0B"/>
+
+  <!-- Wordmark — wide tracking, medium weight -->
+  <text
+    x="88" y="50"
+    font-family="'Helvetica Neue', Helvetica, Arial, sans-serif"
+    font-size="32"
+    font-weight="500"
+    letter-spacing="9"
+    fill="#1C2333">KERN</text>
+
+  <!-- Tagline -->
+  <text
+    x="90" y="70"
+    font-family="'Helvetica Neue', Helvetica, Arial, sans-serif"
+    font-size="9"
+    font-weight="400"
+    letter-spacing="0.5"
+    fill="#1C2333"
+    opacity="0.45">Infrastructure for distributed energy.</text>
+
+</svg>
diff --git a/images/kern-symbol.svg b/images/kern-symbol.svg
new file mode 100644
index 0000000..48335fc
--- /dev/null
+++ b/images/kern-symbol.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 76" width="76" height="76">
+  <title>KERN symbol</title>
+
+  <!--
+    KERN symbol only — for favicon, app icon, stamp use
+    Centered in 76×76 square
+  -->
+
+  <circle cx="38" cy="38" r="34" fill="none" stroke="#1C2333" stroke-width="1"   opacity="0.22"/>
+  <circle cx="38" cy="38" r="24" fill="none" stroke="#1C2333" stroke-width="1.5" opacity="0.50"/>
+  <circle cx="38" cy="38" r="14" fill="none" stroke="#1C2333" stroke-width="2"   opacity="0.82"/>
+  <circle cx="38" cy="38" r="5.5" fill="#F59E0B"/>
+
+</svg>
diff --git a/includes/footer.html b/includes/footer.html
index a98141b..1c9d076 100644
--- a/includes/footer.html
+++ b/includes/footer.html
@@ -1,12 +1,12 @@
 <style>
   :root {
-    --primary-green: #00ff88;
-    --dark-bg: #0a0a0a;
+    --primary-green: #F59E0B;
+    --dark-bg: #1C2333;
     --text-primary: #ffffff;
     --text-muted: #999999;
     --border-color: #333333;
   }
-  
+
   .footer-modern {
     max-width: 1400px;
     margin: 0 auto;
@@ -14,42 +14,42 @@
     border-top: 1px solid var(--border-color);
     margin-top: 4rem;
   }
-  
+
   .footer-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
     gap: 3rem;
     margin-bottom: 3rem;
   }
-  
+
   .footer-column h4 {
     color: var(--text-primary);
     font-size: 1rem;
     margin-bottom: 1rem;
     font-weight: 600;
   }
-  
+
   .footer-links {
     list-style: none;
     margin: 0;
     padding: 0;
   }
-  
+
   .footer-links li {
     margin-bottom: 0.5rem;
   }
-  
+
   .footer-links a {
     color: var(--text-muted);
     text-decoration: none;
     font-size: 0.95rem;
     transition: color 0.3s ease;
   }
-  
+
   .footer-links a:hover {
     color: var(--primary-green);
   }
-  
+
   .footer-bottom {
     text-align: center;
     padding-top: 2rem;
@@ -57,23 +57,23 @@
     color: var(--text-muted);
     font-size: 0.875rem;
   }
-  
+
   .footer-bottom a {
     color: var(--text-muted);
     text-decoration: none;
   }
-  
+
   .footer-bottom a:hover {
     color: var(--primary-green);
   }
-  
+
   .footer-social {
     display: flex;
     justify-content: center;
     gap: 1.5rem;
     margin-bottom: 1.5rem;
   }
-  
+
   .footer-social a {
     color: var(--text-muted);
     font-size: 1.5rem;
@@ -86,36 +86,51 @@
     border-radius: 8px;
     background: rgba(255, 255, 255, 0.03);
   }
-  
+
   .footer-social a:hover {
     color: var(--primary-green);
-    background: rgba(0, 255, 136, 0.1);
+    background: rgba(245, 158, 11, 0.1);
     transform: translateY(-2px);
   }
 </style>
 
 <footer class="footer-modern">
+
+  <!-- Brand block -->
+  <div style="margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid var(--border-color); display: flex; align-items: center; gap: 1rem;">
+    <svg viewBox="0 0 76 76" xmlns="http://www.w3.org/2000/svg" style="width: 36px; height: 36px; flex-shrink: 0;" aria-hidden="true">
+      <circle cx="38" cy="38" r="34" fill="none" stroke="#ffffff" stroke-width="1"   opacity="0.18"/>
+      <circle cx="38" cy="38" r="24" fill="none" stroke="#ffffff" stroke-width="1.5" opacity="0.42"/>
+      <circle cx="38" cy="38" r="14" fill="none" stroke="#ffffff" stroke-width="2"   opacity="0.75"/>
+      <circle cx="38" cy="38" r="5.5" fill="#F59E0B"/>
+    </svg>
+    <div>
+      <div style="font-size: 1rem; font-weight: 600; letter-spacing: 0.12em; color: #fff;">KERN <span style="font-weight: 400; letter-spacing: 0; color: var(--text-muted);">by</span> <span style="color: #F59E0B;">Riddle&amp;Code</span></div>
+      <div style="font-size: 0.8rem; color: var(--text-muted); margin-top: 0.2rem;">Infrastructure for distributed energy.</div>
+    </div>
+  </div>
+
   <div class="footer-grid">
     <div class="footer-column">
-      <h4>Products</h4>
+      <h4>KERN</h4>
       <ul class="footer-links">
-        <li><a href="/product/pwr-trust.html">PWR Trust</a></li>
-        <li><a href="/product/iq-actor-id.html">IQ Actor ID</a></li>
-        <li><a href="/product/infrastructure-iq.html">Infrastructure IQ</a></li>
-        <li><a href="/product/facility-iq.html">Facility IQ</a></li>
-        <li><a href="/product/mypwr.html">MYPWR</a></li>
+        <li><a href="/kern/">Platform Overview</a></li>
+        <li><a href="/kern/for-utilities.html">For Utilities</a></li>
+        <li><a href="/kern/for-aggregators.html">For Aggregators</a></li>
+        <li><a href="/kern/for-communities.html">For Energy Communities</a></li>
+        <li><a href="/kern/for-platforms.html">For Platforms</a></li>
       </ul>
     </div>
-    
+
     <div class="footer-column">
-      <h4>Resources</h4>
+      <h4>More</h4>
       <ul class="footer-links">
-        <li><a href="/company/news.html" target="_blank">News</a></li>
-        <li><a href="https://rddl.io" target="_blank">RDDL Network</a></li>
-        <li><a href="/sustainability.html">Sustainability</a></li>
+        <li><a href="/technology/">Technology</a></li>
+        <li><a href="/references/">References</a></li>
+        <li><a href="/company/news.html">News</a></li>
       </ul>
     </div>
-    
+
     <div class="footer-column">
       <h4>Company</h4>
       <ul class="footer-links">
@@ -125,7 +140,7 @@ <h4>Company</h4>
         <li><a href="/company/get-in-touch.html">Contact</a></li>
       </ul>
     </div>
-    
+
     <div class="footer-column">
       <h4>Legal</h4>
       <ul class="footer-links">
@@ -135,7 +150,7 @@ <h4>Legal</h4>
       </ul>
     </div>
   </div>
-  
+
   <div class="footer-bottom">
     <div class="footer-social">
       <a href="https://at.linkedin.com/company/riddle-&-code" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
@@ -159,6 +174,6 @@ <h4>Legal</h4>
         </svg>
       </a>
     </div>
-    <p>© 2025 Riddle&Code GmbH. All rights reserved.</p>
+    <p>© 2025 Riddle&amp;Code GmbH. All rights reserved.</p>
   </div>
 </footer>
diff --git a/includes/head-template.html b/includes/head-template.html
index c74b40f..778a70b 100644
--- a/includes/head-template.html
+++ b/includes/head-template.html
@@ -17,7 +17,6 @@
 <!-- Additional stylesheets (add as needed) -->
 <!-- <link href="styles/partner-grid.css" rel="stylesheet" type="text/css"/> -->
 <!-- <link href="styles/legal-content.css" rel="stylesheet" type="text/css"/> -->
-<!-- <link href="styles/article.css" rel="stylesheet" type="text/css"/> -->
 <!-- <link href="styles/showcase.css" rel="stylesheet" type="text/css"/> -->
 
 <!-- Webflow Detection Script -->
diff --git a/includes/kern-product-bar.html b/includes/kern-product-bar.html
new file mode 100644
index 0000000..1886bf7
--- /dev/null
+++ b/includes/kern-product-bar.html
@@ -0,0 +1,58 @@
+<style>
+  .kern-product-bar {
+    border-bottom: 1px solid #2a3850;
+    background: rgba(245,158,11,0.04);
+  }
+  .kern-product-bar-inner {
+    max-width: 1100px;
+    margin: 0 auto;
+    padding: 0.75rem 2rem;
+    display: flex;
+    align-items: center;
+    gap: 0.85rem;
+  }
+  .kern-product-bar svg { flex-shrink: 0; }
+  .kern-product-bar-name {
+    font-size: 0.9rem;
+    font-weight: 700;
+    letter-spacing: 0.16em;
+    color: #fff;
+    text-transform: uppercase;
+  }
+  .kern-product-bar-sep {
+    color: #333;
+    font-size: 0.9rem;
+  }
+  .kern-product-bar-by {
+    font-size: 0.8rem;
+    color: var(--text-muted);
+    letter-spacing: 0.02em;
+  }
+  .kern-product-bar-by strong {
+    color: #F59E0B;
+    font-weight: 600;
+  }
+  .kern-product-bar-tagline {
+    margin-left: auto;
+    font-size: 0.75rem;
+    color: #444;
+    letter-spacing: 0.04em;
+    font-style: italic;
+  }
+  @media (max-width: 600px) { .kern-product-bar-tagline { display: none; } }
+</style>
+
+<div class="kern-product-bar">
+  <div class="kern-product-bar-inner">
+    <svg viewBox="0 0 40 40" width="22" height="22" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+      <circle cx="20" cy="20" r="18" fill="none" stroke="#ffffff" stroke-width="0.8" opacity="0.18"/>
+      <circle cx="20" cy="20" r="12" fill="none" stroke="#ffffff" stroke-width="1"   opacity="0.42"/>
+      <circle cx="20" cy="20" r="7"  fill="none" stroke="#ffffff" stroke-width="1.2" opacity="0.75"/>
+      <circle cx="20" cy="20" r="3"  fill="#F59E0B"/>
+    </svg>
+    <span class="kern-product-bar-name">KERN</span>
+    <span class="kern-product-bar-sep">·</span>
+    <span class="kern-product-bar-by">a product by <strong>Riddle&amp;Code</strong></span>
+    <span class="kern-product-bar-tagline">Infrastructure for distributed energy.</span>
+  </div>
+</div>
diff --git a/includes/nav.html b/includes/nav.html
index 53a7fd4..ad055f4 100644
--- a/includes/nav.html
+++ b/includes/nav.html
@@ -1,28 +1,10 @@
 <style>
-  * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-  }
-  
-  :root {
-    --primary-green: #00ff88;
-    --primary-blue: #00d4ff;
-    --dark-bg: #0a0a0a;
-    --text-primary: #ffffff;
-    --text-secondary: #e0e0e0;
-    --text-muted: #999999;
-    --border-color: #333333;
-  }
-  
-  /* Navigation */
   .nav {
     position: relative;
     z-index: 1000;
-    background: rgba(10, 10, 10, 0.95);
-    backdrop-filter: blur(10px);
+    background: #1C2333;
+    border-bottom: 1px solid #2a3850;
   }
-  
   .nav-container {
     max-width: 1400px;
     margin: 0 auto;
@@ -32,114 +14,211 @@
     align-items: center;
     gap: 2rem;
   }
-  
   .nav-logo {
     display: flex;
     align-items: center;
-    gap: 0.75rem;
     text-decoration: none;
     color: var(--text-primary);
-    font-size: 1.25rem;
-    font-weight: 600;
+    flex-shrink: 0;
   }
-  
-  .nav-logo img {
-    height: 32px;
-    width: auto;
+  .nav-logo-wordmark {
+    font-size: 1.15rem;
+    font-weight: 500;
+    color: var(--text-primary);
+    letter-spacing: 0.01em;
+  }
+  .nav-logo-amp {
+    color: var(--kern-accent);
+    font-weight: 700;
   }
-  
   .nav-menu {
     display: flex;
-    gap: 2rem;
+    gap: 0.25rem;
     align-items: center;
     list-style: none;
+    flex: 1;
+    justify-content: flex-end;
   }
-  
+  /* Base nav link */
   .nav-link {
     color: var(--text-secondary);
     text-decoration: none;
-    font-size: 0.95rem;
-    transition: color 0.3s ease;
+    font-size: 0.9rem;
+    padding: 0.5rem 0.75rem;
+    border-radius: 6px;
+    transition: color 0.2s ease, background 0.2s ease;
     white-space: nowrap;
+    display: flex;
+    align-items: center;
+    gap: 0.3rem;
   }
-  
-  .nav-link:hover {
-    color: var(--primary-green);
+  .nav-link:hover { color: var(--text-primary); background: rgba(255,255,255,0.05); }
+  /* Dropdown parent */
+  .nav-item { position: relative; list-style: none; }
+  .nav-item > .nav-link::after {
+    content: '▾';
+    font-size: 0.7rem;
+    opacity: 0.6;
+    transition: transform 0.2s ease;
   }
-  
-  .nav-cta {
-    background: var(--primary-green);
-    color: var(--dark-bg);
-    padding: 0.6rem 1.5rem;
-    border-radius: 8px;
+  .nav-item:hover > .nav-link::after { transform: rotate(180deg); }
+  /* Dropdown menu */
+  .nav-dropdown {
+    display: none;
+    position: absolute;
+    top: calc(100% + 4px);
+    left: 0;
+    background: #16202f;
+    border: 1px solid #2a3850;
+    border-radius: 10px;
+    padding: 0.5rem;
+    min-width: 220px;
+    box-shadow: 0 16px 40px rgba(0,0,0,0.6);
+    z-index: 100;
+  }
+  .nav-item:hover .nav-dropdown { display: block; }
+  .nav-dropdown a {
+    display: block;
+    padding: 0.6rem 0.9rem;
+    color: var(--text-secondary);
+    text-decoration: none;
+    font-size: 0.875rem;
+    border-radius: 6px;
+    transition: color 0.2s ease, background 0.2s ease;
+    white-space: nowrap;
+  }
+  .nav-dropdown a:hover { color: var(--text-primary); background: rgba(255,255,255,0.06); }
+  .nav-dropdown .dropdown-label {
+    font-size: 0.7rem;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--text-muted);
+    padding: 0.5rem 0.9rem 0.25rem;
+  }
+  .nav-dropdown .dropdown-divider {
+    height: 1px;
+    background: #2a3850;
+    margin: 0.4rem 0.5rem;
+  }
+  /* KERN highlight in dropdown */
+  .nav-dropdown .kern-link {
+    color: var(--kern-accent);
+    font-weight: 500;
+  }
+  .nav-dropdown .kern-link:hover { background: rgba(196,123,43,0.1); }
+  /* Language toggle */
+  .nav-lang {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    font-size: 0.8rem;
+    color: var(--text-muted);
+    margin-left: 0.5rem;
+  }
+  .nav-lang a {
+    color: var(--text-muted);
     text-decoration: none;
-    font-weight: 600;
-    font-size: 0.95rem;
-    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    padding: 0.25rem 0.4rem;
+    border-radius: 4px;
+    transition: color 0.2s ease;
+  }
+  .nav-lang a:hover, .nav-lang a.active { color: var(--text-primary); }
+  .nav-lang span { opacity: 0.3; }
+  /* CTA */
+  .nav-cta {
+    background: var(--kern-accent) !important;
+    color: #1C2333 !important;
+    padding: 0.55rem 1.25rem !important;
+    border-radius: 8px !important;
+    font-weight: 600 !important;
+    font-size: 0.875rem !important;
+    transition: opacity 0.2s ease, transform 0.2s ease !important;
+    margin-left: 0.5rem;
+    white-space: nowrap;
   }
-  
   .nav-cta:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
+    opacity: 0.88 !important;
+    transform: translateY(-1px) !important;
+    background: var(--kern-accent) !important;
   }
-  
-  /* Mobile menu toggle */
+  /* Mobile toggle */
   .nav-toggle {
     display: none;
     background: none;
     border: none;
     color: var(--text-primary);
-    font-size: 1.5rem;
+    font-size: 1.4rem;
     cursor: pointer;
-    padding: 0.5rem;
+    padding: 0.4rem;
   }
-  
-  @media (max-width: 768px) {
+  @media (max-width: 900px) {
     .nav-menu {
       display: none;
       position: absolute;
       top: 100%;
       left: 0;
       right: 0;
-      background: rgba(10, 10, 10, 0.98);
+      background: #1a2438;
       flex-direction: column;
+      align-items: flex-start;
       padding: 1rem;
-      border-bottom: 1px solid var(--border-color);
-      gap: 1rem;
-    }
-    
-    .nav-menu.active {
-      display: flex;
-    }
-    
-    .nav-toggle {
-      display: block;
-    }
-    
-    .nav-container {
-      flex-wrap: wrap;
+      border-bottom: 1px solid #222;
+      gap: 0.25rem;
     }
+    .nav-menu.active { display: flex; }
+    .nav-toggle { display: block; }
+    .nav-container { flex-wrap: wrap; }
+    .nav-item { width: 100%; }
+    .nav-dropdown { position: static; box-shadow: none; border: none; background: #16202f; border-radius: 6px; margin-top: 0.25rem; }
+    .nav-item:hover .nav-dropdown { display: none; }
+    .nav-item.open .nav-dropdown { display: block; }
+    .nav-item > .nav-link { width: 100%; justify-content: space-between; }
+    .nav-lang { margin-left: 0; padding: 0.5rem 0.75rem; }
+    .nav-cta { margin-left: 0; width: 100%; text-align: center; margin-top: 0.5rem; }
   }
 </style>
-
-<!-- Navigation -->
 <nav class="nav">
   <div class="nav-container">
     <a href="/" class="nav-logo">
-      <img src="/images/640eb41653155cff97638680_RIDDLE&CODE_SHORTLOGO_OPTION_C_POS_grey.png" alt="Riddle&Code Logo">
-      <span>Riddle&Code</span>
+      <span class="nav-logo-wordmark">Riddle<span class="nav-logo-amp">&amp;</span>Code</span>
     </a>
-    <button class="nav-toggle" id="navToggle" aria-label="Toggle navigation">
-      ☰
-    </button>
+    <button type="button" class="nav-toggle" id="navToggle" aria-label="Toggle navigation">☰</button>
     <ul class="nav-menu" id="navMenu">
-      <li><a href="/#solutions" class="nav-link">Solutions</a></li>
-      <li><a href="/#capabilities" class="nav-link">Capabilities</a></li>
-      <li><a href="/#technology" class="nav-link">Technology</a></li>
-      <li><a href="/#products" class="nav-link">Products</a></li>
-      <li><a href="/company/about-us.html" class="nav-link">Company</a></li>
-      <li><a href="/company/news.html" class="nav-link">News</a></li>
-      <li><a href="/company/get-in-touch.html" class="nav-cta">Get in Touch</a></li>
+      <!-- Products dropdown -->
+      <li class="nav-item" id="kernDropdown">
+        <a href="/kern/" class="nav-link">Products</a>
+        <div class="nav-dropdown">
+          <div class="dropdown-label">KERN — Autonomous Energy Platform</div>
+          <a href="/kern/" class="kern-link">KERN Overview</a>
+          <div class="dropdown-divider"></div>
+          <a href="/kern/for-utilities.html">For Utilities</a>
+          <a href="/kern/for-aggregators.html">For Aggregators</a>
+          <a href="/kern/for-communities.html">For Energy Communities</a>
+          <a href="/kern/for-platforms.html">For Platforms</a>
+        </div>
+      </li>
+      <li><a href="/technology/" class="nav-link">Technology</a></li>
+      <li><a href="/references/" class="nav-link">References</a></li>
+      <!-- Company dropdown -->
+      <li class="nav-item">
+        <a href="/company/about-us.html" class="nav-link">Company</a>
+        <div class="nav-dropdown">
+          <a href="/company/about-us.html">About Us</a>
+          <a href="/company/news.html">News</a>
+          <a href="/company/media.html">Media</a>
+          <a href="/company/career.html">Careers</a>
+        </div>
+      </li>
+      <!-- Language toggle -->
+      <li>
+        <div class="nav-lang">
+          <a href="#" id="lang-en">EN</a>
+          <span>|</span>
+          <a href="#" id="lang-de">DE</a>
+        </div>
+      </li>
+      <!-- CTA -->
+      <li><a href="/company/get-in-touch.html" class="nav-link nav-cta">Book a Demo</a></li>
     </ul>
   </div>
 </nav>
diff --git a/includes/products-section.html b/includes/products-section.html
index a4fc4f9..3b9d755 100644
--- a/includes/products-section.html
+++ b/includes/products-section.html
@@ -155,13 +155,13 @@ <h3 class="target-title">MYPWR</h3>
     width: 64px;
     height: 64px;
     margin: 0 auto 1.5rem;
-    color: var(--green, #00ff88);
+    color: var(--kern-accent, #F59E0B);
     transition: all 0.3s ease;
   }
 
   .product-card-link:hover .product-logo {
     transform: scale(1.1) translateY(-4px);
-    filter: drop-shadow(0 4px 12px rgba(0, 255, 136, 0.3));
+    filter: drop-shadow(0 4px 12px rgba(245, 158, 11, 0.3));
   }
 
   .product-logo svg {
diff --git a/includes/technology-section.html b/includes/technology-section.html
index 603f7f2..fbb4084 100644
--- a/includes/technology-section.html
+++ b/includes/technology-section.html
@@ -201,7 +201,7 @@ <h4>Application Layer</h4>
 
       .flow-layer:hover {
         background: rgba(255, 255, 255, 0.06);
-        border-color: var(--primary-blue);
+        border-color: var(--kern-accent);
         transform: translateY(-4px);
       }
 
@@ -211,7 +211,7 @@ <h4>Application Layer</h4>
         left: 12px;
         width: 28px;
         height: 28px;
-        background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
+        background: linear-gradient(135deg, var(--kern-accent), var(--primary-green));
         border-radius: 50%;
         display: flex;
         align-items: center;
@@ -239,7 +239,7 @@ <h4>Application Layer</h4>
 
       .flow-layer:hover .flow-icon {
         transform: scale(1.15);
-        filter: drop-shadow(0 2px 8px rgba(0, 255, 136, 0.4));
+        filter: drop-shadow(0 2px 8px rgba(245, 158, 11, 0.4));
       }
 
       .flow-layer h4 {
@@ -251,7 +251,7 @@ <h4>Application Layer</h4>
       }
 
       .flow-subtitle {
-        color: var(--primary-blue);
+        color: var(--kern-accent);
         font-size: 0.875rem;
         font-weight: 500;
         margin-bottom: 0.75rem;
@@ -275,7 +275,7 @@ <h4>Application Layer</h4>
 
       .flow-tag {
         background: rgba(0, 212, 255, 0.1);
-        color: var(--primary-blue);
+        color: var(--kern-accent);
         padding: 0.25rem 0.6rem;
         border-radius: 6px;
         font-size: 0.75rem;
diff --git a/index.html b/index.html
index 125db58..c1e4e75 100644
--- a/index.html
+++ b/index.html
@@ -2,82 +2,525 @@
 <html lang="en" data-ga-id="G-6PKLPEVZNF">
 <head>
   <meta charset="utf-8"/>
-  <title>Riddle&Code — Energy Infrastructure for the Future</title>
+  <title>Riddle&amp;Code — Autonomous Energy. Behind the Meter.</title>
   <meta name="viewport" content="width=device-width, initial-scale=1"/>
-  <meta content="Transform energy assets into intelligent, coordinated power plants through secure connectivity and real-time optimization." name="description"/>
-  
-  <!-- Open Graph / Social -->
-  <meta content="Riddle&Code — Energy Infrastructure for the Future" property="og:title"/>
-  <meta content="Transform energy assets into intelligent, coordinated power plants through secure connectivity and real-time optimization." property="og:description"/>
-  <meta content="images/6414afea39e2ec1d18d1ff32_open_graph.jpg" property="og:image"/>
-  <meta content="website" property="og:type"/>
-  
-  <!-- Main Styles -->
-  <link rel="stylesheet" href="styles/main.css">
-
-  <!-- Main Application Script -->
-  <script src="scripts/main.js" defer></script>
+  <meta name="description" content="R&amp;C KERN autonomously forecasts, dispatches and delivers flexibility behind the meter — for aggregators, utilities and energy communities."/>
+  <meta property="og:title" content="Riddle&amp;Code — Autonomous Energy. Behind the Meter."/>
+  <meta property="og:description" content="R&amp;C KERN autonomously forecasts, dispatches and delivers flexibility behind the meter."/>
+  <meta property="og:image" content="/images/6401f477a5a79419a904f904_r&amp;c_mypwr.jpg"/>
+  <meta property="og:type" content="website"/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    /* ── Hero ── */
+    .hero-home {
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: var(--spacing-xl) 2rem var(--spacing-lg);
+      display: grid;
+      grid-template-columns: 1fr auto;
+      gap: 4rem;
+      align-items: center;
+    }
+
+    .hero-text { text-align: left; }
+
+    .hero-eyebrow {
+      display: inline-block;
+      font-size: 0.8rem;
+      font-weight: 600;
+      letter-spacing: 0.12em;
+      text-transform: uppercase;
+      color: var(--primary-green);
+      margin-bottom: 1.5rem;
+      padding: 0.35rem 1rem;
+      border: 1px solid rgba(245,158,11,0.3);
+      border-radius: 100px;
+    }
+
+    .hero-home h1 {
+      font-size: clamp(2.8rem, 5.5vw, 5rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      line-height: 1.08;
+      margin-bottom: 1.5rem;
+      letter-spacing: -0.02em;
+    }
+
+    .hero-home h1 strong {
+      font-weight: 600;
+      color: var(--primary-green);
+    }
+
+    .hero-sub {
+      font-size: clamp(1rem, 1.8vw, 1.25rem);
+      color: var(--text-muted);
+      max-width: 560px;
+      margin: 0 0 2.5rem;
+      line-height: 1.7;
+    }
+
+    .hero-actions {
+      display: flex;
+      gap: 1rem;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+      margin-bottom: 0;
+    }
+
+    /* KERN logo column */
+    .hero-logo {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 1.25rem;
+      flex-shrink: 0;
+    }
+
+    .hero-logo-rings {
+      opacity: 0.9;
+      filter: drop-shadow(0 0 32px rgba(245,158,11,0.2));
+    }
+
+    .hero-logo-wordmark {
+      font-size: 0.85rem;
+      font-weight: 700;
+      letter-spacing: 0.35em;
+      color: rgba(255,255,255,0.35);
+      text-transform: uppercase;
+    }
+
+    @media (max-width: 860px) {
+      .hero-home {
+        grid-template-columns: 1fr;
+        text-align: center;
+        gap: 3rem;
+      }
+      .hero-text { text-align: center; }
+      .hero-logo { order: -1; }
+      .hero-sub { margin: 0 auto 2.5rem; }
+      .hero-actions { justify-content: center; }
+    }
+
+
+    /* ── Audience cards ── */
+    .audience-section {
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: var(--spacing-xl) 2rem var(--spacing-lg);
+    }
+
+    .section-label {
+      text-align: center;
+      font-size: 0.8rem;
+      font-weight: 600;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--text-muted);
+      margin-bottom: 3rem;
+    }
+
+    .audience-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+      gap: 1.5rem;
+    }
+
+    .audience-card {
+      background: var(--card-bg);
+      border: 1px solid #2e3d52;
+      border-radius: 12px;
+      padding: 2rem;
+      text-decoration: none;
+      color: inherit;
+      transition: border-color 0.2s ease, transform 0.2s ease;
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+    }
+
+    .audience-card:hover {
+      border-color: rgba(245,158,11,0.35);
+      transform: translateY(-3px);
+    }
+
+    .audience-icon {
+      width: 44px;
+      height: 44px;
+      border-radius: 10px;
+      background: rgba(245,158,11,0.10);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--primary-green);
+    }
+
+    .audience-card h3 {
+      font-size: 1.1rem;
+      font-weight: 600;
+      color: var(--text-primary);
+    }
+
+    .audience-card p {
+      font-size: 0.9rem;
+      color: var(--text-muted);
+      line-height: 1.6;
+      flex: 1;
+    }
+
+    .audience-card .card-link {
+      font-size: 0.85rem;
+      color: var(--primary-green);
+      font-weight: 500;
+    }
+
+    /* ── Operative loop ── */
+    .loop-section {
+      background: #16202f;
+      border-top: 1px solid #2a3850;
+      border-bottom: 1px solid #2a3850;
+      padding: var(--spacing-lg) 2rem;
+      margin-bottom: var(--spacing-lg);
+    }
+
+    .loop-inner {
+      max-width: 1100px;
+      margin: 0 auto;
+      text-align: center;
+    }
+
+    .loop-inner h2 {
+      font-size: clamp(1.6rem, 3vw, 2.2rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      margin-bottom: 0.75rem;
+    }
+
+    .loop-inner h2 strong { font-weight: 600; }
+
+    .loop-inner .loop-sub {
+      color: var(--text-muted);
+      font-size: 1rem;
+      margin-bottom: 3rem;
+      max-width: 560px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .loop-steps {
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
+      gap: 0;
+      flex-wrap: wrap;
+    }
+
+    .loop-step {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 0.75rem;
+      min-width: 130px;
+      flex: 1;
+      max-width: 180px;
+    }
+
+    .loop-num {
+      width: 44px;
+      height: 44px;
+      border-radius: 50%;
+      background: rgba(245,158,11,0.1);
+      border: 1px solid rgba(245,158,11,0.25);
+      color: var(--primary-green);
+      font-weight: 600;
+      font-size: 0.9rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .loop-step-label {
+      font-size: 0.8rem;
+      font-weight: 600;
+      color: var(--text-primary);
+      text-transform: uppercase;
+      letter-spacing: 0.06em;
+      text-align: center;
+    }
+
+    .loop-step-desc {
+      font-size: 0.78rem;
+      color: var(--text-muted);
+      text-align: center;
+      line-height: 1.5;
+    }
+
+    .loop-arrow {
+      color: #333;
+      font-size: 1.2rem;
+      padding-top: 0.9rem;
+      flex-shrink: 0;
+    }
+
+    .loop-callout {
+      margin-top: 2.5rem;
+      padding: 1.25rem 2rem;
+      background: rgba(245,158,11,0.05);
+      border: 1px solid rgba(245,158,11,0.15);
+      border-radius: 10px;
+      color: var(--text-secondary);
+      font-size: 0.95rem;
+      display: inline-block;
+    }
+
+    .loop-callout strong { color: var(--primary-green); }
+
+    /* ── Reference block ── */
+    .reference-section {
+      max-width: 900px;
+      margin: 0 auto var(--spacing-lg);
+      padding: 0 2rem;
+      text-align: center;
+    }
+
+    .reference-card {
+      background: var(--card-bg);
+      border: 1px solid #2e3d52;
+      border-radius: 16px;
+      padding: 3rem;
+    }
+
+    .reference-tag {
+      display: inline-block;
+      font-size: 0.75rem;
+      font-weight: 600;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--primary-green);
+      margin-bottom: 1.25rem;
+    }
+
+    .reference-card h2 {
+      font-size: clamp(1.4rem, 2.5vw, 1.9rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      margin-bottom: 1.5rem;
+      line-height: 1.3;
+    }
+
+    .reference-proof {
+      display: flex;
+      justify-content: center;
+      gap: 2rem;
+      flex-wrap: wrap;
+      margin-bottom: 2rem;
+    }
+
+    .proof-item {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      font-size: 0.875rem;
+      color: var(--text-secondary);
+    }
+
+    .proof-dot {
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: var(--primary-green);
+      flex-shrink: 0;
+    }
+
+    /* ── Final CTA ── */
+    .cta-home {
+      text-align: center;
+      padding: var(--spacing-lg) 2rem var(--spacing-xl);
+      max-width: 700px;
+      margin: 0 auto;
+    }
+
+    .cta-home h2 {
+      font-size: clamp(1.8rem, 3.5vw, 2.5rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      margin-bottom: 1rem;
+      line-height: 1.2;
+    }
+
+    .cta-home p {
+      color: var(--text-muted);
+      font-size: 1rem;
+      margin-bottom: 2rem;
+    }
+  </style>
 </head>
 <body>
-  
-  <!-- Navigation -->
+
   <div id="nav-placeholder"></div>
-  
-  <!-- Hero Section -->
-  <section class="hero">
-    <h1 class="fade-in">
-      <span class="highlight">Connect. See. Control.</span><br>
-      Distributed Energy Assets
-    </h1>
-    <p class="hero-subtitle fade-in">
-      Take control of your energy infrastructure with secure connectivity that reaches every asset, real-time visibility into every kilowatt, and intelligent control that optimizes every decision — turning fragmented resources into a unified, intelligent system.
-    </p>
-    <div class="hero-stats fade-in">
-      <div class="stat">
-        <span class="stat-value">1.5M</span>
-        <span class="stat-label">Messages/Day per Node</span>
+
+  <!-- Hero -->
+  <section class="hero-home">
+    <div class="hero-text">
+      <div class="hero-eyebrow">Riddle<strong style="color: var(--kern-accent);">&amp;</strong>Code — Vienna</div>
+      <h1>
+        Infrastructure for<br><strong>distributed energy.</strong>
+      </h1>
+      <p class="hero-sub">
+        We build the platform utilities and aggregators use to connect, dispatch and monetise distributed energy assets at scale. Our product is <strong style="color: var(--text-primary);">KERN</strong>.
+      </p>
+      <div class="hero-actions">
+        <a href="/kern/" class="btn btn-primary">Discover KERN →</a>
+        <a href="/company/get-in-touch.html" class="btn btn-secondary">Book a Demo</a>
       </div>
-      <div class="stat">
-        <span class="stat-value">10km</span>
-        <span class="stat-label">Coverage Range</span>
+    </div>
+
+    <!-- KERN logo -->
+    <div class="hero-logo">
+      <svg class="hero-logo-rings" viewBox="0 0 220 220" width="220" height="220" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="KERN">
+        <circle cx="110" cy="110" r="100" fill="none" stroke="#ffffff" stroke-width="1"   opacity="0.10"/>
+        <circle cx="110" cy="110" r="76"  fill="none" stroke="#ffffff" stroke-width="1.2" opacity="0.22"/>
+        <circle cx="110" cy="110" r="54"  fill="none" stroke="#ffffff" stroke-width="1.5" opacity="0.40"/>
+        <circle cx="110" cy="110" r="34"  fill="none" stroke="#F59E0B" stroke-width="1.8" opacity="0.60"/>
+        <circle cx="110" cy="110" r="16"  fill="none" stroke="#F59E0B" stroke-width="2.5" opacity="0.85"/>
+        <circle cx="110" cy="110" r="6"   fill="#F59E0B"/>
+      </svg>
+      <span class="hero-logo-wordmark">KERN</span>
+    </div>
+  </section>
+
+  <!-- Audience cards -->
+  <section class="audience-section">
+    <p class="section-label">Who KERN is built for</p>
+    <div class="audience-grid">
+
+      <a href="/kern/for-aggregators.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>
+          </svg>
+        </div>
+        <h3>Aggregators</h3>
+        <p>Secure your bids every time. KERN dispatches behind the meter and confirms execution — no manual intervention, no penalties.</p>
+        <span class="card-link">For aggregators →</span>
+      </a>
+
+      <a href="/kern/for-utilities.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+            <polyline points="9 22 9 12 15 12 15 22"/>
+          </svg>
+        </div>
+        <h3>Utilities</h3>
+        <p>Turn your customer base into a steerable flexibility portfolio. From HEMS fleet to energy communities — one platform, one autonomous layer.</p>
+        <span class="card-link">For utilities →</span>
+      </a>
+
+      <a href="/kern/for-communities.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="12" cy="12" r="10"/>
+            <line x1="2" y1="12" x2="22" y2="12"/>
+            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
+          </svg>
+        </div>
+        <h3>Energy Communities</h3>
+        <p>Maximize shared self-consumption automatically. KERN optimizes every asset in the community — and connects collective flexibility to markets.</p>
+        <span class="card-link">For communities →</span>
+      </a>
+
+      <a href="/kern/for-platforms.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <rect x="2" y="3" width="20" height="14" rx="2"/>
+            <line x1="8" y1="21" x2="16" y2="21"/>
+            <line x1="12" y1="17" x2="12" y2="21"/>
+          </svg>
+        </div>
+        <h3>VPP Platforms</h3>
+        <p>Close the gap below your platform. KERN delivers a normalised API feed, confirmed dispatch and 24h forecasts — for every asset your clients have.</p>
+        <span class="card-link">For platforms →</span>
+      </a>
+
+    </div>
+  </section>
+
+  <!-- Operative loop -->
+  <section class="loop-section">
+    <div class="loop-inner">
+      <h2>The <strong>autonomous loop</strong></h2>
+      <p class="loop-sub">You send a signal. KERN delivers. What happens behind the meter is our job.</p>
+
+      <div class="loop-steps">
+        <div class="loop-step">
+          <div class="loop-num">1</div>
+          <div class="loop-step-label">Forecast</div>
+          <div class="loop-step-desc">Rolling 24h flexibility profile per asset and portfolio</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">2</div>
+          <div class="loop-step-label">Demand</div>
+          <div class="loop-step-desc">Flexibility signal from aggregator, utility or market</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">3</div>
+          <div class="loop-step-label">Rebalance</div>
+          <div class="loop-step-desc">Real-time comparison of signal vs. actual asset state</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">4</div>
+          <div class="loop-step-label">Dispatch</div>
+          <div class="loop-step-desc">Autonomous asset control via MIOTY or Zigbee Mesh</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">5</div>
+          <div class="loop-step-label">Confirm</div>
+          <div class="loop-step-desc">Execution confirmed back to aggregator in real-time</div>
+        </div>
       </div>
-      <div class="stat">
-        <span class="stat-value">99.9%</span>
-        <span class="stat-label">Uptime Reliability</span>
+
+      <div class="loop-callout">
+        <strong>KERN interacts with your platform at step 1 and 2.</strong><br>Steps 3–5 are fully autonomous — no manual intervention required.
       </div>
     </div>
   </section>
-  
-  <!-- Solutions Section -->
-  <div id="solutions-section-placeholder"></div>
-  
-  <!-- Capabilities Section -->
-  <div id="capabilities-section-placeholder"></div>
-  
-  <!-- Technology Section -->
-  <div id="technology-section-placeholder"></div>
-  
-  <!-- Products Section -->
-  <div id="products-section-placeholder"></div>
-  
-
-  <div id="partners-section-placeholder"></div>
-
-  <!-- CTA Section -->
-  <section class="section">
-    <div class="cta-section">
-      <h2>Ready to Transform Your Energy Assets?</h2>
-      <p style="font-size: 1.125rem; color: var(--text-secondary); margin-bottom: var(--spacing-md);">
-        Whether you're managing a single building or an entire distribution network, we have the infrastructure and expertise to help you succeed.
-      </p>
-      <div class="cta-buttons">
-        <a href="company/get-in-touch.html" class="btn btn-primary">Request a Demo</a>
-        <a href="product/mypwr.html" class="btn btn-secondary">Explore MYPWR</a>
+
+  <!-- Reference -->
+  <section class="reference-section">
+    <div class="reference-card">
+      <span class="reference-tag">Live Reference</span>
+      <h2>Leading utilities built their flexibility stack on R&amp;C KERN</h2>
+      <div class="reference-proof">
+        <div class="proof-item"><div class="proof-dot"></div> Live MV/LV microgrid — production system</div>
+        <div class="proof-item"><div class="proof-dot"></div> Utility-owned aggregator securing market bids via KERN</div>
+        <div class="proof-item"><div class="proof-dot"></div> Energy community platform — KERN optimization layer</div>
       </div>
+      <p style="color: var(--text-muted); font-size:0.9rem; margin-bottom:1.5rem;">
+        Live system — visitable on request.
+      </p>
+      <a href="/references/" class="btn btn-secondary">See the full reference →</a>
+    </div>
+  </section>
+
+  <!-- Final CTA -->
+  <section class="cta-home">
+    <h2>Stop managing assets.<br>Let KERN deliver.</h2>
+    <p>30 minutes to show you how the autonomous loop works — on a live system.</p>
+    <div class="hero-actions">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+      <a href="/technology/" class="btn btn-secondary">Explore the Technology</a>
     </div>
   </section>
-  
-  <!-- Footer -->
+
   <div id="footer-modern-placeholder"></div>
+
 </body>
 </html>
diff --git a/kern/for-aggregators.html b/kern/for-aggregators.html
new file mode 100644
index 0000000..8b9532e
--- /dev/null
+++ b/kern/for-aggregators.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="en" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>KERN for Aggregators — Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="Secure your flexibility bids every time. KERN autonomously dispatches and confirms execution behind the meter — no manual intervention, no penalties."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-aggregators.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-aggregators.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-aggregators.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    /* Loop */
+    .loop-block { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .loop-block pre { color:var(--text-secondary); font-size:0.85rem; line-height:2; white-space:pre-wrap; }
+    .loop-block .highlight { color:var(--primary-green); font-weight:600; }
+    /* Reference */
+    .reference-strip { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; margin-bottom:var(--spacing-lg); display:flex; gap:2rem; align-items:flex-start; flex-wrap:wrap; }
+    .reference-quote { font-size:1rem; color:var(--text-secondary); line-height:1.7; flex:1; min-width:240px; font-style:italic; }
+    .reference-meta { font-size:0.8rem; color:var(--text-muted); margin-top:0.75rem; font-style:normal; }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">KERN — For Aggregators</span>
+    <h1>Your bids are only as good as<br><strong>what's behind the meter.</strong></h1>
+    <p class="lead">KERN acts as a forecast-driven, autonomous sub-aggregator behind the meter. You send a flexibility signal — KERN selects assets based on real-time state and forecasted availability, executes via MIOTY or Zigbee, and confirms delivery back to you. No manual intervention. No missed bids.</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">The five pains <strong>KERN solves</strong></h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Unreliable connectivity to distributed assets</div>
+          <div class="split-desc">Rural BESS sites, industrial premises, basements — LTE drops, WiFi is unstable. Assets can't be committed to bids. Portfolio size is limited by infrastructure, not by availability.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">MIOTY (10km, 1.5M msg/day, IEC standard) and Zigbee Mesh connect every asset — independent of LTE and WiFi.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">No dispatch confirmation</div>
+          <div class="split-desc">Bid placed, dispatch sent — whether the asset responded remains unknown until the next meter reading. Deviations are detected too late.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">Every dispatch is confirmed at asset level and reported back in real-time. You know immediately whether the bid is being fulfilled.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Manual response to forecast deviations</div>
+          <div class="split-desc">Weather change, load shift, asset failure — someone has to notice, decide and intervene. This doesn't scale.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN continuously compares actual asset state against bid position and rebalances autonomously — before the deviation becomes critical.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Poor forecast quality without asset visibility</div>
+          <div class="split-desc">Without real-time telemetry at asset level, flexibility forecasts are estimates. Overbidding means penalties. Underbidding means lost revenue.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">Rolling 24h flexibility forecast per asset and portfolio — driven by live state of charge, weather-based PV models and historical load patterns. Continuously refined as the delivery window approaches.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Operational overhead scales with portfolio</div>
+          <div class="split-desc">Every new asset, every new site, every new asset class adds complexity. Growth requires more team, more monitoring, more manual dispatch management.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">New assets are onboarded into KERN — the aggregator gets more flexibility capacity, not more operational burden.</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Operative loop -->
+  <section class="content-section">
+    <h2 class="section-heading">The <strong>operative loop</strong></h2>
+    <div class="loop-block">
+<pre><span class="highlight">1. FORECAST</span>  (rolling, 24h ahead)
+   KERN calculates per asset and portfolio:
+   what flexibility is available, when?
+   → Output: flexibility profile (MW, time window, confidence)
+   → Basis for your bidding strategy
+
+<span class="highlight">2. DEMAND</span>  (flexibility signal from you / market)
+   You place bids based on the forecast.
+   On award, the demand signal comes back:
+   "X kW, time window T, direction reduce/increase"
+
+<span class="highlight">3. REBALANCE</span>  (forecast vs. actual state)
+   KERN compares the demand signal against current
+   asset state in real-time: weather, state of charge,
+   current load, failures.
+   Deviation from forecast → KERN reacts autonomously.
+
+<span class="highlight">4. DISPATCH</span>  (autonomous local control)
+   KERN decides which assets to control — BESS, HVAC,
+   EV chargers, PV curtailment — via Zigbee or MIOTY.
+   Execution confirmed.
+
+<span class="highlight">5. CONFIRMATION</span>
+   Fulfillment status back to you in real-time.
+   Next forecast cycle starts.</pre>
+    </div>
+    <p style="color:var(--text-muted); font-size:0.9rem; text-align:center;">
+      You interact with steps 1 and 2. Everything else is KERN.
+    </p>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Reference -->
+  <section class="content-section">
+    <h2 class="section-heading">Proven in <strong>production</strong></h2>
+    <div class="reference-strip">
+      <div>
+        <div class="reference-quote">
+          "Leading utilities use KERN to power their flexibility aggregator — securing bids on energy markets with confirmed dispatch from MV/LV assets."
+          <div class="reference-meta">Live system · MV/LV microgrid · Visitable on request</div>
+        </div>
+      </div>
+      <a href="/references/" class="btn btn-secondary" style="flex-shrink:0;align-self:center;">See full reference →</a>
+    </div>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>Ready to secure every bid?</h2>
+    <p>30 minutes to show you how KERN fits into your existing dispatch stack — and which assets you can add to your portfolio today.</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+      <a href="/technology/" class="btn btn-secondary">Explore the Technology</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/kern/for-communities.html b/kern/for-communities.html
new file mode 100644
index 0000000..818cf3f
--- /dev/null
+++ b/kern/for-communities.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>KERN for Energy Communities — Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="Maximise shared self-consumption automatically. KERN optimises every asset in the community and connects collective flexibility to markets."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-communities.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-communities.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-communities.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    .loop-block { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .loop-block pre { color:var(--text-secondary); font-size:0.85rem; line-height:2; white-space:pre-wrap; }
+    .loop-block .highlight { color:var(--primary-green); font-weight:600; }
+    .feature-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.25rem; margin-bottom:var(--spacing-lg); }
+    .feature-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; }
+    .feature-card h3 { font-size:0.95rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .feature-card p { font-size:0.85rem; color:var(--text-muted); line-height:1.6; }
+    .partner-box { background:rgba(245,158,11,0.04); border:1px solid rgba(245,158,11,0.15); border-radius:12px; padding:2rem; margin-bottom:var(--spacing-lg); }
+    .partner-box h3 { font-size:1rem; font-weight:600; color:var(--primary-green); margin-bottom:0.75rem; }
+    .partner-box p { font-size:0.9rem; color:var(--text-muted); line-height:1.7; }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">KERN — For Energy Communities</span>
+    <h1>Your community generates energy.<br><strong>KERN keeps it in the community.</strong></h1>
+    <p class="lead">KERN autonomously optimises storage, controllable loads and generation across all community members — maximising shared self-consumption and forecasting the collective flexibility that can be offered to markets or grid operators.</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">What holds energy communities <strong>back today</strong></h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Self-consumption is measured, not optimised</div>
+          <div class="split-desc">Without real-time optimisation, energy is exported to the grid even when members have demand — the community's potential stays largely untapped.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN forecasts generation and consumption per member (24h ahead) and steers assets to maximise what stays in the community.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">No real-time visibility across the community</div>
+          <div class="split-desc">Operators don't know how much is being generated, consumed and shared right now — optimisation and steering are impossible without this view.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">Real-time telemetry from every asset, aggregated into a community dashboard. Full visibility, per member and as a whole.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Storage and loads are not coordinated</div>
+          <div class="split-desc">Community storage and controllable loads are managed manually or not at all — no automatic charging when PV surplus is available, no discharging when members need it.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN steers shared storage and controllable loads autonomously — aligning generation, storage and consumption in real-time.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Connectivity across multiple sites is unsolved</div>
+          <div class="split-desc">Members at different buildings or locations are hard to reliably connect — LTE drops out, WiFi doesn't reach far enough.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">Zigbee Mesh for contiguous sites, MIOTY for distributed members (10km, independent of LTE/WiFi) — both managed as one unified layer.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Collective flexibility potential goes unused</div>
+          <div class="split-desc">An active community with PV and storage has real collective flexibility — but without a platform it can neither be forecasted nor offered to aggregators or grid operators.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN provides rolling 24h flexibility forecasts for the whole community and connects to aggregators or grid operators on request.</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Loop -->
+  <section class="content-section">
+    <h2 class="section-heading">How KERN <strong>operates the community</strong></h2>
+    <div class="loop-block">
+<pre><span class="highlight">1. REAL-TIME MONITORING</span>
+   KERN tracks generation and consumption of all members
+   continuously — at meter level, in real-time.
+
+<span class="highlight">2. COMMUNITY OPTIMISATION</span>  (24h forecast + real-time)
+   KERN forecasts generation (PV) and consumption per member.
+   Goal: maximise shared self-consumption —
+   who needs what, when, and what is available right now?
+
+<span class="highlight">3. AUTONOMOUS CONTROL</span>
+   KERN steers shared storage, controllable loads and feed-in
+   points to keep as much energy within the community as possible.
+   No manual intervention required.
+
+<span class="highlight">4. FLEXIBILITY</span>  (optional)
+   Surplus or forecastable flexibility can be offered as a 24h
+   forecast to an aggregator or grid operator and dispatched
+   on demand — confirmed back to the requesting party.</pre>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Features -->
+  <section class="content-section">
+    <h2 class="section-heading">What KERN <strong>does for communities</strong></h2>
+    <div class="feature-grid">
+      <div class="feature-card">
+        <h3>Community optimisation</h3>
+        <p>Maximises collective self-consumption across all members — in real-time and with a 24h forecast.</p>
+      </div>
+      <div class="feature-card">
+        <h3>Storage and load control</h3>
+        <p>Autonomous steering of shared storage and controllable loads to align supply and demand within the community.</p>
+      </div>
+      <div class="feature-card">
+        <h3>Real-time dashboard</h3>
+        <p>Community generation, consumption, self-consumption rate and flexibility potential — for operators and optionally for members.</p>
+      </div>
+      <div class="feature-card">
+        <h3>Flexibility forecast</h3>
+        <p>Rolling 24h forecast of available community flexibility — the basis for aggregator or grid operator integration.</p>
+      </div>
+      <div class="feature-card">
+        <h3>Multi-site connectivity</h3>
+        <p>Zigbee Mesh for contiguous sites, MIOTY for distributed members — every participant reliably connected.</p>
+      </div>
+      <div class="feature-card">
+        <h3>Aggregator connection</h3>
+        <p>Community flexibility dispatched on demand — with confirmed execution back to the requesting party.</p>
+      </div>
+    </div>
+
+    <!-- Partner box -->
+    <div class="partner-box">
+      <h3>Already handling ESC billing or member management?</h3>
+      <p>KERN is the optimisation and control layer — not a billing platform. We integrate with your existing billing infrastructure to add autonomous asset management and flexibility forecasting on top of what you already offer your ESC clients. Together you give communities the complete package: billing from you, optimisation from KERN.</p>
+      <a href="/company/get-in-touch.html" style="display:inline-block;margin-top:1rem;" class="btn btn-secondary">Discuss a partnership →</a>
+    </div>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>More energy stays in the community.</h2>
+    <p>30 minutes to show how KERN optimises a live energy community — from real-time control to flexibility markets.</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+      <a href="/technology/" class="btn btn-secondary">Explore the Technology</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/kern/for-platforms.html b/kern/for-platforms.html
new file mode 100644
index 0000000..ffe390d
--- /dev/null
+++ b/kern/for-platforms.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>KERN for VPP Platforms — Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="Close the gap below your VPP platform. KERN delivers normalised telemetry, confirmed dispatch and 24h forecasts for every asset your clients have."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-platforms.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-platforms.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-platforms.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    .stack-visual { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .stack-visual pre { color:var(--text-secondary); font-size:0.85rem; line-height:1.9; white-space:pre-wrap; }
+    .stack-visual .highlight { color:var(--primary-green); font-weight:600; }
+    .stack-visual .dim { color:#444; }
+    .what-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.25rem; margin-bottom:var(--spacing-lg); }
+    .what-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; }
+    .what-card h3 { font-size:0.95rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .what-card p { font-size:0.85rem; color:var(--text-muted); line-height:1.6; }
+    .integration-table { width:100%; border-collapse:collapse; margin-bottom:var(--spacing-lg); }
+    .integration-table th { text-align:left; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); padding:0.75rem 1rem; border-bottom:1px solid #222; }
+    .integration-table td { padding:1rem; font-size:0.875rem; color:var(--text-secondary); border-bottom:1px solid #2a3850; vertical-align:top; }
+    .integration-table tr:last-child td { border-bottom:none; }
+    .tag { display:inline-block; font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; padding:0.2rem 0.6rem; border-radius:4px; background:rgba(245,158,11,0.1); color:var(--primary-green); }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">KERN — For VPP Platforms</span>
+    <h1>Your platform is strong<br><strong>above the asset layer.</strong><br>KERN closes the gap below.</h1>
+    <p class="lead">KERN integrates below your VPP as the asset management and connectivity layer. Your platform gets a clean, normalised API feed, confirmed dispatch and 24h flexibility forecasts — for every asset your clients have, including those currently unreachable.</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Discuss API Integration</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Stack visual -->
+  <section class="content-section">
+    <h2 class="section-heading">Where KERN <strong>fits in your stack</strong></h2>
+    <div class="stack-visual">
+<pre><span class="dim">Market / TSO / Grid Operator</span>
+         ↓
+<span class="dim">┌─────────────────────────────────────────────┐
+│         YOUR PLATFORM                       │
+│  VPP optimisation · Bidding · Redispatch    │
+│  Trading · Reporting                        │
+└─────────────────┬───────────────────────────┘</span>
+                  │  <span class="highlight">Normalised telemetry feed</span>
+                  │  <span class="highlight">Dispatch commands + confirmation</span>
+                  │  <span class="highlight">24h flexibility forecast</span>
+<span class="highlight">┌─────────────────▼───────────────────────────┐
+│         KERN                           │
+│  Asset management · Autonomous dispatch     │
+│  Real-time optimisation · Forecasting       │
+└─────────────────┬───────────────────────────┘</span>
+                  │
+         Zigbee Mesh  ·  MIOTY
+                  │
+<span class="dim">┌─────────────────▼───────────────────────────┐
+│  PV · BESS · Heat pumps · EV chargers       │
+│  CHP · Controllable loads · Microgrids      │
+└─────────────────────────────────────────────┘</span></pre>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">Three gaps <strong>KERN fills</strong></h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Assets with unreliable connectivity stay out of the portfolio</div>
+          <div class="split-desc">Rural sites, industrial premises, basements — LTE drops, WiFi is unstable. Your clients can't bring these assets into your platform. Potential stays on the table.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">MIOTY (10km, IEC standard) and Zigbee Mesh make every asset reachable — your clients grow their portfolio without infrastructure investment.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">No dispatch feedback — the loop is open</div>
+          <div class="split-desc">Your platform sends commands — but whether the asset responded stays unknown until the next meter reading. Deviations are detected too late, penalties hit your clients.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN confirms every dispatch at asset level and reports back in real-time. Your platform knows immediately whether the flexibility commitment is being met.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Heterogeneous assets increase integration overhead</div>
+          <div class="split-desc">Every new asset type, every new manufacturer, every new protocol means integration effort — for you or your clients. This slows onboarding and limits scale.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN normalises all asset types to a single data model. Your platform speaks to KERN — not to every asset individually.</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- What KERN delivers -->
+  <section class="content-section">
+    <h2 class="section-heading">What your platform <strong>gets from KERN</strong></h2>
+    <div class="what-grid">
+      <div class="what-card">
+        <h3>Clean, normalised API feed</h3>
+        <p>Unified telemetry regardless of how many asset types, manufacturers or protocols are behind it. One integration, all assets.</p>
+      </div>
+      <div class="what-card">
+        <h3>Dispatch with confirmation</h3>
+        <p>KERN receives your dispatch command, executes at asset level and reports back whether and how it was fulfilled.</p>
+      </div>
+      <div class="what-card">
+        <h3>24h flexibility forecast</h3>
+        <p>Rolling 24h forecast per asset and portfolio — driven by live telemetry, weather-based PV models and historical load patterns. Continuously refined as delivery approaches. More precise bids, fewer penalties for your clients.</p>
+      </div>
+      <div class="what-card">
+        <h3>More assets in the portfolio</h3>
+        <p>Assets currently excluded due to connectivity become available. Your clients grow their dispatchable portfolio without CAPEX.</p>
+      </div>
+    </div>
+
+    <h2 class="section-heading" style="margin-top:var(--spacing-md);">Integration <strong>options</strong></h2>
+    <table class="integration-table">
+      <thead>
+        <tr>
+          <th>Model</th>
+          <th>Description</th>
+          <th>Effort</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><strong>API integration</strong></td>
+          <td>KERN delivers normalised telemetry and accepts dispatch commands via REST/WebSocket. Your platform remains primary.</td>
+          <td><span class="tag">Low</span></td>
+        </tr>
+        <tr>
+          <td><strong>White-label</strong></td>
+          <td>KERN runs under your brand as an "Asset Connectivity Module" for your clients.</td>
+          <td><span class="tag">Medium</span></td>
+        </tr>
+        <tr>
+          <td><strong>Pilot</strong></td>
+          <td>One client, one asset class, defined scope — fast to start, low risk.</td>
+          <td><span class="tag">Minimal</span></td>
+        </tr>
+      </tbody>
+    </table>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>Let's discuss the API.</h2>
+    <p>30 minutes to go through the spec and identify which of your clients' assets are currently excluded — and how quickly that changes with KERN.</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Discuss API Integration</a>
+      <a href="/technology/" class="btn btn-secondary">Explore the Technology</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/kern/for-utilities.html b/kern/for-utilities.html
new file mode 100644
index 0000000..9e90ac0
--- /dev/null
+++ b/kern/for-utilities.html
@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html lang="en" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>KERN for Utilities — Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="Turn your customer base into a steerable flexibility portfolio. KERN manages HEMS fleets, energy communities and C&amp;I assets — autonomously, on one platform."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-utilities.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-utilities.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-utilities.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    .usecase-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; margin-bottom:var(--spacing-lg); }
+    .usecase-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; }
+    .usecase-num { font-size:0.75rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.75rem; }
+    .usecase-card h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.75rem; }
+    .usecase-card p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    .reference-strip { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; margin-bottom:var(--spacing-lg); }
+    .reference-stack { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; margin-top:1.5rem; }
+    .stack-item { background:#16202f; border:1px solid #222; border-radius:8px; padding:1rem 1.25rem; }
+    .stack-item .stack-label { font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:0.25rem; }
+    .stack-item .stack-value { font-size:0.9rem; color:var(--text-secondary); }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">KERN — For Utilities</span>
+    <h1>You have the customers.<br>You have the assets.<br><strong>KERN connects them.</strong></h1>
+    <p class="lead">Your customers have PV, storage, heat pumps and EV chargers. Your grid has flexibility requirements. KERN is the autonomous platform layer that turns your customer base into a steerable, monetisable flexibility portfolio — without building an operations team for it.</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">Where utilities are <strong>leaving value on the table</strong></h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Controllable assets without an optimisation platform</div>
+          <div class="split-desc">Smart meters and CLS switches are rolling out — but there is no platform above them. No optimisation, no aggregation, no market access. The potential stays untapped.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN sits above the meter as the autonomous management layer — real-time optimisation, fleet control, market-ready aggregation.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Redispatch 2.0 is manual and costly</div>
+          <div class="split-desc">Grid congestion management requires coordinated control of distributed generation — without a platform this is operationally complex, error-prone and doesn't scale.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN handles Redispatch 2.0-compliant dispatch autonomously, with confirmation per asset.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">Customers leaving for smarter energy providers</div>
+          <div class="split-desc">New energy players offer HEMS, community tariffs and flexibility revenues. Utilities without smart services lose the customers who want to actively participate.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN is your behind-the-meter product — branded as your service, delivered by KERN. Customers stay and engage.</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">No access to flexibility markets from your own customer base</div>
+          <div class="split-desc">You have the customer relationships and the assets — but without an aggregation platform you can't monetise that flexibility.</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">KERN aggregates your customer base into a marketable portfolio. You can run your own aggregator subsidiary — or partner with an external one.</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Use cases -->
+  <section class="content-section">
+    <h2 class="section-heading">Three ways to <strong>deploy KERN</strong></h2>
+    <div class="usecase-grid">
+
+      <div class="usecase-card">
+        <div class="usecase-num">Use case 01</div>
+        <h3>HEMS Fleet — Customer Base as Flexible Resource</h3>
+        <p>Deploy KERN HEMS with household customers who have PV and storage. Customers benefit from self-consumption optimisation and lower bills. You gain a steerable fleet for Redispatch or flexibility monetisation — without operational load per customer.</p>
+      </div>
+
+      <div class="usecase-card">
+        <div class="usecase-num">Use case 02</div>
+        <h3>Energy Communities — Compliant, Automatic</h3>
+        <p>KERN ESC manages optimisation and autonomous asset control for energy communities. You can offer energy communities as a service — no custom development, no manual billing processes needed from KERN's side.</p>
+      </div>
+
+      <div class="usecase-card">
+        <div class="usecase-num">Use case 03</div>
+        <h3>Flexibility Monetisation — From Your Customer Base</h3>
+        <p>The aggregated flexibility from HEMS fleet, C&amp;I customers and ESC becomes a marketable portfolio via KERN. Route it through your own aggregator subsidiary or an external partner to FCR, aFRR or intraday markets.</p>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Reference -->
+  <section class="content-section">
+    <h2 class="section-heading">The <strong>reference model</strong> — running in production</h2>
+    <div class="reference-strip">
+      <p style="color:var(--text-muted); font-size:0.95rem; margin-bottom:1.25rem;">
+        Leading utilities built their complete flexibility stack on KERN:
+      </p>
+      <div class="reference-stack">
+        <div class="stack-item">
+          <div class="stack-label">Grid</div>
+          <div class="stack-value">Live MV/LV microgrid — production system, Austria</div>
+        </div>
+        <div class="stack-item">
+          <div class="stack-label">Aggregator</div>
+          <div class="stack-value">Utility-owned aggregator securing bids on Austrian energy markets via KERN</div>
+        </div>
+        <div class="stack-item">
+          <div class="stack-label">Communities</div>
+          <div class="stack-value">Energy community platform — KERN as optimisation layer</div>
+        </div>
+      </div>
+      <p style="color:var(--text-muted); font-size:0.85rem; margin-top:1.25rem;">Live system — visitable on request in Austria.</p>
+    </div>
+    <a href="/references/" class="btn btn-secondary">See full reference →</a>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>Ready to monetise your customer base?</h2>
+    <p>30 minutes to map which assets in your network are ready for KERN — and what the flexibility revenue potential looks like.</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+      <a href="/technology/" class="btn btn-secondary">Explore the Technology</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/kern/index.html b/kern/index.html
new file mode 100644
index 0000000..362d1fc
--- /dev/null
+++ b/kern/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>KERN by Riddle&amp;Code — Autonomous Energy Platform</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="KERN is the autonomous energy management platform behind the meter — forecasting, dispatching and delivering flexibility for aggregators, utilities and energy communities."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); text-align:center; }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.5rem,5vw,4rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:620px; margin:0 auto 2.5rem; line-height:1.7; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.5rem; }
+    .section-heading strong { font-weight:600; }
+    .section-sub { color:var(--text-muted); font-size:0.95rem; margin-bottom:2rem; }
+    .concept-box { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); text-align:center; }
+    .concept-box .big-statement { font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:300; color:var(--text-primary); line-height:1.4; margin-bottom:1.5rem; }
+    .concept-box .big-statement strong { font-weight:600; color:var(--primary-green); }
+    .concept-box .sub { color:var(--text-muted); font-size:0.95rem; max-width:560px; margin:0 auto; }
+    .context-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-bottom:var(--spacing-lg); }
+    .context-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; }
+    .context-card h3 { font-size:0.9rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .context-card p { font-size:0.82rem; color:var(--text-muted); line-height:1.6; }
+    .modes-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.25rem; margin-bottom:var(--spacing-lg); }
+    .mode-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.75rem; }
+    .mode-num { font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.5rem; }
+    .mode-card h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .mode-card p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    .conn-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-bottom:var(--spacing-lg); }
+    @media(max-width:600px){ .conn-grid { grid-template-columns:1fr; } }
+    .conn-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; }
+    .conn-card h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .conn-card .conn-use { font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; color:var(--primary-green); margin-bottom:0.75rem; }
+    .conn-card p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    .audience-nav { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-bottom:var(--spacing-lg); }
+    .audience-link { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; text-decoration:none; color:inherit; transition:border-color 0.2s, transform 0.2s; display:flex; flex-direction:column; gap:0.5rem; }
+    .audience-link:hover { border-color:rgba(245,158,11,0.3); transform:translateY(-2px); }
+    .audience-link h3 { font-size:0.95rem; font-weight:600; color:var(--text-primary); }
+    .audience-link p { font-size:0.82rem; color:var(--text-muted); line-height:1.5; }
+    .audience-link .link-cta { font-size:0.8rem; color:var(--primary-green); font-weight:500; margin-top:auto; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">Riddle&amp;Code — Autonomous Energy Platform</span>
+    <h1><strong>Autonomous</strong> energy<br>behind the meter.</h1>
+    <p class="lead">KERN is the platform that sits behind the meter — autonomously optimising, forecasting and dispatching flexibility from households, facilities, microgrids and energy communities.</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Core concept -->
+  <section class="content-section">
+    <div class="concept-box">
+      <div class="big-statement">You send a signal.<br><strong>KERN delivers.</strong><br>What happens behind the meter is our job.</div>
+      <p class="sub">Aggregators, utilities and platforms interact with KERN through a clean API — forecast in, demand signal in, flexibility confirmed out. KERN handles everything in between: rebalancing, asset selection, dispatch, confirmation.</p>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Four contexts -->
+  <section class="content-section">
+    <h2 class="section-heading">Optimising <strong>behind the meter</strong></h2>
+    <p class="section-sub">KERN works across four asset contexts — all on one platform.</p>
+    <div class="context-grid">
+      <div class="context-card">
+        <h3>Households</h3>
+        <p>PV + home storage + heat pump + EV charger — optimised as a unit. HEMS fleet management for utilities.</p>
+      </div>
+      <div class="context-card">
+        <h3>Commercial &amp; Industrial</h3>
+        <p>Commercial PV, BESS, CHP, controllable loads on MV/LV level. Peak shaving, load management, flexibility dispatch.</p>
+      </div>
+      <div class="context-card">
+        <h3>Microgrids</h3>
+        <p>Multiple assets behind a shared grid connection point. Coordinated optimisation, island-mode capable.</p>
+      </div>
+      <div class="context-card">
+        <h3>Energy Communities (ESC)</h3>
+        <p>Community optimisation across multiple members and meters. Shared self-consumption maximised, collective flexibility aggregated.</p>
+      </div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Optimisation modes -->
+  <section class="content-section">
+    <h2 class="section-heading">Three <strong>optimisation modes</strong></h2>
+    <p class="section-sub">Configurable per asset or portfolio — combinable.</p>
+    <div class="modes-grid">
+      <div class="mode-card">
+        <div class="mode-num">Mode 01</div>
+        <h3>Self-consumption</h3>
+        <p>Maximise local self-consumption. Minimise grid import and export. Default mode for households and small C&amp;I.</p>
+      </div>
+      <div class="mode-card">
+        <div class="mode-num">Mode 02</div>
+        <h3>Economic optimisation</h3>
+        <p>Maximise monetary yield — intraday arbitrage, FCR/aFRR bids, peak shaving, demand charge reduction. Dispatch driven by real-time day-ahead and intraday price signals. Default for aggregators and C&amp;I flexibility.</p>
+      </div>
+      <div class="mode-card">
+        <div class="mode-num">Mode 03</div>
+        <h3>Community optimisation</h3>
+        <p>Maximise shared self-consumption across multiple members. Fair allocation by share. Default for ESC and microgrids.</p>
+      </div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Connectivity -->
+  <section class="content-section">
+    <h2 class="section-heading">Connectivity <strong>by topology</strong></h2>
+    <p class="section-sub">The right technology for every asset configuration — both managed as one unified layer in KERN.</p>
+    <div class="conn-grid">
+      <div class="conn-card">
+        <div class="conn-use">Contiguous sites</div>
+        <h3>Zigbee Mesh</h3>
+        <p>For assets on the same premises — buildings, campuses, industrial sites. Low-cost, easy to deploy, self-healing mesh network. No complex gateway infrastructure required.</p>
+      </div>
+      <div class="conn-card">
+        <div class="conn-use">Distributed assets</div>
+        <h3>MIOTY</h3>
+        <p>IEC-standard LPWAN for geographically dispersed assets — rural PV, MV-connected BESS, distributed sites. 10km range, 1.5M messages/day, independent of LTE and WiFi.</p>
+      </div>
+    </div>
+    <a href="/technology/" class="btn btn-secondary">Full technology overview →</a>
+  </section>
+
+  <hr class="divider">
+
+  <!-- For whom -->
+  <section class="content-section">
+    <h2 class="section-heading">KERN <strong>for your role</strong></h2>
+    <div class="audience-nav">
+      <a href="/kern/for-aggregators.html" class="audience-link">
+        <h3>Aggregators</h3>
+        <p>Secure bids with confirmed dispatch and 24h forecasts.</p>
+        <span class="link-cta">For aggregators →</span>
+      </a>
+      <a href="/kern/for-utilities.html" class="audience-link">
+        <h3>Utilities</h3>
+        <p>Turn your customer base into a monetisable flexibility portfolio.</p>
+        <span class="link-cta">For utilities →</span>
+      </a>
+      <a href="/kern/for-communities.html" class="audience-link">
+        <h3>Energy Communities</h3>
+        <p>Autonomous self-consumption optimisation and flexibility aggregation.</p>
+        <span class="link-cta">For communities →</span>
+      </a>
+      <a href="/kern/for-platforms.html" class="audience-link">
+        <h3>VPP Platforms</h3>
+        <p>Close the asset layer gap below your platform with a clean API.</p>
+        <span class="link-cta">For platforms →</span>
+      </a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/locales/de.yaml b/locales/de.yaml
new file mode 100644
index 0000000..613a2b4
--- /dev/null
+++ b/locales/de.yaml
@@ -0,0 +1,602 @@
+# ──────────────────────────────────────────────────────────────────────────────
+# Riddle&amp;Code Website — Deutsche Locale
+# HTML ist in Werten erlaubt; YAML-doppelt-gequotete Strings verwenden.
+# ──────────────────────────────────────────────────────────────────────────────
+
+# ── Meta ──────────────────────────────────────────────────────────────────────
+meta_title: "Riddle&amp;Code — Autonome Energie. Hinter dem Zähler."
+meta_description: "R&amp;C KERN prognostiziert, steuert und liefert Flexibilität hinter dem Zähler autonom — für Aggregatoren, Energieversorger und Energiegemeinschaften."
+meta_og_title: "Riddle&amp;Code — Autonome Energie. Hinter dem Zähler."
+meta_og_description: "R&amp;C KERN prognostiziert, steuert und liefert Flexibilität hinter dem Zähler autonom."
+
+# ── Hero ──────────────────────────────────────────────────────────────────────
+hero_location: Wien
+hero_h1: "Infrastruktur für<br><strong>verteilte Energie.</strong>"
+hero_sub: "Wir bauen die Plattform, die Energieversorger und Aggregatoren nutzen, um verteilte Energieanlagen zu verbinden, zu steuern und zu monetarisieren. Unser Produkt ist <strong style=\"color: var(--text-primary);\">KERN</strong>."
+hero_cta_primary: "KERN entdecken →"
+hero_cta_secondary: "Demo buchen"
+
+# ── Audience cards ────────────────────────────────────────────────────────────
+audience_label: "Für wen KERN entwickelt wurde"
+
+aggregators_h3: Aggregatoren
+aggregators_p: "Sichern Sie Ihre Gebote jedes Mal ab. KERN steuert hinter dem Zähler und bestätigt die Ausführung — kein manueller Eingriff, keine Strafzahlungen."
+aggregators_link: "Für Aggregatoren →"
+
+utilities_h3: Energieversorger
+utilities_p: "Verwandeln Sie Ihren Kundenstamm in ein steuerbares Flexibilitätsportfolio. Von der HEMS-Flotte bis zu Energiegemeinschaften — eine Plattform, eine autonome Schicht."
+utilities_link: "Für Energieversorger →"
+
+communities_h3: Energiegemeinschaften
+communities_p: "Maximieren Sie den gemeinsamen Eigenverbrauch automatisch. KERN optimiert jede Anlage in der Gemeinschaft — und verbindet kollektive Flexibilität mit Märkten."
+communities_link: "Für Gemeinschaften →"
+
+platforms_h3: VPP-Plattformen
+platforms_p: "Schließen Sie die Lücke unterhalb Ihrer Plattform. KERN liefert einen normalisierten API-Feed, bestätigte Steuerung und 24h-Prognosen — für jede Anlage Ihrer Kunden."
+platforms_link: "Für Plattformen →"
+
+# ── Autonomer Regelkreis ──────────────────────────────────────────────────────
+loop_h2: "Der <strong>autonome Regelkreis</strong>"
+loop_sub: "Sie senden ein Signal. KERN liefert. Was hinter dem Zähler passiert, ist unsere Aufgabe."
+
+loop_step1_label: Prognose
+loop_step1_desc: "Rollierendes 24h-Flexibilitätsprofil pro Anlage und Portfolio"
+
+loop_step2_label: Anforderung
+loop_step2_desc: "Flexibilitätssignal von Aggregator, Energieversorger oder Markt"
+
+loop_step3_label: Neuausgleich
+loop_step3_desc: "Echtzeit-Vergleich von Signal und tatsächlichem Anlagenzustand"
+
+loop_step4_label: Steuerung
+loop_step4_desc: "Autonome Anlagensteuerung via MIOTY oder Zigbee-Mesh"
+
+loop_step5_label: Bestätigung
+loop_step5_desc: "Ausführung in Echtzeit an den Aggregator zurückgemeldet"
+
+loop_callout: "<strong>KERN interagiert mit Ihrer Plattform in Schritt 1 und 2.</strong><br>Schritte 3–5 sind vollständig autonom — kein manueller Eingriff erforderlich."
+
+# ── Referenzblock ─────────────────────────────────────────────────────────────
+ref_tag: "Live-Referenz"
+ref_h2: "Führende Energieversorger haben ihren Flexibilitäts-Stack auf R&amp;C KERN aufgebaut"
+ref_proof1: "Laufendes MS/NS-Microgrid — Produktivsystem"
+ref_proof2: "Versorger-eigener Aggregator sichert Marktgebote über KERN"
+ref_proof3: "Energiegemeinschaftsplattform — KERN-Optimierungsschicht"
+ref_visit: "Livesystem — auf Anfrage besichtigbar."
+ref_cta: "Vollständige Referenz ansehen →"
+
+# ── Abschluss-CTA ─────────────────────────────────────────────────────────────
+cta_h2: "Hören Sie auf, Anlagen zu verwalten.<br>Lassen Sie KERN liefern."
+cta_p: "30 Minuten, um Ihnen zu zeigen, wie der autonome Regelkreis funktioniert — an einem Livesystem."
+cta_primary: "Demo buchen"
+cta_secondary: "Technologie erkunden"
+
+# ── Gemeinsame CTAs (seitenübergreifend wiederverwendet) ──────────────────────
+shared_book_demo: "Demo buchen"
+shared_explore_tech: "Technologie erkunden"
+shared_see_ref: "Vollständige Referenz ansehen →"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# KERN-Übersichtsseite (kern/index.html)
+# ══════════════════════════════════════════════════════════════════════════════
+ki_meta_title: "KERN by Riddle&amp;Code — Autonome Energieplattform"
+ki_meta_desc: "KERN ist die autonome Energiemanagementplattform hinter dem Zähler — prognostiziert, steuert und liefert Flexibilität für Aggregatoren, Energieversorger und Energiegemeinschaften."
+
+ki_eyebrow: "Riddle&amp;Code — Autonome Energieplattform"
+ki_h1: "<strong>Autonome</strong> Energie<br>hinter dem Zähler."
+ki_lead: "KERN ist die Plattform hinter dem Zähler — optimiert, prognostiziert und steuert Flexibilität aus Haushalten, Gewerbebetrieben, Microgrids und Energiegemeinschaften autonom."
+
+ki_concept_stmt: "Sie senden ein Signal.<br><strong>KERN liefert.</strong><br>Was hinter dem Zähler passiert, ist unsere Aufgabe."
+ki_concept_sub: "Aggregatoren, Energieversorger und Plattformen interagieren mit KERN über eine saubere API — Prognose eingehend, Flexibilitätssignal eingehend, Bestätigung ausgehend. KERN übernimmt alles dazwischen: Neuausgleich, Anlagenauswahl, Steuerung, Bestätigung."
+
+ki_contexts_h2: "Optimierung <strong>hinter dem Zähler</strong>"
+ki_contexts_sub: "KERN arbeitet in vier Anlagenkontexten — alle auf einer Plattform."
+ki_ctx_household_h3: Haushalte
+ki_ctx_household_p: "PV + Hausspeicher + Wärmepumpe + Ladestation — als Einheit optimiert. HEMS-Flottenmanagement für Energieversorger."
+ki_ctx_ci_h3: "Gewerbe &amp; Industrie"
+ki_ctx_ci_p: "Gewerbe-PV, BESS, BHKW, steuerbare Lasten auf MS/NS-Ebene. Lastspitzenkappung, Lastmanagement, Flexibilitätssteuerung."
+ki_ctx_micro_h3: Microgrids
+ki_ctx_micro_p: "Mehrere Anlagen hinter einem gemeinsamen Netzverknüpfungspunkt. Koordinierte Optimierung, inselbetriebsfähig."
+ki_ctx_esc_h3: "Energiegemeinschaften (EEG)"
+ki_ctx_esc_p: "Gemeinschaftsoptimierung über mehrere Mitglieder und Zähler. Gemeinsamer Eigenverbrauch maximiert, kollektive Flexibilität aggregiert."
+
+ki_modes_h2: "Drei <strong>Optimierungsmodi</strong>"
+ki_modes_sub: "Pro Anlage oder Portfolio konfigurierbar — kombinierbar."
+ki_mode1_num: "Modus 01"
+ki_mode1_h3: Eigenverbrauchsoptimierung
+ki_mode1_p: "Lokalen Eigenverbrauch maximieren. Netzeinspeisung und -bezug minimieren. Standardmodus für Haushalte und kleinere G&amp;I-Anlagen."
+ki_mode2_num: "Modus 02"
+ki_mode2_h3: "Wirtschaftliche Optimierung"
+ki_mode2_p: "Monetären Ertrag maximieren — Intraday-Arbitrage, FCR/aFRR-Gebote, Lastspitzenkappung, Reduzierung der Leistungspreise. Dispatch gesteuert durch Echtzeit-Day-Ahead- und Intradaypreissignale. Standard für Aggregatoren und G&amp;I-Flexibilität."
+ki_mode3_num: "Modus 03"
+ki_mode3_h3: Gemeinschaftsoptimierung
+ki_mode3_p: "Gemeinsamen Eigenverbrauch über mehrere Mitglieder maximieren. Faire Zuteilung nach Anteil. Standard für EEG und Microgrids."
+
+ki_conn_h2: "Konnektivität <strong>nach Topologie</strong>"
+ki_conn_sub: "Die richtige Technologie für jede Anlagenkonfiguration — beide in KERN als einheitliche Schicht verwaltet."
+ki_zigbee_use: "Zusammenhängende Standorte"
+ki_zigbee_h3: "Zigbee-Mesh"
+ki_zigbee_p: "Für Anlagen am selben Standort — Gebäude, Campusse, Industriegeländer. Kostengünstig, einfach zu installieren, selbstheilendes Mesh-Netz. Keine komplexe Gateway-Infrastruktur erforderlich."
+ki_mioty_use: "Verteilte Anlagen"
+ki_mioty_h3: MIOTY
+ki_mioty_p: "IEC-Standard-LPWAN für geografisch verteilte Anlagen — ländliche PV-Anlagen, MS-angeschlossene BESS, verteilte Standorte. 10 km Reichweite, 1,5 Mio. Nachrichten/Tag, unabhängig von LTE und WLAN."
+ki_tech_link: "Vollständige Technologieübersicht →"
+
+ki_forwhom_h2: "KERN <strong>für Ihre Rolle</strong>"
+ki_role_agg_h3: Aggregatoren
+ki_role_agg_p: "Gebote mit bestätigter Steuerung und 24h-Prognosen absichern."
+ki_role_agg_link: "Für Aggregatoren →"
+ki_role_util_h3: Energieversorger
+ki_role_util_p: "Ihren Kundenstamm in ein monetarisierbares Flexibilitätsportfolio umwandeln."
+ki_role_util_link: "Für Energieversorger →"
+ki_role_comm_h3: Energiegemeinschaften
+ki_role_comm_p: "Autonome Eigenverbrauchsoptimierung und Flexibilitätsaggregation."
+ki_role_comm_link: "Für Gemeinschaften →"
+ki_role_vpp_h3: VPP-Plattformen
+ki_role_vpp_p: "Die Lücke in der Anlagenschicht unterhalb Ihrer Plattform mit einer sauberen API schließen."
+ki_role_vpp_link: "Für Plattformen →"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# KERN für Energieversorger (kern/for-utilities.html)
+# ══════════════════════════════════════════════════════════════════════════════
+ku_meta_title: "KERN für Energieversorger — Riddle&amp;Code"
+ku_meta_desc: "Verwandeln Sie Ihren Kundenstamm in ein steuerbares Flexibilitätsportfolio. KERN verwaltet HEMS-Flotten, Energiegemeinschaften und G&amp;I-Anlagen — autonom, auf einer Plattform."
+
+ku_eyebrow: "KERN — Für Energieversorger"
+ku_h1: "Sie haben die Kunden.<br>Sie haben die Anlagen.<br><strong>KERN verbindet sie.</strong>"
+ku_lead: "Ihre Kunden haben PV, Speicher, Wärmepumpen und Ladestationen. Ihr Netz hat Flexibilitätsbedarf. KERN ist die autonome Plattformschicht, die Ihren Kundenstamm in ein steuerbares, monetarisierbares Flexibilitätsportfolio verwandelt — ohne dafür ein eigenes Betriebsteam aufzubauen."
+
+ku_pains_h2: "Wo Energieversorger <strong>Potenzial ungenutzt lassen</strong>"
+ku_pain1_title: "Steuerbare Anlagen ohne Optimierungsplattform"
+ku_pain1_desc: "Smart Meter und CLS-Schalter werden ausgerollt — aber es gibt keine Plattform darüber. Keine Optimierung, keine Aggregation, kein Marktzugang. Das Potenzial bleibt ungenutzt."
+ku_pain1_sol: "KERN sitzt als autonome Managementschicht über dem Zähler — Echtzeit-Optimierung, Flottensteuerung, marktreife Aggregation."
+ku_pain2_title: "Redispatch 2.0 ist manuell und kostspielig"
+ku_pain2_desc: "Netzengpassmanagement erfordert koordinierte Steuerung verteilter Einspeiser — ohne Plattform ist das operativ komplex, fehleranfällig und nicht skalierbar."
+ku_pain2_sol: "KERN übernimmt Redispatch-2.0-konformes Dispatch autonom, mit Bestätigung pro Anlage."
+ku_pain3_title: "Kunden wechseln zu intelligenteren Energieanbietern"
+ku_pain3_desc: "Neue Energieanbieter bieten HEMS, Gemeinschaftstarife und Flexibilitätserlöse an. Versorger ohne smarte Services verlieren die Kunden, die aktiv teilnehmen wollen."
+ku_pain3_sol: "KERN ist Ihr Behind-the-Meter-Produkt — gebrandmarkt als Ihr Service, geliefert von KERN. Kunden bleiben und engagieren sich."
+ku_pain4_title: "Kein Zugang zu Flexibilitätsmärkten aus dem eigenen Kundenstamm"
+ku_pain4_desc: "Sie haben die Kundenbeziehungen und die Anlagen — aber ohne Aggregationsplattform können Sie diese Flexibilität nicht monetarisieren."
+ku_pain4_sol: "KERN aggregiert Ihren Kundenstamm zu einem vermarktbaren Portfolio. Sie können einen eigenen Aggregator-Tochter betreiben — oder mit einem externen Partner zusammenarbeiten."
+
+ku_cases_h2: "Drei Wege, <strong>KERN einzusetzen</strong>"
+ku_case1_num: "Anwendungsfall 01"
+ku_case1_h3: "HEMS-Flotte — Kundenstamm als flexible Ressource"
+ku_case1_p: "Setzen Sie KERN HEMS bei Haushaltskunden mit PV und Speicher ein. Kunden profitieren von Eigenverbrauchsoptimierung und niedrigeren Rechnungen. Sie erhalten eine steuerbare Flotte für Redispatch oder Flexibilitätsmonetarisierung — ohne operativen Aufwand pro Kunde."
+ku_case2_num: "Anwendungsfall 02"
+ku_case2_h3: "Energiegemeinschaften — Regelkonform und automatisch"
+ku_case2_p: "KERN EEG verwaltet Optimierung und autonome Anlagensteuerung für Energiegemeinschaften. Sie können Energiegemeinschaften als Service anbieten — ohne eigene Entwicklung oder manuelle Abrechnungsprozesse von KERN."
+ku_case3_num: "Anwendungsfall 03"
+ku_case3_h3: "Flexibilitätsmonetarisierung — Aus Ihrem Kundenstamm"
+ku_case3_p: "Die aggregierte Flexibilität aus HEMS-Flotte, G&amp;I-Kunden und EEG wird über KERN zu einem vermarktbaren Portfolio. Leiten Sie es über eine eigene Aggregator-Tochter oder einen externen Partner an FCR-, aFRR- oder Intraday-Märkte."
+
+ku_ref_h2: "Das <strong>Referenzmodell</strong> — im Produktionsbetrieb"
+ku_ref_intro: "Führende Energieversorger haben ihren kompletten Flexibilitäts-Stack auf KERN aufgebaut:"
+ku_ref_grid_label: Netz
+ku_ref_grid_value: "Laufendes MS/NS-Microgrid — Produktivsystem, Österreich"
+ku_ref_agg_label: Aggregator
+ku_ref_agg_value: "Versorger-eigener Aggregator sichert Gebote auf österreichischen Energiemärkten über KERN"
+ku_ref_comm_label: Gemeinschaften
+ku_ref_comm_value: "Energiegemeinschaftsplattform — KERN als Optimierungsschicht"
+ku_ref_note: "Livesystem — auf Anfrage in Österreich besichtigbar."
+
+ku_cta_h2: "Bereit, Ihren Kundenstamm zu monetarisieren?"
+ku_cta_p: "30 Minuten, um zu zeigen, welche Anlagen in Ihrem Netz für KERN bereit sind — und wie das Flexibilitätspotenzial aussieht."
+
+# ══════════════════════════════════════════════════════════════════════════════
+# KERN für Aggregatoren (kern/for-aggregators.html)
+# ══════════════════════════════════════════════════════════════════════════════
+ka_meta_title: "KERN für Aggregatoren — Riddle&amp;Code"
+ka_meta_desc: "Sichern Sie Ihre Flexibilitätsgebote jedes Mal ab. KERN steuert und bestätigt die Ausführung hinter dem Zähler autonom — ohne manuelle Eingriffe, ohne Pönalen."
+ka_eyebrow: "KERN — Für Aggregatoren"
+ka_h1: "Ihre Gebote sind nur so gut wie<br><strong>was hinter dem Zähler steht.</strong>"
+ka_lead: "KERN agiert als prognosebasierter, autonomer Sub-Aggregator hinter dem Zähler. Sie senden ein Flexibilitätssignal — KERN wählt Assets basierend auf Echtzeitzustand und prognostizierter Verfügbarkeit, führt die Steuerung via MIOTY oder Zigbee aus und bestätigt die Lieferung zurück. Kein manueller Eingriff. Keine verpassten Gebote."
+ka_pains_h2: "Die fünf Probleme, <strong>die KERN löst</strong>"
+ka_pain1_title: "Unzuverlässige Konnektivität zu verteilten Assets"
+ka_pain1_desc: "Ländliche BESS-Standorte, Industriegelände, Keller — LTE bricht ab, WLAN ist instabil. Assets können nicht für Gebote eingeplant werden. Die Portfoliogröße wird durch die Infrastruktur begrenzt, nicht durch die Verfügbarkeit."
+ka_pain1_sol: "MIOTY (10 km, 1,5 Mio. Nachrichten/Tag, IEC-Standard) und Zigbee Mesh verbinden jedes Asset — unabhängig von LTE und WLAN."
+ka_pain2_title: "Keine Steuerungsbestätigung"
+ka_pain2_desc: "Gebot platziert, Steuerungsbefehl gesendet — ob das Asset reagiert hat, bleibt bis zur nächsten Messung unbekannt. Abweichungen werden zu spät erkannt."
+ka_pain2_sol: "Jede Steuerung wird auf Asset-Ebene bestätigt und in Echtzeit zurückgemeldet. Sie wissen sofort, ob das Gebot erfüllt wird."
+ka_pain3_title: "Manuelle Reaktion auf Prognoseabweichungen"
+ka_pain3_desc: "Wetterveränderung, Lastverschiebung, Asset-Ausfall — jemand muss es bemerken, entscheiden und eingreifen. Das ist nicht skalierbar."
+ka_pain3_sol: "KERN vergleicht kontinuierlich den tatsächlichen Asset-Zustand mit der Gebotsposition und gleicht autonom aus — bevor die Abweichung kritisch wird."
+ka_pain4_title: "Schlechte Prognosequalität ohne Asset-Transparenz"
+ka_pain4_desc: "Ohne Echtzeit-Telemetrie auf Asset-Ebene sind Flexibilitätsprognosen Schätzungen. Übergebote bedeuten Pönalen. Untergebote bedeuten Umsatzverlust."
+ka_pain4_sol: "Rollierende 24-h-Flexibilitätsprognose pro Asset und Portfolio — basierend auf Live-Ladezustand, wettergestützten PV-Modellen und historischen Lastmustern. Kontinuierlich verfeinert, je näher das Lieferfenster rückt."
+ka_pain5_title: "Betriebsaufwand wächst mit dem Portfolio"
+ka_pain5_desc: "Jedes neue Asset, jeder neue Standort, jede neue Asset-Klasse erhöht die Komplexität. Wachstum erfordert mehr Personal, mehr Monitoring, mehr manuelle Steuerungsprozesse."
+ka_pain5_sol: "Neue Assets werden in KERN aufgenommen — der Aggregator gewinnt mehr Flexibilitätskapazität, keinen höheren Betriebsaufwand."
+ka_loop_h2: "Der <strong>operative Regelkreis</strong>"
+ka_loop_note: "Sie interagieren mit Schritt 1 und 2. Alles andere übernimmt KERN."
+ka_ref_h2: "Bewährt im <strong>Produktiveinsatz</strong>"
+ka_ref_quote: "Führende Energieversorger setzen KERN ein, um ihren Flexibilitätsaggregator zu betreiben — mit bestätigter Steuerung von MV/LV-Assets für Gebote auf Energiemärkten."
+ka_ref_meta: "Live-System · MV/LV-Microgrid · Besichtigung auf Anfrage"
+ka_cta_h2: "Bereit, jedes Gebot abzusichern?"
+ka_cta_p: "30 Minuten, um Ihnen zu zeigen, wie KERN in Ihren bestehenden Steuerungs-Stack passt — und welche Assets Sie heute zu Ihrem Portfolio hinzufügen können."
+
+# ══════════════════════════════════════════════════════════════════════════════
+# KERN für Energiegemeinschaften (kern/for-communities.html)
+# ══════════════════════════════════════════════════════════════════════════════
+kc_meta_title: "KERN für Energiegemeinschaften — Riddle&amp;Code"
+kc_meta_desc: "Maximieren Sie den gemeinsamen Eigenverbrauch automatisch. KERN optimiert jedes Asset in der Gemeinschaft und verbindet kollektive Flexibilität mit Märkten."
+kc_eyebrow: "KERN — Für Energiegemeinschaften"
+kc_h1: "Ihre Gemeinschaft erzeugt Energie.<br><strong>KERN behält sie in der Gemeinschaft.</strong>"
+kc_lead: "KERN optimiert Speicher, steuerbare Lasten und Erzeugung aller Gemeinschaftsmitglieder autonom — maximiert den gemeinsamen Eigenverbrauch und prognostiziert die kollektive Flexibilität für Märkte oder Netzbetreiber."
+kc_pains_h2: "Was Energiegemeinschaften <strong>heute zurückhält</strong>"
+kc_pain1_title: "Eigenverbrauch wird gemessen, nicht optimiert"
+kc_pain1_desc: "Ohne Echtzeit-Optimierung wird Energie ins Netz eingespeist, obwohl Mitglieder Bedarf haben — das Potenzial der Gemeinschaft bleibt weitgehend ungenutzt."
+kc_pain1_sol: "KERN prognostiziert Erzeugung und Verbrauch pro Mitglied (24 h voraus) und steuert Assets, um den Eigenverbrauch zu maximieren."
+kc_pain2_title: "Keine Echtzeit-Transparenz über die Gemeinschaft"
+kc_pain2_desc: "Betreiber wissen nicht, wie viel gerade erzeugt, verbraucht und geteilt wird — ohne diese Sicht sind Optimierung und Steuerung unmöglich."
+kc_pain2_sol: "Echtzeit-Telemetrie von jedem Asset, aggregiert in einem Gemeinschafts-Dashboard. Vollständige Transparenz, pro Mitglied und insgesamt."
+kc_pain3_title: "Speicher und Lasten werden nicht koordiniert"
+kc_pain3_desc: "Gemeinschaftsspeicher und steuerbare Lasten werden manuell oder gar nicht verwaltet — kein automatisches Laden bei PV-Überschuss, kein Entladen bei Mitgliederbedarf."
+kc_pain3_sol: "KERN steuert gemeinsame Speicher und steuerbare Lasten autonom — gleicht Erzeugung, Speicherung und Verbrauch in Echtzeit ab."
+kc_pain4_title: "Konnektivität über mehrere Standorte ist ungelöst"
+kc_pain4_desc: "Mitglieder an verschiedenen Gebäuden oder Standorten sind schwer zuverlässig zu verbinden — LTE bricht ab, WLAN reicht nicht weit genug."
+kc_pain4_sol: "Zigbee Mesh für zusammenhängende Standorte, MIOTY für verteilte Mitglieder (10 km, unabhängig von LTE/WLAN) — beide als eine einheitliche Schicht verwaltet."
+kc_pain5_title: "Kollektives Flexibilitätspotenzial bleibt ungenutzt"
+kc_pain5_desc: "Eine aktive Gemeinschaft mit PV und Speicher verfügt über echte kollektive Flexibilität — ohne Plattform kann sie weder prognostiziert noch angeboten werden."
+kc_pain5_sol: "KERN erstellt rollierende 24-h-Flexibilitätsprognosen für die gesamte Gemeinschaft und verbindet auf Anfrage mit Aggregatoren oder Netzbetreibern."
+kc_loop_h2: "Wie KERN <strong>die Gemeinschaft betreibt</strong>"
+kc_features_h2: "Was KERN <strong>für Gemeinschaften leistet</strong>"
+kc_feat1_h3: Gemeinschaftsoptimierung
+kc_feat1_p: "Maximiert den kollektiven Eigenverbrauch aller Mitglieder — in Echtzeit und mit 24-h-Prognose."
+kc_feat2_h3: Speicher- und Laststeuerung
+kc_feat2_p: "Autonome Steuerung gemeinsamer Speicher und steuerbarer Lasten zum Ausgleich von Angebot und Nachfrage."
+kc_feat3_h3: Echtzeit-Dashboard
+kc_feat3_p: "Erzeugung, Verbrauch, Eigenverbrauchsquote und Flexibilitätspotenzial — für Betreiber und optional für Mitglieder."
+kc_feat4_h3: Flexibilitätsprognose
+kc_feat4_p: "Rollierende 24-h-Prognose der verfügbaren Gemeinschaftsflexibilität — Grundlage für Aggregatoren oder Netzbetreiber."
+kc_feat5_h3: Mehrstandort-Konnektivität
+kc_feat5_p: "Zigbee Mesh für zusammenhängende Standorte, MIOTY für verteilte Mitglieder — jeder Teilnehmer zuverlässig verbunden."
+kc_feat6_h3: Aggregator-Anbindung
+kc_feat6_p: "Gemeinschaftsflexibilität auf Abruf gesteuert — mit bestätigter Ausführung zurück an die anfragende Partei."
+kc_partner_h3: "Übernehmen Sie bereits die EEG-Abrechnung oder Mitgliederverwaltung?"
+kc_partner_p: "KERN ist die Optimierungs- und Steuerungsschicht — keine Abrechnungsplattform. Wir integrieren uns in Ihre bestehende Abrechnungsinfrastruktur. Gemeinsam bieten Sie das Gesamtpaket: Abrechnung von Ihnen, Optimierung von KERN."
+kc_partner_cta: "Partnerschaft besprechen →"
+kc_cta_h2: "Mehr Energie bleibt in der Gemeinschaft."
+kc_cta_p: "30 Minuten, um zu zeigen, wie KERN eine Live-Energiegemeinschaft optimiert — von der Echtzeit-Steuerung bis zu Flexibilitätsmärkten."
+
+# ══════════════════════════════════════════════════════════════════════════════
+# KERN für VPP-Plattformen (kern/for-platforms.html)
+# ══════════════════════════════════════════════════════════════════════════════
+kp_meta_title: "KERN für VPP-Plattformen — Riddle&amp;Code"
+kp_meta_desc: "Schließen Sie die Lücke unter Ihrer VPP-Plattform. KERN liefert normalisierte Telemetrie, bestätigte Steuerung und 24-h-Prognosen für alle Assets Ihrer Kunden."
+kp_eyebrow: "KERN — Für VPP-Plattformen"
+kp_h1: "Ihre Plattform ist stark<br><strong>oberhalb der Asset-Ebene.</strong><br>KERN schließt die Lücke darunter."
+kp_lead: "KERN integriert sich unterhalb Ihres VPP als Asset-Management- und Konnektivitätsschicht. Ihre Plattform erhält einen sauberen, normalisierten API-Feed, bestätigte Steuerung und 24-h-Flexibilitätsprognosen — für alle Assets Ihrer Kunden, einschließlich der bislang nicht erreichbaren."
+kp_hero_cta: "API-Integration besprechen"
+kp_stack_h2: "Wo KERN <strong>in Ihren Stack passt</strong>"
+kp_pains_h2: "Drei Lücken, <strong>die KERN füllt</strong>"
+kp_pain1_title: "Assets mit unzuverlässiger Konnektivität bleiben außerhalb des Portfolios"
+kp_pain1_desc: "Ländliche Standorte, Industriegelände, Keller — LTE bricht ab, WLAN ist instabil. Ihre Kunden können diese Assets nicht in Ihre Plattform einbringen. Potenzial bleibt ungenutzt."
+kp_pain1_sol: "MIOTY (10 km, IEC-Standard) und Zigbee Mesh machen jedes Asset erreichbar — Ihre Kunden erweitern ihr Portfolio ohne Infrastrukturinvestitionen."
+kp_pain2_title: "Keine Steuerungsrückmeldung — der Regelkreis ist offen"
+kp_pain2_desc: "Ihre Plattform sendet Befehle — ob das Asset reagiert hat, bleibt bis zur nächsten Messung unbekannt. Abweichungen werden zu spät erkannt, Pönalen treffen Ihre Kunden."
+kp_pain2_sol: "KERN bestätigt jede Steuerung auf Asset-Ebene und meldet in Echtzeit zurück. Ihre Plattform weiß sofort, ob die Flexibilitätsverpflichtung erfüllt wird."
+kp_pain3_title: "Heterogene Assets erhöhen den Integrationsaufwand"
+kp_pain3_desc: "Jeder neue Asset-Typ, jeder neue Hersteller, jedes neue Protokoll bedeutet Integrationsaufwand. Das verlangsamt das Onboarding und begrenzt die Skalierung."
+kp_pain3_sol: "KERN normalisiert alle Asset-Typen auf ein einheitliches Datenmodell. Ihre Plattform spricht mit KERN — nicht mit jedem Asset einzeln."
+kp_what_h2: "Was Ihre Plattform <strong>von KERN bekommt</strong>"
+kp_what1_h3: "Sauberer, normalisierter API-Feed"
+kp_what1_p: "Einheitliche Telemetrie, unabhängig von Asset-Typen, Herstellern oder Protokollen. Eine Integration, alle Assets."
+kp_what2_h3: "Steuerung mit Bestätigung"
+kp_what2_p: "KERN empfängt Ihren Steuerungsbefehl, führt ihn auf Asset-Ebene aus und meldet zurück, ob und wie er erfüllt wurde."
+kp_what3_h3: "24-h-Flexibilitätsprognose"
+kp_what3_p: "Rollierende 24-h-Prognose pro Asset und Portfolio — basierend auf Live-Telemetrie, wettergestützten PV-Modellen und historischen Lastmustern. Kontinuierlich verfeinert bis zur Lieferung. Präzisere Gebote, weniger Pönalen für Ihre Kunden."
+kp_what4_h3: "Mehr Assets im Portfolio"
+kp_what4_p: "Assets, die bisher aufgrund von Konnektivitätsproblemen ausgeschlossen waren, werden verfügbar. Ihre Kunden erweitern ihr Portfolio ohne CAPEX."
+kp_integ_h2: "Integrations-<strong>optionen</strong>"
+kp_integ_th1: Modell
+kp_integ_th2: Beschreibung
+kp_integ_th3: Aufwand
+kp_integ1_model: API-Integration
+kp_integ1_desc: "KERN liefert normalisierte Telemetrie und akzeptiert Steuerungsbefehle via REST/WebSocket. Ihre Plattform bleibt primär."
+kp_integ2_model: White-Label
+kp_integ2_desc: "KERN läuft unter Ihrer Marke als 'Asset Connectivity Module' für Ihre Kunden."
+kp_integ3_model: Pilot
+kp_integ3_desc: "Ein Kunde, eine Asset-Klasse, definierter Umfang — schnell startbar, geringes Risiko."
+kp_cta_h2: "Sprechen wir über die API."
+kp_cta_p: "30 Minuten, um die Spezifikation durchzugehen und zu identifizieren, welche Assets Ihrer Kunden derzeit ausgeschlossen sind — und wie schnell sich das mit KERN ändert."
+kp_cta_primary: "API-Integration besprechen"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Referenzen (references/index.html)
+# ══════════════════════════════════════════════════════════════════════════════
+rp_meta_title: "Referenzen — KERN by Riddle&amp;Code"
+rp_meta_desc: "R&amp;C KERN im Produktiveinsatz — Live-MV/LV-Microgrid, versorgereigener Aggregator, Energiegemeinschaftsplattform. Besichtigung auf Anfrage."
+rp_eyebrow: Referenzen
+rp_h1: "Netz. Aggregator. Gemeinschaft.<br><strong>Alles live.</strong>"
+rp_lead: "Führende Energieversorger. Drei Produktiv-Deployments auf einer Plattform. Besichtigung auf Anfrage."
+rp_ref_tag: "Live-Referenz — Österreich"
+rp_ref_h2: "Führende Energieversorger haben ihren <strong>kompletten Flexibilitäts-Stack</strong> auf R&amp;C KERN aufgebaut"
+rp_item1_label: Netz
+rp_item1_title: "Live-MV/LV-Microgrid"
+rp_item1_desc: "Echtes Mittel- und Niederspannungsnetz im Produktiveinsatz. KERN verwaltet alle Assets hinter dem Zähler — Erzeugung, Speicher, steuerbare Lasten."
+rp_item2_label: Aggregator
+rp_item2_title: "Versorgereigener Flexibilitätsaggregator"
+rp_item2_desc: "Tochtergesellschaft des Versorgers, die Gebote auf österreichischen Energiemärkten absichert. KERN liefert autonome Steuerung mit bestätigter Ausführung."
+rp_item3_label: Gemeinschaft
+rp_item3_title: "Energiegemeinschaftsplattform"
+rp_item3_desc: "Energiegemeinschaftsmanagement auf KERN als Optimierungs- und Steuerungsschicht — autonome Asset-Koordination, Maximierung des kollektiven Eigenverbrauchs."
+rp_visit_strong: "Das System ist besichtigbar."
+rp_visit_p: "Die Live-Installation kann auf Anfrage besichtigt werden — ein echtes Microgrid, das KERN im Produktiveinsatz betreibt. Kontaktieren Sie uns für einen Besuchstermin."
+rp_visit_cta: "Besuch anfragen"
+rp_soon_h3: "Weitere Referenzen folgen"
+rp_soon_p: "Weitere Kundenreferenzen sind in Vorbereitung. Wir holen derzeit die Genehmigung zur namentlichen Veröffentlichung ein."
+rp_soon_link: "Kontaktieren Sie uns"
+rp_soon_suffix: "um direkt mit einem Referenzkunden zu sprechen."
+rp_cta_h2: "Sehen Sie es in Betrieb."
+rp_cta_p: "Ein 30-minütiges Gespräch oder eine Vor-Ort-Besichtigung — was für Sie nützlicher ist."
+rp_cta_primary: "Demo oder Besuch buchen"
+rp_cta_secondary: "Zurück zu KERN →"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Technologie (technology/index.html)
+# ══════════════════════════════════════════════════════════════════════════════
+tech_meta_title: "Technologie — KERN by Riddle&amp;Code"
+tech_meta_desc: "MIOTY, Zigbee Mesh, 24-h-Flexibilitätsprognosen und autonome Steuerung — die Technologie hinter KERN."
+tech_eyebrow: Technologie
+tech_h1: "Gebaut für Energieinfrastruktur.<br><strong>Kein IoT-Umbau.</strong>"
+tech_lead: "MIOTY, Zigbee Mesh, ein autonomer 24-h-Prognose-Regelkreis und bestätigte Steuerung — zweckgebaut für die Anforderungen des Flexibilitätsmanagements hinter dem Zähler."
+tech_conn_h2: "Konnektivität <strong>nach Topologie</strong>"
+tech_conn_sub: "Die Technologiewahl folgt der Asset-Topologie — nicht umgekehrt."
+tech_zigbee_badge: "Zusammenhängende Standorte"
+tech_zigbee_h3: Zigbee Mesh
+tech_zigbee_use: "Gebäude, Campusse, Industriegelände, Microgrids an einem Standort"
+tech_mioty_badge: "Verteilte Assets"
+tech_mioty_h3: MIOTY
+tech_mioty_use: "Geografisch verteilte Assets — ländliche PV, MV-BESS, mehrere entfernte Standorte"
+tech_vs_h3: "MIOTY vs. LoRaWAN"
+tech_loop_h2: "Der <strong>autonome Regelkreis</strong>"
+tech_loop_sub: "KERN arbeitet kontinuierlich — prognostiziert, reagiert und steuert ohne manuelle Eingriffe."
+tech_optim_h2: "Wie KERN <strong>Entscheidungen trifft</strong>"
+tech_optim_sub: "Jeder Optimierungszyklus nutzt Live-Telemetrie, Marktsignale und erlernte Muster — keine manuelle Konfiguration."
+tech_optim1_h4: "Preissignalbasierter Dispatch"
+tech_optim1_p: "KERN verfolgt Day-Ahead- und Intradaypreise, FCR/aFRR-Signalwerte und Netzentgeltstrukturen in Echtzeit. Jede Dispatch-Entscheidung wird gegen das aktive Marktumfeld bewertet — nicht gegen einen festen Fahrplan."
+tech_optim2_h4: "Rollierendes Prognosemodell"
+tech_optim2_p: "Verbrauchs- und Erzeugungsprognose 24 Stunden im Voraus pro Asset — kombiniert Live-Ladezustand, wettergestützte PV-Modelle und historische Lastmuster. Kontinuierlich verfeinert, je näher das Lieferfenster rückt."
+tech_optim3_h4: "Kontinuierliches Rebalancing"
+tech_optim3_p: "KERN vergleicht alle paar Minuten den tatsächlichen Asset-Zustand mit der zugesagten Dispatch-Position. Erkannte Abweichungen lösen automatische Neuauswahl und Re-Dispatch aus — bevor das Lieferfenster schließt und Pönalen anfallen."
+tech_assets_h2: "Unterstützte <strong>Assets und Protokolle</strong>"
+tech_assets_sub: "KERN normalisiert alle Asset-Typen auf ein einheitliches Datenmodell — unabhängig von Hersteller oder Protokoll."
+tech_assets_label1: "Asset-Typen"
+tech_assets_label2: "Kommunikationsprotokolle"
+tech_security_h2: "Sicherheit <strong>&amp; Compliance</strong>"
+tech_sec1_h4: "Ende-zu-Ende-Verschlüsselung"
+tech_sec1_p: "Alle Asset-Kommunikation Ende-zu-Ende verschlüsselt — vom Sensor bis zur Plattform."
+tech_sec2_h4: "Zertifikatsbasierte Authentifizierung"
+tech_sec2_p: "Jedes Asset durch Zertifikat authentifiziert — keine unautorisierten Steuerbefehle möglich."
+tech_sec3_h4: "Redispatch 2.0"
+tech_sec3_p: "Konform mit den Redispatch-2.0-Anforderungen für dezentrale Erzeugungssteuerung."
+tech_sec4_h4: "§14a / EAG / EnFG"
+tech_sec4_p: "Kompatibel mit den Regelungen für steuerbare Verbrauchseinrichtungen in Deutschland und Österreich."
+tech_cta: "Technische Demo buchen"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Über uns (company/about-us.html)
+# ══════════════════════════════════════════════════════════════════════════════
+au_meta_title: "Über Riddle&amp;Code — Infrastruktur für verteilte Energie"
+au_meta_desc: "Riddle&amp;Code baut KERN — die Infrastrukturplattform für verteiltes Energiemanagement. Für Energieversorger, Aggregatoren und Gemeinschaften in ganz Europa."
+au_eyebrow: "Wien, Österreich"
+au_h1: "Infrastruktur für<br><span class=\"highlight\">verteilte Energie.</span>"
+au_sub: "Riddle&amp;Code baut KERN — die Plattform, mit der Energieversorger und Aggregatoren verteilte Energieanlagen verbinden, verwalten und monetarisieren. Wir besitzen den gesamten Stack: Hardware, Konnektivität, Plattform und Marktzugang."
+au_why_tag: "WARUM WIR EXISTIEREN"
+au_why_h2: "Die Infrastrukturlücke in der Energiewende"
+au_why_desc: "Dezentrale Energiequellen nehmen zu — Dachsolar, Batterien, Wärmepumpen, Ladestationen. Energieversorger stehen vor Flexibilitätsverpflichtungen. Aggregatoren brauchen Skalierung. Niemand wollte die Konnektivitäts- und Compliance-Schicht von Grund auf neu aufbauen.<br><br>Wir haben es getan."
+au_val1_h3: "Infrastruktur, keine Apps"
+au_val1_p: "KERN ist die Schicht, die zwischen physischen Assets und Energiemärkten sitzt. Wir sind keine Verbraucher-App oder ein Ableseservice. Wir sind die Plattform, die Ihr Betriebsteam zuverlässig und skalierbar betreibt."
+au_val2_h3: "Vollständige Stack-Kontrolle"
+au_val2_p: "Hardware, MIOTY-Funkkonnektivität, HEMS/ESC/LSP-Plattform und direkter Marktzugang in einer einzigen Integration. Partner setzen einmal auf — kein Zusammenstückeln mehrerer Anbieter."
+au_val3_h3: "Regulatorische Komplexität absorbiert"
+au_val3_p: "EEG-Compliance, Flexibilitätsberichterstattung und Prüfdokumentation sind in KERN integriert — kein manueller Prozess. Wir tragen die technische und regulatorische Komplexität, damit Sie die Kundenbeziehung tragen."
+au_what_h3: "Was KERN liefert"
+au_what_sub: "Eine Plattform. Drei Asset-Klassen. Eine Integration."
+au_tech1_h4: "MIOTY-Funkkonnektivität"
+au_tech1_p: "10 km Reichweite, 1,5 Millionen Nachrichten pro Tag, ultra-niedriger Stromverbrauch. Kein WLAN, keine App-Abhängigkeit — funktioniert in Kellern, ländlichen Gebieten und Industriestandorten."
+au_tech2_h4: "HEMS — Wohngebäude-Assets"
+au_tech2_p: "Verwaltung von Wohngebäude-PV- und Batterieportfolios. Optimierung von Intraday-Handel, Flexibilitätssteuerung und Abregelungsvermeidung — automatisch, über Tausende von Haushalten."
+au_tech3_h4: "ESC — Energiegemeinschaften"
+au_tech3_p: "Gemeinschaftliche Energiebündelung für österreichische und EU-Rechtsrahmen. Compliance ist prüfbar und automatisiert — kein manueller Prozess für Ihre Rechtsabteilung."
+au_tech4_h4: "LSP — Netzskala-Flexibilität"
+au_tech4_p: "Large Scale Plant Management für netzskale Assets: BESS, industrielle Lasten und aggregierte Portfolios. Direktzugang zu Systemdienstleistungs- und Flexibilitätsmärkten."
+au_proof_tag: REFERENZEN
+au_proof_h2: "Validiert, nicht versprochen"
+au_proof1_h3: "Führende Energieversorger"
+au_proof1_p: "Validiert mit führenden Energieversorgern. Das Einsatzmodell, die regulatorische Ausrichtung und die Wirtschaftlichkeit sind auf regionaler Ebene validiert."
+au_proof2_h3: "MIOTY im Maßstab"
+au_proof2_p: "1,5 Millionen Nachrichten pro Tag demonstrierte Kapazität. IEC-standardisiert — kein proprietäres Lock-in. Partner übernehmen einen veröffentlichten Standard."
+au_proof3_h3: "Wirtschaftlichkeit, die funktioniert"
+au_proof3_p: "Hardware zu €239 Verkauf / €100 COGS — 58 % Marge. Plattform-ARR von €114 pro HEMS-Haushalt pro Jahr. Die Wirtschaftlichkeit unterstützt Versorgerbündelpreise im Maßstab."
+au_founders_tag: GRÜNDER
+au_founders_h2: "Das Team hinter KERN"
+au_cta_h2: "Sprechen Sie mit dem Team"
+au_cta_p: "Executive Briefing, technischer Deep Dive oder Partnergespräch — wir passen das Format an Ihre Situation an."
+au_cta_primary: "Kontakt aufnehmen"
+au_cta_secondary: "KERN entdecken"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Kontakt (company/get-in-touch.html)
+# ══════════════════════════════════════════════════════════════════════════════
+git_meta_title: "Kontakt — KERN by Riddle&amp;Code"
+git_meta_desc: "Demo buchen, Besuch der Live-Referenzanlage vereinbaren oder besprechen, wie KERN in Ihre Infrastruktur passt."
+git_h1: "Sprechen wir.<br><strong>Kontakt aufnehmen</strong>"
+git_sub: "Demo buchen, Besuch unserer Live-Referenzanlage vereinbaren oder besprechen, wie KERN in Ihren Versorger- oder Aggregator-Stack passt."
+git_contact_tag: KONTAKT
+git_contact_h2: "Wege, uns zu erreichen"
+git_inq_h3: "Allgemeine Anfragen"
+git_inq_p: "Für allgemeine Fragen zu KERN, unserer Technologie und Partnerschaftsoptionen:"
+git_inq_email: "office@riddleandcode.com"
+git_demo_h3: "Demo buchen"
+git_demo_p: "30 Minuten — Live-System, echte Assets. Wir zeigen Ihnen den autonomen Regelkreis in Aktion und analysieren, welche Assets in Ihrem Portfolio bereit für KERN sind."
+git_visit_h3: "Besuch anfragen"
+git_visit_p: "Unsere Referenzanlage in Österreich ist auf Anfrage besichtigbar — ein Live-MV/LV-Microgrid mit KERN im Produktiveinsatz."
+git_loc_tag: STANDORT
+git_loc_h2: Hauptsitz
+git_why_tag: "WARUM KONTAKT"
+git_why_h2: "Womit wir helfen können"
+git_why1_h3: "Executive Briefing"
+git_why1_p: "Strategischer Überblick über KERN, die Marktchance und wie wir in Ihre Flexibilitätsstrategie passen. 45 Minuten, C-Level-Format."
+git_why2_h3: "Technischer Deep Dive"
+git_why2_p: "API-Spezifikationen, Konnektivitätsarchitektur, Integrationsansatz für Ihren spezifischen Asset-Mix. Für Ihr technisches Team."
+git_why3_h3: "Live-Referenz"
+git_why3_p: "Besuchen Sie unsere Produktionsanlage in Österreich — ein echtes Versorger-Deployment mit MV/LV-Microgrid, Aggregator und Energiegemeinschaftsplattform."
+git_why4_h3: Partnerschaft
+git_why4_p: "Versorgungspartnerschaften, Aggregatorbeziehungen, Plattformintegrationen — lassen Sie uns das richtige Geschäftsmodell besprechen."
+git_cta_h2: "Bereit zur Kontaktaufnahme?"
+git_cta_p: "Schreiben Sie uns an office@riddleandcode.com oder buchen Sie direkt eine Demo."
+git_cta_primary: "E-Mail senden"
+git_cta_secondary: "KERN kennenlernen"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Medien (company/media.html)
+# ══════════════════════════════════════════════════════════════════════════════
+med_meta_title: "Medien — Riddle&amp;Code"
+med_meta_desc: "Pressemappe, Markenlogos, Bildmaterial und Medienkontakt für Riddle&amp;Code und KERN."
+med_h1: "Media Hub.<br><strong>Pressemappe &amp; Markenressourcen</strong>"
+med_sub: "Willkommen im Media Hub von Riddle&amp;Code. Hier finden Sie unsere Pressemappe, Markenlogos, Bildmaterial und Informationen zu unseren Medienaktivitäten."
+med_who_tag: "ÜBER UNS"
+med_who_h2: "Wer wir sind"
+med_who_p1: "Riddle&amp;Code baut KERN — die Infrastrukturplattform für dezentrales Energiemanagement. Wir bedienen Energieversorger, Aggregatoren und Energiegemeinschaften in ganz Europa mit autonomer Asset-Konnektivität, Flexibilitätsprognosen und -steuerung."
+med_who_p2: "Unsere Technologie, einschließlich MIOTY-Funkkonnektivität und autonomer Steuerung, ist im Produktiveinsatz bei führenden Energieversorgern — mit einem Live-MV/LV-Microgrid, Flexibilitätsaggregator und Energiegemeinschaftsplattform."
+med_dl_tag: DOWNLOADS
+med_dl_h2: Pressmaterialien
+med_logo_h3: Markenlogo
+med_logo_p: "Laden Sie unsere offiziellen Markenlogos in verschiedenen Formaten herunter. Enthält helle und dunkle Versionen, horizontale und vertikale Layouts."
+med_logo_cta: "Logo-Paket herunterladen"
+med_press_h3: Pressemappe
+med_press_p: "Vollständige Pressemappe mit Unternehmensinformationen, Produktdetails, Führungsbiografien und hochauflösenden Bildern."
+med_press_cta: "Pressemappe herunterladen"
+med_partner_h3: "Medienpartner-Logos"
+med_partner_p: "Logos von Riddle&amp;Code neben unseren Pressepartnern und Medienerwähnungen. Zur Veröffentlichung geeignet."
+med_partner_cta: "Partner-Logos herunterladen"
+med_media_tag: MEDIENANFRAGEN
+med_media_h2: "Für Journalisten &amp; Medien"
+med_pr_h3: Pressemitteilungen
+med_pr_p: "Zugang zu unseren neuesten Pressemitteilungen, Ankündigungen und Unternehmensnachrichten."
+med_contact_h3: Medienkontakt
+med_contact_p: "Für Medienanfragen, Interviews oder weitere Informationen wenden Sie sich bitte an office@riddleandcode.com"
+med_interview_h3: Interviewanfragen
+med_interview_p: "Wir stehen als Experten für Kommentare zu dezentralem Energiemanagement, Flexibilitätsmärkten, MIOTY-Technologie und der Energiewende zur Verfügung."
+med_usage_h3: Nutzungsrichtlinien
+med_usage_p: "Bitte respektieren Sie unsere Markenrichtlinien bei der Verwendung von Riddle&amp;Code- und KERN-Assets. Kontaktieren Sie uns bei Fragen."
+med_cta_h2: "Weitere Informationen benötigt?"
+med_cta_p: "Kontaktieren Sie unser Medienteam für zusätzliche Ressourcen, Interviewmöglichkeiten oder Presseanfragen."
+med_cta_primary: "Medienteam kontaktieren"
+med_cta_secondary: "Aktuelle Neuigkeiten anzeigen"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Karriere (company/career.html)
+# ══════════════════════════════════════════════════════════════════════════════
+car_meta_title: "Karriere — Riddle&amp;Code"
+car_meta_desc: "Werden Sie Teil des Teams, das KERN aufbaut — die Infrastrukturplattform für verteilte Energie."
+car_h1: "<span class=\"highlight\">Werden Sie Teil des Teams</span><br>Bauen Sie Infrastruktur für die Energiewende"
+car_sub: "Riddle&amp;Code baut KERN — die Plattform, mit der Energieversorger und Aggregatoren verteilte Energieanlagen verbinden, steuern und monetarisieren. Wir arbeiten an schwierigen Problemen in der Energieinfrastruktur, Funkkonnektivität und autonomen Systemen."
+car_purpose_tag: "UNSER ZWECK"
+car_purpose_h2: "Der Riddle&amp;Code-Geist"
+car_purpose1_h3: "Zweck: Warum existieren wir?"
+car_purpose1_strong: "Infrastruktur für die Energiewende aufbauen."
+car_purpose1_p: "Wir liefern die Konnektivitäts- und Autonomieschicht, die verteilte Energieanlagen zu verwaltbarer, monetarisierbarer Infrastruktur macht — für Energieversorger und Aggregatoren in ganz Europa."
+car_purpose2_h3: "Vision: Wohin gehen wir?"
+car_purpose2_strong: "Ein Europa, in dem jede verteilte Energieanlage zur Netzstabilität beiträgt."
+car_purpose2_p: "Wir sehen ein Netz, in dem Flexibilität hinter dem Zähler kontinuierlich prognostiziert, gesteuert und bestätigt wird — ohne manuelle Eingriffe, in jedem Maßstab."
+car_purpose3_h3: "Mission: Wie erreichen wir das?"
+car_purpose3_strong: "KERN in jedem Flexibilitäts-Stack eines europäischen Versorgers bis 2030."
+car_purpose3_p: "Unser Ziel ist es, die autonome Energiemanagementschicht zu liefern, die verteilte Flexibilität zuverlässig, monetarisierbar und skalierbar macht."
+car_values_h3: "Unsere Kernwerte"
+car_values_sub: "Die Prinzipien, die alles leiten, was wir tun"
+car_val1_label: Neugier
+car_val1_desc: "Wir erforschen, hinterfragen und lernen ständig. Neugier treibt Innovation und hilft uns, Grenzen beim Aufbau von Energieinfrastruktur zu verschieben."
+car_val2_label: Empathie
+car_val2_desc: "Das Verständnis unserer Kollegen, Partner und Kunden ermöglicht es uns, Lösungen zu entwickeln, die wirklich wichtig sind und einen Unterschied machen."
+car_val3_label: Zuhören
+car_val3_desc: "Aktives Zuhören hilft uns, Bedürfnisse zu verstehen, effektiv zusammenzuarbeiten und gemeinsam bessere Produkte zu entwickeln."
+car_val4_label: Beharrlichkeit
+car_val4_desc: "Schwierige Probleme zu lösen erfordert Ausdauer. Wir nehmen Herausforderungen an und bleiben dran, bis wir unsere Ziele erreichen."
+car_val5_label: Freude
+car_val5_desc: "Wir glauben daran, den Weg zu genießen. Eine positive, engagierte Unternehmenskultur bringt unsere besten Leistungen hervor."
+car_val6_label: Engagement
+car_val6_desc: "Wir sind unserer Mission, unserem Team und unseren Partnern verpflichtet. Engagement treibt Exzellenz in allem, was wir liefern."
+car_benefits_tag: VORTEILE
+car_benefits_h2: "Warum Riddle&amp;Code?"
+car_ben1_h3: "Echter Infrastruktureinfluss"
+car_ben1_p: "Arbeiten Sie an einem Produktivsystem, das live Energieassets verwaltet. Ihr Code steuert echte Hardware hinter echten Zählern — keine Simulation."
+car_ben2_h3: "Wien &amp; Remote"
+car_ben2_p: "Wien wurde zum zehnten Mal in Folge zur lebenswertesten Stadt gewählt, und wir wissen, dass es andere schöne Orte gibt. Arbeiten Sie dort, wo Sie am produktivsten sind."
+car_ben3_h3: "Flexibles Umfeld"
+car_ben3_p: "Modernes Büro oder Remote-Arbeit — genießen Sie ein flexibles Arbeitsumfeld, das sich Ihren Bedürfnissen anpasst."
+car_ben4_h3: "Europäischer Energiemarkt"
+car_ben4_p: "Arbeiten Sie an der Schnittstelle von Funktechnologie, Energiemärkten und regulatorischen Rahmenbedingungen in Österreich, Deutschland und der EU."
+car_ben5_h3: "Faire Vergütung"
+car_ben5_p: "Erhalten Sie eine faire Vergütung, die Ihren Qualifikationen und Ihrer Erfahrung entspricht."
+car_ben6_h3: "Work-Life-Balance"
+car_ben6_p: "Ein ausgeruhtes Sie ist ein glückliches Sie. Wir sorgen dafür, dass Sie genug Zeit für die Work-Life-Balance haben."
+car_cta_h2: "Bereit, uns beizutreten?"
+car_cta_p: "Wir suchen immer talentierte Menschen, die unsere Leidenschaft für den Aufbau von Infrastruktur für die Energiewende teilen."
+car_cta_primary: "Offene Stellen ansehen"
+car_cta_secondary: "Mehr über uns erfahren"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# News (company/news.html)
+# ══════════════════════════════════════════════════════════════════════════════
+news_meta_title: "Neuigkeiten — Riddle&amp;Code"
+news_meta_desc: "Aktuelle Neuigkeiten, Forschung und Updates vom Riddle&amp;Code- und KERN-Team."
+news_h1: "<span class=\"highlight\">Neuigkeiten &amp; Einblicke</span><br>Von Riddle&amp;Code"
+news_sub: "Bleiben Sie über unsere neuesten Produktupdates, Marktforschung und Unternehmensnachrichten informiert."
+news_filter_all: "Alle"
+news_filter_news: "Neuigkeiten"
+news_filter_research: "Forschung"
+news_filter_updates: "Updates"
+news_load_more: "Mehr laden"
+news_cta_h2: "Immer auf dem Laufenden bleiben?"
+news_cta_p: "Abonnieren Sie unseren Newsletter oder folgen Sie uns auf LinkedIn."
+news_cta_primary: "Kontakt"
+news_cta_secondary: "Zur Startseite"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Navigation
+# ══════════════════════════════════════════════════════════════════════════════
+nav_prefix: "/de/"
+nav_products: "Produkte"
+nav_kern_label: "KERN — Autonome Energieplattform"
+nav_kern_overview: "KERN Überblick"
+nav_for_utilities: "Für Versorger"
+nav_for_aggregators: "Für Aggregatoren"
+nav_for_communities: "Für Energiegemeinschaften"
+nav_for_platforms: "Für Plattformen"
+nav_technology: "Technologie"
+nav_references: "Referenzen"
+nav_company: "Unternehmen"
+nav_about_us: "Über uns"
+nav_news: "Neuigkeiten"
+nav_media: "Medien"
+nav_careers: "Karriere"
+nav_book_demo: "Demo buchen"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Footer
+# ══════════════════════════════════════════════════════════════════════════════
+footer_tagline: "Infrastruktur für dezentrale Energie."
+footer_col_kern: "KERN"
+footer_platform_overview: "Plattform Überblick"
+footer_for_utilities: "Für Versorger"
+footer_for_aggregators: "Für Aggregatoren"
+footer_for_communities: "Für Energiegemeinschaften"
+footer_for_platforms: "Für Plattformen"
+footer_col_more: "Mehr"
+footer_technology: "Technologie"
+footer_references: "Referenzen"
+footer_news: "Neuigkeiten"
+footer_col_company: "Unternehmen"
+footer_about_us: "Über uns"
+footer_careers: "Karriere"
+footer_media: "Medien"
+footer_contact: "Kontakt"
+footer_col_legal: "Rechtliches"
+footer_imprint: "Impressum"
+footer_privacy: "Datenschutz"
+footer_terms: "Nutzungsbedingungen"
+footer_copyright: "© 2025 Riddle&amp;Code GmbH. Alle Rechte vorbehalten."
diff --git a/locales/en.yaml b/locales/en.yaml
new file mode 100644
index 0000000..23c6f9c
--- /dev/null
+++ b/locales/en.yaml
@@ -0,0 +1,602 @@
+# ──────────────────────────────────────────────────────────────────────────────
+# Riddle&amp;Code website — English locale
+# HTML is allowed in values; use YAML double-quoted strings for safety.
+# ──────────────────────────────────────────────────────────────────────────────
+
+# ── Meta ──────────────────────────────────────────────────────────────────────
+meta_title: "Riddle&amp;Code — Autonomous Energy. Behind the Meter."
+meta_description: "R&amp;C KERN autonomously forecasts, dispatches and delivers flexibility behind the meter — for aggregators, utilities and energy communities."
+meta_og_title: "Riddle&amp;Code — Autonomous Energy. Behind the Meter."
+meta_og_description: "R&amp;C KERN autonomously forecasts, dispatches and delivers flexibility behind the meter."
+
+# ── Hero ──────────────────────────────────────────────────────────────────────
+hero_location: Vienna
+hero_h1: "Infrastructure for<br><strong>distributed energy.</strong>"
+hero_sub: "We build the platform utilities and aggregators use to connect, dispatch and monetise distributed energy assets at scale. Our product is <strong style=\"color: var(--text-primary);\">KERN</strong>."
+hero_cta_primary: "Discover KERN →"
+hero_cta_secondary: "Book a Demo"
+
+# ── Audience cards ────────────────────────────────────────────────────────────
+audience_label: "Who KERN is built for"
+
+aggregators_h3: Aggregators
+aggregators_p: "Secure your bids every time. KERN dispatches behind the meter and confirms execution — no manual intervention, no penalties."
+aggregators_link: "For aggregators →"
+
+utilities_h3: Utilities
+utilities_p: "Turn your customer base into a steerable flexibility portfolio. From HEMS fleet to energy communities — one platform, one autonomous layer."
+utilities_link: "For utilities →"
+
+communities_h3: "Energy Communities"
+communities_p: "Maximize shared self-consumption automatically. KERN optimizes every asset in the community — and connects collective flexibility to markets."
+communities_link: "For communities →"
+
+platforms_h3: "VPP Platforms"
+platforms_p: "Close the gap below your platform. KERN delivers a normalised API feed, confirmed dispatch and 24h forecasts — for every asset your clients have."
+platforms_link: "For platforms →"
+
+# ── Autonomous loop ───────────────────────────────────────────────────────────
+loop_h2: "The <strong>autonomous loop</strong>"
+loop_sub: "You send a signal. KERN delivers. What happens behind the meter is our job."
+
+loop_step1_label: Forecast
+loop_step1_desc: "Rolling 24h flexibility profile per asset and portfolio"
+
+loop_step2_label: Demand
+loop_step2_desc: "Flexibility signal from aggregator, utility or market"
+
+loop_step3_label: Rebalance
+loop_step3_desc: "Real-time comparison of signal vs. actual asset state"
+
+loop_step4_label: Dispatch
+loop_step4_desc: "Autonomous asset control via MIOTY or Zigbee Mesh"
+
+loop_step5_label: Confirm
+loop_step5_desc: "Execution confirmed back to aggregator in real-time"
+
+loop_callout: "<strong>KERN interacts with your platform at step 1 and 2.</strong><br>Steps 3–5 are fully autonomous — no manual intervention required."
+
+# ── Reference block ───────────────────────────────────────────────────────────
+ref_tag: "Live Reference"
+ref_h2: "Leading utilities built their flexibility stack on R&amp;C KERN"
+ref_proof1: "Live MV/LV microgrid — production system"
+ref_proof2: "Utility-owned aggregator securing market bids via KERN"
+ref_proof3: "Energy community platform — KERN optimization layer"
+ref_visit: "Live system — visitable on request."
+ref_cta: "See the full reference →"
+
+# ── Final CTA ─────────────────────────────────────────────────────────────────
+cta_h2: "Stop managing assets.<br>Let KERN deliver."
+cta_p: "30 minutes to show you how the autonomous loop works — on a live system."
+cta_primary: "Book a Demo"
+cta_secondary: "Explore the Technology"
+
+# ── Shared CTAs (reused across pages) ─────────────────────────────────────────
+shared_book_demo: "Book a Demo"
+shared_explore_tech: "Explore the Technology"
+shared_see_ref: "See full reference →"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# KERN Overview page (kern/index.html)
+# ══════════════════════════════════════════════════════════════════════════════
+ki_meta_title: "KERN by Riddle&amp;Code — Autonomous Energy Platform"
+ki_meta_desc: "KERN is the autonomous energy management platform behind the meter — forecasting, dispatching and delivering flexibility for aggregators, utilities and energy communities."
+
+ki_eyebrow: "Riddle&amp;Code — Autonomous Energy Platform"
+ki_h1: "<strong>Autonomous</strong> energy<br>behind the meter."
+ki_lead: "KERN is the platform that sits behind the meter — autonomously optimising, forecasting and dispatching flexibility from households, facilities, microgrids and energy communities."
+
+ki_concept_stmt: "You send a signal.<br><strong>KERN delivers.</strong><br>What happens behind the meter is our job."
+ki_concept_sub: "Aggregators, utilities and platforms interact with KERN through a clean API — forecast in, demand signal in, flexibility confirmed out. KERN handles everything in between: rebalancing, asset selection, dispatch, confirmation."
+
+ki_contexts_h2: "Optimising <strong>behind the meter</strong>"
+ki_contexts_sub: "KERN works across four asset contexts — all on one platform."
+ki_ctx_household_h3: Households
+ki_ctx_household_p: "PV + home storage + heat pump + EV charger — optimised as a unit. HEMS fleet management for utilities."
+ki_ctx_ci_h3: "Commercial &amp; Industrial"
+ki_ctx_ci_p: "Commercial PV, BESS, CHP, controllable loads on MV/LV level. Peak shaving, load management, flexibility dispatch."
+ki_ctx_micro_h3: Microgrids
+ki_ctx_micro_p: "Multiple assets behind a shared grid connection point. Coordinated optimisation, island-mode capable."
+ki_ctx_esc_h3: "Energy Communities (ESC)"
+ki_ctx_esc_p: "Community optimisation across multiple members and meters. Shared self-consumption maximised, collective flexibility aggregated."
+
+ki_modes_h2: "Three <strong>optimisation modes</strong>"
+ki_modes_sub: "Configurable per asset or portfolio — combinable."
+ki_mode1_num: "Mode 01"
+ki_mode1_h3: Self-consumption
+ki_mode1_p: "Maximise local self-consumption. Minimise grid import and export. Default mode for households and small C&amp;I."
+ki_mode2_num: "Mode 02"
+ki_mode2_h3: "Economic optimisation"
+ki_mode2_p: "Maximise monetary yield — intraday arbitrage, FCR/aFRR bids, peak shaving, demand charge reduction. Dispatch driven by real-time day-ahead and intraday price signals. Default for aggregators and C&amp;I flexibility."
+ki_mode3_num: "Mode 03"
+ki_mode3_h3: "Community optimisation"
+ki_mode3_p: "Maximise shared self-consumption across multiple members. Fair allocation by share. Default for ESC and microgrids."
+
+ki_conn_h2: "Connectivity <strong>by topology</strong>"
+ki_conn_sub: "The right technology for every asset configuration — both managed as one unified layer in KERN."
+ki_zigbee_use: "Contiguous sites"
+ki_zigbee_h3: "Zigbee Mesh"
+ki_zigbee_p: "For assets on the same premises — buildings, campuses, industrial sites. Low-cost, easy to deploy, self-healing mesh network. No complex gateway infrastructure required."
+ki_mioty_use: "Distributed assets"
+ki_mioty_h3: MIOTY
+ki_mioty_p: "IEC-standard LPWAN for geographically dispersed assets — rural PV, MV-connected BESS, distributed sites. 10km range, 1.5M messages/day, independent of LTE and WiFi."
+ki_tech_link: "Full technology overview →"
+
+ki_forwhom_h2: "KERN <strong>for your role</strong>"
+ki_role_agg_h3: Aggregators
+ki_role_agg_p: "Secure bids with confirmed dispatch and 24h forecasts."
+ki_role_agg_link: "For aggregators →"
+ki_role_util_h3: Utilities
+ki_role_util_p: "Turn your customer base into a monetisable flexibility portfolio."
+ki_role_util_link: "For utilities →"
+ki_role_comm_h3: "Energy Communities"
+ki_role_comm_p: "Autonomous self-consumption optimisation and flexibility aggregation."
+ki_role_comm_link: "For communities →"
+ki_role_vpp_h3: "VPP Platforms"
+ki_role_vpp_p: "Close the asset layer gap below your platform with a clean API."
+ki_role_vpp_link: "For platforms →"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# KERN for Utilities page (kern/for-utilities.html)
+# ══════════════════════════════════════════════════════════════════════════════
+ku_meta_title: "KERN for Utilities — Riddle&amp;Code"
+ku_meta_desc: "Turn your customer base into a steerable flexibility portfolio. KERN manages HEMS fleets, energy communities and C&amp;I assets — autonomously, on one platform."
+
+ku_eyebrow: "KERN — For Utilities"
+ku_h1: "You have the customers.<br>You have the assets.<br><strong>KERN connects them.</strong>"
+ku_lead: "Your customers have PV, storage, heat pumps and EV chargers. Your grid has flexibility requirements. KERN is the autonomous platform layer that turns your customer base into a steerable, monetisable flexibility portfolio — without building an operations team for it."
+
+ku_pains_h2: "Where utilities are <strong>leaving value on the table</strong>"
+ku_pain1_title: "Controllable assets without an optimisation platform"
+ku_pain1_desc: "Smart meters and CLS switches are rolling out — but there is no platform above them. No optimisation, no aggregation, no market access. The potential stays untapped."
+ku_pain1_sol: "KERN sits above the meter as the autonomous management layer — real-time optimisation, fleet control, market-ready aggregation."
+ku_pain2_title: "Redispatch 2.0 is manual and costly"
+ku_pain2_desc: "Grid congestion management requires coordinated control of distributed generation — without a platform this is operationally complex, error-prone and doesn't scale."
+ku_pain2_sol: "KERN handles Redispatch 2.0-compliant dispatch autonomously, with confirmation per asset."
+ku_pain3_title: "Customers leaving for smarter energy providers"
+ku_pain3_desc: "New energy players offer HEMS, community tariffs and flexibility revenues. Utilities without smart services lose the customers who want to actively participate."
+ku_pain3_sol: "KERN is your behind-the-meter product — branded as your service, delivered by KERN. Customers stay and engage."
+ku_pain4_title: "No access to flexibility markets from your own customer base"
+ku_pain4_desc: "You have the customer relationships and the assets — but without an aggregation platform you can't monetise that flexibility."
+ku_pain4_sol: "KERN aggregates your customer base into a marketable portfolio. You can run your own aggregator subsidiary — or partner with an external one."
+
+ku_cases_h2: "Three ways to <strong>deploy KERN</strong>"
+ku_case1_num: "Use case 01"
+ku_case1_h3: "HEMS Fleet — Customer Base as Flexible Resource"
+ku_case1_p: "Deploy KERN HEMS with household customers who have PV and storage. Customers benefit from self-consumption optimisation and lower bills. You gain a steerable fleet for Redispatch or flexibility monetisation — without operational load per customer."
+ku_case2_num: "Use case 02"
+ku_case2_h3: "Energy Communities — Compliant, Automatic"
+ku_case2_p: "KERN ESC manages optimisation and autonomous asset control for energy communities. You can offer energy communities as a service — no custom development, no manual billing processes needed from KERN's side."
+ku_case3_num: "Use case 03"
+ku_case3_h3: "Flexibility Monetisation — From Your Customer Base"
+ku_case3_p: "The aggregated flexibility from HEMS fleet, C&amp;I customers and ESC becomes a marketable portfolio via KERN. Route it through your own aggregator subsidiary or an external partner to FCR, aFRR or intraday markets."
+
+ku_ref_h2: "The <strong>reference model</strong> — running in production"
+ku_ref_intro: "Leading utilities built their complete flexibility stack on KERN:"
+ku_ref_grid_label: Grid
+ku_ref_grid_value: "Live MV/LV microgrid — production system, Austria"
+ku_ref_agg_label: Aggregator
+ku_ref_agg_value: "Utility-owned aggregator securing bids on Austrian energy markets via KERN"
+ku_ref_comm_label: Communities
+ku_ref_comm_value: "Energy community platform — KERN as optimisation layer"
+ku_ref_note: "Live system — visitable on request in Austria."
+
+ku_cta_h2: "Ready to monetise your customer base?"
+ku_cta_p: "30 minutes to map which assets in your network are ready for KERN — and what the flexibility revenue potential looks like."
+
+# ══════════════════════════════════════════════════════════════════════════════
+# KERN for Aggregators page (kern/for-aggregators.html)
+# ══════════════════════════════════════════════════════════════════════════════
+ka_meta_title: "KERN for Aggregators — Riddle&amp;Code"
+ka_meta_desc: "Secure your flexibility bids every time. KERN autonomously dispatches and confirms execution behind the meter — no manual intervention, no penalties."
+ka_eyebrow: "KERN — For Aggregators"
+ka_h1: "Your bids are only as good as<br><strong>what's behind the meter.</strong>"
+ka_lead: "KERN acts as a forecast-driven, autonomous sub-aggregator behind the meter. You send a flexibility signal — KERN selects assets based on real-time state and forecasted availability, executes via MIOTY or Zigbee, and confirms delivery back to you. No manual intervention. No missed bids."
+ka_pains_h2: "The five pains <strong>KERN solves</strong>"
+ka_pain1_title: "Unreliable connectivity to distributed assets"
+ka_pain1_desc: "Rural BESS sites, industrial premises, basements — LTE drops, WiFi is unstable. Assets can't be committed to bids. Portfolio size is limited by infrastructure, not by availability."
+ka_pain1_sol: "MIOTY (10km, 1.5M msg/day, IEC standard) and Zigbee Mesh connect every asset — independent of LTE and WiFi."
+ka_pain2_title: "No dispatch confirmation"
+ka_pain2_desc: "Bid placed, dispatch sent — whether the asset responded remains unknown until the next meter reading. Deviations are detected too late."
+ka_pain2_sol: "Every dispatch is confirmed at asset level and reported back in real-time. You know immediately whether the bid is being fulfilled."
+ka_pain3_title: "Manual response to forecast deviations"
+ka_pain3_desc: "Weather change, load shift, asset failure — someone has to notice, decide and intervene. This doesn't scale."
+ka_pain3_sol: "KERN continuously compares actual asset state against bid position and rebalances autonomously — before the deviation becomes critical."
+ka_pain4_title: "Poor forecast quality without asset visibility"
+ka_pain4_desc: "Without real-time telemetry at asset level, flexibility forecasts are estimates. Overbidding means penalties. Underbidding means lost revenue."
+ka_pain4_sol: "Rolling 24h flexibility forecast per asset and portfolio — driven by live state of charge, weather-based PV models and historical load patterns. Continuously refined as the delivery window approaches."
+ka_pain5_title: "Operational overhead scales with portfolio"
+ka_pain5_desc: "Every new asset, every new site, every new asset class adds complexity. Growth requires more team, more monitoring, more manual dispatch management."
+ka_pain5_sol: "New assets are onboarded into KERN — the aggregator gets more flexibility capacity, not more operational burden."
+ka_loop_h2: "The <strong>operative loop</strong>"
+ka_loop_note: "You interact with steps 1 and 2. Everything else is KERN."
+ka_ref_h2: "Proven in <strong>production</strong>"
+ka_ref_quote: "Leading utilities use KERN to power their flexibility aggregator — securing bids on energy markets with confirmed dispatch from MV/LV assets."
+ka_ref_meta: "Live system · MV/LV microgrid · Visitable on request"
+ka_cta_h2: "Ready to secure every bid?"
+ka_cta_p: "30 minutes to show you how KERN fits into your existing dispatch stack — and which assets you can add to your portfolio today."
+
+# ══════════════════════════════════════════════════════════════════════════════
+# KERN for Communities page (kern/for-communities.html)
+# ══════════════════════════════════════════════════════════════════════════════
+kc_meta_title: "KERN for Energy Communities — Riddle&amp;Code"
+kc_meta_desc: "Maximise shared self-consumption automatically. KERN optimises every asset in the community and connects collective flexibility to markets."
+kc_eyebrow: "KERN — For Energy Communities"
+kc_h1: "Your community generates energy.<br><strong>KERN keeps it in the community.</strong>"
+kc_lead: "KERN autonomously optimises storage, controllable loads and generation across all community members — maximising shared self-consumption and forecasting the collective flexibility that can be offered to markets or grid operators."
+kc_pains_h2: "What holds energy communities <strong>back today</strong>"
+kc_pain1_title: "Self-consumption is measured, not optimised"
+kc_pain1_desc: "Without real-time optimisation, energy is exported to the grid even when members have demand — the community's potential stays largely untapped."
+kc_pain1_sol: "KERN forecasts generation and consumption per member (24h ahead) and steers assets to maximise what stays in the community."
+kc_pain2_title: "No real-time visibility across the community"
+kc_pain2_desc: "Operators don't know how much is being generated, consumed and shared right now — optimisation and steering are impossible without this view."
+kc_pain2_sol: "Real-time telemetry from every asset, aggregated into a community dashboard. Full visibility, per member and as a whole."
+kc_pain3_title: "Storage and loads are not coordinated"
+kc_pain3_desc: "Community storage and controllable loads are managed manually or not at all — no automatic charging when PV surplus is available, no discharging when members need it."
+kc_pain3_sol: "KERN steers shared storage and controllable loads autonomously — aligning generation, storage and consumption in real-time."
+kc_pain4_title: "Connectivity across multiple sites is unsolved"
+kc_pain4_desc: "Members at different buildings or locations are hard to reliably connect — LTE drops out, WiFi doesn't reach far enough."
+kc_pain4_sol: "Zigbee Mesh for contiguous sites, MIOTY for distributed members (10km, independent of LTE/WiFi) — both managed as one unified layer."
+kc_pain5_title: "Collective flexibility potential goes unused"
+kc_pain5_desc: "An active community with PV and storage has real collective flexibility — but without a platform it can neither be forecasted nor offered to aggregators or grid operators."
+kc_pain5_sol: "KERN provides rolling 24h flexibility forecasts for the whole community and connects to aggregators or grid operators on request."
+kc_loop_h2: "How KERN <strong>operates the community</strong>"
+kc_features_h2: "What KERN <strong>does for communities</strong>"
+kc_feat1_h3: Community optimisation
+kc_feat1_p: "Maximises collective self-consumption across all members — in real-time and with a 24h forecast."
+kc_feat2_h3: Storage and load control
+kc_feat2_p: "Autonomous steering of shared storage and controllable loads to align supply and demand within the community."
+kc_feat3_h3: Real-time dashboard
+kc_feat3_p: "Community generation, consumption, self-consumption rate and flexibility potential — for operators and optionally for members."
+kc_feat4_h3: Flexibility forecast
+kc_feat4_p: "Rolling 24h forecast of available community flexibility — the basis for aggregator or grid operator integration."
+kc_feat5_h3: Multi-site connectivity
+kc_feat5_p: "Zigbee Mesh for contiguous sites, MIOTY for distributed members — every participant reliably connected."
+kc_feat6_h3: Aggregator connection
+kc_feat6_p: "Community flexibility dispatched on demand — with confirmed execution back to the requesting party."
+kc_partner_h3: "Already handling ESC billing or member management?"
+kc_partner_p: "KERN is the optimisation and control layer — not a billing platform. We integrate with your existing billing infrastructure to add autonomous asset management and flexibility forecasting on top of what you already offer your ESC clients. Together you give communities the complete package: billing from you, optimisation from KERN."
+kc_partner_cta: "Discuss a partnership →"
+kc_cta_h2: "More energy stays in the community."
+kc_cta_p: "30 minutes to show how KERN optimises a live energy community — from real-time control to flexibility markets."
+
+# ══════════════════════════════════════════════════════════════════════════════
+# KERN for Platforms page (kern/for-platforms.html)
+# ══════════════════════════════════════════════════════════════════════════════
+kp_meta_title: "KERN for VPP Platforms — Riddle&amp;Code"
+kp_meta_desc: "Close the gap below your VPP platform. KERN delivers normalised telemetry, confirmed dispatch and 24h forecasts for every asset your clients have."
+kp_eyebrow: "KERN — For VPP Platforms"
+kp_h1: "Your platform is strong<br><strong>above the asset layer.</strong><br>KERN closes the gap below."
+kp_lead: "KERN integrates below your VPP as the asset management and connectivity layer. Your platform gets a clean, normalised API feed, confirmed dispatch and 24h flexibility forecasts — for every asset your clients have, including those currently unreachable."
+kp_hero_cta: "Discuss API Integration"
+kp_stack_h2: "Where KERN <strong>fits in your stack</strong>"
+kp_pains_h2: "Three gaps <strong>KERN fills</strong>"
+kp_pain1_title: "Assets with unreliable connectivity stay out of the portfolio"
+kp_pain1_desc: "Rural sites, industrial premises, basements — LTE drops, WiFi is unstable. Your clients can't bring these assets into your platform. Potential stays on the table."
+kp_pain1_sol: "MIOTY (10km, IEC standard) and Zigbee Mesh make every asset reachable — your clients grow their portfolio without infrastructure investment."
+kp_pain2_title: "No dispatch feedback — the loop is open"
+kp_pain2_desc: "Your platform sends commands — but whether the asset responded stays unknown until the next meter reading. Deviations are detected too late, penalties hit your clients."
+kp_pain2_sol: "KERN confirms every dispatch at asset level and reports back in real-time. Your platform knows immediately whether the flexibility commitment is being met."
+kp_pain3_title: "Heterogeneous assets increase integration overhead"
+kp_pain3_desc: "Every new asset type, every new manufacturer, every new protocol means integration effort — for you or your clients. This slows onboarding and limits scale."
+kp_pain3_sol: "KERN normalises all asset types to a single data model. Your platform speaks to KERN — not to every asset individually."
+kp_what_h2: "What your platform <strong>gets from KERN</strong>"
+kp_what1_h3: "Clean, normalised API feed"
+kp_what1_p: "Unified telemetry regardless of how many asset types, manufacturers or protocols are behind it. One integration, all assets."
+kp_what2_h3: "Dispatch with confirmation"
+kp_what2_p: "KERN receives your dispatch command, executes at asset level and reports back whether and how it was fulfilled."
+kp_what3_h3: "24h flexibility forecast"
+kp_what3_p: "Rolling 24h forecast per asset and portfolio — driven by live telemetry, weather-based PV models and historical load patterns. Continuously refined as delivery approaches. More precise bids, fewer penalties for your clients."
+kp_what4_h3: "More assets in the portfolio"
+kp_what4_p: "Assets currently excluded due to connectivity become available. Your clients grow their dispatchable portfolio without CAPEX."
+kp_integ_h2: "Integration <strong>options</strong>"
+kp_integ_th1: Model
+kp_integ_th2: Description
+kp_integ_th3: Effort
+kp_integ1_model: API integration
+kp_integ1_desc: "KERN delivers normalised telemetry and accepts dispatch commands via REST/WebSocket. Your platform remains primary."
+kp_integ2_model: White-label
+kp_integ2_desc: "KERN runs under your brand as an \"Asset Connectivity Module\" for your clients."
+kp_integ3_model: Pilot
+kp_integ3_desc: "One client, one asset class, defined scope — fast to start, low risk."
+kp_cta_h2: "Let's discuss the API."
+kp_cta_p: "30 minutes to go through the spec and identify which of your clients' assets are currently excluded — and how quickly that changes with KERN."
+kp_cta_primary: "Discuss API Integration"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# References page (references/index.html)
+# ══════════════════════════════════════════════════════════════════════════════
+rp_meta_title: "References — KERN by Riddle&amp;Code"
+rp_meta_desc: "R&amp;C KERN running in production — live MV/LV microgrid, utility-owned aggregator, energy community platform. Visitable on request."
+rp_eyebrow: References
+rp_h1: "Grid. Aggregator. Community.<br><strong>All live.</strong>"
+rp_lead: "Leading utilities. Three production deployments on a single platform. Visitable on request."
+rp_ref_tag: "Live Reference — Austria"
+rp_ref_h2: "Leading utilities built their <strong>complete flexibility stack</strong> on R&amp;C KERN"
+rp_item1_label: Grid
+rp_item1_title: "Live MV/LV Microgrid"
+rp_item1_desc: "Real medium and low-voltage grid in production. KERN managing all assets behind the meter — generation, storage, controllable loads."
+rp_item2_label: Aggregator
+rp_item2_title: "Utility-owned Flexibility Aggregator"
+rp_item2_desc: "Utility subsidiary securing bids on Austrian energy markets. KERN provides autonomous dispatch with confirmed execution — enabling reliable bid fulfilment."
+rp_item3_label: Community
+rp_item3_title: "Energy Community Platform"
+rp_item3_desc: "Energy community management running on KERN as the optimisation and control layer — autonomous asset coordination, collective self-consumption maximisation."
+rp_visit_strong: "The system is visitable."
+rp_visit_p: "The live installation can be visited on request — a real microgrid, running KERN in production. Contact us to arrange a visit."
+rp_visit_cta: "Request a Visit"
+rp_soon_h3: "More references coming"
+rp_soon_p: "Additional customer references are in preparation. We are currently seeking approval to publish by name."
+rp_soon_link: "Contact us"
+rp_soon_suffix: "to speak directly with a reference customer."
+rp_cta_h2: "See it running."
+rp_cta_p: "A 30-minute call or an on-site visit — whichever is more useful for you."
+rp_cta_primary: "Book a Demo or Visit"
+rp_cta_secondary: "Back to KERN →"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Technology page (technology/index.html)
+# ══════════════════════════════════════════════════════════════════════════════
+tech_meta_title: "Technology — KERN by Riddle&amp;Code"
+tech_meta_desc: "MIOTY, Zigbee Mesh, 24h flexibility forecasting and autonomous dispatch — the technology behind KERN."
+tech_eyebrow: Technology
+tech_h1: "Built for energy infrastructure.<br><strong>Not adapted from IoT.</strong>"
+tech_lead: "MIOTY, Zigbee Mesh, a 24h autonomous forecast loop and confirmed dispatch — purpose-built for the demands of flexibility management behind the meter."
+tech_conn_h2: "Connectivity <strong>by topology</strong>"
+tech_conn_sub: "The technology choice follows the asset topology — not the other way around."
+tech_zigbee_badge: "Contiguous sites"
+tech_zigbee_h3: Zigbee Mesh
+tech_zigbee_use: "Buildings, campuses, industrial premises, microgrids on one site"
+tech_mioty_badge: "Distributed assets"
+tech_mioty_h3: MIOTY
+tech_mioty_use: "Geographically dispersed assets — rural PV, MV BESS, multiple remote sites"
+tech_vs_h3: "MIOTY vs. LoRaWAN"
+tech_loop_h2: "The <strong>autonomous loop</strong>"
+tech_loop_sub: "KERN operates continuously — forecasting, reacting and dispatching without manual intervention."
+tech_optim_h2: "How KERN <strong>makes decisions</strong>"
+tech_optim_sub: "Each optimization cycle draws on live telemetry, market signals and learned patterns — not manual configuration."
+tech_optim1_h4: "Price-signal driven dispatch"
+tech_optim1_p: "KERN tracks day-ahead and intraday prices, FCR/aFRR signal values and grid tariff structures in real time. Every asset dispatch decision is evaluated against the active market environment — not a fixed schedule."
+tech_optim2_h4: "Rolling forecast engine"
+tech_optim2_p: "Consumption and generation forecast 24h ahead per asset — combining live state of charge, weather-based PV models and historical load patterns. Continuously refined as the delivery window approaches."
+tech_optim3_h4: "Continuous rebalancing"
+tech_optim3_p: "KERN compares actual asset state against committed dispatch position every few minutes. Detected deviations trigger automatic asset reselection and re-dispatch — before the delivery window closes and penalties apply."
+tech_assets_h2: "Supported <strong>assets and protocols</strong>"
+tech_assets_sub: "KERN normalises all asset types to a single data model — regardless of manufacturer or protocol."
+tech_assets_label1: "Asset types"
+tech_assets_label2: "Communication protocols"
+tech_security_h2: "Security <strong>&amp; compliance</strong>"
+tech_sec1_h4: "End-to-end encryption"
+tech_sec1_p: "All asset communication encrypted end-to-end — from sensor to platform."
+tech_sec2_h4: "Certificate-based authentication"
+tech_sec2_p: "Every asset authenticated by certificate — no unauthorised control possible."
+tech_sec3_h4: "Redispatch 2.0"
+tech_sec3_p: "Compliant with Redispatch 2.0 requirements for distributed generation control."
+tech_sec4_h4: "§14a / EAG / EnFG"
+tech_sec4_p: "Compatible with controllable load regulations in Germany and Austria."
+tech_cta: "Book a Technical Demo"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# About Us page (company/about-us.html)
+# ══════════════════════════════════════════════════════════════════════════════
+au_meta_title: "About Riddle&amp;Code — Infrastructure for Distributed Energy"
+au_meta_desc: "Riddle&amp;Code builds KERN — the infrastructure platform for distributed energy management. Serving utilities, aggregators, and communities across Europe."
+au_eyebrow: "Vienna, Austria"
+au_h1: "Infrastructure for<br><span class=\"highlight\">distributed energy.</span>"
+au_sub: "Riddle&amp;Code builds KERN — the platform utilities and aggregators use to connect, manage, and monetise distributed energy assets at scale. We own the full stack: hardware, connectivity, platform, and market access."
+au_why_tag: "WHY WE EXIST"
+au_why_h2: "The infrastructure gap in the energy transition"
+au_why_desc: "Distributed energy resources are multiplying — rooftop solar, batteries, heat pumps, EV chargers. Utilities face flexibility obligations. Aggregators need scale. Nobody wanted to build the connectivity and compliance layer from scratch.<br><br>We did."
+au_val1_h3: "Infrastructure, not apps"
+au_val1_p: "KERN is the layer that sits between physical assets and energy markets. We're not a consumer app or a meter-reading service. We're the platform your operations team runs — reliably, at scale, without depending on consumer devices or WiFi."
+au_val2_h3: "Full stack ownership"
+au_val2_p: "Hardware, MIOTY wireless connectivity, HEMS/ESC/LSP platform, and direct market access in a single integration. Partners deploy once — they don't stitch together three separate vendor relationships to get an asset to market."
+au_val3_h3: "Regulatory complexity absorbed"
+au_val3_p: "ESC compliance, flexibility reporting, and audit documentation are built into KERN — not a manual process your team maintains. We carry the technical and regulatory complexity so you carry the customer relationship."
+au_what_h3: "What KERN delivers"
+au_what_sub: "One platform. Three asset classes. One integration."
+au_tech1_h4: "MIOTY wireless connectivity"
+au_tech1_p: "10km range, 1.5 million messages per day, ultra-low power. No WiFi, no consumer app dependency — works in basements, rural areas, and industrial sites. One gateway covers an entire neighbourhood or industrial zone."
+au_tech2_h4: "HEMS — residential assets"
+au_tech2_p: "Manage residential PV and battery portfolios. Optimise intraday trading, flexibility dispatch, and curtailment prevention — automatically, across thousands of homes."
+au_tech3_h4: "ESC — energy sharing communities"
+au_tech3_p: "Community energy pooling built for Austrian and EU regulatory frameworks. Compliance is auditable and automated — not a spreadsheet your legal team reviews quarterly."
+au_tech4_h4: "LSP — grid-scale flexibility"
+au_tech4_p: "Large Scale Plant management for grid-scale assets: BESS, industrial loads, and aggregated portfolios. Direct access to ancillary service and flexibility markets — no third-party aggregator required."
+au_proof_tag: "TRACK RECORD"
+au_proof_h2: "Validated, not promised"
+au_proof1_h3: "Leading utilities"
+au_proof1_p: "Validated with leading utilities. The deployment model, regulatory alignment, and economics are validated at regional scale — the same playbook applies to any regional utility territory."
+au_proof2_h3: "MIOTY at scale"
+au_proof2_p: "1.5 million messages per day demonstrated capacity. IEC standardised — not proprietary lock-in. Partners aren't betting on a single vendor's survival; they're adopting a published standard."
+au_proof3_h3: "Unit economics that work"
+au_proof3_p: "Hardware at €239 sell / €100 COGS — 58% margin. Platform ARR of €114 per HEMS household per year. The economics support utility bundle pricing and operator margin at scale."
+au_founders_tag: FOUNDERS
+au_founders_h2: "The team behind KERN"
+au_cta_h2: "Talk to the team"
+au_cta_p: "Executive briefing, technical deep-dive, or partner conversation — we'll match the format to where you are."
+au_cta_primary: "Get in Touch"
+au_cta_secondary: "Explore KERN"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Get in Touch page (company/get-in-touch.html)
+# ══════════════════════════════════════════════════════════════════════════════
+git_meta_title: "Contact — KERN by Riddle&amp;Code"
+git_meta_desc: "Book a demo, arrange a site visit, or discuss how KERN fits into your infrastructure. We're here to help."
+git_h1: "Let's talk.<br><strong>Get in Touch</strong>"
+git_sub: "Book a demo, arrange an on-site visit to our live reference installation, or discuss how KERN fits into your utility or aggregator stack."
+git_contact_tag: CONTACT
+git_contact_h2: "Ways to Reach Us"
+git_inq_h3: "General Inquiries"
+git_inq_p: "For general questions about KERN, our technology and partnership options:"
+git_inq_email: "office@riddleandcode.com"
+git_demo_h3: "Book a Demo"
+git_demo_p: "30 minutes — live system, real assets. We'll show you the autonomous loop in action and map which assets in your portfolio are ready for KERN."
+git_visit_h3: "Request a Site Visit"
+git_visit_p: "Our reference installation in Austria is visitable on request — a live MV/LV microgrid with KERN running in production."
+git_loc_tag: LOCATION
+git_loc_h2: Headquarters
+git_why_tag: "WHY CONNECT"
+git_why_h2: "What We Can Help With"
+git_why1_h3: "Executive Briefing"
+git_why1_p: "Strategic overview of KERN, the market opportunity and how we fit into your flexibility strategy. 45 minutes, C-level format."
+git_why2_h3: "Technical Deep Dive"
+git_why2_p: "API specs, connectivity architecture, integration approach for your specific asset mix. For your technical team."
+git_why3_h3: "Live Reference"
+git_why3_p: "Visit our production installation in Austria — a real utility deployment with MV/LV microgrid, aggregator and energy community platform."
+git_why4_h3: Partnership
+git_why4_p: "Utility partnerships, aggregator relationships, platform integrations — let's discuss the right commercial model."
+git_cta_h2: "Ready to Connect?"
+git_cta_p: "Reach out to us at office@riddleandcode.com or book a demo directly."
+git_cta_primary: "Send us an Email"
+git_cta_secondary: "Learn About KERN"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Media page (company/media.html)
+# ══════════════════════════════════════════════════════════════════════════════
+med_meta_title: "Media — Riddle&amp;Code"
+med_meta_desc: "Press kit, brand logos, image materials and media contact for Riddle&amp;Code and KERN."
+med_h1: "Media Hub.<br><strong>Press Kit &amp; Brand Resources</strong>"
+med_sub: "Welcome to Riddle&amp;Code's Media Hub. Here you can find our press kit, brand logos, image materials, and information about our media activities."
+med_who_tag: "ABOUT US"
+med_who_h2: "Who We Are"
+med_who_p1: "Riddle&amp;Code builds KERN — the infrastructure platform for distributed energy management. We serve utilities, aggregators and energy communities across Europe, providing autonomous asset connectivity, flexibility forecasting and dispatch."
+med_who_p2: "Our technology, including MIOTY wireless connectivity and autonomous dispatch, is deployed in production with leading utilities in Austria — managing a live MV/LV microgrid, flexibility aggregator and energy community platform."
+med_dl_tag: DOWNLOADS
+med_dl_h2: "Press Materials"
+med_logo_h3: "Brand Logo"
+med_logo_p: "Download our official brand logos in various formats. Includes light and dark versions, horizontal and vertical layouts."
+med_logo_cta: "Download Logo Pack"
+med_press_h3: "Press Kit"
+med_press_p: "Complete press kit including company information, product details, leadership bios, and high-resolution images."
+med_press_cta: "Download Press Kit"
+med_partner_h3: "Media Partner Logos"
+med_partner_p: "Logos showing Riddle&amp;Code alongside our press partners and media mentions. Ready for publication use."
+med_partner_cta: "Download Partner Logos"
+med_media_tag: "MEDIA INQUIRIES"
+med_media_h2: "For Journalists &amp; Media"
+med_pr_h3: "Press Releases"
+med_pr_p: "Access our latest press releases, announcements, and company news. Stay up to date with our developments."
+med_contact_h3: "Media Contact"
+med_contact_p: "For media inquiries, interviews, or additional information, please contact us at office@riddleandcode.com"
+med_interview_h3: "Interview Requests"
+med_interview_p: "We're available for expert commentary on distributed energy management, flexibility markets, MIOTY technology and the energy transition."
+med_usage_h3: "Usage Guidelines"
+med_usage_p: "Please respect our brand guidelines when using Riddle&amp;Code and KERN assets. Contact us if you have questions."
+med_cta_h2: "Need More Information?"
+med_cta_p: "Contact our media team for additional resources, interview opportunities, or press inquiries."
+med_cta_primary: "Contact Media Team"
+med_cta_secondary: "View Latest News"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Career page (company/career.html)
+# ══════════════════════════════════════════════════════════════════════════════
+car_meta_title: "Career — Riddle&amp;Code"
+car_meta_desc: "Join the team building KERN — the infrastructure platform for distributed energy. Work on hard problems that matter for the energy transition."
+car_h1: "<span class=\"highlight\">Join Our Team</span><br>Build the Infrastructure for the Energy Transition"
+car_sub: "Riddle&amp;Code builds KERN — the platform utilities and aggregators use to connect, dispatch and monetise distributed energy assets at scale. We work on hard problems in energy infrastructure, wireless connectivity and autonomous systems."
+car_purpose_tag: "OUR PURPOSE"
+car_purpose_h2: "The Riddle&amp;Code Spirit"
+car_purpose1_h3: "Purpose: Why do we exist?"
+car_purpose1_strong: "Building infrastructure for the energy transition."
+car_purpose1_p: "We provide the connectivity and autonomy layer that turns distributed energy assets into manageable, monetisable infrastructure — for utilities and aggregators across Europe."
+car_purpose2_h3: "Vision: Where are we headed?"
+car_purpose2_strong: "A Europe where every distributed energy asset contributes to grid stability."
+car_purpose2_p: "We envision a grid where flexibility behind the meter is continuously forecasted, dispatched and confirmed — without manual intervention, at any scale."
+car_purpose3_h3: "Mission: How will we get there?"
+car_purpose3_strong: "KERN in every utility flexibility stack in Europe by 2030."
+car_purpose3_p: "Our commitment is to deliver the autonomous energy management layer that makes distributed flexibility reliable, monetisable and scalable."
+car_values_h3: "Our Core Values"
+car_values_sub: "The principles that guide everything we do"
+car_val1_label: Curiosity
+car_val1_desc: "We're constantly exploring, questioning, and learning. Curiosity drives innovation and helps us push boundaries in building energy infrastructure."
+car_val2_label: Empathy
+car_val2_desc: "Understanding our colleagues, partners, and customers allows us to build solutions that truly matter and make a difference."
+car_val3_label: Listening
+car_val3_desc: "Active listening helps us understand needs, collaborate effectively, and build better products together."
+car_val4_label: Grit
+car_val4_desc: "Solving hard problems requires perseverance. We embrace challenges and persist until we achieve our goals."
+car_val5_label: Fun
+car_val5_desc: "We believe in enjoying the journey. A positive, engaging workplace culture brings out our best work."
+car_val6_label: Commitment
+car_val6_desc: "We're dedicated to our mission, our team, and our partners. Commitment drives excellence in everything we deliver."
+car_benefits_tag: BENEFITS
+car_benefits_h2: "Why Join Riddle&amp;Code"
+car_ben1_h3: "Real infrastructure impact"
+car_ben1_p: "Work on a production system managing live energy assets. Your code controls real hardware behind real meters — not a simulation."
+car_ben2_h3: "Vienna &amp; Remote"
+car_ben2_p: "Vienna was ranked the most liveable city for the tenth time in a row, and we know there are other nice places too. Work where you're most productive."
+car_ben3_h3: "Flexible Environment"
+car_ben3_p: "A modern office or working remotely — enjoy a flexible working environment that adapts to your needs and lifestyle."
+car_ben4_h3: "European Energy Market"
+car_ben4_p: "Work at the intersection of wireless technology, energy markets and regulatory frameworks across Austria, Germany and the EU."
+car_ben5_h3: "Fair Compensation"
+car_ben5_p: "Receive fair compensation that corresponds to your qualifications and experience."
+car_ben6_h3: "Work-Life Balance"
+car_ben6_p: "A refreshed you is a happy you. We ensure you have enough time for work-life balance and offer various perks to support your wellbeing."
+car_cta_h2: "Ready to Join Us?"
+car_cta_p: "We're always looking for talented people who share our passion for building infrastructure for the energy transition."
+car_cta_primary: "View Open Positions"
+car_cta_secondary: "Learn More About Us"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# News page (company/news.html)
+# ══════════════════════════════════════════════════════════════════════════════
+news_meta_title: "News — Riddle&amp;Code"
+news_meta_desc: "Latest news, research and updates from Riddle&amp;Code and the KERN team."
+news_h1: "<span class=\"highlight\">News &amp; Insights</span><br>From Riddle&amp;Code"
+news_sub: "Stay up to date with our latest product updates, market research and company news."
+news_filter_all: "All"
+news_filter_news: "News"
+news_filter_research: "Research"
+news_filter_updates: "Updates"
+news_load_more: "Load More"
+news_cta_h2: "Want to stay updated?"
+news_cta_p: "Subscribe to our newsletter or follow us on LinkedIn."
+news_cta_primary: "Contact Us"
+news_cta_secondary: "Back to Home"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Navigation
+# ══════════════════════════════════════════════════════════════════════════════
+nav_prefix: "/"
+nav_products: "Products"
+nav_kern_label: "KERN — Autonomous Energy Platform"
+nav_kern_overview: "KERN Overview"
+nav_for_utilities: "For Utilities"
+nav_for_aggregators: "For Aggregators"
+nav_for_communities: "For Energy Communities"
+nav_for_platforms: "For Platforms"
+nav_technology: "Technology"
+nav_references: "References"
+nav_company: "Company"
+nav_about_us: "About Us"
+nav_news: "News"
+nav_media: "Media"
+nav_careers: "Careers"
+nav_book_demo: "Book a Demo"
+
+# ══════════════════════════════════════════════════════════════════════════════
+# Footer
+# ══════════════════════════════════════════════════════════════════════════════
+footer_tagline: "Infrastructure for distributed energy."
+footer_col_kern: "KERN"
+footer_platform_overview: "Platform Overview"
+footer_for_utilities: "For Utilities"
+footer_for_aggregators: "For Aggregators"
+footer_for_communities: "For Energy Communities"
+footer_for_platforms: "For Platforms"
+footer_col_more: "More"
+footer_technology: "Technology"
+footer_references: "References"
+footer_news: "News"
+footer_col_company: "Company"
+footer_about_us: "About Us"
+footer_careers: "Careers"
+footer_media: "Media"
+footer_contact: "Contact"
+footer_col_legal: "Legal"
+footer_imprint: "Imprint"
+footer_privacy: "Privacy Policy"
+footer_terms: "Terms of Service"
+footer_copyright: "© 2025 Riddle&amp;Code GmbH. All rights reserved."
diff --git a/lychee/.gitkeep b/lychee/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/lychee/out.md b/lychee/out.md
new file mode 100644
index 0000000..0606dac
--- /dev/null
+++ b/lychee/out.md
@@ -0,0 +1 @@
+🔍 43 Total (in 0s) ✅ 43 OK 🚫 0 Errors
diff --git a/news/index.html b/news/index.html
new file mode 100644
index 0000000..d5b7b80
--- /dev/null
+++ b/news/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="refresh" content="0; url=../">
+  <title>Riddle&amp;Code</title>
+</head>
+<body>
+  <script>window.location.replace("../");</script>
+</body>
+</html>
diff --git a/news/low-power-networks-the-backbone-of-profitable-energy-communities.html b/news/low-power-networks-the-backbone-of-profitable-energy-communities.html
index 14403df..62663e1 100644
--- a/news/low-power-networks-the-backbone-of-profitable-energy-communities.html
+++ b/news/low-power-networks-the-backbone-of-profitable-energy-communities.html
@@ -11,7 +11,7 @@
   <link href="../images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
   <style>
     :root {
-      --dark-bg: #0a0a0a;
+      --dark-bg: #1C2333;
       --text-primary: #ffffff;
       --text-secondary: #b0b0b0;
       --primary-green: #00ff88;
@@ -109,7 +109,7 @@
       display: inline-block;
       margin-top: 3rem;
       padding: 0.75rem 2rem;
-      background: rgba(0, 255, 136, 0.1);
+      background: rgba(245, 158, 11, 0.1);
       border: 1px solid var(--primary-green);
       color: var(--primary-green);
       text-decoration: none;
@@ -119,7 +119,7 @@
     }
     
     .back-link:hover {
-      background: rgba(0, 255, 136, 0.2);
+      background: rgba(245, 158, 11, 0.2);
       transform: translateX(-4px);
     }
     
diff --git a/news/press-release-energy-community-stanzertal-eu-showcase-project.html b/news/press-release-energy-community-stanzertal-eu-showcase-project.html
index 1c76507..70db815 100644
--- a/news/press-release-energy-community-stanzertal-eu-showcase-project.html
+++ b/news/press-release-energy-community-stanzertal-eu-showcase-project.html
@@ -11,7 +11,7 @@
   <link href="../images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
   <style>
     :root {
-      --dark-bg: #0a0a0a;
+      --dark-bg: #1C2333;
       --text-primary: #ffffff;
       --text-secondary: #b0b0b0;
       --primary-green: #00ff88;
@@ -144,7 +144,7 @@
       display: inline-block;
       margin-top: 3rem;
       padding: 0.75rem 2rem;
-      background: rgba(0, 255, 136, 0.1);
+      background: rgba(245, 158, 11, 0.1);
       border: 1px solid var(--primary-green);
       color: var(--primary-green);
       text-decoration: none;
@@ -154,7 +154,7 @@
     }
     
     .back-link:hover {
-      background: rgba(0, 255, 136, 0.2);
+      background: rgba(245, 158, 11, 0.2);
       transform: translateX(-4px);
     }
     
diff --git a/news/revolutionizing-business-models-with-a-blockchain-for-machines.html b/news/revolutionizing-business-models-with-a-blockchain-for-machines.html
index ce20421..e984399 100644
--- a/news/revolutionizing-business-models-with-a-blockchain-for-machines.html
+++ b/news/revolutionizing-business-models-with-a-blockchain-for-machines.html
@@ -11,7 +11,7 @@
   <link href="../images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
   <style>
     :root {
-      --dark-bg: #0a0a0a;
+      --dark-bg: #1C2333;
       --text-primary: #ffffff;
       --text-secondary: #b0b0b0;
       --primary-green: #00ff88;
@@ -91,7 +91,7 @@
       display: inline-block;
       margin-top: 3rem;
       padding: 0.75rem 2rem;
-      background: rgba(0, 255, 136, 0.1);
+      background: rgba(245, 158, 11, 0.1);
       border: 1px solid var(--primary-green);
       color: var(--primary-green);
       text-decoration: none;
@@ -101,7 +101,7 @@
     }
     
     .back-link:hover {
-      background: rgba(0, 255, 136, 0.2);
+      background: rgba(245, 158, 11, 0.2);
       transform: translateX(-4px);
     }
     
diff --git a/news/riddle-code-ignites-the-fourth-industrial-revolution-by-onboarding-machines-onto-web3.html b/news/riddle-code-ignites-the-fourth-industrial-revolution-by-onboarding-machines-onto-web3.html
index f44a333..54a4d73 100644
--- a/news/riddle-code-ignites-the-fourth-industrial-revolution-by-onboarding-machines-onto-web3.html
+++ b/news/riddle-code-ignites-the-fourth-industrial-revolution-by-onboarding-machines-onto-web3.html
@@ -70,7 +70,7 @@
       width: 100%;
       height: auto;
       border-radius: 12px;
-      box-shadow: 0 8px 30px rgba(0, 255, 136, 0.15);
+      box-shadow: 0 8px 30px rgba(245, 158, 11, 0.15);
     }
     
     .article-content {
@@ -117,7 +117,7 @@
     }
     
     .media-contact {
-      background: rgba(0, 255, 136, 0.05);
+      background: rgba(245, 158, 11, 0.05);
       border-left: 4px solid var(--primary-green);
       padding: 24px;
       margin: 2rem 0;
@@ -142,7 +142,7 @@
     
     .back-to-news:hover {
       transform: translateY(-2px);
-      box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
+      box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
       border: none;
     }
     
diff --git a/product/index.html b/product/index.html
new file mode 100644
index 0000000..d341165
--- /dev/null
+++ b/product/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="refresh" content="0; url=../kern/">
+  <title>KERN — Riddle&amp;Code</title>
+</head>
+<body>
+  <script>window.location.replace("../kern/");</script>
+</body>
+</html>
diff --git a/references/index.html b/references/index.html
new file mode 100644
index 0000000..8dd9ca7
--- /dev/null
+++ b/references/index.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="en" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>References — KERN by Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="R&amp;C KERN running in production — live MV/LV microgrid, utility-owned aggregator, energy community platform. Visitable on request."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/references/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/references/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/references/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); text-align:center; }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.5rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1rem; color:var(--text-muted); max-width:560px; margin:0 auto; line-height:1.7; }
+    .content-section { max-width:1000px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    /* Main reference card */
+    .ref-card { background:var(--card-bg); border:1px solid #222; border-radius:16px; overflow:hidden; margin-bottom:var(--spacing-lg); }
+    .ref-card-header { background:#16202f; border-bottom:1px solid #2a3850; padding:2rem 2.5rem; }
+    .ref-card-header .ref-tag { font-size:0.72rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.75rem; display:block; }
+    .ref-card-header h2 { font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:300; color:var(--text-primary); line-height:1.35; }
+    .ref-card-header h2 strong { font-weight:600; }
+    .ref-card-body { padding:2.5rem; }
+    .stack-items { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.25rem; margin-bottom:2rem; }
+    .stack-item { background:#1C2333; border:1px solid #2a3850; border-radius:10px; padding:1.25rem; }
+    .stack-item .si-label { font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--primary-green); margin-bottom:0.4rem; }
+    .stack-item .si-title { font-size:0.9rem; font-weight:600; color:var(--text-primary); margin-bottom:0.35rem; }
+    .stack-item .si-desc { font-size:0.8rem; color:var(--text-muted); line-height:1.5; }
+    .ref-visit { background:rgba(245,158,11,0.05); border:1px solid rgba(245,158,11,0.15); border-radius:10px; padding:1.5rem; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; }
+    .ref-visit p { font-size:0.9rem; color:var(--text-secondary); line-height:1.6; flex:1; }
+    /* Coming soon */
+    .coming-soon { background:var(--card-bg); border:1px dashed #222; border-radius:12px; padding:2.5rem; text-align:center; margin-bottom:var(--spacing-lg); }
+    .coming-soon h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .coming-soon p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    /* CTA */
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+    .ref-image { border-radius:12px; overflow:hidden; border:1px solid #2e3d52; margin-bottom:var(--spacing-md); }
+    .ref-image img { display:block; width:100%; height:auto; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">References</span>
+    <h1>Grid. Aggregator. Community.<br><strong>All live.</strong></h1>
+    <p class="lead">Leading utilities. Three production deployments on a single platform. Visitable on request.</p>
+  </div>
+
+  <hr class="divider">
+
+  <section class="content-section">
+
+    <!-- Live installation photo -->
+    <div class="ref-image">
+      <img src="/images/6401f477a5a79419a904f904_r&amp;c_mypwr.jpg"
+           alt="R&amp;C KERN — live installation" loading="lazy">
+    </div>
+
+    <!-- Main reference -->
+    <div class="ref-card">
+      <div class="ref-card-header">
+        <span class="ref-tag">Live Reference — Austria</span>
+        <h2>Leading utilities built their <strong>complete flexibility stack</strong> on R&amp;C KERN</h2>
+      </div>
+      <div class="ref-card-body">
+        <div class="stack-items">
+
+          <div class="stack-item">
+            <div class="si-label">Grid</div>
+            <div class="si-title">Live MV/LV Microgrid</div>
+            <div class="si-desc">Real medium and low-voltage grid in production. KERN managing all assets behind the meter — generation, storage, controllable loads.</div>
+          </div>
+
+          <div class="stack-item">
+            <div class="si-label">Aggregator</div>
+            <div class="si-title">Utility-owned Flexibility Aggregator</div>
+            <div class="si-desc">Utility subsidiary securing bids on Austrian energy markets. KERN provides autonomous dispatch with confirmed execution — enabling reliable bid fulfilment.</div>
+          </div>
+
+          <div class="stack-item">
+            <div class="si-label">Community</div>
+            <div class="si-title">Energy Community Platform</div>
+            <div class="si-desc">Energy community management running on KERN as the optimisation and control layer — autonomous asset coordination, collective self-consumption maximisation.</div>
+          </div>
+
+        </div>
+
+        <div class="ref-visit">
+          <p>
+            <strong style="color:var(--text-primary);">The system is visitable.</strong><br>
+            The live installation can be visited on request — a real microgrid, running KERN in production. Contact us to arrange a visit.
+          </p>
+          <a href="/company/get-in-touch.html" class="btn btn-primary">Request a Visit</a>
+        </div>
+      </div>
+    </div>
+
+    <!-- Coming soon -->
+    <div class="coming-soon">
+      <h3>More references coming</h3>
+      <p>Additional customer references are in preparation. We are currently seeking approval to publish by name.<br>
+      <a href="/company/get-in-touch.html" style="color:var(--primary-green);">Contact us</a> to speak directly with a reference customer.</p>
+    </div>
+
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>See it running.</h2>
+    <p>A 30-minute call or an on-site visit — whichever is more useful for you.</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo or Visit</a>
+      <a href="/kern/" class="btn btn-secondary">Back to KERN →</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..3aecde9
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1 @@
+pyyaml>=6.0
diff --git a/scripts/load-kern-product-bar.js b/scripts/load-kern-product-bar.js
new file mode 100644
index 0000000..9c8a1e0
--- /dev/null
+++ b/scripts/load-kern-product-bar.js
@@ -0,0 +1,10 @@
+(function() {
+  const placeholder = document.getElementById('kern-product-bar-placeholder');
+  if (!placeholder) return;
+  const depth = (window.location.pathname.match(/\//g) || []).length - 1;
+  const prefix = depth > 0 ? '../'.repeat(depth) : '';
+  fetch(prefix + 'includes/kern-product-bar.html')
+    .then(r => r.text())
+    .then(html => { placeholder.innerHTML = html; })
+    .catch(e => console.error('Error loading kern product bar:', e));
+})();
diff --git a/scripts/main.js b/scripts/main.js
index d93f118..7f4626d 100644
--- a/scripts/main.js
+++ b/scripts/main.js
@@ -12,10 +12,12 @@
   const isFile = window.location.pathname.includes('.');
   const depth = isFile ? pathParts.length - 1 : pathParts.length;
   const prefix = depth > 0 ? '../'.repeat(depth) : '';
+  const isDE = window.location.pathname.startsWith('/de/') || window.location.pathname === '/de';
+  const includesDir = isDE ? 'de/includes/' : 'includes/';
 
   const components = [
-    { id: 'nav-placeholder', file: 'includes/nav.html', init: initNav },
-    { id: 'footer-modern-placeholder', file: 'includes/footer.html' },
+    { id: 'nav-placeholder', file: includesDir + 'nav.html', init: initNav },
+    { id: 'footer-modern-placeholder', file: includesDir + 'footer.html' },
     { id: 'solutions-section-placeholder', file: 'includes/solutions-section.html' },
     { id: 'capabilities-section-placeholder', file: 'includes/capabilities-section.html' },
     { id: 'technology-section-placeholder', file: 'includes/technology-section.html' },
@@ -39,8 +41,8 @@
     })(window,document);
 
     // 2.2 Favicons
-    addLinkTag({ rel: 'shortcut icon', type: 'image/x-icon', href: prefix + 'images/641436b897f1d137d2d2845d_fav_icon.png' });
-    addLinkTag({ rel: 'apple-touch-icon', href: prefix + 'images/641437162f7f81829faa8c24_webclip.png' });
+    addLinkTag({ rel: 'shortcut icon', type: 'image/svg+xml', href: prefix + 'images/kern-symbol.svg' });
+    addLinkTag({ rel: 'apple-touch-icon', href: prefix + 'images/kern-symbol.svg' });
 
     // 2.3 Analytics & Scripts
     const gaId = document.documentElement.getAttribute('data-ga-id') || 'G-K86LPV2ZGE';
@@ -120,23 +122,78 @@
   function initNav(container) {
     const toggle = container.querySelector('#navToggle');
     const menu = container.querySelector('#navMenu');
-    
+
     if (toggle && menu) {
       toggle.addEventListener('click', function(e) {
         e.stopPropagation();
         menu.classList.toggle('active');
       });
-      
+
       document.addEventListener('click', function(event) {
         if (!toggle.contains(event.target) && !menu.contains(event.target)) {
           menu.classList.remove('active');
         }
       });
-      
-      container.querySelectorAll('a').forEach(link => {
+
+      // Mobile: tap parent items to open/close dropdowns
+      container.querySelectorAll('.nav-item > .nav-link').forEach(function(link) {
+        link.addEventListener('click', function(e) {
+          if (window.innerWidth <= 900) {
+            e.preventDefault();
+            const item = this.closest('.nav-item');
+            container.querySelectorAll('.nav-item.open').forEach(other => {
+              if (other !== item) other.classList.remove('open');
+            });
+            item.classList.toggle('open');
+          }
+        });
+      });
+
+      // Close menu when leaf links are clicked
+      container.querySelectorAll('.nav-dropdown a, .nav-cta').forEach(link => {
         link.addEventListener('click', () => menu.classList.remove('active'));
       });
     }
+
+    initLangToggle(container);
+  }
+
+  function initLangToggle(container) {
+    const path = window.location.pathname;
+    const isDE = path.startsWith('/de/') || path === '/de';
+
+    function altUrl(targetLang) {
+      const basePath = path.replace(/^\/de/, '') || '/';
+      if (targetLang === 'de') {
+        return '/de' + basePath;
+      } else {
+        return basePath;
+      }
+    }
+
+    const enLink = container.querySelector('#lang-en');
+    const deLink = container.querySelector('#lang-de');
+
+    if (enLink && deLink) {
+      enLink.href = altUrl('en');
+      deLink.href = altUrl('de');
+      (isDE ? deLink : enLink).classList.add('active');
+
+      enLink.addEventListener('click', () => localStorage.setItem('rnc-lang', 'en'));
+      deLink.addEventListener('click', () => localStorage.setItem('rnc-lang', 'de'));
+    }
+  }
+
+  function initAutoRedirect() {
+    // Only redirect on root homepage, not on DE pages or other paths
+    if (window.location.pathname !== '/' && window.location.pathname !== '/index.html') return;
+    const saved = localStorage.getItem('rnc-lang');
+    if (saved) return; // user has explicit preference
+    const browserLang = (navigator.language || '').toLowerCase().slice(0, 2);
+    if (browserLang === 'de') {
+      localStorage.setItem('rnc-lang', 'de');
+      window.location.replace('/de/');
+    }
   }
 
   // --- 4. ANIMATIONS ---
@@ -159,6 +216,7 @@
   // --- 5. INITIALIZATION ---
   
   function init() {
+    initAutoRedirect();
     initHead();
     loadComponents();
     initAnimations();
diff --git a/slides/AssetDevelopment.html b/slides/AssetDevelopment.html
index 557a097..5a6e5f9 100644
--- a/slides/AssetDevelopment.html
+++ b/slides/AssetDevelopment.html
@@ -562,7 +562,7 @@
       .levels-list li:hover {
       background: #222;
       transform: translateX(10px);
-      box-shadow: 0 5px 20px rgba(0, 255, 136, 0.2);
+      box-shadow: 0 5px 20px rgba(245, 158, 11, 0.2);
       }
 
       .emphasis-text {
@@ -609,7 +609,7 @@
 
       .device-card:hover {
       border-color: #00ff88;
-      box-shadow: 0 5px 20px rgba(0, 255, 136, 0.15);
+      box-shadow: 0 5px 20px rgba(245, 158, 11, 0.15);
       }
 
       .device-image {
diff --git a/slides/BESSInvestment.html b/slides/BESSInvestment.html
index 4c3ceac..4ec530e 100644
--- a/slides/BESSInvestment.html
+++ b/slides/BESSInvestment.html
@@ -562,7 +562,7 @@
         .levels-list li:hover {
             background: #222;
             transform: translateX(10px);
-            box-shadow: 0 5px 20px rgba(0, 255, 136, 0.2);
+            box-shadow: 0 5px 20px rgba(245, 158, 11, 0.2);
         }
 
         .emphasis-text {
@@ -609,7 +609,7 @@
 
         .device-card:hover {
             border-color: #00ff88;
-            box-shadow: 0 5px 20px rgba(0, 255, 136, 0.15);
+            box-shadow: 0 5px 20px rgba(245, 158, 11, 0.15);
         }
 
         .device-image {
diff --git a/slides/BESSInvestmentEURAU.html b/slides/BESSInvestmentEURAU.html
index d38e4c9..9165782 100644
--- a/slides/BESSInvestmentEURAU.html
+++ b/slides/BESSInvestmentEURAU.html
@@ -562,7 +562,7 @@
         .levels-list li:hover {
             background: #222;
             transform: translateX(10px);
-            box-shadow: 0 5px 20px rgba(0, 255, 136, 0.2);
+            box-shadow: 0 5px 20px rgba(245, 158, 11, 0.2);
         }
 
         .emphasis-text {
@@ -609,7 +609,7 @@
 
         .device-card:hover {
             border-color: #00ff88;
-            box-shadow: 0 5px 20px rgba(0, 255, 136, 0.15);
+            box-shadow: 0 5px 20px rgba(245, 158, 11, 0.15);
         }
 
         .device-image {
diff --git a/slides/decentralization-layers.html b/slides/decentralization-layers.html
index 1405a03..26f8927 100644
--- a/slides/decentralization-layers.html
+++ b/slides/decentralization-layers.html
@@ -51,7 +51,7 @@
       margin: 0 auto 80px;
       display: block;
       border-radius: 12px;
-      box-shadow: 0 20px 60px rgba(0, 255, 136, 0.1);
+      box-shadow: 0 20px 60px rgba(245, 158, 11, 0.1);
       }
 
       .layers-container {
@@ -86,7 +86,7 @@
       .layer-card:hover {
       transform: translateY(-5px);
       border-color: #00ff88;
-      box-shadow: 0 10px 40px rgba(0, 255, 136, 0.2);
+      box-shadow: 0 10px 40px rgba(245, 158, 11, 0.2);
       }
 
       .layer-card:hover::before {
diff --git a/slides/fwv25.html b/slides/fwv25.html
index 674fa90..b9e17db 100644
--- a/slides/fwv25.html
+++ b/slides/fwv25.html
@@ -609,7 +609,7 @@
         .levels-list li:hover {
             background: #222;
             transform: translateX(10px);
-            box-shadow: 0 5px 20px rgba(0, 255, 136, 0.2);
+            box-shadow: 0 5px 20px rgba(245, 158, 11, 0.2);
         }
 
         .emphasis-text {
@@ -656,7 +656,7 @@
 
         .device-card:hover {
             border-color: #00ff88;
-            box-shadow: 0 5px 20px rgba(0, 255, 136, 0.15);
+            box-shadow: 0 5px 20px rgba(245, 158, 11, 0.15);
         }
 
         .device-image {
diff --git a/slides/infrastructure-iq.pdf b/slides/infrastructure-iq.pdf
new file mode 100644
index 0000000..e128310
Binary files /dev/null and b/slides/infrastructure-iq.pdf differ
diff --git a/styles/article.css b/styles/article.css
deleted file mode 100644
index 6ab9bd0..0000000
--- a/styles/article.css
+++ /dev/null
@@ -1,52 +0,0 @@
-/* Article Styles for News and Showcase Pages */
-.article-hero {
-  padding: 100px 20px 60px;
-  max-width: 1200px;
-  margin: 0 auto;
-}
-
-.article-hero .section-tag {
-  font-size: 0.85rem;
-  letter-spacing: 2px;
-  text-transform: uppercase;
-  color: var(--primary-green);
-  margin-bottom: 20px;
-  font-weight: 600;
-}
-
-.article-hero h1 {
-  font-size: 2.5rem;
-  line-height: 1.2;
-  margin-bottom: 20px;
-  color: var(--text-dark);
-}
-
-.article-hero .highlight {
-  color: var(--primary-green);
-}
-
-.article-date {
-  color: #666;
-  font-size: 0.95rem;
-  margin-bottom: 40px;
-}
-
-.featured-image {
-  max-width: 1200px;
-  margin: 0 auto 60px;
-  padding: 0 20px;
-}
-
-.featured-image img {
-  width: 100%;
-  height: auto;
-  border-radius: 12px;
-  box-shadow: 0 8px 30px rgba(0, 255, 136, 0.15);
-}
-
-.article-content {
-  max-width: 800px;
-  margin: 0 auto;
-  padding: 0 20px 80px;
-}
-
diff --git a/styles/custom-nav.css b/styles/custom-nav.css
deleted file mode 100644
index 567fc9a..0000000
--- a/styles/custom-nav.css
+++ /dev/null
@@ -1,62 +0,0 @@
-/* Dropdown positioning fix - must override Webflow CSS */
-.w-dropdown, .dropdown-2 { position: relative; }
-.w-dropdown-list, .dropdown-list-2 {
-  position: absolute !important;
-  top: 100% !important;
-  left: 0 !important;
-  right: auto !important;
-  z-index: 900;
-  display: none;
-  min-width: 120px;
-  width: auto;
-  margin-top: 5px;
-  padding: 5px 0;
-  background: white;
-  border-radius: 4px;
-  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-}
-.w-dropdown-list a, .dropdown-list-2 a {
-  display: block;
-  padding: 8px 16px;
-  white-space: nowrap;
-  font-size: 14px;
-}
-.w-dropdown.w--open .w-dropdown-list, .dropdown-2.w--open .dropdown-list-2 {
-  display: block !important;
-}
-
-/* Full-width navigation menu */
-.nav-menu {
-  width: 100%;
-}
-.menu-links {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  max-width: 100%;
-  gap: 2rem;
-}
-.menu-links .column {
-  flex: 1;
-  min-width: 0;
-}
-
-/* Smooth hamburger menu animation - mobile only */
-@media (max-width: 991px) {
-  .nav-menu {
-    transition: max-height 0.4s ease-out, opacity 0.3s ease-out;
-    will-change: max-height, opacity;
-  }
-}
-
-/* Hide stray navigation elements */
-.nav-icon-line { display: block !important; }
-
-/* Webflow replacement animations */
-.section[data-w-id].is-visible {
-  opacity: 1 !important;
-  transform: translateY(0) !important;
-}
-[data-w-id] {
-  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
-}
diff --git a/styles/dropdown-fix.css b/styles/dropdown-fix.css
deleted file mode 100644
index 606f4a0..0000000
--- a/styles/dropdown-fix.css
+++ /dev/null
@@ -1,80 +0,0 @@
-/* Simple dropdown styles - override Webflow if needed */
-.w-dropdown,
-.dropdown-2 {
-  position: relative;
-}
-
-.w-dropdown-list,
-.dropdown-list-2 {
-  position: absolute !important;
-  top: 100% !important;
-  left: 0 !important;
-  right: auto !important;
-  z-index: 900;
-  display: none;
-  min-width: 120px;
-  width: auto;
-  margin-top: 5px;
-  padding: 5px 0;
-  background: white;
-  border-radius: 4px;
-  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-}
-
-.w-dropdown-list a,
-.dropdown-list-2 a {
-  display: block;
-  padding: 8px 16px;
-  white-space: nowrap;
-  font-size: 14px;
-}
-
-.w-dropdown.w--open .w-dropdown-list,
-.dropdown-2.w--open .dropdown-list-2 {
-  display: block !important;
-}
-
-.w-dropdown-toggle {
-  cursor: pointer;
-  user-select: none;
-}
-
-/* Navigation menu */
-.nav-menu {
-  display: none;
-  position: fixed;
-  top: 0;
-  right: -100%;
-  width: 400px;
-  max-width: 90vw;
-  height: 100vh;
-  z-index: 800;
-  background: rgba(0,0,0,0.95);
-  padding: 80px 40px 40px;
-  overflow-y: auto;
-  transition: right 0.3s ease-in-out;
-  box-shadow: -2px 0 10px rgba(0,0,0,0.3);
-}
-
-.navbar.open .nav-menu {
-  display: flex !important;
-  right: 0;
-}
-
-/* Overlay behind menu */
-.nav-menu::before {
-  content: '';
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 400px;
-  bottom: 0;
-  background: rgba(0,0,0,0.5);
-  z-index: -1;
-}
-
-.nav-icon {
-  cursor: pointer;
-  z-index: 900;
-  position: relative;
-}
diff --git a/styles/legal-content.css b/styles/legal-content.css
index a22f84b..745d591 100644
--- a/styles/legal-content.css
+++ b/styles/legal-content.css
@@ -39,7 +39,7 @@
 .cookie-settings-btn {
   display: inline-block;
   padding: 0.75rem 1.5rem;
-  background: rgba(0, 255, 136, 0.1);
+  background: rgba(245, 158, 11, 0.1);
   border: 1px solid var(--primary-green);
   border-radius: 8px;
   color: var(--primary-green);
@@ -49,6 +49,6 @@
 }
 
 .cookie-settings-btn:hover {
-  background: rgba(0, 255, 136, 0.2);
+  background: rgba(245, 158, 11, 0.2);
 }
 
diff --git a/styles/main.css b/styles/main.css
index 978b800..c2a22f9 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -6,21 +6,19 @@
 }
 
 :root {
-  --primary-green: #00ff88;
-  --primary-blue: #00d4ff;
-  --dark-bg: #0a0a0a;
-  --card-bg: #111111;
+  --kern-accent: #F59E0B;       /* warm amber gold — primary brand accent */
+  --primary-green: #F59E0B;     /* alias — kept for includes not yet migrated */
+  --dark-bg: #1C2333;
+  --card-bg: #243048;
   --text-primary: #ffffff;
   --text-secondary: #e0e0e0;
-  --text-muted: #999999;
-  --border-color: #333333;
+  --text-muted: #8899aa;
+  --border-color: #2e3d52;
   --spacing-xs: 0.5rem;
   --spacing-sm: 1rem;
   --spacing-md: 2rem;
   --spacing-lg: 4rem;
   --spacing-xl: 6rem;
-  --mypwr: #fc4c02;
-  --black: black;
 }
 
 body {
@@ -112,7 +110,7 @@ html {
 
 .section-tag {
   display: inline-block;
-  color: var(--primary-blue);
+  color: var(--kern-accent);
   font-size: 0.875rem;
   font-weight: 600;
   text-transform: uppercase;
@@ -153,7 +151,7 @@ html {
 .target-card:hover {
   transform: translateY(-4px);
   border-color: var(--primary-green);
-  box-shadow: 0 8px 24px rgba(0, 255, 136, 0.15);
+  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.15);
 }
 
 .target-icon {
@@ -177,12 +175,12 @@ html {
 
 .target-card:hover .target-icon {
   transform: scale(1.1);
-  filter: drop-shadow(0 2px 8px rgba(0, 255, 136, 0.4));
+  filter: drop-shadow(0 2px 8px rgba(245, 158, 11, 0.4));
 }
 
 .target-title {
   font-size: 1.5rem;
-  color: var(--primary-blue);
+  color: var(--text-primary);
   margin-bottom: var(--spacing-sm);
   font-weight: 600;
 }
@@ -223,12 +221,12 @@ html {
 }
 
 .benefit-tag {
-  background: rgba(0, 255, 136, 0.1);
+  background: rgba(245, 158, 11, 0.1);
   color: var(--primary-green);
   padding: 0.4rem 0.8rem;
   border-radius: 6px;
   font-size: 0.875rem;
-  border: 1px solid rgba(0, 255, 136, 0.2);
+  border: 1px solid rgba(245, 158, 11, 0.2);
 }
 
 /* Value Proposition */
@@ -262,7 +260,7 @@ html {
 
 .value-card:hover .value-icon {
   transform: scale(1.1);
-  filter: drop-shadow(0 2px 8px rgba(0, 255, 136, 0.4));
+  filter: drop-shadow(0 2px 8px rgba(245, 158, 11, 0.4));
 }
 
 .value-card h3 {
@@ -294,7 +292,7 @@ html {
 }
 
 .tech-layer {
-  background: rgba(0, 255, 136, 0.05);
+  background: rgba(245, 158, 11, 0.05);
   border-left: 4px solid var(--primary-green);
   padding: 1rem 1.25rem;
   border-radius: 8px;
@@ -332,7 +330,7 @@ html {
 /* CTA Section */
 .cta-section {
   text-align: center;
-  background: linear-gradient(135deg, rgba(0, 255, 136, 0.1), rgba(0, 212, 255, 0.1));
+  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(0, 212, 255, 0.1));
   border: 1px solid var(--border-color);
   border-radius: 12px;
   padding: var(--spacing-lg);
@@ -370,7 +368,7 @@ html {
 
 .btn-primary:hover {
   transform: translateY(-2px);
-  box-shadow: 0 6px 20px rgba(0, 255, 136, 0.4);
+  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
 }
 
 .btn-secondary {
@@ -380,7 +378,7 @@ html {
 }
 
 .btn-secondary:hover {
-  background: rgba(0, 255, 136, 0.1);
+  background: rgba(245, 158, 11, 0.1);
   transform: translateY(-2px);
 }
 
@@ -420,149 +418,68 @@ html {
   animation: fadeInUp 0.8s ease forwards;
 }
 
-/* Smooth scroll */
-html {
-  scroll-behavior: smooth;
-}
-
-/* MYPWR Orange Styles */
-.orange-pwr {
-  color: var(--mypwr);
-}
-
-.orange-pwr.mypwr {
-  text-align: center;
-  font-size: 3em;
-}
-
-.button.orange-pwr {
-  background-color: var(--mypwr);
-  color: var(--black);
-}
 
-.button.small-orange-pwr {
-  background-color: var(--mypwr);
-  color: var(--black);
+/* ── Split problem / solution rows ─────────────────────────────────────── */
+.split-list {
+  display: flex;
   flex-direction: column;
+  gap: 0.75rem;
+  margin-bottom: var(--spacing-lg);
 }
 
-.solid.orange-pwr {
-  z-index: -1;
-  background-color: var(--mypwr);
-  margin-bottom: 0;
+.split-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  border: 1px solid #2e3d52;
+  border-radius: 12px;
+  overflow: hidden;
 }
 
-.tag-headline.orange-pwr {
-  text-align: left;
+.split-problem {
+  padding: 1.75rem 2rem;
+  background: var(--card-bg);
+  border-right: 1px solid #2e3d52;
 }
 
-@media (max-width: 991px) {
-  .orange-pwr.mypwr {
-    font-size: 2.5em;
-  }
+.split-solution {
+  padding: 1.75rem 2rem;
+  background: #16202f;
+  border-left: 3px solid var(--primary-green);
 }
 
-@media (max-width: 767px) {
-  .orange-pwr.mypwr {
-    font-size: 2em;
-  }
+.split-label {
+  font-size: 0.7rem;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  margin-bottom: 0.6rem;
+  display: block;
 }
 
-/* Infographic and Pop-up Styles */
-.infographic-headline {
-  color: var(--text-primary);
-  font-size: 2rem;
-  margin-bottom: 1rem;
-}
+.split-problem .split-label { color: var(--text-muted); }
+.split-solution .split-label { color: var(--primary-green); }
 
-.pop-up-content {
-  color: var(--text-secondary);
+.split-title {
+  font-size: 0.95rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 0.4rem;
 }
 
-.pop-up-content p {
-  color: var(--text-secondary);
+.split-desc {
+  font-size: 0.875rem;
+  color: var(--text-muted);
   line-height: 1.6;
-  margin-bottom: 1rem;
 }
 
-.w-richtext p {
+.split-answer {
+  font-size: 0.875rem;
   color: var(--text-secondary);
   line-height: 1.6;
 }
 
-.infographic-link .button {
-  display: inline-block;
-  padding: 1rem 2rem;
-}
-
-.button p {
-  color: inherit;
-}
-
-.mypwr-logo {
-  max-width: 300px;
-  margin-bottom: 2rem;
-}
-
-/* Hide slider navigation arrows and buttons */
-.slider-main_button,
-.swiper-button-next,
-.swiper-button-prev,
-.slider-main_button-wrapper,
-.slider-main_button-icon,
-.w-embed svg {
-  display: none !important;
-}
-
-/* Partner Grid Styles */
-.partner-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-  gap: 2rem;
-  margin-top: 2rem;
-  align-items: center;
-}
-
-.partner-logo-container {
-  background: rgba(255, 255, 255, 0.05);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 12px;
-  padding: 1.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 100px;
-  transition: all 0.3s ease;
-}
-
-.partner-logo-container:hover {
-  background: rgba(255, 255, 255, 0.08);
-  border-color: rgba(255, 255, 255, 0.2);
-}
-
-.partner-logo-container img {
-  max-width: 100%;
-  max-height: 60px;
-  width: auto;
-  height: auto;
-  object-fit: contain;
-  filter: brightness(0) invert(1);
-  opacity: 0.8;
-}
-
-.partner-logo-container img[src*=".jpeg"],
-.partner-logo-container img[src*=".jpg"] {
-  filter: none;
-  mix-blend-mode: screen;
-}
-
-.partner-logo-container:hover img {
-  opacity: 1;
-}
-
-@media (max-width: 768px) {
-  .partner-grid {
-    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
-    gap: 1.5rem;
-  }
+@media (max-width: 680px) {
+  .split-row { grid-template-columns: 1fr; }
+  .split-problem { border-right: none; border-bottom: 1px solid #2e3d52; }
+  .split-solution { border-left: none; border-top: 3px solid var(--primary-green); }
 }
diff --git a/styles/showcase.css b/styles/showcase.css
index 79e9a54..f822286 100644
--- a/styles/showcase.css
+++ b/styles/showcase.css
@@ -12,7 +12,7 @@
 
 .showcase-card:hover {
   background: rgba(255, 255, 255, 0.05);
-  border-color: var(--primary-blue);
+  border-color: var(--kern-accent);
   transform: translateY(-4px);
 }
 
diff --git a/technology/index.html b/technology/index.html
new file mode 100644
index 0000000..1244384
--- /dev/null
+++ b/technology/index.html
@@ -0,0 +1,253 @@
+<!DOCTYPE html>
+<html lang="en" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>Technology — KERN by Riddle&amp;Code</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="MIOTY, Zigbee Mesh, 24h flexibility forecasting and autonomous dispatch — the technology behind KERN."/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/technology/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/technology/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/technology/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); text-align:center; }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.5rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1rem; color:var(--text-muted); max-width:580px; margin:0 auto; line-height:1.7; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.5rem; }
+    .section-heading strong { font-weight:600; }
+    .section-sub { color:var(--text-muted); font-size:0.9rem; margin-bottom:2rem; }
+    /* Connectivity compare */
+    .conn-compare { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-bottom:2rem; }
+    @media(max-width:600px){ .conn-compare { grid-template-columns:1fr; } }
+    .conn-card { border:1px solid #2e3d52; border-radius:12px; padding:2rem; }
+    .conn-card.primary { background:rgba(245,158,11,0.04); border-color:rgba(245,158,11,0.2); }
+    .conn-card .conn-badge { font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.75rem; }
+    .conn-card h3 { font-size:1.1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .conn-card .conn-use { font-size:0.85rem; color:var(--text-muted); margin-bottom:1.25rem; font-style:italic; }
+    .spec-list { list-style:none; display:flex; flex-direction:column; gap:0.5rem; }
+    .spec-list li { display:flex; justify-content:space-between; align-items:baseline; font-size:0.85rem; padding-bottom:0.5rem; border-bottom:1px solid #2a3850; }
+    .spec-list li:last-child { border-bottom:none; }
+    .spec-key { color:var(--text-muted); }
+    .spec-val { color:var(--text-secondary); font-weight:500; text-align:right; }
+    /* vs table */
+    .vs-table { width:100%; border-collapse:collapse; margin-bottom:var(--spacing-lg); font-size:0.875rem; }
+    .vs-table th { text-align:left; padding:0.75rem 1rem; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.07em; color:var(--text-muted); border-bottom:1px solid #222; }
+    .vs-table th.highlight { color:var(--primary-green); }
+    .vs-table td { padding:0.85rem 1rem; border-bottom:1px solid #2a3850; color:var(--text-secondary); vertical-align:top; }
+    .vs-table td.highlight { color:var(--text-primary); font-weight:500; }
+    .vs-table tr:last-child td { border-bottom:none; }
+    .check { color:var(--primary-green); }
+    .cross { color:#555; }
+    /* Loop */
+    .loop-full { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .loop-full pre { color:var(--text-secondary); font-size:0.85rem; line-height:2; white-space:pre-wrap; }
+    .loop-full .hl { color:var(--primary-green); font-weight:600; }
+    /* Asset protocols */
+    .protocol-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:0.75rem; margin-bottom:var(--spacing-lg); }
+    .protocol-pill { background:var(--card-bg); border:1px solid #2e3d52; border-radius:8px; padding:0.75rem 1rem; font-size:0.82rem; color:var(--text-secondary); text-align:center; }
+    /* Security */
+    .security-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-bottom:var(--spacing-lg); }
+    .security-item { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.25rem; }
+    .security-item h4 { font-size:0.875rem; font-weight:600; color:var(--text-primary); margin-bottom:0.35rem; }
+    .security-item p { font-size:0.8rem; color:var(--text-muted); line-height:1.5; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+    /* Hardware image */
+    .hw-image-wrap { border-radius:12px; overflow:hidden; border:1px solid #2e3d52; margin-bottom:var(--spacing-lg); }
+    .hw-image-wrap img { display:block; width:100%; height:auto; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">Technology</span>
+    <h1>Built for energy infrastructure.<br><strong>Not adapted from IoT.</strong></h1>
+    <p class="lead">MIOTY, Zigbee Mesh, a 24h autonomous forecast loop and confirmed dispatch — purpose-built for the demands of flexibility management behind the meter.</p>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Hardware image -->
+  <section class="content-section" style="padding-bottom:0;">
+    <div class="hw-image-wrap">
+      <img src="/images/6422963c3fc26ce623d62f21_Hardware_manufacture.jpg"
+           srcset="/images/6422963c3fc26ce623d62f21_Hardware_manufacture-p-500.jpg 500w,
+                   /images/6422963c3fc26ce623d62f21_Hardware_manufacture.jpg 800w"
+           sizes="(max-width:1100px) 100vw, 1100px"
+           alt="KERN hardware device" loading="lazy">
+    </div>
+  </section>
+
+  <!-- Connectivity -->
+  <section class="content-section">
+    <h2 class="section-heading">Connectivity <strong>by topology</strong></h2>
+    <p class="section-sub">The technology choice follows the asset topology — not the other way around.</p>
+
+    <div class="conn-compare">
+      <div class="conn-card">
+        <div class="conn-badge">Contiguous sites</div>
+        <h3>Zigbee Mesh</h3>
+        <p class="conn-use">Buildings, campuses, industrial premises, microgrids on one site</p>
+        <ul class="spec-list">
+          <li><span class="spec-key">Range</span><span class="spec-val">Up to 100m per node, mesh extends coverage</span></li>
+          <li><span class="spec-key">Deployment</span><span class="spec-val">No gateway per room — mesh self-organises</span></li>
+          <li><span class="spec-key">Cost</span><span class="spec-val">Low hardware cost per node</span></li>
+          <li><span class="spec-key">Topology</span><span class="spec-val">Self-healing mesh — resilient to node failure</span></li>
+          <li><span class="spec-key">Use case</span><span class="spec-val">HEMS, C&amp;I facilities, ESC on one campus</span></li>
+        </ul>
+      </div>
+      <div class="conn-card primary">
+        <div class="conn-badge">Distributed assets</div>
+        <h3>MIOTY</h3>
+        <p class="conn-use">Geographically dispersed assets — rural PV, MV BESS, multiple remote sites</p>
+        <ul class="spec-list">
+          <li><span class="spec-key">Range</span><span class="spec-val"><strong>10 km</strong> per gateway</span></li>
+          <li><span class="spec-key">Capacity</span><span class="spec-val"><strong>1.5M messages/day</strong> per gateway</span></li>
+          <li><span class="spec-key">Standard</span><span class="spec-val">IEC 62657-1 — purpose-built for energy</span></li>
+          <li><span class="spec-key">Independence</span><span class="spec-val">No LTE, no WiFi required</span></li>
+          <li><span class="spec-key">Latency</span><span class="spec-val">&lt;1 second for dispatch commands</span></li>
+        </ul>
+      </div>
+    </div>
+
+    <h3 style="font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:1rem;">MIOTY vs. LoRaWAN</h3>
+    <table class="vs-table">
+      <thead>
+        <tr>
+          <th>Capability</th>
+          <th class="highlight">MIOTY</th>
+          <th>LoRaWAN</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>Standard</td><td class="highlight">IEC 62657-1 (international)</td><td>LoRa Alliance proprietary</td></tr>
+        <tr><td>Range</td><td class="highlight">Up to 10 km</td><td>Up to 5 km</td></tr>
+        <tr><td>Messages/day/gateway</td><td class="highlight">1,500,000</td><td>~50,000</td></tr>
+        <tr><td>Designed for</td><td class="highlight">Energy infrastructure, utility grade</td><td>General IoT sensing</td></tr>
+        <tr><td>Dispatch latency</td><td class="highlight">&lt;1 second</td><td>Seconds to minutes</td></tr>
+        <tr><td>LTE independence</td><td class="highlight"><span class="check">✓</span></td><td><span class="check">✓</span></td></tr>
+      </tbody>
+    </table>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Autonomous loop -->
+  <section class="content-section">
+    <h2 class="section-heading">The <strong>autonomous loop</strong></h2>
+    <p class="section-sub">KERN operates continuously — forecasting, reacting and dispatching without manual intervention.</p>
+    <div class="loop-full">
+<pre><span class="hl">1. FORECAST</span>  (rolling, 24h ahead)
+   Per asset: state of charge, PV forecast (weather-based),
+   load forecast (historical patterns), available flexibility window.
+   Per portfolio: aggregated flexibility profile (MW, time, confidence).
+   → Delivered to aggregator / platform as API feed.
+
+<span class="hl">2. DEMAND</span>  (inbound signal)
+   Flexibility signal received from aggregator, utility or market:
+   volume (kW), time window, direction (increase/decrease).
+
+<span class="hl">3. REBALANCE</span>  (real-time delta)
+   KERN compares demand signal against current actual asset state.
+   Detects deviations: weather change, load shift, asset failure.
+   Adjusts dispatch plan autonomously — before deviation becomes critical.
+
+<span class="hl">4. DISPATCH</span>  (autonomous asset control)
+   KERN selects assets, determines control sequence, sends commands.
+   Execution via Zigbee Mesh (contiguous) or MIOTY (distributed).
+   Asset protocols: Modbus, SunSpec, EEBUS, proprietary inverter APIs.
+
+<span class="hl">5. CONFIRMATION</span>
+   Asset-level execution confirmed back to KERN.
+   Fulfillment status reported to aggregator / platform in real-time.
+   Next forecast cycle starts immediately.</pre>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Optimization engine -->
+  <section class="content-section">
+    <h2 class="section-heading">How KERN <strong>makes decisions</strong></h2>
+    <p class="section-sub">Each optimization cycle draws on live telemetry, market signals and learned patterns — not manual configuration.</p>
+    <div class="security-grid">
+      <div class="security-item">
+        <h4>Price-signal driven dispatch</h4>
+        <p>KERN tracks day-ahead and intraday prices, FCR/aFRR signal values and grid tariff structures in real time. Every asset dispatch decision is evaluated against the active market environment — not a fixed schedule.</p>
+      </div>
+      <div class="security-item">
+        <h4>Rolling forecast engine</h4>
+        <p>Consumption and generation forecast 24h ahead per asset — combining live state of charge, weather-based PV models and historical load patterns. Continuously refined as the delivery window approaches.</p>
+      </div>
+      <div class="security-item">
+        <h4>Continuous rebalancing</h4>
+        <p>KERN compares actual asset state against committed dispatch position every few minutes. Detected deviations trigger automatic asset reselection and re-dispatch — before the delivery window closes and penalties apply.</p>
+      </div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Asset protocols -->
+  <section class="content-section">
+    <h2 class="section-heading">Supported <strong>assets and protocols</strong></h2>
+    <p class="section-sub">KERN normalises all asset types to a single data model — regardless of manufacturer or protocol.</p>
+
+    <p style="font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:0.75rem;">Asset types</p>
+    <div class="protocol-grid" style="margin-bottom:1.5rem;">
+      <div class="protocol-pill">PV (residential)</div>
+      <div class="protocol-pill">PV (commercial)</div>
+      <div class="protocol-pill">Home storage</div>
+      <div class="protocol-pill">Commercial BESS</div>
+      <div class="protocol-pill">Heat pumps</div>
+      <div class="protocol-pill">EV chargers</div>
+      <div class="protocol-pill">CHP</div>
+      <div class="protocol-pill">Biogas</div>
+      <div class="protocol-pill">Controllable loads</div>
+      <div class="protocol-pill">MV-connected assets</div>
+    </div>
+
+    <p style="font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:0.75rem;">Communication protocols</p>
+    <div class="protocol-grid">
+      <div class="protocol-pill">Modbus TCP/RTU</div>
+      <div class="protocol-pill">SunSpec</div>
+      <div class="protocol-pill">EEBUS</div>
+      <div class="protocol-pill">REST API</div>
+      <div class="protocol-pill">OCPP (EV)</div>
+      <div class="protocol-pill">Proprietary inverter APIs</div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Security & compliance -->
+  <section class="content-section">
+    <h2 class="section-heading">Security <strong>&amp; compliance</strong></h2>
+    <div class="security-grid">
+      <div class="security-item">
+        <h4>End-to-end encryption</h4>
+        <p>All asset communication encrypted end-to-end — from sensor to platform.</p>
+      </div>
+      <div class="security-item">
+        <h4>Certificate-based authentication</h4>
+        <p>Every asset authenticated by certificate — no unauthorised control possible.</p>
+      </div>
+      <div class="security-item">
+        <h4>Redispatch 2.0</h4>
+        <p>Compliant with Redispatch 2.0 requirements for distributed generation control.</p>
+      </div>
+      <div class="security-item">
+        <h4>§14a / EAG / EnFG</h4>
+        <p>Compatible with controllable load regulations in Germany and Austria.</p>
+      </div>
+    </div>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Technical Demo</a>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/templates/company/about-us.html b/templates/company/about-us.html
new file mode 100644
index 0000000..224703c
--- /dev/null
+++ b/templates/company/about-us.html
@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}">
+  <head>
+    <meta charset="utf-8"/>
+    <title>{{ au_meta_title }}</title>
+    <meta name="description" content="{{ au_meta_desc }}"/>
+    <meta property="og:title" content="{{ au_meta_title }}"/>
+    <meta property="og:description" content="{{ au_meta_desc }}"/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/about-us.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/about-us.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/about-us.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
+  </head>
+  <body>
+    <div class="wrapper">
+      <div id="nav-placeholder"></div>
+
+      <section class="hero">
+        <p style="font-size: 0.875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--kern-accent); margin-bottom: 1rem;">{{ au_eyebrow }}</p>
+        <h1 class="fade-in">
+          {{ au_h1 }}
+        </h1>
+        <p class="hero-subtitle fade-in">
+          {{ au_sub }}
+        </p>
+      </section>
+
+      <!-- Why we exist -->
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">{{ au_why_tag }}</span>
+          <h2 class="section-title">{{ au_why_h2 }}</h2>
+          <p class="section-description">
+            {{ au_why_desc }}
+          </p>
+        </div>
+
+        <div class="value-grid">
+          <div class="value-card">
+            <h3>{{ au_val1_h3 }}</h3>
+            <p>{{ au_val1_p }}</p>
+          </div>
+
+          <div class="value-card">
+            <h3>{{ au_val2_h3 }}</h3>
+            <p>{{ au_val2_p }}</p>
+          </div>
+
+          <div class="value-card">
+            <h3>{{ au_val3_h3 }}</h3>
+            <p>{{ au_val3_p }}</p>
+          </div>
+        </div>
+      </section>
+
+      <!-- What we build -->
+      <section class="section">
+        <div class="tech-stack">
+          <h3 style="font-size: 2rem; margin-bottom: 0.5rem;">{{ au_what_h3 }}</h3>
+          <p style="font-size: 1.125rem; color: var(--text-muted); margin-bottom: 2rem;">{{ au_what_sub }}</p>
+
+          <div class="tech-layers">
+            <div class="tech-layer">
+              <h4>{{ au_tech1_h4 }}</h4>
+              <p>{{ au_tech1_p }}</p>
+              <div class="tech-features">
+                <span class="tech-feature">IEC standard</span>
+                <span class="tech-feature">10km range</span>
+                <span class="tech-feature">1.5M msg/day</span>
+                <span class="tech-feature">No per-asset commissioning</span>
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <h4>{{ au_tech2_h4 }}</h4>
+              <p>{{ au_tech2_p }}</p>
+              <div class="tech-features">
+                <span class="tech-feature">PV + battery</span>
+                <span class="tech-feature">Intraday trading</span>
+                <span class="tech-feature">€114/asset/yr ARR</span>
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <h4>{{ au_tech3_h4 }}</h4>
+              <p>{{ au_tech3_p }}</p>
+              <div class="tech-features">
+                <span class="tech-feature">EU regulatory compliant</span>
+                <span class="tech-feature">Automated reporting</span>
+                <span class="tech-feature">€24/member/yr ARR</span>
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <h4>{{ au_tech4_h4 }}</h4>
+              <p>{{ au_tech4_p }}</p>
+              <div class="tech-features">
+                <span class="tech-feature">aFRR / FCR</span>
+                <span class="tech-feature">Direct market access</span>
+                <span class="tech-feature">€25k/plant/yr ARR</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- Proof points -->
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">{{ au_proof_tag }}</span>
+          <h2 class="section-title">{{ au_proof_h2 }}</h2>
+        </div>
+
+        <div class="value-grid">
+          <div class="value-card">
+            <h3>{{ au_proof1_h3 }}</h3>
+            <p>{{ au_proof1_p }}</p>
+          </div>
+
+          <div class="value-card">
+            <h3>{{ au_proof2_h3 }}</h3>
+            <p>{{ au_proof2_p }}</p>
+          </div>
+
+          <div class="value-card">
+            <h3>{{ au_proof3_h3 }}</h3>
+            <p>{{ au_proof3_p }}</p>
+          </div>
+        </div>
+      </section>
+
+      <!-- Leadership -->
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">{{ au_founders_tag }}</span>
+          <h2 class="section-title">{{ au_founders_h2 }}</h2>
+        </div>
+
+        <div class="target-grid">
+          <div class="target-card" style="text-align: center;">
+            <div style="margin-bottom: 1rem;">
+              <img alt="Manfred Bodner" loading="lazy" src="/images/641448a8c8908b14e521f743_manfred.jpeg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
+            </div>
+            <h3 class="target-title">Manfred Bodner</h3>
+            <p class="target-description" style="margin-bottom: 1rem;">Co-Founder</p>
+            <a href="https://www.linkedin.com/in/manfred-bodner-5b707b5/" target="_blank" style="display: inline-block;">
+              <img alt="LinkedIn" loading="lazy" src="/images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
+            </a>
+          </div>
+
+          <div class="target-card" style="text-align: center;">
+            <div style="margin-bottom: 1rem;">
+              <img alt="Tom Fürstner" loading="lazy" src="/images/64144676a24d13496177d75e__0006_tom.jpg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
+            </div>
+            <h3 class="target-title">Tom Fürstner</h3>
+            <p class="target-description" style="margin-bottom: 1rem;">Co-Founder</p>
+            <a href="https://www.linkedin.com/in/thomas-fuerstner-0797592/" target="_blank" style="display: inline-block;">
+              <img alt="LinkedIn" loading="lazy" src="/images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
+            </a>
+          </div>
+
+          <div class="target-card" style="text-align: center;">
+            <div style="margin-bottom: 1rem;">
+              <img alt="Rene Schrittwieser" loading="lazy" src="/images/67bc252a9c5d3fcca45df636_image0.jpeg" style="width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto;"/>
+            </div>
+            <h3 class="target-title">Rene Schrittwieser</h3>
+            <p class="target-description" style="margin-bottom: 1rem;">Investor</p>
+            <a href="https://www.linkedin.com/in/rene-schrittwieser-12a7b9114" target="_blank" style="display: inline-block;">
+              <img alt="LinkedIn" loading="lazy" src="/images/66812d81f235d801a0fc9130_Webflow_LinkedIn.svg" style="width: 24px; height: 24px;"/>
+            </a>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="cta-section">
+          <h2>{{ au_cta_h2 }}</h2>
+          <p>{{ au_cta_p }}</p>
+          <div class="cta-buttons">
+            <a href="/company/get-in-touch.html" class="btn btn-primary">{{ au_cta_primary }}</a>
+            <a href="/kern/" class="btn btn-secondary">{{ au_cta_secondary }}</a>
+          </div>
+        </div>
+      </section>
+
+      <div id="footer-modern-placeholder"></div>
+    </div>
+  </body>
+</html>
diff --git a/templates/company/career.html b/templates/company/career.html
new file mode 100644
index 0000000..1abcf8a
--- /dev/null
+++ b/templates/company/career.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}">
+  <head>
+    <meta charset="utf-8"/>
+    <title>{{ car_meta_title }}</title>
+    <meta name="description" content="{{ car_meta_desc }}"/>
+    <meta property="og:title" content="{{ car_meta_title }}"/>
+    <meta property="og:description" content="{{ car_meta_desc }}"/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/career.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/career.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/career.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
+  </head>
+  <body>
+    <div class="wrapper">
+      <div id="nav-placeholder"></div>
+
+      <section class="hero">
+        <h1 class="fade-in">
+          {{ car_h1 }}
+        </h1>
+        <p class="hero-subtitle fade-in">
+          {{ car_sub }}
+        </p>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">{{ car_purpose_tag }}</span>
+          <h2 class="section-title">{{ car_purpose_h2 }}</h2>
+        </div>
+
+        <div class="value-grid">
+          <div class="value-card">
+            <h3>{{ car_purpose1_h3 }}</h3>
+            <p><strong>{{ car_purpose1_strong }}</strong></p>
+            <p>{{ car_purpose1_p }}</p>
+          </div>
+
+          <div class="value-card">
+            <h3>{{ car_purpose2_h3 }}</h3>
+            <p><strong>{{ car_purpose2_strong }}</strong></p>
+            <p>{{ car_purpose2_p }}</p>
+          </div>
+
+          <div class="value-card">
+            <h3>{{ car_purpose3_h3 }}</h3>
+            <p><strong>{{ car_purpose3_strong }}</strong></p>
+            <p>{{ car_purpose3_p }}</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="tech-stack">
+          <h3 style="font-size: 2rem; margin-bottom: 1rem;">{{ car_values_h3 }}</h3>
+          <p style="font-size: 1.125rem; margin-bottom: 2rem;">{{ car_values_sub }}</p>
+
+          <div class="tech-layers">
+            <div class="tech-layer">
+              <div class="tech-layer-label">{{ car_val1_label }}</div>
+              <div class="tech-layer-description">
+                {{ car_val1_desc }}
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <div class="tech-layer-label">{{ car_val2_label }}</div>
+              <div class="tech-layer-description">
+                {{ car_val2_desc }}
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <div class="tech-layer-label">{{ car_val3_label }}</div>
+              <div class="tech-layer-description">
+                {{ car_val3_desc }}
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <div class="tech-layer-label">{{ car_val4_label }}</div>
+              <div class="tech-layer-description">
+                {{ car_val4_desc }}
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <div class="tech-layer-label">{{ car_val5_label }}</div>
+              <div class="tech-layer-description">
+                {{ car_val5_desc }}
+              </div>
+            </div>
+
+            <div class="tech-layer">
+              <div class="tech-layer-label">{{ car_val6_label }}</div>
+              <div class="tech-layer-description">
+                {{ car_val6_desc }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">{{ car_benefits_tag }}</span>
+          <h2 class="section-title">{{ car_benefits_h2 }}</h2>
+        </div>
+
+        <div class="target-grid">
+          <div class="target-card">
+            <h3>{{ car_ben1_h3 }}</h3>
+            <p>{{ car_ben1_p }}</p>
+          </div>
+
+          <div class="target-card">
+            <h3>{{ car_ben2_h3 }}</h3>
+            <p>{{ car_ben2_p }}</p>
+          </div>
+
+          <div class="target-card">
+            <h3>{{ car_ben3_h3 }}</h3>
+            <p>{{ car_ben3_p }}</p>
+          </div>
+
+          <div class="target-card">
+            <h3>{{ car_ben4_h3 }}</h3>
+            <p>{{ car_ben4_p }}</p>
+          </div>
+
+          <div class="target-card">
+            <h3>{{ car_ben5_h3 }}</h3>
+            <p>{{ car_ben5_p }}</p>
+          </div>
+
+          <div class="target-card">
+            <h3>{{ car_ben6_h3 }}</h3>
+            <p>{{ car_ben6_p }}</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="cta-section">
+          <h2>{{ car_cta_h2 }}</h2>
+          <p>{{ car_cta_p }}</p>
+          <div class="cta-buttons">
+            <a href="/company/get-in-touch.html" class="btn btn-primary">{{ car_cta_primary }}</a>
+            <a href="/company/about-us.html" class="btn btn-secondary">{{ car_cta_secondary }}</a>
+          </div>
+        </div>
+      </section>
+
+      <div id="footer-modern-placeholder"></div>
+    </div>
+  </body>
+</html>
diff --git a/templates/company/get-in-touch.html b/templates/company/get-in-touch.html
new file mode 100644
index 0000000..a15d5d0
--- /dev/null
+++ b/templates/company/get-in-touch.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}">
+  <head>
+    <meta charset="utf-8"/>
+    <title>{{ git_meta_title }}</title>
+    <meta name="description" content="{{ git_meta_desc }}"/>
+    <meta property="og:title" content="{{ git_meta_title }}"/>
+    <meta property="og:description" content="{{ git_meta_desc }}"/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/get-in-touch.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/get-in-touch.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/get-in-touch.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
+  </head>
+  <body>
+    <div class="wrapper">
+      <div id="nav-placeholder"></div>
+
+      <section class="hero">
+        <h1 class="fade-in">
+          {{ git_h1 }}
+        </h1>
+        <p class="hero-subtitle fade-in">
+          {{ git_sub }}
+        </p>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">{{ git_contact_tag }}</span>
+          <h2 class="section-title">{{ git_contact_h2 }}</h2>
+        </div>
+
+        <div class="value-grid">
+          <div class="value-card">
+            <h3>{{ git_inq_h3 }}</h3>
+            <p>{{ git_inq_p }}</p>
+            <p><strong>{{ git_inq_email }}</strong></p>
+          </div>
+
+          <div class="value-card">
+            <h3>{{ git_demo_h3 }}</h3>
+            <p>{{ git_demo_p }}</p>
+          </div>
+
+          <div class="value-card">
+            <h3>{{ git_visit_h3 }}</h3>
+            <p>{{ git_visit_p }}</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">{{ git_loc_tag }}</span>
+          <h2 class="section-title">{{ git_loc_h2 }}</h2>
+        </div>
+
+        <div class="tech-stack">
+          <div style="max-width: 600px; margin: 0 auto; text-align: center;">
+            <p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary);">
+              <strong style="color: var(--text-primary);">Riddle &amp; Code GmbH</strong><br/>
+              c/o Spaces Icon Central Station<br/>
+              Gertrude-Fröhlich-Sandner-Straße 2-4/Tower 9<br/>
+              1100 Vienna, Austria
+            </p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">{{ git_why_tag }}</span>
+          <h2 class="section-title">{{ git_why_h2 }}</h2>
+        </div>
+
+        <div class="target-grid">
+          <div class="target-card">
+            <h3>{{ git_why1_h3 }}</h3>
+            <p>{{ git_why1_p }}</p>
+          </div>
+
+          <div class="target-card">
+            <h3>{{ git_why2_h3 }}</h3>
+            <p>{{ git_why2_p }}</p>
+          </div>
+
+          <div class="target-card">
+            <h3>{{ git_why3_h3 }}</h3>
+            <p>{{ git_why3_p }}</p>
+          </div>
+
+          <div class="target-card">
+            <h3>{{ git_why4_h3 }}</h3>
+            <p>{{ git_why4_p }}</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="cta-section">
+          <h2>{{ git_cta_h2 }}</h2>
+          <p>{{ git_cta_p }}</p>
+          <div class="cta-buttons">
+            <a href="mailto:office@riddleandcode.com" class="btn btn-primary">{{ git_cta_primary }}</a>
+            <a href="/kern/" class="btn btn-secondary">{{ git_cta_secondary }}</a>
+          </div>
+        </div>
+      </section>
+
+      <div id="footer-modern-placeholder"></div>
+    </div>
+  </body>
+</html>
diff --git a/templates/company/media.html b/templates/company/media.html
new file mode 100644
index 0000000..1b116b0
--- /dev/null
+++ b/templates/company/media.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}">
+  <head>
+    <meta charset="utf-8"/>
+    <title>{{ med_meta_title }}</title>
+    <meta name="description" content="{{ med_meta_desc }}"/>
+    <meta property="og:title" content="{{ med_meta_title }}"/>
+    <meta property="og:description" content="{{ med_meta_desc }}"/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/media.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/media.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/media.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
+  </head>
+  <body>
+    <div class="wrapper">
+      <div id="nav-placeholder"></div>
+
+      <section class="hero">
+        <h1 class="fade-in">
+          {{ med_h1 }}
+        </h1>
+        <p class="hero-subtitle fade-in">
+          {{ med_sub }}
+        </p>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">{{ med_who_tag }}</span>
+          <h2 class="section-title">{{ med_who_h2 }}</h2>
+        </div>
+
+        <div class="tech-stack">
+          <div style="max-width: 800px; margin: 0 auto;">
+            <p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary); text-align: left;">
+              {{ med_who_p1 }}
+            </p>
+            <p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary); text-align: left; margin-top: 1.5rem;">
+              {{ med_who_p2 }}
+            </p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">{{ med_dl_tag }}</span>
+          <h2 class="section-title">{{ med_dl_h2 }}</h2>
+        </div>
+
+        <div class="value-grid">
+          <div class="value-card">
+            <h3>{{ med_logo_h3 }}</h3>
+            <p>{{ med_logo_p }}</p>
+            <a href="https://drive.google.com/drive/u/0/folders/1P95k-jUNWdFXwAOGZRoFYn0b1jQ2xAXg" target="_blank" class="btn btn-primary" style="margin-top: 1rem;">{{ med_logo_cta }}</a>
+          </div>
+
+          <div class="value-card">
+            <h3>{{ med_press_h3 }}</h3>
+            <p>{{ med_press_p }}</p>
+            <a href="https://drive.google.com/drive/u/0/folders/1ex8-q96NAEncUL_pqNvR_YaQmGWD6pt0" target="_blank" class="btn btn-primary" style="margin-top: 1rem;">{{ med_press_cta }}</a>
+          </div>
+
+          <div class="value-card">
+            <h3>{{ med_partner_h3 }}</h3>
+            <p>{{ med_partner_p }}</p>
+            <a href="https://drive.google.com/drive/u/0/folders/1UZp1EqrQ4l_1HY6uNLMqBEfVFWgMzQNR" target="_blank" class="btn btn-primary" style="margin-top: 1rem;">{{ med_partner_cta }}</a>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">{{ med_media_tag }}</span>
+          <h2 class="section-title">{{ med_media_h2 }}</h2>
+        </div>
+
+        <div class="target-grid">
+          <div class="target-card">
+            <h3>{{ med_pr_h3 }}</h3>
+            <p>{{ med_pr_p }}</p>
+          </div>
+
+          <div class="target-card">
+            <h3>{{ med_contact_h3 }}</h3>
+            <p>{{ med_contact_p }}</p>
+          </div>
+
+          <div class="target-card">
+            <h3>{{ med_interview_h3 }}</h3>
+            <p>{{ med_interview_p }}</p>
+          </div>
+
+          <div class="target-card">
+            <h3>{{ med_usage_h3 }}</h3>
+            <p>{{ med_usage_p }}</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="cta-section">
+          <h2>{{ med_cta_h2 }}</h2>
+          <p>{{ med_cta_p }}</p>
+          <div class="cta-buttons">
+            <a href="mailto:office@riddleandcode.com" class="btn btn-primary">{{ med_cta_primary }}</a>
+            <a href="/company/news.html" class="btn btn-secondary">{{ med_cta_secondary }}</a>
+          </div>
+        </div>
+      </section>
+
+      <div id="footer-modern-placeholder"></div>
+    </div>
+  </body>
+</html>
diff --git a/templates/company/news.html b/templates/company/news.html
new file mode 100644
index 0000000..3f06435
--- /dev/null
+++ b/templates/company/news.html
@@ -0,0 +1,371 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}">
+  <head>
+    <meta charset="utf-8"/>
+    <title>{{ news_meta_title }}</title>
+    <meta name="description" content="{{ news_meta_desc }}"/>
+    <meta property="og:title" content="{{ news_meta_title }}"/>
+    <meta property="og:description" content="{{ news_meta_desc }}"/>
+    <meta property="og:type" content="website"/>
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <link rel="alternate" hreflang="en" href="https://riddleandcode.com/company/news.html"/>
+    <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/company/news.html"/>
+    <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/company/news.html"/>
+    <link href="/styles/main.css" rel="stylesheet" type="text/css"/>
+    <script src="/scripts/main.js" defer></script>
+    <style>
+      .content-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+        gap: 2rem;
+        margin-top: 2rem;
+      }
+
+      .news-card {
+        background: rgba(255, 255, 255, 0.03);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        border-radius: 12px;
+        padding: 1.5rem;
+        transition: all 0.3s ease;
+        text-decoration: none;
+        display: block;
+        height: 100%;
+      }
+
+      .news-card:hover,
+      .embed-card:hover {
+        background: rgba(255, 255, 255, 0.05);
+        border-color: var(--primary-green);
+        transform: translateY(-4px);
+      }
+
+      .news-card h3 {
+        color: var(--text-primary);
+        margin-bottom: 0.5rem;
+        font-size: 1.25rem;
+      }
+
+      .news-card .news-tag {
+        color: var(--primary-green);
+        font-size: 0.875rem;
+        font-weight: 600;
+        margin-bottom: 0.5rem;
+        display: block;
+      }
+
+      .news-card p {
+        color: var(--text-secondary);
+        font-size: 0.95rem;
+        line-height: 1.6;
+      }
+
+      .news-card img {
+        width: 100%;
+        max-height: 180px;
+        object-fit: cover;
+        border-radius: 8px;
+        margin-bottom: 1rem;
+      }
+
+      .medium-card {
+        display: flex;
+        flex-direction: column;
+      }
+
+      .medium-card img {
+        width: 100%;
+        height: 150px;
+        object-fit: cover;
+        border-radius: 8px;
+        margin-bottom: 1rem;
+        flex-shrink: 0;
+      }
+
+      .medium-card h3 {
+        font-size: 1rem;
+        line-height: 1.3;
+        margin-bottom: 0.5rem;
+        color: var(--text-primary);
+      }
+
+      .medium-card p {
+        font-size: 0.875rem;
+        line-height: 1.5;
+        margin-bottom: 0.5rem;
+        flex-grow: 1;
+      }
+
+      .medium-card .read-more {
+        color: var(--primary-green);
+        font-size: 0.875rem;
+        margin-top: auto;
+        padding-top: 0.5rem;
+      }
+
+      .embed-card {
+        background: rgba(255, 255, 255, 0.03);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        border-radius: 12px;
+        padding: 1.5rem;
+        overflow: hidden;
+        transition: all 0.3s ease;
+      }
+
+      .embed-card iframe {
+        width: 100%;
+        border-radius: 8px;
+      }
+
+      .platform-badge {
+        display: inline-block;
+        align-self: flex-start;
+        padding: 0.25rem 0.75rem;
+        border-radius: 6px;
+        font-size: 0.75rem;
+        font-weight: 600;
+        margin-bottom: 1rem;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+      }
+
+      .badge-linkedin {
+        background: rgba(255, 255, 255, 0.06);
+        color: var(--text-primary);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+      }
+
+      .badge-medium {
+        background: rgba(46, 61, 82, 0.6);
+        color: var(--text-secondary);
+        border: 1px solid #2e3d52;
+      }
+
+      .badge-news {
+        background: rgba(245, 158, 11, 0.1);
+        color: var(--primary-green);
+        border: 1px solid rgba(245, 158, 11, 0.3);
+      }
+
+      .newsletter-card {
+        background: rgba(245, 158, 11, 0.05);
+        border: 2px solid var(--primary-green);
+        border-radius: 12px;
+        padding: 2rem;
+        margin-bottom: 3rem;
+      }
+
+      .newsletter-card h3 {
+        color: var(--text-primary);
+        margin-bottom: 0.5rem;
+      }
+
+      .newsletter-card p {
+        color: var(--text-secondary);
+        margin-bottom: 1.5rem;
+      }
+
+      .newsletter-form {
+        display: flex;
+        gap: 1rem;
+        flex-wrap: wrap;
+      }
+
+      .newsletter-form input[type="email"] {
+        flex: 1;
+        min-width: 250px;
+        padding: 0.75rem 1rem;
+        background: var(--dark-bg);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        border-radius: 8px;
+        color: var(--text-primary);
+        font-size: 1rem;
+      }
+
+      .newsletter-form input[type="email"]:focus {
+        outline: none;
+        border-color: var(--primary-green);
+      }
+
+      .filter-tabs {
+        display: flex;
+        gap: 1rem;
+        margin-bottom: 2rem;
+        flex-wrap: wrap;
+        justify-content: center;
+      }
+
+      .filter-tab {
+        padding: 0.75rem 1.5rem;
+        background: rgba(255, 255, 255, 0.05);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        border-radius: 8px;
+        color: var(--text-secondary);
+        cursor: pointer;
+        transition: all 0.3s ease;
+        font-weight: 500;
+      }
+
+      .filter-tab:hover,
+      .filter-tab.active {
+        background: var(--primary-green);
+        color: var(--dark-bg);
+        border-color: var(--primary-green);
+      }
+
+      @media (max-width: 768px) {
+        .content-grid {
+          grid-template-columns: 1fr;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="wrapper">
+      <div id="nav-placeholder"></div>
+
+      <section class="hero">
+        <h1 class="fade-in">
+          {{ news_h1 }}
+        </h1>
+        <p class="hero-subtitle fade-in">
+          {{ news_sub }}
+        </p>
+      </section>
+
+      <section class="section">
+        <div class="section-header">
+          <span class="section-tag">CONTENT HUB</span>
+          <h2 class="section-title">Latest Content</h2>
+        </div>
+
+        <div class="filter-tabs">
+          <button type="button" class="filter-tab active" data-filter="all">{{ news_filter_all }}</button>
+          <button type="button" class="filter-tab" data-filter="linkedin">LinkedIn</button>
+          <button type="button" class="filter-tab" data-filter="medium">Medium</button>
+          <button type="button" class="filter-tab" data-filter="news">Press Releases</button>
+        </div>
+
+        <div class="content-grid" id="content-container">
+          <!-- All content loaded dynamically from JSON -->
+        </div>
+      </section>
+
+      <section class="section">
+        <div class="cta-section">
+          <h2>{{ news_cta_h2 }}</h2>
+          <p>{{ news_cta_p }}</p>
+          <div class="cta-buttons">
+            <a href="/company/get-in-touch.html" class="btn btn-primary">{{ news_cta_primary }}</a>
+            <a href="/" class="btn btn-secondary">{{ news_cta_secondary }}</a>
+          </div>
+        </div>
+      </section>
+
+      <script>
+        // Load content from JSON
+        async function loadContent() {
+          try {
+            const response = await fetch('/data/content-feed.json');
+            const data = await response.json();
+            const container = document.getElementById('content-container');
+
+            // Sort posts by date (newest first)
+            const sortedPosts = data.posts.sort((a, b) => new Date(b.date) - new Date(a.date));
+
+            let dynamicHTML = '';
+
+            sortedPosts.forEach(post => {
+              if (post.type === 'linkedin' && post.embedUrl) {
+                // LinkedIn embedded post
+                dynamicHTML += `
+                  <div class="embed-card" data-category="linkedin">
+                    <span class="platform-badge badge-linkedin">LinkedIn</span>
+                    <iframe src="${post.embedUrl}" height="600" width="100%" frameborder="0" allowfullscreen="" title="${post.title}"></iframe>
+                  </div>
+                `;
+              } else if (post.type === 'linkedin') {
+                // LinkedIn link card (no embed)
+                dynamicHTML += `
+                  <a href="${post.url}" target="_blank" class="news-card" data-category="linkedin">
+                    <span class="platform-badge badge-linkedin">LinkedIn</span>
+                    <h3>${post.title}</h3>
+                    <p>${post.description}</p>
+                    <p style="color: var(--primary-green); font-size: 0.875rem; margin-top: 1rem;">View on LinkedIn →</p>
+                  </a>
+                `;
+              } else if (post.type === 'medium') {
+                // Medium article card
+                const truncatedDesc = post.description.length > 120 ? post.description.substring(0, 120) + '...' : post.description;
+                dynamicHTML += `
+                  <a href="${post.url}" target="_blank" class="news-card medium-card" data-category="medium">
+                    <span class="platform-badge badge-medium">Medium</span>
+                    ${post.image ? `<img src="${post.image}" alt="${post.title}">` : ''}
+                    <h3>${post.title}</h3>
+                    <p>${truncatedDesc}</p>
+                    <p class="read-more">Read on Medium →</p>
+                  </a>
+                `;
+              } else if (post.type === 'press') {
+                // Press release card
+                dynamicHTML += `
+                  <a href="${post.url}" class="news-card" data-category="news">
+                    <span class="platform-badge badge-news">Press Release</span>
+                    ${post.image ? `<img src="${post.image}" alt="${post.title}">` : ''}
+                    <h3>${post.title}</h3>
+                    <p>${post.description}</p>
+                  </a>
+                `;
+              }
+            });
+
+            // Insert dynamic content at the beginning of the grid
+            container.insertAdjacentHTML('afterbegin', dynamicHTML);
+
+            // Initialize filter after content is loaded
+            initializeFilters();
+
+          } catch (error) {
+            console.error('Error loading content:', error);
+            const container = document.getElementById('content-container');
+            container.insertAdjacentHTML('afterbegin', `
+              <div style="grid-column: 1/-1; text-align: center; padding: 2rem; color: var(--text-muted);">
+                <p>Unable to load dynamic content. Please check back later.</p>
+              </div>
+            `);
+          }
+        }
+
+        // Filter functionality
+        function initializeFilters() {
+          const filterTabs = document.querySelectorAll('.filter-tab');
+          const contentItems = document.querySelectorAll('[data-category]');
+
+          filterTabs.forEach(tab => {
+            tab.addEventListener('click', () => {
+              const filter = tab.dataset.filter;
+
+              // Update active tab
+              filterTabs.forEach(t => t.classList.remove('active'));
+              tab.classList.add('active');
+
+              // Filter content
+              contentItems.forEach(item => {
+                if (filter === 'all' || item.dataset.category === filter) {
+                  item.style.display = 'block';
+                } else {
+                  item.style.display = 'none';
+                }
+              });
+            });
+          });
+        }
+
+        // Load content when page loads
+        document.addEventListener('DOMContentLoaded', loadContent);
+      </script>
+
+      <div id="footer-modern-placeholder"></div>
+    </div>
+  </body>
+</html>
diff --git a/templates/includes/footer.html b/templates/includes/footer.html
new file mode 100644
index 0000000..ffb9b57
--- /dev/null
+++ b/templates/includes/footer.html
@@ -0,0 +1,179 @@
+<style>
+  :root {
+    --primary-green: #F59E0B;
+    --dark-bg: #1C2333;
+    --text-primary: #ffffff;
+    --text-muted: #999999;
+    --border-color: #333333;
+  }
+
+  .footer-modern {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 4rem 2rem 2rem 2rem;
+    border-top: 1px solid var(--border-color);
+    margin-top: 4rem;
+  }
+
+  .footer-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .footer-column h4 {
+    color: var(--text-primary);
+    font-size: 1rem;
+    margin-bottom: 1rem;
+    font-weight: 600;
+  }
+
+  .footer-links {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .footer-links li {
+    margin-bottom: 0.5rem;
+  }
+
+  .footer-links a {
+    color: var(--text-muted);
+    text-decoration: none;
+    font-size: 0.95rem;
+    transition: color 0.3s ease;
+  }
+
+  .footer-links a:hover {
+    color: var(--primary-green);
+  }
+
+  .footer-bottom {
+    text-align: center;
+    padding-top: 2rem;
+    border-top: 1px solid var(--border-color);
+    color: var(--text-muted);
+    font-size: 0.875rem;
+  }
+
+  .footer-bottom a {
+    color: var(--text-muted);
+    text-decoration: none;
+  }
+
+  .footer-bottom a:hover {
+    color: var(--primary-green);
+  }
+
+  .footer-social {
+    display: flex;
+    justify-content: center;
+    gap: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .footer-social a {
+    color: var(--text-muted);
+    font-size: 1.5rem;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    border-radius: 8px;
+    background: rgba(255, 255, 255, 0.03);
+  }
+
+  .footer-social a:hover {
+    color: var(--primary-green);
+    background: rgba(245, 158, 11, 0.1);
+    transform: translateY(-2px);
+  }
+</style>
+
+<footer class="footer-modern">
+
+  <!-- Brand block -->
+  <div style="margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid var(--border-color); display: flex; align-items: center; gap: 1rem;">
+    <svg viewBox="0 0 76 76" xmlns="http://www.w3.org/2000/svg" style="width: 36px; height: 36px; flex-shrink: 0;" aria-hidden="true">
+      <circle cx="38" cy="38" r="34" fill="none" stroke="#ffffff" stroke-width="1"   opacity="0.18"/>
+      <circle cx="38" cy="38" r="24" fill="none" stroke="#ffffff" stroke-width="1.5" opacity="0.42"/>
+      <circle cx="38" cy="38" r="14" fill="none" stroke="#ffffff" stroke-width="2"   opacity="0.75"/>
+      <circle cx="38" cy="38" r="5.5" fill="#F59E0B"/>
+    </svg>
+    <div>
+      <div style="font-size: 1rem; font-weight: 600; letter-spacing: 0.12em; color: #fff;">KERN <span style="font-weight: 400; letter-spacing: 0; color: var(--text-muted);">by</span> <span style="color: #F59E0B;">Riddle&amp;Code</span></div>
+      <div style="font-size: 0.8rem; color: var(--text-muted); margin-top: 0.2rem;">{{ footer_tagline }}</div>
+    </div>
+  </div>
+
+  <div class="footer-grid">
+    <div class="footer-column">
+      <h4>{{ footer_col_kern }}</h4>
+      <ul class="footer-links">
+        <li><a href="{{ nav_prefix }}kern/">{{ footer_platform_overview }}</a></li>
+        <li><a href="{{ nav_prefix }}kern/for-utilities.html">{{ footer_for_utilities }}</a></li>
+        <li><a href="{{ nav_prefix }}kern/for-aggregators.html">{{ footer_for_aggregators }}</a></li>
+        <li><a href="{{ nav_prefix }}kern/for-communities.html">{{ footer_for_communities }}</a></li>
+        <li><a href="{{ nav_prefix }}kern/for-platforms.html">{{ footer_for_platforms }}</a></li>
+      </ul>
+    </div>
+
+    <div class="footer-column">
+      <h4>{{ footer_col_more }}</h4>
+      <ul class="footer-links">
+        <li><a href="{{ nav_prefix }}technology/">{{ footer_technology }}</a></li>
+        <li><a href="{{ nav_prefix }}references/">{{ footer_references }}</a></li>
+        <li><a href="{{ nav_prefix }}company/news.html">{{ footer_news }}</a></li>
+      </ul>
+    </div>
+
+    <div class="footer-column">
+      <h4>{{ footer_col_company }}</h4>
+      <ul class="footer-links">
+        <li><a href="{{ nav_prefix }}company/about-us.html">{{ footer_about_us }}</a></li>
+        <li><a href="{{ nav_prefix }}company/career.html">{{ footer_careers }}</a></li>
+        <li><a href="{{ nav_prefix }}company/media.html">{{ footer_media }}</a></li>
+        <li><a href="{{ nav_prefix }}company/get-in-touch.html">{{ footer_contact }}</a></li>
+      </ul>
+    </div>
+
+    <div class="footer-column">
+      <h4>{{ footer_col_legal }}</h4>
+      <ul class="footer-links">
+        <li><a href="/legal.html">{{ footer_imprint }}</a></li>
+        <li><a href="/privacy-policy.html">{{ footer_privacy }}</a></li>
+        <li><a href="/terms.html">{{ footer_terms }}</a></li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="footer-bottom">
+    <div class="footer-social">
+      <a href="https://at.linkedin.com/company/riddle-&-code" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+        </svg>
+      </a>
+      <a href="https://x.com/riddleandcode" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+        </svg>
+      </a>
+      <a href="https://github.com/RiddleAndCode" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+        </svg>
+      </a>
+      <a href="http://www.youtube.com/@riddlecode263" target="_blank" rel="noopener noreferrer" aria-label="YouTube">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
+        </svg>
+      </a>
+    </div>
+    <p>{{ footer_copyright }}</p>
+  </div>
+</footer>
diff --git a/templates/includes/nav.html b/templates/includes/nav.html
new file mode 100644
index 0000000..fc0d801
--- /dev/null
+++ b/templates/includes/nav.html
@@ -0,0 +1,224 @@
+<style>
+  .nav {
+    position: relative;
+    z-index: 1000;
+    background: #1C2333;
+    border-bottom: 1px solid #2a3850;
+  }
+  .nav-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 1rem 2rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 2rem;
+  }
+  .nav-logo {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    color: var(--text-primary);
+    flex-shrink: 0;
+  }
+  .nav-logo-wordmark {
+    font-size: 1.15rem;
+    font-weight: 500;
+    color: var(--text-primary);
+    letter-spacing: 0.01em;
+  }
+  .nav-logo-amp {
+    color: var(--kern-accent);
+    font-weight: 700;
+  }
+  .nav-menu {
+    display: flex;
+    gap: 0.25rem;
+    align-items: center;
+    list-style: none;
+    flex: 1;
+    justify-content: flex-end;
+  }
+  /* Base nav link */
+  .nav-link {
+    color: var(--text-secondary);
+    text-decoration: none;
+    font-size: 0.9rem;
+    padding: 0.5rem 0.75rem;
+    border-radius: 6px;
+    transition: color 0.2s ease, background 0.2s ease;
+    white-space: nowrap;
+    display: flex;
+    align-items: center;
+    gap: 0.3rem;
+  }
+  .nav-link:hover { color: var(--text-primary); background: rgba(255,255,255,0.05); }
+  /* Dropdown parent */
+  .nav-item { position: relative; list-style: none; }
+  .nav-item > .nav-link::after {
+    content: '▾';
+    font-size: 0.7rem;
+    opacity: 0.6;
+    transition: transform 0.2s ease;
+  }
+  .nav-item:hover > .nav-link::after { transform: rotate(180deg); }
+  /* Dropdown menu */
+  .nav-dropdown {
+    display: none;
+    position: absolute;
+    top: calc(100% + 4px);
+    left: 0;
+    background: #16202f;
+    border: 1px solid #2a3850;
+    border-radius: 10px;
+    padding: 0.5rem;
+    min-width: 220px;
+    box-shadow: 0 16px 40px rgba(0,0,0,0.6);
+    z-index: 100;
+  }
+  .nav-item:hover .nav-dropdown { display: block; }
+  .nav-dropdown a {
+    display: block;
+    padding: 0.6rem 0.9rem;
+    color: var(--text-secondary);
+    text-decoration: none;
+    font-size: 0.875rem;
+    border-radius: 6px;
+    transition: color 0.2s ease, background 0.2s ease;
+    white-space: nowrap;
+  }
+  .nav-dropdown a:hover { color: var(--text-primary); background: rgba(255,255,255,0.06); }
+  .nav-dropdown .dropdown-label {
+    font-size: 0.7rem;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--text-muted);
+    padding: 0.5rem 0.9rem 0.25rem;
+  }
+  .nav-dropdown .dropdown-divider {
+    height: 1px;
+    background: #2a3850;
+    margin: 0.4rem 0.5rem;
+  }
+  /* KERN highlight in dropdown */
+  .nav-dropdown .kern-link {
+    color: var(--kern-accent);
+    font-weight: 500;
+  }
+  .nav-dropdown .kern-link:hover { background: rgba(196,123,43,0.1); }
+  /* Language toggle */
+  .nav-lang {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    font-size: 0.8rem;
+    color: var(--text-muted);
+    margin-left: 0.5rem;
+  }
+  .nav-lang a {
+    color: var(--text-muted);
+    text-decoration: none;
+    padding: 0.25rem 0.4rem;
+    border-radius: 4px;
+    transition: color 0.2s ease;
+  }
+  .nav-lang a:hover, .nav-lang a.active { color: var(--text-primary); }
+  .nav-lang span { opacity: 0.3; }
+  /* CTA */
+  .nav-cta {
+    background: var(--kern-accent) !important;
+    color: #1C2333 !important;
+    padding: 0.55rem 1.25rem !important;
+    border-radius: 8px !important;
+    font-weight: 600 !important;
+    font-size: 0.875rem !important;
+    transition: opacity 0.2s ease, transform 0.2s ease !important;
+    margin-left: 0.5rem;
+    white-space: nowrap;
+  }
+  .nav-cta:hover {
+    opacity: 0.88 !important;
+    transform: translateY(-1px) !important;
+    background: var(--kern-accent) !important;
+  }
+  /* Mobile toggle */
+  .nav-toggle {
+    display: none;
+    background: none;
+    border: none;
+    color: var(--text-primary);
+    font-size: 1.4rem;
+    cursor: pointer;
+    padding: 0.4rem;
+  }
+  @media (max-width: 900px) {
+    .nav-menu {
+      display: none;
+      position: absolute;
+      top: 100%;
+      left: 0;
+      right: 0;
+      background: #1a2438;
+      flex-direction: column;
+      align-items: flex-start;
+      padding: 1rem;
+      border-bottom: 1px solid #222;
+      gap: 0.25rem;
+    }
+    .nav-menu.active { display: flex; }
+    .nav-toggle { display: block; }
+    .nav-container { flex-wrap: wrap; }
+    .nav-item { width: 100%; }
+    .nav-dropdown { position: static; box-shadow: none; border: none; background: #16202f; border-radius: 6px; margin-top: 0.25rem; }
+    .nav-item:hover .nav-dropdown { display: none; }
+    .nav-item.open .nav-dropdown { display: block; }
+    .nav-item > .nav-link { width: 100%; justify-content: space-between; }
+    .nav-lang { margin-left: 0; padding: 0.5rem 0.75rem; }
+    .nav-cta { margin-left: 0; width: 100%; text-align: center; margin-top: 0.5rem; }
+  }
+</style>
+<nav class="nav">
+  <div class="nav-container">
+    <a href="{{ nav_prefix }}" class="nav-logo">
+      <span class="nav-logo-wordmark">Riddle<span class="nav-logo-amp">&amp;</span>Code</span>
+    </a>
+    <button type="button" class="nav-toggle" id="navToggle" aria-label="Toggle navigation">☰</button>
+    <ul class="nav-menu" id="navMenu">
+      <!-- Products dropdown -->
+      <li class="nav-item" id="kernDropdown">
+        <a href="{{ nav_prefix }}kern/" class="nav-link">{{ nav_products }}</a>
+        <div class="nav-dropdown">
+          <div class="dropdown-label">{{ nav_kern_label }}</div>
+          <a href="{{ nav_prefix }}kern/" class="kern-link">{{ nav_kern_overview }}</a>
+          <div class="dropdown-divider"></div>
+          <a href="{{ nav_prefix }}kern/for-utilities.html">{{ nav_for_utilities }}</a>
+          <a href="{{ nav_prefix }}kern/for-aggregators.html">{{ nav_for_aggregators }}</a>
+          <a href="{{ nav_prefix }}kern/for-communities.html">{{ nav_for_communities }}</a>
+          <a href="{{ nav_prefix }}kern/for-platforms.html">{{ nav_for_platforms }}</a>
+        </div>
+      </li>
+      <li><a href="{{ nav_prefix }}technology/" class="nav-link">{{ nav_technology }}</a></li>
+      <li><a href="{{ nav_prefix }}references/" class="nav-link">{{ nav_references }}</a></li>
+      <!-- Company dropdown -->
+      <li class="nav-item">
+        <a href="{{ nav_prefix }}company/about-us.html" class="nav-link">{{ nav_company }}</a>
+        <div class="nav-dropdown">
+          <a href="{{ nav_prefix }}company/about-us.html">{{ nav_about_us }}</a>
+          <a href="{{ nav_prefix }}company/news.html">{{ nav_news }}</a>
+          <a href="{{ nav_prefix }}company/media.html">{{ nav_media }}</a>
+          <a href="{{ nav_prefix }}company/career.html">{{ nav_careers }}</a>
+        </div>
+      </li>
+      <!-- Language toggle -->
+      <li>
+        <div class="nav-lang">
+          <a href="#" id="lang-en">EN</a>
+          <span>|</span>
+          <a href="#" id="lang-de">DE</a>
+        </div>
+      </li>
+      <!-- CTA -->
+      <li><a href="{{ nav_prefix }}company/get-in-touch.html" class="nav-link nav-cta">{{ nav_book_demo }}</a></li>
+    </ul>
+  </div>
+</nav>
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..2387f1a
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,526 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>{{ meta_title }}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="{{ meta_description }}"/>
+  <meta property="og:title" content="{{ meta_og_title }}"/>
+  <meta property="og:description" content="{{ meta_og_description }}"/>
+  <meta property="og:image" content="/images/6401f477a5a79419a904f904_r&amp;c_mypwr.jpg"/>
+  <meta property="og:type" content="website"/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    /* ── Hero ── */
+    .hero-home {
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: var(--spacing-xl) 2rem var(--spacing-lg);
+      display: grid;
+      grid-template-columns: 1fr auto;
+      gap: 4rem;
+      align-items: center;
+    }
+
+    .hero-text { text-align: left; }
+
+    .hero-eyebrow {
+      display: inline-block;
+      font-size: 0.8rem;
+      font-weight: 600;
+      letter-spacing: 0.12em;
+      text-transform: uppercase;
+      color: var(--primary-green);
+      margin-bottom: 1.5rem;
+      padding: 0.35rem 1rem;
+      border: 1px solid rgba(245,158,11,0.3);
+      border-radius: 100px;
+    }
+
+    .hero-home h1 {
+      font-size: clamp(2.8rem, 5.5vw, 5rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      line-height: 1.08;
+      margin-bottom: 1.5rem;
+      letter-spacing: -0.02em;
+    }
+
+    .hero-home h1 strong {
+      font-weight: 600;
+      color: var(--primary-green);
+    }
+
+    .hero-sub {
+      font-size: clamp(1rem, 1.8vw, 1.25rem);
+      color: var(--text-muted);
+      max-width: 560px;
+      margin: 0 0 2.5rem;
+      line-height: 1.7;
+    }
+
+    .hero-actions {
+      display: flex;
+      gap: 1rem;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+      margin-bottom: 0;
+    }
+
+    /* KERN logo column */
+    .hero-logo {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 1.25rem;
+      flex-shrink: 0;
+    }
+
+    .hero-logo-rings {
+      opacity: 0.9;
+      filter: drop-shadow(0 0 32px rgba(245,158,11,0.2));
+    }
+
+    .hero-logo-wordmark {
+      font-size: 0.85rem;
+      font-weight: 700;
+      letter-spacing: 0.35em;
+      color: rgba(255,255,255,0.35);
+      text-transform: uppercase;
+    }
+
+    @media (max-width: 860px) {
+      .hero-home {
+        grid-template-columns: 1fr;
+        text-align: center;
+        gap: 3rem;
+      }
+      .hero-text { text-align: center; }
+      .hero-logo { order: -1; }
+      .hero-sub { margin: 0 auto 2.5rem; }
+      .hero-actions { justify-content: center; }
+    }
+
+
+    /* ── Audience cards ── */
+    .audience-section {
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: var(--spacing-xl) 2rem var(--spacing-lg);
+    }
+
+    .section-label {
+      text-align: center;
+      font-size: 0.8rem;
+      font-weight: 600;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--text-muted);
+      margin-bottom: 3rem;
+    }
+
+    .audience-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+      gap: 1.5rem;
+    }
+
+    .audience-card {
+      background: var(--card-bg);
+      border: 1px solid #2e3d52;
+      border-radius: 12px;
+      padding: 2rem;
+      text-decoration: none;
+      color: inherit;
+      transition: border-color 0.2s ease, transform 0.2s ease;
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+    }
+
+    .audience-card:hover {
+      border-color: rgba(245,158,11,0.35);
+      transform: translateY(-3px);
+    }
+
+    .audience-icon {
+      width: 44px;
+      height: 44px;
+      border-radius: 10px;
+      background: rgba(245,158,11,0.10);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--primary-green);
+    }
+
+    .audience-card h3 {
+      font-size: 1.1rem;
+      font-weight: 600;
+      color: var(--text-primary);
+    }
+
+    .audience-card p {
+      font-size: 0.9rem;
+      color: var(--text-muted);
+      line-height: 1.6;
+      flex: 1;
+    }
+
+    .audience-card .card-link {
+      font-size: 0.85rem;
+      color: var(--primary-green);
+      font-weight: 500;
+    }
+
+    /* ── Operative loop ── */
+    .loop-section {
+      background: #16202f;
+      border-top: 1px solid #2a3850;
+      border-bottom: 1px solid #2a3850;
+      padding: var(--spacing-lg) 2rem;
+      margin-bottom: var(--spacing-lg);
+    }
+
+    .loop-inner {
+      max-width: 1100px;
+      margin: 0 auto;
+      text-align: center;
+    }
+
+    .loop-inner h2 {
+      font-size: clamp(1.6rem, 3vw, 2.2rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      margin-bottom: 0.75rem;
+    }
+
+    .loop-inner h2 strong { font-weight: 600; }
+
+    .loop-inner .loop-sub {
+      color: var(--text-muted);
+      font-size: 1rem;
+      margin-bottom: 3rem;
+      max-width: 560px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .loop-steps {
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
+      gap: 0;
+      flex-wrap: wrap;
+    }
+
+    .loop-step {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 0.75rem;
+      min-width: 130px;
+      flex: 1;
+      max-width: 180px;
+    }
+
+    .loop-num {
+      width: 44px;
+      height: 44px;
+      border-radius: 50%;
+      background: rgba(245,158,11,0.1);
+      border: 1px solid rgba(245,158,11,0.25);
+      color: var(--primary-green);
+      font-weight: 600;
+      font-size: 0.9rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .loop-step-label {
+      font-size: 0.8rem;
+      font-weight: 600;
+      color: var(--text-primary);
+      text-transform: uppercase;
+      letter-spacing: 0.06em;
+      text-align: center;
+    }
+
+    .loop-step-desc {
+      font-size: 0.78rem;
+      color: var(--text-muted);
+      text-align: center;
+      line-height: 1.5;
+    }
+
+    .loop-arrow {
+      color: #333;
+      font-size: 1.2rem;
+      padding-top: 0.9rem;
+      flex-shrink: 0;
+    }
+
+    .loop-callout {
+      margin-top: 2.5rem;
+      padding: 1.25rem 2rem;
+      background: rgba(245,158,11,0.05);
+      border: 1px solid rgba(245,158,11,0.15);
+      border-radius: 10px;
+      color: var(--text-secondary);
+      font-size: 0.95rem;
+      display: inline-block;
+    }
+
+    .loop-callout strong { color: var(--primary-green); }
+
+    /* ── Reference block ── */
+    .reference-section {
+      max-width: 900px;
+      margin: 0 auto var(--spacing-lg);
+      padding: 0 2rem;
+      text-align: center;
+    }
+
+    .reference-card {
+      background: var(--card-bg);
+      border: 1px solid #2e3d52;
+      border-radius: 16px;
+      padding: 3rem;
+    }
+
+    .reference-tag {
+      display: inline-block;
+      font-size: 0.75rem;
+      font-weight: 600;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--primary-green);
+      margin-bottom: 1.25rem;
+    }
+
+    .reference-card h2 {
+      font-size: clamp(1.4rem, 2.5vw, 1.9rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      margin-bottom: 1.5rem;
+      line-height: 1.3;
+    }
+
+    .reference-proof {
+      display: flex;
+      justify-content: center;
+      gap: 2rem;
+      flex-wrap: wrap;
+      margin-bottom: 2rem;
+    }
+
+    .proof-item {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      font-size: 0.875rem;
+      color: var(--text-secondary);
+    }
+
+    .proof-dot {
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: var(--primary-green);
+      flex-shrink: 0;
+    }
+
+    /* ── Final CTA ── */
+    .cta-home {
+      text-align: center;
+      padding: var(--spacing-lg) 2rem var(--spacing-xl);
+      max-width: 700px;
+      margin: 0 auto;
+    }
+
+    .cta-home h2 {
+      font-size: clamp(1.8rem, 3.5vw, 2.5rem);
+      font-weight: 300;
+      color: var(--text-primary);
+      margin-bottom: 1rem;
+      line-height: 1.2;
+    }
+
+    .cta-home p {
+      color: var(--text-muted);
+      font-size: 1rem;
+      margin-bottom: 2rem;
+    }
+  </style>
+</head>
+<body>
+
+  <div id="nav-placeholder"></div>
+
+  <!-- Hero -->
+  <section class="hero-home">
+    <div class="hero-text">
+      <div class="hero-eyebrow">Riddle<strong style="color: var(--kern-accent);">&amp;</strong>Code — {{ hero_location }}</div>
+      <h1>
+        {{ hero_h1 }}
+      </h1>
+      <p class="hero-sub">
+        {{ hero_sub }}
+      </p>
+      <div class="hero-actions">
+        <a href="/kern/" class="btn btn-primary">{{ hero_cta_primary }}</a>
+        <a href="/company/get-in-touch.html" class="btn btn-secondary">{{ hero_cta_secondary }}</a>
+      </div>
+    </div>
+
+    <!-- KERN logo -->
+    <div class="hero-logo">
+      <svg class="hero-logo-rings" viewBox="0 0 220 220" width="220" height="220" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="KERN">
+        <circle cx="110" cy="110" r="100" fill="none" stroke="#ffffff" stroke-width="1"   opacity="0.10"/>
+        <circle cx="110" cy="110" r="76"  fill="none" stroke="#ffffff" stroke-width="1.2" opacity="0.22"/>
+        <circle cx="110" cy="110" r="54"  fill="none" stroke="#ffffff" stroke-width="1.5" opacity="0.40"/>
+        <circle cx="110" cy="110" r="34"  fill="none" stroke="#F59E0B" stroke-width="1.8" opacity="0.60"/>
+        <circle cx="110" cy="110" r="16"  fill="none" stroke="#F59E0B" stroke-width="2.5" opacity="0.85"/>
+        <circle cx="110" cy="110" r="6"   fill="#F59E0B"/>
+      </svg>
+      <span class="hero-logo-wordmark">KERN</span>
+    </div>
+  </section>
+
+  <!-- Audience cards -->
+  <section class="audience-section">
+    <p class="section-label">{{ audience_label }}</p>
+    <div class="audience-grid">
+
+      <a href="/kern/for-aggregators.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>
+          </svg>
+        </div>
+        <h3>{{ aggregators_h3 }}</h3>
+        <p>{{ aggregators_p }}</p>
+        <span class="card-link">{{ aggregators_link }}</span>
+      </a>
+
+      <a href="/kern/for-utilities.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+            <polyline points="9 22 9 12 15 12 15 22"/>
+          </svg>
+        </div>
+        <h3>{{ utilities_h3 }}</h3>
+        <p>{{ utilities_p }}</p>
+        <span class="card-link">{{ utilities_link }}</span>
+      </a>
+
+      <a href="/kern/for-communities.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="12" cy="12" r="10"/>
+            <line x1="2" y1="12" x2="22" y2="12"/>
+            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
+          </svg>
+        </div>
+        <h3>{{ communities_h3 }}</h3>
+        <p>{{ communities_p }}</p>
+        <span class="card-link">{{ communities_link }}</span>
+      </a>
+
+      <a href="/kern/for-platforms.html" class="audience-card">
+        <div class="audience-icon">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <rect x="2" y="3" width="20" height="14" rx="2"/>
+            <line x1="8" y1="21" x2="16" y2="21"/>
+            <line x1="12" y1="17" x2="12" y2="21"/>
+          </svg>
+        </div>
+        <h3>{{ platforms_h3 }}</h3>
+        <p>{{ platforms_p }}</p>
+        <span class="card-link">{{ platforms_link }}</span>
+      </a>
+
+    </div>
+  </section>
+
+  <!-- Operative loop -->
+  <section class="loop-section">
+    <div class="loop-inner">
+      <h2>{{ loop_h2 }}</h2>
+      <p class="loop-sub">{{ loop_sub }}</p>
+
+      <div class="loop-steps">
+        <div class="loop-step">
+          <div class="loop-num">1</div>
+          <div class="loop-step-label">{{ loop_step1_label }}</div>
+          <div class="loop-step-desc">{{ loop_step1_desc }}</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">2</div>
+          <div class="loop-step-label">{{ loop_step2_label }}</div>
+          <div class="loop-step-desc">{{ loop_step2_desc }}</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">3</div>
+          <div class="loop-step-label">{{ loop_step3_label }}</div>
+          <div class="loop-step-desc">{{ loop_step3_desc }}</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">4</div>
+          <div class="loop-step-label">{{ loop_step4_label }}</div>
+          <div class="loop-step-desc">{{ loop_step4_desc }}</div>
+        </div>
+        <div class="loop-arrow">→</div>
+        <div class="loop-step">
+          <div class="loop-num">5</div>
+          <div class="loop-step-label">{{ loop_step5_label }}</div>
+          <div class="loop-step-desc">{{ loop_step5_desc }}</div>
+        </div>
+      </div>
+
+      <div class="loop-callout">
+        {{ loop_callout }}
+      </div>
+    </div>
+  </section>
+
+  <!-- Reference -->
+  <section class="reference-section">
+    <div class="reference-card">
+      <span class="reference-tag">{{ ref_tag }}</span>
+      <h2>{{ ref_h2 }}</h2>
+      <div class="reference-proof">
+        <div class="proof-item"><div class="proof-dot"></div> {{ ref_proof1 }}</div>
+        <div class="proof-item"><div class="proof-dot"></div> {{ ref_proof2 }}</div>
+        <div class="proof-item"><div class="proof-dot"></div> {{ ref_proof3 }}</div>
+      </div>
+      <p style="color: var(--text-muted); font-size:0.9rem; margin-bottom:1.5rem;">
+        {{ ref_visit }}
+      </p>
+      <a href="/references/" class="btn btn-secondary">{{ ref_cta }}</a>
+    </div>
+  </section>
+
+  <!-- Final CTA -->
+  <section class="cta-home">
+    <h2>{{ cta_h2 }}</h2>
+    <p>{{ cta_p }}</p>
+    <div class="hero-actions">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">{{ cta_primary }}</a>
+      <a href="/technology/" class="btn btn-secondary">{{ cta_secondary }}</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+
+</body>
+</html>
diff --git a/templates/kern/for-aggregators.html b/templates/kern/for-aggregators.html
new file mode 100644
index 0000000..c31cd82
--- /dev/null
+++ b/templates/kern/for-aggregators.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>{{ ka_meta_title }}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="{{ ka_meta_desc }}"/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-aggregators.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-aggregators.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-aggregators.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    /* Loop */
+    .loop-block { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .loop-block pre { color:var(--text-secondary); font-size:0.85rem; line-height:2; white-space:pre-wrap; }
+    .loop-block .highlight { color:var(--primary-green); font-weight:600; }
+    /* Reference */
+    .reference-strip { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; margin-bottom:var(--spacing-lg); display:flex; gap:2rem; align-items:flex-start; flex-wrap:wrap; }
+    .reference-quote { font-size:1rem; color:var(--text-secondary); line-height:1.7; flex:1; min-width:240px; font-style:italic; }
+    .reference-meta { font-size:0.8rem; color:var(--text-muted); margin-top:0.75rem; font-style:normal; }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">{{ ka_eyebrow }}</span>
+    <h1>{{ ka_h1 }}</h1>
+    <p class="lead">{{ ka_lead }}</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ ka_pains_h2 }}</h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ ka_pain1_title }}</div>
+          <div class="split-desc">{{ ka_pain1_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ ka_pain1_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ ka_pain2_title }}</div>
+          <div class="split-desc">{{ ka_pain2_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ ka_pain2_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ ka_pain3_title }}</div>
+          <div class="split-desc">{{ ka_pain3_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ ka_pain3_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ ka_pain4_title }}</div>
+          <div class="split-desc">{{ ka_pain4_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ ka_pain4_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ ka_pain5_title }}</div>
+          <div class="split-desc">{{ ka_pain5_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ ka_pain5_sol }}</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Operative loop -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ ka_loop_h2 }}</h2>
+    <div class="loop-block">
+<pre><span class="highlight">1. FORECAST</span>  (rolling, 24h ahead)
+   KERN calculates per asset and portfolio:
+   what flexibility is available, when?
+   → Output: flexibility profile (MW, time window, confidence)
+   → Basis for your bidding strategy
+
+<span class="highlight">2. DEMAND</span>  (flexibility signal from you / market)
+   You place bids based on the forecast.
+   On award, the demand signal comes back:
+   "X kW, time window T, direction reduce/increase"
+
+<span class="highlight">3. REBALANCE</span>  (forecast vs. actual state)
+   KERN compares the demand signal against current
+   asset state in real-time: weather, state of charge,
+   current load, failures.
+   Deviation from forecast → KERN reacts autonomously.
+
+<span class="highlight">4. DISPATCH</span>  (autonomous local control)
+   KERN decides which assets to control — BESS, HVAC,
+   EV chargers, PV curtailment — via Zigbee or MIOTY.
+   Execution confirmed.
+
+<span class="highlight">5. CONFIRMATION</span>
+   Fulfillment status back to you in real-time.
+   Next forecast cycle starts.</pre>
+    </div>
+    <p style="color:var(--text-muted); font-size:0.9rem; text-align:center;">
+      {{ ka_loop_note }}
+    </p>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Reference -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ ka_ref_h2 }}</h2>
+    <div class="reference-strip">
+      <div>
+        <div class="reference-quote">
+          "{{ ka_ref_quote }}"
+          <div class="reference-meta">{{ ka_ref_meta }}</div>
+        </div>
+      </div>
+      <a href="/references/" class="btn btn-secondary" style="flex-shrink:0;align-self:center;">See full reference →</a>
+    </div>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>{{ ka_cta_h2 }}</h2>
+    <p>{{ ka_cta_p }}</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+      <a href="/technology/" class="btn btn-secondary">Explore the Technology</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/templates/kern/for-communities.html b/templates/kern/for-communities.html
new file mode 100644
index 0000000..18c1467
--- /dev/null
+++ b/templates/kern/for-communities.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>{{ kc_meta_title }}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="{{ kc_meta_desc }}"/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-communities.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-communities.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-communities.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    .loop-block { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .loop-block pre { color:var(--text-secondary); font-size:0.85rem; line-height:2; white-space:pre-wrap; }
+    .loop-block .highlight { color:var(--primary-green); font-weight:600; }
+    .feature-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.25rem; margin-bottom:var(--spacing-lg); }
+    .feature-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; }
+    .feature-card h3 { font-size:0.95rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .feature-card p { font-size:0.85rem; color:var(--text-muted); line-height:1.6; }
+    .partner-box { background:rgba(245,158,11,0.04); border:1px solid rgba(245,158,11,0.15); border-radius:12px; padding:2rem; margin-bottom:var(--spacing-lg); }
+    .partner-box h3 { font-size:1rem; font-weight:600; color:var(--primary-green); margin-bottom:0.75rem; }
+    .partner-box p { font-size:0.9rem; color:var(--text-muted); line-height:1.7; }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">{{ kc_eyebrow }}</span>
+    <h1>{{ kc_h1 }}</h1>
+    <p class="lead">{{ kc_lead }}</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ kc_pains_h2 }}</h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ kc_pain1_title }}</div>
+          <div class="split-desc">{{ kc_pain1_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ kc_pain1_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ kc_pain2_title }}</div>
+          <div class="split-desc">{{ kc_pain2_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ kc_pain2_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ kc_pain3_title }}</div>
+          <div class="split-desc">{{ kc_pain3_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ kc_pain3_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ kc_pain4_title }}</div>
+          <div class="split-desc">{{ kc_pain4_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ kc_pain4_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ kc_pain5_title }}</div>
+          <div class="split-desc">{{ kc_pain5_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ kc_pain5_sol }}</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Loop -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ kc_loop_h2 }}</h2>
+    <div class="loop-block">
+<pre><span class="highlight">1. REAL-TIME MONITORING</span>
+   KERN tracks generation and consumption of all members
+   continuously — at meter level, in real-time.
+
+<span class="highlight">2. COMMUNITY OPTIMISATION</span>  (24h forecast + real-time)
+   KERN forecasts generation (PV) and consumption per member.
+   Goal: maximise shared self-consumption —
+   who needs what, when, and what is available right now?
+
+<span class="highlight">3. AUTONOMOUS CONTROL</span>
+   KERN steers shared storage, controllable loads and feed-in
+   points to keep as much energy within the community as possible.
+   No manual intervention required.
+
+<span class="highlight">4. FLEXIBILITY</span>  (optional)
+   Surplus or forecastable flexibility can be offered as a 24h
+   forecast to an aggregator or grid operator and dispatched
+   on demand — confirmed back to the requesting party.</pre>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Features -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ kc_features_h2 }}</h2>
+    <div class="feature-grid">
+      <div class="feature-card">
+        <h3>{{ kc_feat1_h3 }}</h3>
+        <p>{{ kc_feat1_p }}</p>
+      </div>
+      <div class="feature-card">
+        <h3>{{ kc_feat2_h3 }}</h3>
+        <p>{{ kc_feat2_p }}</p>
+      </div>
+      <div class="feature-card">
+        <h3>{{ kc_feat3_h3 }}</h3>
+        <p>{{ kc_feat3_p }}</p>
+      </div>
+      <div class="feature-card">
+        <h3>{{ kc_feat4_h3 }}</h3>
+        <p>{{ kc_feat4_p }}</p>
+      </div>
+      <div class="feature-card">
+        <h3>{{ kc_feat5_h3 }}</h3>
+        <p>{{ kc_feat5_p }}</p>
+      </div>
+      <div class="feature-card">
+        <h3>{{ kc_feat6_h3 }}</h3>
+        <p>{{ kc_feat6_p }}</p>
+      </div>
+    </div>
+
+    <!-- Partner box -->
+    <div class="partner-box">
+      <h3>{{ kc_partner_h3 }}</h3>
+      <p>{{ kc_partner_p }}</p>
+      <a href="/company/get-in-touch.html" style="display:inline-block;margin-top:1rem;" class="btn btn-secondary">{{ kc_partner_cta }}</a>
+    </div>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>{{ kc_cta_h2 }}</h2>
+    <p>{{ kc_cta_p }}</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">Book a Demo</a>
+      <a href="/technology/" class="btn btn-secondary">Explore the Technology</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/templates/kern/for-platforms.html b/templates/kern/for-platforms.html
new file mode 100644
index 0000000..e767de3
--- /dev/null
+++ b/templates/kern/for-platforms.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>{{ kp_meta_title }}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="{{ kp_meta_desc }}"/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-platforms.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-platforms.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-platforms.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    .stack-visual { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .stack-visual pre { color:var(--text-secondary); font-size:0.85rem; line-height:1.9; white-space:pre-wrap; }
+    .stack-visual .highlight { color:var(--primary-green); font-weight:600; }
+    .stack-visual .dim { color:#444; }
+    .what-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.25rem; margin-bottom:var(--spacing-lg); }
+    .what-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; }
+    .what-card h3 { font-size:0.95rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .what-card p { font-size:0.85rem; color:var(--text-muted); line-height:1.6; }
+    .integration-table { width:100%; border-collapse:collapse; margin-bottom:var(--spacing-lg); }
+    .integration-table th { text-align:left; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); padding:0.75rem 1rem; border-bottom:1px solid #222; }
+    .integration-table td { padding:1rem; font-size:0.875rem; color:var(--text-secondary); border-bottom:1px solid #2a3850; vertical-align:top; }
+    .integration-table tr:last-child td { border-bottom:none; }
+    .tag { display:inline-block; font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; padding:0.2rem 0.6rem; border-radius:4px; background:rgba(245,158,11,0.1); color:var(--primary-green); }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">{{ kp_eyebrow }}</span>
+    <h1>{{ kp_h1 }}</h1>
+    <p class="lead">{{ kp_lead }}</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">{{ kp_hero_cta }}</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Stack visual -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ kp_stack_h2 }}</h2>
+    <div class="stack-visual">
+<pre><span class="dim">Market / TSO / Grid Operator</span>
+         ↓
+<span class="dim">┌─────────────────────────────────────────────┐
+│         YOUR PLATFORM                       │
+│  VPP optimisation · Bidding · Redispatch    │
+│  Trading · Reporting                        │
+└─────────────────┬───────────────────────────┘</span>
+                  │  <span class="highlight">Normalised telemetry feed</span>
+                  │  <span class="highlight">Dispatch commands + confirmation</span>
+                  │  <span class="highlight">24h flexibility forecast</span>
+<span class="highlight">┌─────────────────▼───────────────────────────┐
+│         KERN                           │
+│  Asset management · Autonomous dispatch     │
+│  Real-time optimisation · Forecasting       │
+└─────────────────┬───────────────────────────┘</span>
+                  │
+         Zigbee Mesh  ·  MIOTY
+                  │
+<span class="dim">┌─────────────────▼───────────────────────────┐
+│  PV · BESS · Heat pumps · EV chargers       │
+│  CHP · Controllable loads · Microgrids      │
+└─────────────────────────────────────────────┘</span></pre>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ kp_pains_h2 }}</h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ kp_pain1_title }}</div>
+          <div class="split-desc">{{ kp_pain1_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ kp_pain1_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ kp_pain2_title }}</div>
+          <div class="split-desc">{{ kp_pain2_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ kp_pain2_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ kp_pain3_title }}</div>
+          <div class="split-desc">{{ kp_pain3_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ kp_pain3_sol }}</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- What KERN delivers -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ kp_what_h2 }}</h2>
+    <div class="what-grid">
+      <div class="what-card">
+        <h3>{{ kp_what1_h3 }}</h3>
+        <p>{{ kp_what1_p }}</p>
+      </div>
+      <div class="what-card">
+        <h3>{{ kp_what2_h3 }}</h3>
+        <p>{{ kp_what2_p }}</p>
+      </div>
+      <div class="what-card">
+        <h3>{{ kp_what3_h3 }}</h3>
+        <p>{{ kp_what3_p }}</p>
+      </div>
+      <div class="what-card">
+        <h3>{{ kp_what4_h3 }}</h3>
+        <p>{{ kp_what4_p }}</p>
+      </div>
+    </div>
+
+    <h2 class="section-heading" style="margin-top:var(--spacing-md);">{{ kp_integ_h2 }}</h2>
+    <table class="integration-table">
+      <thead>
+        <tr>
+          <th>{{ kp_integ_th1 }}</th>
+          <th>{{ kp_integ_th2 }}</th>
+          <th>{{ kp_integ_th3 }}</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><strong>{{ kp_integ1_model }}</strong></td>
+          <td>{{ kp_integ1_desc }}</td>
+          <td><span class="tag">Low</span></td>
+        </tr>
+        <tr>
+          <td><strong>{{ kp_integ2_model }}</strong></td>
+          <td>{{ kp_integ2_desc }}</td>
+          <td><span class="tag">Medium</span></td>
+        </tr>
+        <tr>
+          <td><strong>{{ kp_integ3_model }}</strong></td>
+          <td>{{ kp_integ3_desc }}</td>
+          <td><span class="tag">Minimal</span></td>
+        </tr>
+      </tbody>
+    </table>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>{{ kp_cta_h2 }}</h2>
+    <p>{{ kp_cta_p }}</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">{{ kp_cta_primary }}</a>
+      <a href="/technology/" class="btn btn-secondary">Explore the Technology</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/templates/kern/for-utilities.html b/templates/kern/for-utilities.html
new file mode 100644
index 0000000..6179ef9
--- /dev/null
+++ b/templates/kern/for-utilities.html
@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>{{ ku_meta_title }}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="{{ ku_meta_desc }}"/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/for-utilities.html"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/for-utilities.html"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/for-utilities.html"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.8rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:600px; line-height:1.7; margin-bottom:2rem; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:2rem; }
+    .section-heading strong { font-weight:600; }
+    .usecase-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; margin-bottom:var(--spacing-lg); }
+    .usecase-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; }
+    .usecase-num { font-size:0.75rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.75rem; }
+    .usecase-card h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.75rem; }
+    .usecase-card p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    .reference-strip { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; margin-bottom:var(--spacing-lg); }
+    .reference-stack { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; margin-top:1.5rem; }
+    .stack-item { background:#16202f; border:1px solid #222; border-radius:8px; padding:1rem 1.25rem; }
+    .stack-item .stack-label { font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:0.25rem; }
+    .stack-item .stack-value { font-size:0.9rem; color:var(--text-secondary); }
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">{{ ku_eyebrow }}</span>
+    <h1>{{ ku_h1 }}</h1>
+    <p class="lead">{{ ku_lead }}</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">{{ shared_book_demo }}</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Pains -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ ku_pains_h2 }}</h2>
+    <div class="split-list">
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ ku_pain1_title }}</div>
+          <div class="split-desc">{{ ku_pain1_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ ku_pain1_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ ku_pain2_title }}</div>
+          <div class="split-desc">{{ ku_pain2_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ ku_pain2_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ ku_pain3_title }}</div>
+          <div class="split-desc">{{ ku_pain3_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ ku_pain3_sol }}</div>
+        </div>
+      </div>
+
+      <div class="split-row">
+        <div class="split-problem">
+          <span class="split-label">Problem</span>
+          <div class="split-title">{{ ku_pain4_title }}</div>
+          <div class="split-desc">{{ ku_pain4_desc }}</div>
+        </div>
+        <div class="split-solution">
+          <span class="split-label">KERN</span>
+          <div class="split-answer">{{ ku_pain4_sol }}</div>
+        </div>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Use cases -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ ku_cases_h2 }}</h2>
+    <div class="usecase-grid">
+
+      <div class="usecase-card">
+        <div class="usecase-num">{{ ku_case1_num }}</div>
+        <h3>{{ ku_case1_h3 }}</h3>
+        <p>{{ ku_case1_p }}</p>
+      </div>
+
+      <div class="usecase-card">
+        <div class="usecase-num">{{ ku_case2_num }}</div>
+        <h3>{{ ku_case2_h3 }}</h3>
+        <p>{{ ku_case2_p }}</p>
+      </div>
+
+      <div class="usecase-card">
+        <div class="usecase-num">{{ ku_case3_num }}</div>
+        <h3>{{ ku_case3_h3 }}</h3>
+        <p>{{ ku_case3_p }}</p>
+      </div>
+
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Reference -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ ku_ref_h2 }}</h2>
+    <div class="reference-strip">
+      <p style="color:var(--text-muted); font-size:0.95rem; margin-bottom:1.25rem;">
+        {{ ku_ref_intro }}
+      </p>
+      <div class="reference-stack">
+        <div class="stack-item">
+          <div class="stack-label">{{ ku_ref_grid_label }}</div>
+          <div class="stack-value">{{ ku_ref_grid_value }}</div>
+        </div>
+        <div class="stack-item">
+          <div class="stack-label">{{ ku_ref_agg_label }}</div>
+          <div class="stack-value">{{ ku_ref_agg_value }}</div>
+        </div>
+        <div class="stack-item">
+          <div class="stack-label">{{ ku_ref_comm_label }}</div>
+          <div class="stack-value">{{ ku_ref_comm_value }}</div>
+        </div>
+      </div>
+      <p style="color:var(--text-muted); font-size:0.85rem; margin-top:1.25rem;">{{ ku_ref_note }}</p>
+    </div>
+    <a href="/references/" class="btn btn-secondary">{{ shared_see_ref }}</a>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>{{ ku_cta_h2 }}</h2>
+    <p>{{ ku_cta_p }}</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">{{ shared_book_demo }}</a>
+      <a href="/technology/" class="btn btn-secondary">{{ shared_explore_tech }}</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/templates/kern/index.html b/templates/kern/index.html
new file mode 100644
index 0000000..862b44e
--- /dev/null
+++ b/templates/kern/index.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>{{ ki_meta_title }}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="{{ ki_meta_desc }}"/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/kern/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/kern/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/kern/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); text-align:center; }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.5rem,5vw,4rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1.25rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1.1rem; color:var(--text-muted); max-width:620px; margin:0 auto 2.5rem; line-height:1.7; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.5rem; }
+    .section-heading strong { font-weight:600; }
+    .section-sub { color:var(--text-muted); font-size:0.95rem; margin-bottom:2rem; }
+    .concept-box { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); text-align:center; }
+    .concept-box .big-statement { font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:300; color:var(--text-primary); line-height:1.4; margin-bottom:1.5rem; }
+    .concept-box .big-statement strong { font-weight:600; color:var(--primary-green); }
+    .concept-box .sub { color:var(--text-muted); font-size:0.95rem; max-width:560px; margin:0 auto; }
+    .context-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-bottom:var(--spacing-lg); }
+    .context-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; }
+    .context-card h3 { font-size:0.9rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .context-card p { font-size:0.82rem; color:var(--text-muted); line-height:1.6; }
+    .modes-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.25rem; margin-bottom:var(--spacing-lg); }
+    .mode-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.75rem; }
+    .mode-num { font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.5rem; }
+    .mode-card h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .mode-card p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    .conn-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-bottom:var(--spacing-lg); }
+    @media(max-width:600px){ .conn-grid { grid-template-columns:1fr; } }
+    .conn-card { background:var(--card-bg); border:1px solid #2e3d52; border-radius:12px; padding:2rem; }
+    .conn-card h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .conn-card .conn-use { font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; color:var(--primary-green); margin-bottom:0.75rem; }
+    .conn-card p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    .audience-nav { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-bottom:var(--spacing-lg); }
+    .audience-link { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.5rem; text-decoration:none; color:inherit; transition:border-color 0.2s, transform 0.2s; display:flex; flex-direction:column; gap:0.5rem; }
+    .audience-link:hover { border-color:rgba(245,158,11,0.3); transform:translateY(-2px); }
+    .audience-link h3 { font-size:0.95rem; font-weight:600; color:var(--text-primary); }
+    .audience-link p { font-size:0.82rem; color:var(--text-muted); line-height:1.5; }
+    .audience-link .link-cta { font-size:0.8rem; color:var(--primary-green); font-weight:500; margin-top:auto; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+  <div id="kern-product-bar-placeholder"></div>
+  <script src="/scripts/load-kern-product-bar.js"></script>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">{{ ki_eyebrow }}</span>
+    <h1>{{ ki_h1 }}</h1>
+    <p class="lead">{{ ki_lead }}</p>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">{{ shared_book_demo }}</a>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Core concept -->
+  <section class="content-section">
+    <div class="concept-box">
+      <div class="big-statement">{{ ki_concept_stmt }}</div>
+      <p class="sub">{{ ki_concept_sub }}</p>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Four contexts -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ ki_contexts_h2 }}</h2>
+    <p class="section-sub">{{ ki_contexts_sub }}</p>
+    <div class="context-grid">
+      <div class="context-card">
+        <h3>{{ ki_ctx_household_h3 }}</h3>
+        <p>{{ ki_ctx_household_p }}</p>
+      </div>
+      <div class="context-card">
+        <h3>{{ ki_ctx_ci_h3 }}</h3>
+        <p>{{ ki_ctx_ci_p }}</p>
+      </div>
+      <div class="context-card">
+        <h3>{{ ki_ctx_micro_h3 }}</h3>
+        <p>{{ ki_ctx_micro_p }}</p>
+      </div>
+      <div class="context-card">
+        <h3>{{ ki_ctx_esc_h3 }}</h3>
+        <p>{{ ki_ctx_esc_p }}</p>
+      </div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Optimisation modes -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ ki_modes_h2 }}</h2>
+    <p class="section-sub">{{ ki_modes_sub }}</p>
+    <div class="modes-grid">
+      <div class="mode-card">
+        <div class="mode-num">{{ ki_mode1_num }}</div>
+        <h3>{{ ki_mode1_h3 }}</h3>
+        <p>{{ ki_mode1_p }}</p>
+      </div>
+      <div class="mode-card">
+        <div class="mode-num">{{ ki_mode2_num }}</div>
+        <h3>{{ ki_mode2_h3 }}</h3>
+        <p>{{ ki_mode2_p }}</p>
+      </div>
+      <div class="mode-card">
+        <div class="mode-num">{{ ki_mode3_num }}</div>
+        <h3>{{ ki_mode3_h3 }}</h3>
+        <p>{{ ki_mode3_p }}</p>
+      </div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Connectivity -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ ki_conn_h2 }}</h2>
+    <p class="section-sub">{{ ki_conn_sub }}</p>
+    <div class="conn-grid">
+      <div class="conn-card">
+        <div class="conn-use">{{ ki_zigbee_use }}</div>
+        <h3>{{ ki_zigbee_h3 }}</h3>
+        <p>{{ ki_zigbee_p }}</p>
+      </div>
+      <div class="conn-card">
+        <div class="conn-use">{{ ki_mioty_use }}</div>
+        <h3>{{ ki_mioty_h3 }}</h3>
+        <p>{{ ki_mioty_p }}</p>
+      </div>
+    </div>
+    <a href="/technology/" class="btn btn-secondary">{{ ki_tech_link }}</a>
+  </section>
+
+  <hr class="divider">
+
+  <!-- For whom -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ ki_forwhom_h2 }}</h2>
+    <div class="audience-nav">
+      <a href="/kern/for-aggregators.html" class="audience-link">
+        <h3>{{ ki_role_agg_h3 }}</h3>
+        <p>{{ ki_role_agg_p }}</p>
+        <span class="link-cta">{{ ki_role_agg_link }}</span>
+      </a>
+      <a href="/kern/for-utilities.html" class="audience-link">
+        <h3>{{ ki_role_util_h3 }}</h3>
+        <p>{{ ki_role_util_p }}</p>
+        <span class="link-cta">{{ ki_role_util_link }}</span>
+      </a>
+      <a href="/kern/for-communities.html" class="audience-link">
+        <h3>{{ ki_role_comm_h3 }}</h3>
+        <p>{{ ki_role_comm_p }}</p>
+        <span class="link-cta">{{ ki_role_comm_link }}</span>
+      </a>
+      <a href="/kern/for-platforms.html" class="audience-link">
+        <h3>{{ ki_role_vpp_h3 }}</h3>
+        <p>{{ ki_role_vpp_p }}</p>
+        <span class="link-cta">{{ ki_role_vpp_link }}</span>
+      </a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/templates/references/index.html b/templates/references/index.html
new file mode 100644
index 0000000..d06911a
--- /dev/null
+++ b/templates/references/index.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>{{ rp_meta_title }}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="{{ rp_meta_desc }}"/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/references/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/references/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/references/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); text-align:center; }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.5rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1rem; color:var(--text-muted); max-width:560px; margin:0 auto; line-height:1.7; }
+    .content-section { max-width:1000px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    /* Main reference card */
+    .ref-card { background:var(--card-bg); border:1px solid #222; border-radius:16px; overflow:hidden; margin-bottom:var(--spacing-lg); }
+    .ref-card-header { background:#16202f; border-bottom:1px solid #2a3850; padding:2rem 2.5rem; }
+    .ref-card-header .ref-tag { font-size:0.72rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.75rem; display:block; }
+    .ref-card-header h2 { font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:300; color:var(--text-primary); line-height:1.35; }
+    .ref-card-header h2 strong { font-weight:600; }
+    .ref-card-body { padding:2.5rem; }
+    .stack-items { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.25rem; margin-bottom:2rem; }
+    .stack-item { background:#1C2333; border:1px solid #2a3850; border-radius:10px; padding:1.25rem; }
+    .stack-item .si-label { font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--primary-green); margin-bottom:0.4rem; }
+    .stack-item .si-title { font-size:0.9rem; font-weight:600; color:var(--text-primary); margin-bottom:0.35rem; }
+    .stack-item .si-desc { font-size:0.8rem; color:var(--text-muted); line-height:1.5; }
+    .ref-visit { background:rgba(245,158,11,0.05); border:1px solid rgba(245,158,11,0.15); border-radius:10px; padding:1.5rem; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; }
+    .ref-visit p { font-size:0.9rem; color:var(--text-secondary); line-height:1.6; flex:1; }
+    /* Coming soon */
+    .coming-soon { background:var(--card-bg); border:1px dashed #222; border-radius:12px; padding:2.5rem; text-align:center; margin-bottom:var(--spacing-lg); }
+    .coming-soon h3 { font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .coming-soon p { font-size:0.875rem; color:var(--text-muted); line-height:1.6; }
+    /* CTA */
+    .cta-strip { text-align:center; padding:var(--spacing-lg) 2rem; }
+    .cta-strip h2 { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.75rem; }
+    .cta-strip p { color:var(--text-muted); margin-bottom:2rem; }
+    .btn-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+    .ref-image { border-radius:12px; overflow:hidden; border:1px solid #2e3d52; margin-bottom:var(--spacing-md); }
+    .ref-image img { display:block; width:100%; height:auto; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">{{ rp_eyebrow }}</span>
+    <h1>{{ rp_h1 }}</h1>
+    <p class="lead">{{ rp_lead }}</p>
+  </div>
+
+  <hr class="divider">
+
+  <section class="content-section">
+
+    <!-- Live installation photo -->
+    <div class="ref-image">
+      <img src="/images/6401f477a5a79419a904f904_r&amp;c_mypwr.jpg"
+           alt="R&amp;C KERN — live installation" loading="lazy">
+    </div>
+
+    <!-- Main reference -->
+    <div class="ref-card">
+      <div class="ref-card-header">
+        <span class="ref-tag">{{ rp_ref_tag }}</span>
+        <h2>{{ rp_ref_h2 }}</h2>
+      </div>
+      <div class="ref-card-body">
+        <div class="stack-items">
+
+          <div class="stack-item">
+            <div class="si-label">{{ rp_item1_label }}</div>
+            <div class="si-title">{{ rp_item1_title }}</div>
+            <div class="si-desc">{{ rp_item1_desc }}</div>
+          </div>
+
+          <div class="stack-item">
+            <div class="si-label">{{ rp_item2_label }}</div>
+            <div class="si-title">{{ rp_item2_title }}</div>
+            <div class="si-desc">{{ rp_item2_desc }}</div>
+          </div>
+
+          <div class="stack-item">
+            <div class="si-label">{{ rp_item3_label }}</div>
+            <div class="si-title">{{ rp_item3_title }}</div>
+            <div class="si-desc">{{ rp_item3_desc }}</div>
+          </div>
+
+        </div>
+
+        <div class="ref-visit">
+          <p>
+            <strong style="color:var(--text-primary);">{{ rp_visit_strong }}</strong><br>
+            {{ rp_visit_p }}
+          </p>
+          <a href="/company/get-in-touch.html" class="btn btn-primary">{{ rp_visit_cta }}</a>
+        </div>
+      </div>
+    </div>
+
+    <!-- Coming soon -->
+    <div class="coming-soon">
+      <h3>{{ rp_soon_h3 }}</h3>
+      <p>{{ rp_soon_p }}<br>
+      <a href="/company/get-in-touch.html" style="color:var(--primary-green);">{{ rp_soon_link }}</a> {{ rp_soon_suffix }}</p>
+    </div>
+
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-strip">
+    <h2>{{ rp_cta_h2 }}</h2>
+    <p>{{ rp_cta_p }}</p>
+    <div class="btn-row">
+      <a href="/company/get-in-touch.html" class="btn btn-primary">{{ rp_cta_primary }}</a>
+      <a href="/kern/" class="btn btn-secondary">{{ rp_cta_secondary }}</a>
+    </div>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>
diff --git a/templates/technology/index.html b/templates/technology/index.html
new file mode 100644
index 0000000..41f0ef2
--- /dev/null
+++ b/templates/technology/index.html
@@ -0,0 +1,253 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}" data-ga-id="G-6PKLPEVZNF">
+<head>
+  <meta charset="utf-8"/>
+  <title>{{ tech_meta_title }}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <meta name="description" content="{{ tech_meta_desc }}"/>
+  <link rel="alternate" hreflang="en" href="https://riddleandcode.com/technology/"/>
+  <link rel="alternate" hreflang="de" href="https://riddleandcode.com/de/technology/"/>
+  <link rel="alternate" hreflang="x-default" href="https://riddleandcode.com/technology/"/>
+  <link rel="stylesheet" href="/styles/main.css">
+  <script src="/scripts/main.js" defer></script>
+  <style>
+    .page-hero { max-width:1100px; margin:0 auto; padding:var(--spacing-xl) 2rem var(--spacing-lg); text-align:center; }
+    .page-eyebrow { font-size:0.78rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary-green); margin-bottom:1rem; display:block; }
+    .page-hero h1 { font-size:clamp(2.2rem,4.5vw,3.5rem); font-weight:300; color:var(--text-primary); line-height:1.1; margin-bottom:1rem; letter-spacing:-0.02em; }
+    .page-hero h1 strong { font-weight:600; }
+    .page-hero .lead { font-size:1rem; color:var(--text-muted); max-width:580px; margin:0 auto; line-height:1.7; }
+    .content-section { max-width:1100px; margin:0 auto; padding:var(--spacing-md) 2rem; }
+    .section-heading { font-size:clamp(1.4rem,2.8vw,2rem); font-weight:300; color:var(--text-primary); margin-bottom:0.5rem; }
+    .section-heading strong { font-weight:600; }
+    .section-sub { color:var(--text-muted); font-size:0.9rem; margin-bottom:2rem; }
+    /* Connectivity compare */
+    .conn-compare { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-bottom:2rem; }
+    @media(max-width:600px){ .conn-compare { grid-template-columns:1fr; } }
+    .conn-card { border:1px solid #2e3d52; border-radius:12px; padding:2rem; }
+    .conn-card.primary { background:rgba(245,158,11,0.04); border-color:rgba(245,158,11,0.2); }
+    .conn-card .conn-badge { font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--primary-green); margin-bottom:0.75rem; }
+    .conn-card h3 { font-size:1.1rem; font-weight:600; color:var(--text-primary); margin-bottom:0.5rem; }
+    .conn-card .conn-use { font-size:0.85rem; color:var(--text-muted); margin-bottom:1.25rem; font-style:italic; }
+    .spec-list { list-style:none; display:flex; flex-direction:column; gap:0.5rem; }
+    .spec-list li { display:flex; justify-content:space-between; align-items:baseline; font-size:0.85rem; padding-bottom:0.5rem; border-bottom:1px solid #2a3850; }
+    .spec-list li:last-child { border-bottom:none; }
+    .spec-key { color:var(--text-muted); }
+    .spec-val { color:var(--text-secondary); font-weight:500; text-align:right; }
+    /* vs table */
+    .vs-table { width:100%; border-collapse:collapse; margin-bottom:var(--spacing-lg); font-size:0.875rem; }
+    .vs-table th { text-align:left; padding:0.75rem 1rem; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.07em; color:var(--text-muted); border-bottom:1px solid #222; }
+    .vs-table th.highlight { color:var(--primary-green); }
+    .vs-table td { padding:0.85rem 1rem; border-bottom:1px solid #2a3850; color:var(--text-secondary); vertical-align:top; }
+    .vs-table td.highlight { color:var(--text-primary); font-weight:500; }
+    .vs-table tr:last-child td { border-bottom:none; }
+    .check { color:var(--primary-green); }
+    .cross { color:#555; }
+    /* Loop */
+    .loop-full { background:#16202f; border:1px solid #2a3850; border-radius:14px; padding:2.5rem; margin-bottom:var(--spacing-lg); font-family:monospace; }
+    .loop-full pre { color:var(--text-secondary); font-size:0.85rem; line-height:2; white-space:pre-wrap; }
+    .loop-full .hl { color:var(--primary-green); font-weight:600; }
+    /* Asset protocols */
+    .protocol-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:0.75rem; margin-bottom:var(--spacing-lg); }
+    .protocol-pill { background:var(--card-bg); border:1px solid #2e3d52; border-radius:8px; padding:0.75rem 1rem; font-size:0.82rem; color:var(--text-secondary); text-align:center; }
+    /* Security */
+    .security-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-bottom:var(--spacing-lg); }
+    .security-item { background:var(--card-bg); border:1px solid #2e3d52; border-radius:10px; padding:1.25rem; }
+    .security-item h4 { font-size:0.875rem; font-weight:600; color:var(--text-primary); margin-bottom:0.35rem; }
+    .security-item p { font-size:0.8rem; color:var(--text-muted); line-height:1.5; }
+    hr.divider { border:none; border-top:1px solid #2a3850; margin:var(--spacing-md) 0; }
+    /* Hardware image */
+    .hw-image-wrap { border-radius:12px; overflow:hidden; border:1px solid #2e3d52; margin-bottom:var(--spacing-lg); }
+    .hw-image-wrap img { display:block; width:100%; height:auto; }
+  </style>
+</head>
+<body>
+  <div id="nav-placeholder"></div>
+
+  <div class="page-hero">
+    <span class="page-eyebrow">{{ tech_eyebrow }}</span>
+    <h1>{{ tech_h1 }}</h1>
+    <p class="lead">{{ tech_lead }}</p>
+  </div>
+
+  <hr class="divider">
+
+  <!-- Hardware image -->
+  <section class="content-section" style="padding-bottom:0;">
+    <div class="hw-image-wrap">
+      <img src="/images/6422963c3fc26ce623d62f21_Hardware_manufacture.jpg"
+           srcset="/images/6422963c3fc26ce623d62f21_Hardware_manufacture-p-500.jpg 500w,
+                   /images/6422963c3fc26ce623d62f21_Hardware_manufacture.jpg 800w"
+           sizes="(max-width:1100px) 100vw, 1100px"
+           alt="KERN hardware device" loading="lazy">
+    </div>
+  </section>
+
+  <!-- Connectivity -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ tech_conn_h2 }}</h2>
+    <p class="section-sub">{{ tech_conn_sub }}</p>
+
+    <div class="conn-compare">
+      <div class="conn-card">
+        <div class="conn-badge">{{ tech_zigbee_badge }}</div>
+        <h3>{{ tech_zigbee_h3 }}</h3>
+        <p class="conn-use">{{ tech_zigbee_use }}</p>
+        <ul class="spec-list">
+          <li><span class="spec-key">Range</span><span class="spec-val">Up to 100m per node, mesh extends coverage</span></li>
+          <li><span class="spec-key">Deployment</span><span class="spec-val">No gateway per room — mesh self-organises</span></li>
+          <li><span class="spec-key">Cost</span><span class="spec-val">Low hardware cost per node</span></li>
+          <li><span class="spec-key">Topology</span><span class="spec-val">Self-healing mesh — resilient to node failure</span></li>
+          <li><span class="spec-key">Use case</span><span class="spec-val">HEMS, C&amp;I facilities, ESC on one campus</span></li>
+        </ul>
+      </div>
+      <div class="conn-card primary">
+        <div class="conn-badge">{{ tech_mioty_badge }}</div>
+        <h3>{{ tech_mioty_h3 }}</h3>
+        <p class="conn-use">{{ tech_mioty_use }}</p>
+        <ul class="spec-list">
+          <li><span class="spec-key">Range</span><span class="spec-val"><strong>10 km</strong> per gateway</span></li>
+          <li><span class="spec-key">Capacity</span><span class="spec-val"><strong>1.5M messages/day</strong> per gateway</span></li>
+          <li><span class="spec-key">Standard</span><span class="spec-val">IEC 62657-1 — purpose-built for energy</span></li>
+          <li><span class="spec-key">Independence</span><span class="spec-val">No LTE, no WiFi required</span></li>
+          <li><span class="spec-key">Latency</span><span class="spec-val">&lt;1 second for dispatch commands</span></li>
+        </ul>
+      </div>
+    </div>
+
+    <h3 style="font-size:1rem; font-weight:600; color:var(--text-primary); margin-bottom:1rem;">{{ tech_vs_h3 }}</h3>
+    <table class="vs-table">
+      <thead>
+        <tr>
+          <th>Capability</th>
+          <th class="highlight">MIOTY</th>
+          <th>LoRaWAN</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td>Standard</td><td class="highlight">IEC 62657-1 (international)</td><td>LoRa Alliance proprietary</td></tr>
+        <tr><td>Range</td><td class="highlight">Up to 10 km</td><td>Up to 5 km</td></tr>
+        <tr><td>Messages/day/gateway</td><td class="highlight">1,500,000</td><td>~50,000</td></tr>
+        <tr><td>Designed for</td><td class="highlight">Energy infrastructure, utility grade</td><td>General IoT sensing</td></tr>
+        <tr><td>Dispatch latency</td><td class="highlight">&lt;1 second</td><td>Seconds to minutes</td></tr>
+        <tr><td>LTE independence</td><td class="highlight"><span class="check">✓</span></td><td><span class="check">✓</span></td></tr>
+      </tbody>
+    </table>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Autonomous loop -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ tech_loop_h2 }}</h2>
+    <p class="section-sub">{{ tech_loop_sub }}</p>
+    <div class="loop-full">
+<pre><span class="hl">1. FORECAST</span>  (rolling, 24h ahead)
+   Per asset: state of charge, PV forecast (weather-based),
+   load forecast (historical patterns), available flexibility window.
+   Per portfolio: aggregated flexibility profile (MW, time, confidence).
+   → Delivered to aggregator / platform as API feed.
+
+<span class="hl">2. DEMAND</span>  (inbound signal)
+   Flexibility signal received from aggregator, utility or market:
+   volume (kW), time window, direction (increase/decrease).
+
+<span class="hl">3. REBALANCE</span>  (real-time delta)
+   KERN compares demand signal against current actual asset state.
+   Detects deviations: weather change, load shift, asset failure.
+   Adjusts dispatch plan autonomously — before deviation becomes critical.
+
+<span class="hl">4. DISPATCH</span>  (autonomous asset control)
+   KERN selects assets, determines control sequence, sends commands.
+   Execution via Zigbee Mesh (contiguous) or MIOTY (distributed).
+   Asset protocols: Modbus, SunSpec, EEBUS, proprietary inverter APIs.
+
+<span class="hl">5. CONFIRMATION</span>
+   Asset-level execution confirmed back to KERN.
+   Fulfillment status reported to aggregator / platform in real-time.
+   Next forecast cycle starts immediately.</pre>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Optimization engine -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ tech_optim_h2 }}</h2>
+    <p class="section-sub">{{ tech_optim_sub }}</p>
+    <div class="security-grid">
+      <div class="security-item">
+        <h4>{{ tech_optim1_h4 }}</h4>
+        <p>{{ tech_optim1_p }}</p>
+      </div>
+      <div class="security-item">
+        <h4>{{ tech_optim2_h4 }}</h4>
+        <p>{{ tech_optim2_p }}</p>
+      </div>
+      <div class="security-item">
+        <h4>{{ tech_optim3_h4 }}</h4>
+        <p>{{ tech_optim3_p }}</p>
+      </div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Asset protocols -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ tech_assets_h2 }}</h2>
+    <p class="section-sub">{{ tech_assets_sub }}</p>
+
+    <p style="font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:0.75rem;">{{ tech_assets_label1 }}</p>
+    <div class="protocol-grid" style="margin-bottom:1.5rem;">
+      <div class="protocol-pill">PV (residential)</div>
+      <div class="protocol-pill">PV (commercial)</div>
+      <div class="protocol-pill">Home storage</div>
+      <div class="protocol-pill">Commercial BESS</div>
+      <div class="protocol-pill">Heat pumps</div>
+      <div class="protocol-pill">EV chargers</div>
+      <div class="protocol-pill">CHP</div>
+      <div class="protocol-pill">Biogas</div>
+      <div class="protocol-pill">Controllable loads</div>
+      <div class="protocol-pill">MV-connected assets</div>
+    </div>
+
+    <p style="font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:0.75rem;">{{ tech_assets_label2 }}</p>
+    <div class="protocol-grid">
+      <div class="protocol-pill">Modbus TCP/RTU</div>
+      <div class="protocol-pill">SunSpec</div>
+      <div class="protocol-pill">EEBUS</div>
+      <div class="protocol-pill">REST API</div>
+      <div class="protocol-pill">OCPP (EV)</div>
+      <div class="protocol-pill">Proprietary inverter APIs</div>
+    </div>
+  </section>
+
+  <hr class="divider">
+
+  <!-- Security & compliance -->
+  <section class="content-section">
+    <h2 class="section-heading">{{ tech_security_h2 }}</h2>
+    <div class="security-grid">
+      <div class="security-item">
+        <h4>{{ tech_sec1_h4 }}</h4>
+        <p>{{ tech_sec1_p }}</p>
+      </div>
+      <div class="security-item">
+        <h4>{{ tech_sec2_h4 }}</h4>
+        <p>{{ tech_sec2_p }}</p>
+      </div>
+      <div class="security-item">
+        <h4>{{ tech_sec3_h4 }}</h4>
+        <p>{{ tech_sec3_p }}</p>
+      </div>
+      <div class="security-item">
+        <h4>{{ tech_sec4_h4 }}</h4>
+        <p>{{ tech_sec4_p }}</p>
+      </div>
+    </div>
+    <a href="/company/get-in-touch.html" class="btn btn-primary">{{ tech_cta }}</a>
+  </section>
+
+  <div id="footer-modern-placeholder"></div>
+</body>
+</html>