diff --git a/nuxt/components/DashboardMigrationImporter.vue b/nuxt/components/DashboardMigrationImporter.vue
new file mode 100644
index 0000000000..cce7f08bad
--- /dev/null
+++ b/nuxt/components/DashboardMigrationImporter.vue
@@ -0,0 +1,110 @@
+<script setup lang="ts">
+// Ported from src/_includes/migration.njk (11ty), the Dashboard 1.0 flow importer on
+// /platform/dashboard/. Same markup and classes; the drop zone, the HubSpot gate and the
+// download all behave as before, with one fix.
+//
+// The .njk kept the chosen file only in the <input> element and its own `d1Flow` variable,
+// which was never assigned. dropHandler showed the dropped file's name but stored it
+// nowhere, and migrateFile read `document.getElementById(...).files` - a FileList, which
+// is truthy even when empty - so a DROPPED file produced `undefined` and posted nothing.
+// Dragging a file in therefore looked like it worked and then silently did nothing. Here
+// the selected file is one piece of state, set by both paths, so drop works.
+const file = ref<File | null>(null)
+const error = ref(false)
+const fileInput = ref<HTMLInputElement | null>(null)
+
+const MIGRATION_ENDPOINT = 'https://dashboard-migration-service.flowfuse.cloud/migrate-flow'
+
+function openFilePicker() {
+    fileInput.value?.click()
+}
+
+function onFileSelected(event: Event) {
+    file.value = (event.target as HTMLInputElement).files?.[0] ?? null
+    error.value = false
+}
+
+function onDrop(event: DragEvent) {
+    // Prevent the browser opening the file instead.
+    event.preventDefault()
+    const dropped = Array.from(event.dataTransfer?.items ?? [])
+        .filter(item => item.kind === 'file')
+        .map(item => item.getAsFile())
+        .find(Boolean)
+    if (dropped) {
+        file.value = dropped
+        error.value = false
+    }
+}
+
+function downloadFlow(flow: unknown) {
+    const href = `data:text/json;charset=utf-8,${encodeURIComponent(JSON.stringify(flow))}`
+    const anchor = document.createElement('a')
+    anchor.setAttribute('href', href)
+    anchor.setAttribute('download', 'flow-dashboard2.json')
+    anchor.click()
+}
+
+// Runs once the HubSpot form has been submitted, which is the gate the .njk put in front
+// of the conversion.
+async function migrateFile() {
+    if (!file.value) return
+    try {
+        const response = await fetch(MIGRATION_ENDPOINT, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: file.value,
+        })
+        if (!response.ok) throw new Error(`migration service returned ${response.status}`)
+        downloadFlow(await response.json())
+    } catch {
+        // The .njk only console.error'd here, so a failed conversion looked identical to
+        // one that had not run yet. Say so instead.
+        error.value = true
+    }
+}
+</script>
+
+<template>
+  <div class="nohero w-full">
+    <div class="m-auto">
+      <div class="ff-dashboard-migration">
+        <div>
+          <div
+              class="ff-file-drop-zone"
+              role="button"
+              tabindex="0"
+              aria-label="Upload a flow.json file. Click or press Enter to choose a file, or drag and drop."
+              @click="openFilePicker"
+              @keydown.enter.prevent="openFilePicker"
+              @keydown.space.prevent="openFilePicker"
+              @drop="onDrop"
+              @dragover.prevent
+          >
+            <div v-if="!file">
+              <p>Drag a <i>flow.json</i> file containing Node-RED Dashboard 1.0 nodes here.</p>
+              <p>or, click <span class="text-blue-600">here</span> to choose a file.</p>
+            </div>
+            <div v-else>
+              <p>Flow Uploaded: "<i>{{ file.name }}</i>"</p>
+            </div>
+            <input
+                id="dashboard1-flow-file"
+                ref="fileInput"
+                name="dashboard1-flow-file"
+                type="file"
+                accept="application/json,.json"
+                @change="onFileSelected"
+            >
+          </div>
+          <p v-if="error" class="text-red-500 text-sm mt-2">
+            That flow could not be converted. Check it is a Node-RED flow export and try again.
+          </p>
+        </div>
+        <div>
+          <HubSpotForm form-id="968a9ab6-3dd8-45b2-991c-3f055dc18787" @submitted="migrateFile" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/nuxt/components/DashboardThemePreview.vue b/nuxt/components/DashboardThemePreview.vue
new file mode 100644
index 0000000000..478798433c
--- /dev/null
+++ b/nuxt/components/DashboardThemePreview.vue
@@ -0,0 +1,184 @@
+<script setup lang="ts">
+// The live theme preview from src/platform/dashboard.njk: a mock FlowFuse Dashboard whose
+// five presets are the real shipped themes. Extracted from the page so the page reads as
+// its sections rather than 170 lines of chart markup.
+//
+// The .njk drove this with a DOM script: querySelectorAll over the preset buttons,
+// setAttribute on the gauge paths, and the event table built by assigning an innerHTML
+// string. All three are reactive state here, which is the same behaviour with no string
+// concatenation into the DOM.
+type Preset = 'light' | 'dark' | 'dracula' | 'nord' | 'sepia'
+
+const PRESETS: Array<{ id: Preset, label: string }> = [
+    { id: 'light', label: 'Light' },
+    { id: 'dark', label: 'Dark' },
+    { id: 'dracula', label: 'Dracula' },
+    { id: 'nord', label: 'Nord' },
+    { id: 'sepia', label: 'Sepia' },
+]
+
+const preset = ref<Preset>('light')
+
+// Nudges the needles so a theme switch reads as live instrumentation.
+const JITTER: Record<Preset, number> = { light: 0, dark: 6, dracula: -5, nord: 4, sepia: -3 }
+const ovenOffset = computed(() => 62 + JITTER[preset.value])
+const coolantOffset = computed(() => 118 - JITTER[preset.value])
+
+// Real epoch values, formatted in the visitor's own locale and timezone - which is exactly
+// what the date/time column types do.
+const EVENTS = [
+    { machine: 'Filler 2', event: 'Recipe changeover', at: 1787839200000, state: 'ok', stateLabel: 'Complete' },
+    { machine: 'Capper 1', event: 'Torque out of band', at: 1787842740000, state: 'warn', stateLabel: 'Warning' },
+    { machine: 'Labeller', event: 'Web break', at: 1787846280000, state: 'crit', stateLabel: 'Stopped' },
+    { machine: 'Palletiser', event: 'Cycle resumed', at: 1787849820000, state: 'ok', stateLabel: 'Running' },
+]
+
+// Rendered after mount, not during setup: Intl resolves against the visitor's locale and
+// timezone, so formatting on the server would bake in the build machine's and then differ
+// from the client on hydration.
+const formatted = ref<string[]>(EVENTS.map(() => ''))
+onMounted(() => {
+    const fmt = new Intl.DateTimeFormat(undefined, {
+        year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit',
+    })
+    formatted.value = EVENTS.map(row => fmt.format(new Date(row.at)))
+})
+
+const OVEN_AREA = '40,114.3 78.3,104.5 116.7,93.1 155,80.1 193.3,86.6 231.7,73.6 270,62.3 308.3,70.4 346.7,59 385,50.9 423.3,55.8 461.7,44.4 500,49.3 500,150 40,150'
+const OVEN_LINE = '40,114.3 78.3,104.5 116.7,93.1 155,80.1 193.3,86.6 231.7,73.6 270,62.3 308.3,70.4 346.7,59 385,50.9 423.3,55.8 461.7,44.4 500,49.3'
+const COOLANT_LINE = '40,130.5 78.3,125.6 116.7,132.1 155,120.8 193.3,124 231.7,115.9 270,119.1 308.3,111 346.7,114.3 385,106.1 423.3,109.4 461.7,102.9 500,104.5'
+const GAUGE_ARC = 'M 28.9 91.1 A 44 44 0 1 1 91.1 91.1'
+</script>
+
+<template>
+  <div class="flex flex-col gap-3 min-w-0">
+    <div class="flex flex-wrap gap-2.5 items-center justify-center md:justify-start">
+      <div class="ffd-seg" role="group" aria-label="Theme preset">
+        <button
+            v-for="option in PRESETS"
+            :key="option.id"
+            type="button"
+            :aria-pressed="preset === option.id"
+            @click="preset = option.id"
+        >{{ option.label }}</button>
+      </div>
+    </div>
+
+    <div class="ffd-frame">
+      <div class="ffd-chrome">
+        <i /><i /><i />
+        <span>Line 3 &mdash; Packaging &middot; FlowFuse Dashboard</span>
+      </div>
+
+      <div id="ffd-dash" class="ffd-dash" :data-preset="preset">
+        <div class="ffd-head">
+          <span class="ffd-title">Line 3 &mdash; Packaging</span>
+          <span class="ffd-tagchip">Live</span>
+        </div>
+
+        <div class="ffd-kpis">
+          <div class="ffd-card">
+            <div class="ffd-lbl">OEE</div>
+            <div class="ffd-kpi-val">78.4<small>%</small></div>
+            <div class="ffd-kpi-delta ffd-up">&#9650; 2.1 vs shift avg</div>
+          </div>
+          <div class="ffd-card">
+            <div class="ffd-lbl">Units / hr</div>
+            <div class="ffd-kpi-val">1,246</div>
+            <div class="ffd-kpi-delta ffd-up">&#9650; 38</div>
+          </div>
+          <div class="ffd-card">
+            <div class="ffd-lbl">Downtime</div>
+            <div class="ffd-kpi-val">11<small>min</small></div>
+            <div class="ffd-kpi-delta ffd-down">&#9660; 4 vs target</div>
+          </div>
+        </div>
+
+        <div class="ffd-card">
+          <div class="ffd-chart-title">
+            <span class="ffd-lbl" style="margin:0">Zone temperature &mdash; last 12 h</span>
+            <span class="ffd-legend">
+              <span><i style="background:var(--ffd-accent)" />Oven</span>
+              <span><i style="background:var(--ffd-accent2)" />Coolant</span>
+            </span>
+          </div>
+          <svg
+              class="ffd-chart"
+              viewBox="0 0 520 170"
+              role="img"
+              aria-label="Line chart of oven and coolant temperature over the last twelve hours"
+          >
+            <g class="ffd-grid">
+              <line x1="40" y1="20" x2="505" y2="20" />
+              <line x1="40" y1="52" x2="505" y2="52" />
+              <line x1="40" y1="85" x2="505" y2="85" />
+              <line x1="40" y1="117" x2="505" y2="117" />
+              <line x1="40" y1="150" x2="505" y2="150" />
+            </g>
+            <g class="ffd-axis">
+              <text x="34" y="23" text-anchor="end">240</text>
+              <text x="34" y="88" text-anchor="end">200</text>
+              <text x="34" y="153" text-anchor="end">160</text>
+              <text x="40" y="165">08:00</text>
+              <text x="270" y="165" text-anchor="middle">14:00</text>
+              <text x="500" y="165" text-anchor="end">20:00</text>
+            </g>
+            <line x1="40" y1="150" x2="505" y2="150" stroke="var(--ffd-border)" stroke-width="1" />
+            <line x1="40" y1="20" x2="40" y2="150" stroke="var(--ffd-border)" stroke-width="1" />
+            <polygon :points="OVEN_AREA" fill="var(--ffd-accent)" opacity=".13" />
+            <polyline :points="OVEN_LINE" fill="none" stroke="var(--ffd-accent)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" />
+            <polyline :points="COOLANT_LINE" fill="none" stroke="var(--ffd-accent2)" stroke-width="2" stroke-dasharray="4 3" stroke-linejoin="round" stroke-linecap="round" />
+            <circle cx="500" cy="49.3" r="3.2" fill="var(--ffd-accent)" />
+          </svg>
+        </div>
+
+        <div class="ffd-row3">
+          <div class="ffd-card ffd-gauge-card">
+            <div class="ffd-lbl">Oven</div>
+            <svg class="ffd-gauge" viewBox="0 0 120 112" role="img" aria-label="Oven temperature gauge, 222 degrees Celsius">
+              <path class="ffd-gauge-arc" :d="GAUGE_ARC" />
+              <path class="ffd-gauge-val" :d="GAUGE_ARC" stroke="var(--ffd-warn)" stroke-dasharray="207.3" :stroke-dashoffset="ovenOffset" />
+              <text class="ffd-gauge-num" x="60" y="64" text-anchor="middle">222</text>
+              <text class="ffd-gauge-unit" x="60" y="79" text-anchor="middle">&deg;C</text>
+            </svg>
+          </div>
+          <div class="ffd-card ffd-gauge-card">
+            <div class="ffd-lbl">Coolant</div>
+            <svg class="ffd-gauge" viewBox="0 0 120 112" role="img" aria-label="Coolant pressure gauge, 4.1 bar">
+              <path class="ffd-gauge-arc" :d="GAUGE_ARC" />
+              <path class="ffd-gauge-val" :d="GAUGE_ARC" stroke="var(--ffd-good)" stroke-dasharray="207.3" :stroke-dashoffset="coolantOffset" />
+              <text class="ffd-gauge-num" x="60" y="64" text-anchor="middle">4.1</text>
+              <text class="ffd-gauge-unit" x="60" y="79" text-anchor="middle">bar</text>
+            </svg>
+          </div>
+          <div class="ffd-card ffd-ctl">
+            <div class="ffd-lbl">Shift actions</div>
+            <button type="button" class="ffd-btn">Acknowledge compressor fault</button>
+            <button type="button" class="ffd-btn ffd-btn--ghost">Reset counter</button>
+            <label class="ffd-lbl" for="ffd-date" style="margin:0">Shift date</label>
+            <input id="ffd-date" class="ffd-picker" type="date" value="2026-08-27">
+          </div>
+        </div>
+
+        <div class="ffd-card">
+          <div class="ffd-lbl">Event log</div>
+          <div class="ffd-scroll">
+            <table class="ffd-table">
+              <thead>
+                <tr><th>Machine</th><th>Event</th><th>Timestamp</th><th>State</th></tr>
+              </thead>
+              <tbody>
+                <tr v-for="(row, i) in EVENTS" :key="row.machine">
+                  <td>{{ row.machine }}</td>
+                  <td>{{ row.event }}</td>
+                  <td class="ffd-ts">{{ formatted[i] }}</td>
+                  <td><span class="ffd-chip" :class="`ffd-chip--${row.state}`">{{ row.stateLabel }}</span></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/nuxt/components/DeviceAgentInstallCommands.vue b/nuxt/components/DeviceAgentInstallCommands.vue
new file mode 100644
index 0000000000..635f0951c8
--- /dev/null
+++ b/nuxt/components/DeviceAgentInstallCommands.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+// Ported from src/_includes/components/device-agent-install-commands.njk, shared by
+// /platform/device-agent/ and /node-red/.
+//
+// Both commands are byte-identical to docs/device-agent/quickstart.md: get.sh and
+// get.ps1 only download the installer, so the run step is part of the command. Keep them
+// that way, they drifted apart once already.
+//
+// The .njk carried its own delegated copy-button script, guarded against double-binding
+// because two includes on one page would otherwise bind twice. <FfCommand> owns copying
+// now, per instance, so that whole script is gone.
+withDefaults(defineProps<{
+    // Phrases the heading for the page. /node-red/ uses it to present this as the
+    // alternative to signing up.
+    heading?: string
+}>(), {
+    heading: 'Install on edge, straight from your terminal',
+})
+
+const LINUX_COMMAND = '/bin/bash -c "$(curl -fsSL https://flowfuse.github.io/device-agent/get.sh)" && ./flowfuse-device-agent-installer'
+const WINDOWS_COMMAND = 'Set-Location $env:USERPROFILE; powershell -c "irm https://flowfuse.github.io/device-agent/get.ps1 | iex"; .\\flowfuse-device-agent-installer.exe'
+</script>
+
+<template>
+  <div class="ff-blue-card max-md:max-w-md max-md:mx-auto">
+    <h2 class="font-medium w-full text-center md:text-left mb-6">{{ heading }}</h2>
+    <p class="font-medium mb-2">Linux and macOS</p>
+    <FfCommand :command="LINUX_COMMAND" class="mb-6" />
+    <p class="font-medium mb-2">Windows (run elevated)</p>
+    <FfCommand :command="WINDOWS_COMMAND" />
+    <p class="font-light mt-6">
+      Installing with npm or Docker instead? The
+      <NuxtLink to="/docs/device-agent/install/overview/">installation docs</NuxtLink> cover every route.
+    </p>
+  </div>
+</template>
diff --git a/nuxt/components/HubSpotForm.vue b/nuxt/components/HubSpotForm.vue
index 030be135e8..cb29cfed99 100644
--- a/nuxt/components/HubSpotForm.vue
+++ b/nuxt/components/HubSpotForm.vue
@@ -14,6 +14,12 @@ const props = withDefaults(defineProps<{
     compact: false,
 })
 
+// HubSpot's onFormSubmitted, which fires once the submission has gone through (as opposed
+// to onFormSubmit, which fires on the attempt and is what `cta` tracks). The Dashboard 1.0
+// importer on /platform/dashboard/ gates its conversion on this, the way hs-form.njk's
+// `onFormSubmitted` hook did.
+const emit = defineEmits<{ submitted: [] }>()
+
 const containerId = `hs-form-${props.formId.replace(/-/g, '')}`
 const region = props.region ?? 'eu1'
 const portalId = props.portalId ?? '26586079'
@@ -54,6 +60,7 @@ onMounted(async () => {
                     }
                 }
             } : {}),
+            onFormSubmitted: () => emit('submitted'),
         })
     } catch {
         showFallback.value = true
diff --git a/nuxt/components/LiteYoutube.vue b/nuxt/components/LiteYoutube.vue
index 894a3566a9..e4e1992779 100644
--- a/nuxt/components/LiteYoutube.vue
+++ b/nuxt/components/LiteYoutube.vue
@@ -4,21 +4,20 @@ const props = defineProps<{
     title: string
 }>()
 
-onMounted(() => {
-    if (!document.querySelector('script[src*="lite-yt-embed"]')) {
-        const script = document.createElement('script')
-        script.async = true
-        script.src = 'https://cdn.jsdelivr.net/npm/lite-youtube-embed@0.2.0/src/lite-yt-embed.min.js'
-        document.head.appendChild(script)
-    }
-    if (!document.querySelector('link[href*="lite-yt-embed"]')) {
-        const link = document.createElement('link')
-        link.rel = 'stylesheet'
-        link.href = 'https://cdn.jsdelivr.net/npm/lite-youtube-embed@0.2.0/src/lite-yt-embed.min.css'
-        link.crossOrigin = 'anonymous'
-        link.referrerPolicy = 'no-referrer'
-        document.head.appendChild(link)
-    }
+// Register stylesheet and script via useHead so they're present in the initial SSR HTML.
+// This ensures the lite-youtube-embed layout/poster CSS is applied before hydration,
+// preventing layout shift on pages like /platform/why-flowfuse.
+useHead({
+    link: [{
+        rel: 'stylesheet',
+        href: 'https://cdn.jsdelivr.net/npm/lite-youtube-embed@0.2.0/src/lite-yt-embed.min.css',
+        crossorigin: 'anonymous',
+        referrerpolicy: 'no-referrer',
+    }],
+    script: [{
+        src: 'https://cdn.jsdelivr.net/npm/lite-youtube-embed@0.2.0/src/lite-yt-embed.min.js',
+        async: true,
+    }],
 })
 </script>
 
diff --git a/nuxt/content.config.ts b/nuxt/content.config.ts
index 451d16e2e5..1d16acf72b 100644
--- a/nuxt/content.config.ts
+++ b/nuxt/content.config.ts
@@ -364,6 +364,16 @@ export default defineContentConfig({
 
             })
         }),
+        // Long-form prose pages under /platform/. Separate from the `pages` collection
+        // above because that one is rendered by [...slug].vue, which routeRules mark
+        // noindex; /platform/security/ is a linked, indexable page.
+        platformPages: defineCollection({
+            type: 'page',
+            source: 'platform/*.md',
+            schema: z.object({
+                title: z.string(),
+            })
+        }),
         // The /landing/ pages that were pure 11ty frontmatter. Two shapes, both routed
         // through pages/landing/[slug].vue and told apart by `kind`:
         //  - abm         (layouts/abm-landing.njk) - problem/solution/how/features
diff --git a/src/platform/security.md b/nuxt/content/platform/security.md
similarity index 98%
rename from src/platform/security.md
rename to nuxt/content/platform/security.md
index 805174a7e2..0aa68a3404 100644
--- a/src/platform/security.md
+++ b/nuxt/content/platform/security.md
@@ -1,10 +1,6 @@
 ---
-layout: nohero
 title: Security Statement - FlowFuse
 ---
-
-<div class="prose prose-blue container m-auto max-w-4xl px-6 pb-24">
-
 Security aspects of FlowFuse are divided up into four sections;
 1. [Application level](#application)
 1. [FlowFuse configuration](#flowfuse-configuration)
@@ -153,5 +149,3 @@ FlowFuse is built with enterprise-grade architecture and controls that support d
 Features such as role-based access control, audit logging of flow changes and user actions, versioning and snapshotting of Node-RED instances, configuration via infrastructure-as-code and containerized deployments, and integration with SSO/LDAP align with many of the security, traceability and change-control expectations found in GxP systems (e.g., FDA 21 CFR Part 11, EU GMP Annex 11).
 
 FlowFuse itself is designed to be validation-ready: we provide the necessary architecture, documentation, and controls to enable our customers to perform their own validation and supplier qualification in accordance with their GxP obligations.
-
-</div>
diff --git a/nuxt/nuxt.config.ts b/nuxt/nuxt.config.ts
index 1cc2b3c0a6..053cc292cd 100644
--- a/nuxt/nuxt.config.ts
+++ b/nuxt/nuxt.config.ts
@@ -495,6 +495,11 @@ export default defineNuxtConfig({
                     '/pricing/request-quote/',
                     // The homepage itself: nothing links to it that the crawler starts from.
                     '/',
+                    // The platform pages are .vue files with no listing to crawl from.
+                    '/platform/security/',
+                    '/platform/device-agent/',
+                    '/platform/why-flowfuse/',
+                    '/platform/dashboard/',
                     // The event pages are .vue files with no listing to crawl from.
                     '/events/proveit-2026/',
                     '/events/hannover-messe-2026/',
diff --git a/nuxt/pages/platform/dashboard.vue b/nuxt/pages/platform/dashboard.vue
new file mode 100644
index 0000000000..fd9eb8ab7c
--- /dev/null
+++ b/nuxt/pages/platform/dashboard.vue
@@ -0,0 +1,303 @@
+<script setup lang="ts">
+// Ported from src/platform/dashboard.njk (11ty), which this replaces. Same page, same
+// copy, same classes from src/css/style.css.
+//
+// What the port changes on purpose:
+//  - The live theme preview and the Dashboard 1.0 importer become
+//    <DashboardThemePreview> and <DashboardMigrationImporter>, so this file reads as its
+//    sections. Both replace DOM scripts with reactive state; the importer's comment
+//    records the drag-and-drop bug that move fixes.
+//  - dashboard.resources came from src/_data/dashboard.json, which only this page read.
+//    It is the RESOURCES list below. (dashboard.json also held a `section2` array that no
+//    template referenced any more; it is not carried over.)
+//  - The three tutorial <lite-youtube> elements become <LiteYoutube>.
+//  - The hero and footer CTAs were hand-written <a class="ff-btn"> links, so the footer
+//    "Book a Demo" fired capture('cta-book-demo') from an inline onclick and the others
+//    fired nothing. They are <CtaBookDemo>, <CtaPricing> and <CtaSignUp> now, which is
+//    where those three destinations' copy and events are defined.
+const RESOURCES = [
+    { url: '/blog/2024/03/dashboard-getting-started/', title: 'Getting started with FlowFuse Dashboard', image: '/blog/2024/03/images/getting-started-with-dashboard-2.png' },
+    { url: '/webinars/2024/node-red-dashboard-multi-user/', title: 'Multi-user dashboards: a screen per person', image: '/images/webinars/multi-user-dashboard-with-node-red-dashboard-2-0-webinar-2024-february.jpg' },
+    { url: '/ebooks/ultimate-guide-to-building-applications-with-flowfuse-dashboard-for-node-red/', title: 'The ultimate guide to building applications with FlowFuse Dashboard', image: '/images/ebooks/ebook_dashboard.png' },
+]
+
+const TUTORIALS = [
+    { id: 'DFNv91TTt68', title: 'Getting Started — Node-RED & The FlowFuse Dashboard' },
+    { id: 'Ecno0EuLyKQ', title: 'Visualising Data with The FlowFuse Dashboard' },
+    { id: '7bj_DFnRtU8', title: 'Writing Custom Templates in The FlowFuse Dashboard' },
+]
+
+const GOVERNANCE_TAGS = [
+    { label: 'Application-level RBAC', href: '/docs/user/role-based-access-control/' },
+    { label: 'Endpoint security', href: '/docs/user/instance-settings/' },
+    { label: 'Multi-user dashboards', href: 'https://dashboard.flowfuse.com/user/multi-tenancy.html' },
+    { label: 'DevOps pipelines', href: '/docs/user/devops-pipelines/' },
+    { label: 'Hosting & HA', href: '/docs/user/high-availability/' },
+]
+
+const WIDGET_TAGS = [
+    'Chart', 'Gauge', 'Table', 'Form', 'Button', 'Button group', 'Text', 'Text input',
+    'Number input', 'Dropdown', 'Radio group', 'Slider', 'Switch', 'Markdown', 'Template',
+    'Notification', 'Progress', 'File input', 'Control', 'Audio', 'Spacer',
+].map(label => ({
+    label,
+    href: `https://dashboard.flowfuse.com/nodes/widgets/ui-${label.toLowerCase().replace(/ /g, '-')}`,
+}))
+
+const OPEN_TAGS = [
+    { label: 'Installs into any Node-RED instance', href: 'https://dashboard.flowfuse.com/' },
+    { label: 'Open source', href: 'https://github.com/FlowFuse/node-red-dashboard' },
+    { label: 'Community widget ecosystem' },
+    { label: 'Dashboard 1.0 migration', href: '#migration-service' },
+]
+
+const FAST_TAGS = [
+    { label: '5 theme presets' },
+    { label: 'WCAG AA contrast' },
+    { label: 'Default chart sizing' },
+    { label: 'Widget fit & alignment' },
+    { label: 'Localised date columns' },
+    { label: 'Custom brand colours', href: 'https://dashboard.flowfuse.com/nodes/config/ui-theme.html' },
+]
+
+const CONVERTIBLE_NODES = [
+    'ui_tab', 'ui_link', 'ui_group', 'ui_text', 'ui_text_input',
+    'ui_slider', 'ui_switch', 'ui_form', 'ui_dropdown', 'ui_button',
+]
+
+const PLATFORM = [
+    { eyebrow: 'For OT teams', title: 'FlowFuse Edge', href: '/product/edge/', body: 'Connect PLCs, machines and controllers, and standardise automation across every site.', go: 'Explore Edge' },
+    { eyebrow: 'For IT & integration teams', title: 'FlowFuse Hub', href: '/product/hub/', body: 'Connect ERPs, databases and cloud APIs into one governed system.', go: 'Explore Hub' },
+    { eyebrow: 'For device fleets', title: 'FlowFuse Fleet', href: '/product/fleet/', body: 'Push flows, ship updates and roll back remotely across thousands of distributed devices.', go: 'Explore Fleet' },
+]
+
+const META_DESCRIPTION = 'Build a production dashboard or IIoT dashboard for Node-RED without writing CSS. Five WCAG AA themes, included with FlowFuse Edge, Hub, and Fleet.'
+
+useSeoMeta({
+    title: 'Production and IIoT Dashboard platform',
+    description: META_DESCRIPTION,
+    ogDescription: META_DESCRIPTION,
+    keywords: 'production dashboard, IIoT dashboard, industrial IoT dashboard, factory dashboard, operations dashboard, machine dashboard, industrial dashboard, Node-RED dashboard',
+    ogUrl: 'https://flowfuse.com/platform/dashboard/',
+    twitterSite: '@FlowFuseinc',
+})
+</script>
+
+<template>
+  <div class="nohero w-full">
+    <div class="w-full px-6">
+      <div class="max-w-md sm:max-w-screen-lg mx-auto pt-10 md:pt-12">
+        <div class="grid md:grid-cols-[minmax(0,1fr)_minmax(0,1.12fr)] gap-10 md:gap-12 items-stretch">
+          <div class="flex flex-col gap-5 text-center md:text-left">
+            <h1 class="font-medium m-0 max-sm:text-4xl">
+              Build Industrial Production Dashboards with
+              <span class="text-indigo-600">The FlowFuse Dashboard.</span>
+            </h1>
+            <p class="text-lg text-gray-500 font-light max-w-xl mx-auto md:mx-0 m-0">
+              Deploy a full production dashboard in seconds, unifying
+              your factory operations and machine metrics into a single view. No more wasted time
+              searching for reports or filling out a spreadsheet - just clean data for all your
+              machines, sites, and systems. This means reduced operational costs, better
+              visualisation, and deeper context for everyone.
+            </p>
+            <p class="text-lg text-gray-500 font-light max-w-xl mx-auto md:mx-0 m-0">
+              The FlowFuse Dashboard is included
+              with <NuxtLink class="ffd-link" to="/product/edge/">FlowFuse Edge</NuxtLink>,
+              <NuxtLink class="ffd-link" to="/product/hub/">Hub</NuxtLink>, and
+              <NuxtLink class="ffd-link" to="/product/fleet/">Fleet</NuxtLink>.
+            </p>
+            <div class="flex flex-row flex-wrap gap-4 items-center justify-center md:justify-start mt-2">
+              <CtaBookDemo variant="highlight" position="dashboard-hero" uppercase />
+              <CtaPricing variant="ghost" position="dashboard-hero" />
+            </div>
+
+            <hr class="border-0 border-t border-gray-200 w-full max-w-md mx-auto md:mx-0 mt-1 mb-0">
+
+            <figure class="border-l-2 border-indigo-100 pl-5 max-w-lg mx-auto md:mx-0 my-auto text-left">
+              <blockquote class="m-0 text-base italic font-light text-gray-800 leading-relaxed">
+                &ldquo;FlowFuse allows us to rapidly roll out updates to clients without
+                burdening our development team. We can deliver custom dashboards to
+                customers without involving any of our core developers.&rdquo;
+              </blockquote>
+              <figcaption class="mt-3 flex items-center gap-3 text-sm text-gray-500">
+                <span class="w-9 h-9 rounded-full bg-indigo-50 border border-indigo-100 text-indigo-700 grid place-items-center text-xs font-bold shrink-0 ffd-mono" aria-hidden="true">DO</span>
+                <span><span class="font-semibold text-gray-700">Dave Olsen</span> &middot; Product Manager, Wenco</span>
+              </figcaption>
+            </figure>
+          </div>
+
+          <DashboardThemePreview />
+        </div>
+      </div>
+    </div>
+
+    <div class="w-full bg-gray-50 border-t border-b border-gray-200 mt-20">
+      <div class="w-full px-6 py-16 md:py-20">
+        <div class="max-w-md sm:max-w-screen-lg mx-auto">
+          <span class="ffd-mono text-xs uppercase tracking-[0.16em] text-gray-600">In the box</span>
+          <h2 class="mt-3 mb-3 text-center w-full md:text-left">
+            What You Get with <span class="text-indigo-600">The FlowFuse Dashboard</span>
+          </h2>
+          <p class="max-w-3xl mx-auto md:mx-0 text-gray-500 font-light">
+            The FlowFuse Dashboard is how a FlowFuse instance turns raw data into an industrial dashboard
+            &mdash; a machine dashboard on the line, or a plant-wide view for management. You can
+            surface your data and insights, then leverage governance, hosting, and deployment via
+            the core FlowFuse product to power your entire system.
+          </p>
+
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-10">
+            <div class="rounded-lg border border-indigo-200 bg-white p-6">
+              <h3 class="text-lg font-semibold m-0 mb-4 text-indigo-600 text-center md:text-left">Governance for Your Operations Dashboard</h3>
+              <div class="flex flex-wrap gap-2 justify-center md:justify-start">
+                <a v-for="tag in GOVERNANCE_TAGS" :key="tag.label" class="ffd-tag" :href="tag.href">{{ tag.label }}</a>
+              </div>
+            </div>
+            <div class="rounded-lg border border-indigo-200 bg-white p-6">
+              <h3 class="text-lg font-semibold m-0 mb-4 text-indigo-600 text-center md:text-left">Widgets for Any Machine Dashboard</h3>
+              <div class="flex flex-wrap gap-2 justify-center md:justify-start">
+                <a v-for="tag in WIDGET_TAGS" :key="tag.label" class="ffd-tag" :href="tag.href">{{ tag.label }}</a>
+              </div>
+            </div>
+            <div class="rounded-lg border border-indigo-200 bg-white p-6">
+              <h3 class="text-lg font-semibold m-0 mb-4 text-indigo-600 text-center md:text-left">Open, and yours</h3>
+              <div class="flex flex-wrap gap-2 justify-center md:justify-start">
+                <template v-for="tag in OPEN_TAGS" :key="tag.label">
+                  <a v-if="tag.href" class="ffd-tag" :href="tag.href">{{ tag.label }}</a>
+                  <span v-else class="ffd-tag">{{ tag.label }}</span>
+                </template>
+              </div>
+            </div>
+            <div class="rounded-lg border border-indigo-200 bg-white p-6">
+              <h3 class="text-lg font-semibold m-0 mb-4 text-indigo-600 text-center md:text-left">Deploy a Factory Dashboard Fast</h3>
+              <div class="flex flex-wrap gap-2 justify-center md:justify-start">
+                <template v-for="tag in FAST_TAGS" :key="tag.label">
+                  <a v-if="tag.href" class="ffd-tag" :href="tag.href">{{ tag.label }}</a>
+                  <span v-else class="ffd-tag">{{ tag.label }}</span>
+                </template>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="w-full px-6 py-16 md:py-20">
+      <div class="max-w-md sm:max-w-screen-lg mx-auto">
+        <div class="grid md:grid-cols-2 gap-10 md:gap-14 items-start">
+          <div>
+            <span class="ffd-mono text-xs uppercase tracking-[0.16em] text-gray-600">Migration</span>
+            <h2 id="migration-service" class="mt-3 text-center w-full md:text-left">
+              Coming from deprecated Dashboard 1.0? <span class="text-indigo-600">Bring your flows.</span>
+            </h2>
+            <p class="mt-4 text-gray-500 font-light">
+              Dashboard 1.0 is
+              <NuxtLink class="ffd-link" to="/blog/2024/06/dashboard-1-deprecated/">deprecated</NuxtLink>.
+              Upload your flow and migrate to The FlowFuse Dashboard. Today, you can convert the
+              following nodes:
+            </p>
+            <div class="flex flex-wrap gap-1.5 mt-4 justify-center md:justify-start">
+              <code
+                  v-for="node in CONVERTIBLE_NODES"
+                  :key="node"
+                  class="ffd-mono text-xs text-gray-700 bg-white border border-gray-200 rounded px-1.5 py-0.5"
+              >{{ node }}</code>
+            </div>
+            <p class="mt-5 text-sm text-center md:text-left">
+              <a class="ffd-link" href="https://github.com/FlowFuse/node-red-dashboard-2-migration">Supported nodes in detail &rarr;</a>
+            </p>
+          </div>
+
+          <div class="ffd-migrate-col">
+            <DashboardMigrationImporter />
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="w-full bg-gray-50 border-t border-b border-gray-200">
+      <div class="w-full px-6 py-16 md:py-20">
+        <div class="max-w-md sm:max-w-screen-lg mx-auto">
+          <span class="ffd-mono text-xs uppercase tracking-[0.16em] text-gray-600">Learn</span>
+          <h2 class="mt-3 text-center w-full md:text-left">Get a Production Dashboard By This Afternoon</h2>
+          <ul class="mt-10 grid grid-cols-1 md:grid-cols-3 gap-6 m-auto p-0 list-none">
+            <li v-for="item in RESOURCES" :key="item.url" class="w-full max-w-md m-auto">
+              <NuxtLink :to="item.url" class="ffd-res w-full h-full flex flex-col rounded-lg border border-gray-200 bg-white overflow-hidden group">
+                <div class="ff-image-cover ff-image-rounded scale w-full aspect-video border-b border-gray-200">
+                  <img :src="item.image" :alt="`Image representing ${item.title}`" width="285" loading="lazy" class="w-full h-auto">
+                </div>
+                <span class="p-5 flex flex-col gap-1.5">
+                  <span class="ffd-res-title text-base font-medium text-gray-900 leading-snug">{{ item.title }}</span>
+                </span>
+              </NuxtLink>
+            </li>
+          </ul>
+          <div class="flex justify-end mt-6">
+            <NuxtLink to="/blog/dashboard/" class="ffd-link font-light flex flex-row items-center gap-1 flex-wrap">
+              All Dashboard posts <UIcon name="i-heroicons-arrow-long-right" class="w-5 h-5" />
+            </NuxtLink>
+          </div>
+
+          <h3 class="mt-14 mb-0 text-xl font-medium text-center w-full md:text-left">Recommended Video Tutorials</h3>
+          <div class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-6">
+            <div v-for="video in TUTORIALS" :key="video.id" class="ffd-res w-full h-full flex flex-col rounded-lg border border-gray-200 bg-white overflow-hidden">
+              <LiteYoutube
+                  :videoid="video.id"
+                  :title="video.title"
+                  :style="`overflow:hidden; background-image:url('https://img.youtube.com/vi/${video.id}/maxresdefault.jpg'); background-size:cover; background-position:center;`"
+                  class="w-full aspect-video border-b border-gray-200"
+              />
+              <span class="p-5 flex flex-col gap-1.5">
+                <span class="ffd-res-title text-base font-medium text-gray-900 leading-snug">{{ video.title }}</span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="w-full px-6 py-16 md:py-20">
+      <div class="max-w-md sm:max-w-screen-lg mx-auto">
+        <span class="ffd-mono text-xs uppercase tracking-[0.16em] text-gray-600">The rest of the platform</span>
+        <h2 class="mt-3 mb-3 text-center w-full md:text-left">
+          Your production dashboard is the face. <span class="text-indigo-600">Here is what runs behind it.</span>
+        </h2>
+        <p class="max-w-3xl mx-auto md:mx-0 text-gray-500 font-light">
+          Dashboards are only as good as the systems feeding them. FlowFuse handles the
+          governance, hosting, and deployment underneath &mdash; so the view your operators see
+          stays live, secure, and reliable.
+        </p>
+
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-10">
+          <NuxtLink
+              v-for="tier in PLATFORM"
+              :key="tier.title"
+              :to="tier.href"
+              class="ffd-xs rounded-lg border border-indigo-100 bg-gradient-to-br from-white to-indigo-50/50 p-6 flex flex-col gap-2"
+          >
+            <span class="ffd-mono text-[0.625rem] uppercase tracking-[0.12em] text-red-700">{{ tier.eyebrow }}</span>
+            <h3 class="text-2xl font-medium m-0 text-gray-900">{{ tier.title }}</h3>
+            <p class="m-0 text-gray-500 font-light">{{ tier.body }}</p>
+            <span class="mt-3 ffd-xs-go text-indigo-600">{{ tier.go }} &rarr;</span>
+          </NuxtLink>
+        </div>
+      </div>
+    </div>
+
+    <div class="w-full px-6 pb-20">
+      <div class="max-w-md sm:max-w-screen-lg mx-auto">
+        <div class="rounded-xl px-9 py-12 flex flex-col items-center gap-6 text-center ff-get-started-bg">
+          <p class="text-white text-3xl md:text-4xl font-medium m-0 max-w-2xl">
+            See what your operators would actually be looking at.
+          </p>
+          <p class="text-indigo-50 font-light text-lg max-w-2xl m-0">
+            Bring a screen you already run. We will rebuild it with you in the call.
+          </p>
+          <div class="flex flex-col sm:flex-row gap-4 items-center">
+            <CtaBookDemo variant="highlight" position="dashboard-footer" uppercase />
+            <CtaSignUp variant="ghost" position="dashboard-footer" color="white" uppercase />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/nuxt/pages/platform/device-agent.vue b/nuxt/pages/platform/device-agent.vue
new file mode 100644
index 0000000000..70d4ec9466
--- /dev/null
+++ b/nuxt/pages/platform/device-agent.vue
@@ -0,0 +1,148 @@
+<script setup lang="ts">
+// Ported from src/platform/device-agent.njk (11ty), which this replaces. Same page, same
+// copy, same classes from src/css/style.css.
+//
+// What the port changes on purpose:
+//  - The {% terminalFrame %} shortcode becomes <TerminalFrame>, its MDC counterpart.
+//  - components/device-agent-install-commands.njk becomes
+//    <DeviceAgentInstallCommands>, built on <FfCommand> - whose own comment names this
+//    page as the markup it replaces - so the partial's hand-rolled copy script is gone.
+//  - The feature glyphs were {% include %}d raw at w-8 h-8 with no ff-icon wrapper, so
+//    they resolve through <UIcon> against the installed heroicons set.
+//  - faq.njk becomes <BlogFaq> plus useSchemaOrg. Four answers carried <a> tags, one an
+//    <i>, and one two <p> blocks, all printed by `| safe`; they are markdown links,
+//    *italics* and blank-line paragraphs now, which BlogFaq escapes around.
+const FEATURES = [
+    { icon: 'i-heroicons-wifi', title: 'Remote Management', description: 'Monitor and control your devices remotely, giving you flexibility and control over your IoT ecosystem.' },
+    { icon: 'i-heroicons-puzzle-piece', title: 'Effortless Integration', description: 'Easily connect a wide range of devices, sensors, and industrial equipment with FlowFuse.' },
+    { icon: 'i-heroicons-rectangle-stack', title: 'Streamlined Data Collection', description: 'Utilise over 5,000 open-source plug-ins available in FlowFuse to gather real-time data from your devices. Modernize your hardware for analysis, automation, and decision-making.' },
+    { icon: 'i-heroicons-lock-closed', title: 'Secure Communication', description: 'Protect your data and devices with robust security protocols, ensuring safe and reliable communication between your devices and the FlowFuse platform.' },
+    { icon: 'i-heroicons-arrows-pointing-out', title: 'Scalable Solution', description: 'Designed to scale with your needs, whether you have a few devices or a large-scale industrial deployment. FlowFuse provides centralized management for all of your deployments.' },
+]
+
+const WHY = [
+    { title: 'Low Code Advantage', description: 'FlowFuse simplifies the application development cycle, with a powerful yet simple low-code platform, enabling businesses to launch solutions faster than traditional coding methods allow.' },
+    { title: 'Flexible Deployment', description: 'With FlowFuse you can deploy your applications on the cloud or on-premises. This ensures a smooth and efficient development experience, for a high-performance and scalable solution.' },
+    { title: 'Open Source', description: 'Open source is a key aspect of the FlowFuse product strategy, as we believe it reduces adoption barriers and provides increased transparency and security to all our users.' },
+]
+
+const FAQ = [
+    { question: 'How much does the Device Agent cost?', answer: 'The Device Agent is free, and [open-source](https://github.com/FlowFuse/device-agent). Depending on which offering/hosting of FlowFuse you choose there may be charges for the FlowFuse service itself, you can find out more on our [pricing page](/pricing).' },
+    { question: 'Can I run the Device Agent in a closed network?', answer: "Yes, you can, although it does need to be able to connect to your FlowFuse (Cloud or your self-hosted instance) in order to receive updates and deploy new flows. Once they're deployed though, the device agent will keep your flows running even if it loses connection to the internet." },
+    { question: 'How do I deploy to thousands of devices at once?', answer: 'With FlowFuse, you can use [Provisioning Tokens](/docs/device-agent/register/#bulk-registration) to register large numbers of devices. This will automatically register each device in the FlowFuse Editor and save you *a lot* of clicking.' },
+    { question: "I've installed the Device Agent on my device, how do I access the Node-RED Editor?", answer: 'The key advantage of the device agent is that it allows you to access the Node-RED editor from FlowFuse directly. Simply navigate to the device in the FlowFuse UI, and click on the "Open Editor" button. Once you\'ve made your changes, within FlowFuse you can then rollout those flows to hundreds of other devices in just a few clicks.' },
+    { question: 'What\'s the difference between "Fleet Mode" and "Developer Mode"', answer: '"Fleet Mode" allows you to deploy a single Snapshot to multiple devices at once. The Device will have a "Target Snapshot", and whenever that is set, your device will automatically update.\n\n"Developer Mode" on the other hand opens a tunnel to your device, allowing you to edit the flows on that device directly. This is useful for debugging flows, or testing new flows on live hardware, before distributing them out to the rest of our' },
+    { question: 'What are the system requirements for the Device Agent? Will it run on my hardware?', answer: "Device Agent supports NodeJS 14 and above, and is designed to work with a wide range of devices. If you're unsure if your device is supported, please do get in touch." },
+    { question: 'Can I run the Device Agent as a service?', answer: 'Yes, the Device Agent is designed to run as a service on your device, we have an example written up for a Raspberry Pi [here](/blog/2023/05/device-agent-as-a-service/).' },
+]
+
+const META_DESCRIPTION = 'Fully hosted service to build, manage, and deploy industrial applications without the hassle of setting up your own cloud infrastructure'
+
+useSeoMeta({
+    title: 'FlowFuse Device Agent',
+    description: META_DESCRIPTION,
+    ogDescription: META_DESCRIPTION,
+    keywords: 'FlowFuse, Device Agent, Node-RED, IoT, Industrial IoT, Remote Management',
+    ogUrl: 'https://flowfuse.com/platform/device-agent/',
+    twitterSite: '@FlowFuseinc',
+})
+
+useSchemaOrg([
+    defineWebPage({ '@type': 'FAQPage' }),
+    ...FAQ.map(item => defineQuestion({ question: item.question, answer: item.answer })),
+])
+</script>
+
+<template>
+  <div class="w-full page hero">
+    <div class="content">
+      <div class="nohero w-full">
+        <!-- The terminal install is the hero, so the page opens on the one way to get a
+             machine online. The platform-first route lives in the docs. -->
+        <div id="install-from-your-terminal" class="w-full scroll-mt-24 pt-12 pb-20 md:pt-6 md:pb-24">
+          <div class="container mx-auto px-6 md:mt-16 md:max-w-screen-lg">
+            <div class="md:flex items-center md:flex-row md:justify-between text-center md:text-left gap-8">
+              <div class="m-auto md:w-1/2 lg:w-5/12 max-w-md">
+                <h1 class="px-12 md:px-0 m-auto mb-6 max-md:flex max-md:flex-row max-md:justify-center md:ml-0 md:max-w-[250px]">
+                  <span class="sr-only">FlowFuse Device Agent</span>
+                  <img src="/images/ff-logo-device-agent-light.svg" alt="FlowFuse Device Agent" width="225" class="w-full h-auto">
+                </h1>
+                <p class="mb-6">
+                  Unlock the power of your Industrial IoT devices and bring them into your automation workflows with
+                  the FlowFuse Device Agent. Our lightweight, secure agent allows you to effortlessly manage and deploy
+                  automation flows to your hardware remotely from anywhere.
+                </p>
+                <p class="font-light">
+                  Start where your hardware already is. Run the installer on the machine you want to bring
+                  online and it walks you through the rest, including creating a FlowFuse account if you
+                  don't have one yet. If the machine already runs Node-RED, the installer offers to import
+                  those flows.
+                </p>
+              </div>
+              <div class="flex justify-center m-auto max-md:mt-10 md:w-1/2 lg:w-6/12">
+                <TerminalFrame
+                    src="/images/device-agent/terminal-install.gif"
+                    alt="The FlowFuse Device Agent installer running in a terminal, opening a browser to register the machine"
+                    :width="500"
+                />
+              </div>
+            </div>
+
+            <!-- Install commands, full width so nothing is clipped. Shared with /node-red/. -->
+            <div class="mt-12 md:mt-16">
+              <DeviceAgentInstallCommands />
+            </div>
+          </div>
+        </div>
+
+        <div class="w-full">
+          <div class="max-w-screen-lg mx-auto px-6">
+            <div class="w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-14">
+              <div class="flex flex-col justify-center w-full max-md:max-w-md mx-auto md:bg-indigo-50 rounded-lg md:p-10">
+                <h2 class="text-center w-full md:text-left col-span-full">Seamlessly manage your devices all in one place</h2>
+              </div>
+              <div v-for="feature in FEATURES" :key="feature.title" class="relative w-full max-md:max-w-md mx-auto">
+                <div class="flex flex-col items-center md:items-start">
+                  <div class="flex flex-col justify-center md:justify-start gap-3 w-full mb-4">
+                    <div class="w-8 h-8 m-auto md:m-0 text-indigo-600">
+                      <UIcon :name="feature.icon" class="w-8 h-8" />
+                    </div>
+                    <div class="w-full flex flex-row gap-3 mx-auto md:m-0">
+                      <h5 class="w-full md:m-0">
+                        <div class="text-xl text-gray-600 text-center md:text-left">{{ feature.title }}</div>
+                      </h5>
+                    </div>
+                  </div>
+                  <div>
+                    <p class="text-center md:text-left font-light">{{ feature.description }}</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="max-w-screen-lg mx-auto text-center pt-10 pb-6 px-6 text-lg flex-col flex-row items-center justify-center gap-1 hover:no-underline flex-wrap">
+        <div class="ff-blue-card max-md:max-w-md">
+          <h2 class="font-bold m-auto w-full text-center md:text-left mb-6">Why Choose <span class="text-red-600">FlowFuse</span></h2>
+          <div class="w-full md:grid md:grid-cols-3 gap-6 md:gap-8">
+            <div v-for="item in WHY" :key="item.title" class="w-full mt-4 md:mt-0 flex flex-col justify-between">
+              <div>
+                <h4 class="flex justify-center md:justify-start font-semibold">{{ item.title }}</h4>
+                <p class="font-light mt-6">{{ item.description }}</p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="md:text-left max-md:max-w-md mx-auto pt-24 md:pt-16 text-left">
+          <h2 class="max-md:text-center -mb-12">
+            Frequently Asked <span class="text-indigo-600">Questions</span>
+          </h2>
+          <BlogFaq :faq="FAQ" variant="page" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/nuxt/pages/platform/security.vue b/nuxt/pages/platform/security.vue
new file mode 100644
index 0000000000..7fe0f7b4bc
--- /dev/null
+++ b/nuxt/pages/platform/security.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+// Ported from src/platform/security.md (11ty), which this replaces.
+//
+// The .md carried `layout: nohero`, which is layouts/page.njk's centred-title branch
+// (an <h1> from `title`) wrapping the body, and the body opened with its own
+// `<div class="prose prose-blue container m-auto max-w-4xl px-6 pb-24">`. Both are this
+// page's markup now, so the content file is plain markdown with a title and nothing else.
+const { data: page } = await useAsyncData('platform-security', () =>
+    queryCollection('platformPages').path('/platform/security').first()
+)
+
+if (!page.value) {
+    throw createError({ statusCode: 404, statusMessage: 'Page not found' })
+}
+
+useSeoMeta({
+    title: 'Security Statement - FlowFuse',
+    ogUrl: 'https://flowfuse.com/platform/security/',
+    twitterSite: '@FlowFuseinc',
+})
+</script>
+
+<template>
+  <div class="w-full page hero">
+    <div class="w-full">
+      <div class="container m-auto text-center flex py-12 px-12 md:max-w-screen-lg md:pt-12">
+        <div class="text-center w-full">
+          <h1>Security Statement - FlowFuse</h1>
+        </div>
+      </div>
+    </div>
+    <div class="content">
+      <div class="nohero w-full">
+        <div class="prose prose-blue container m-auto max-w-4xl px-6 pb-24">
+          <ContentRenderer :value="page" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/nuxt/pages/platform/why-flowfuse.vue b/nuxt/pages/platform/why-flowfuse.vue
new file mode 100644
index 0000000000..5e74ab555d
--- /dev/null
+++ b/nuxt/pages/platform/why-flowfuse.vue
@@ -0,0 +1,175 @@
+<script setup lang="ts">
+// Ported from src/platform/why-flowfuse.njk (11ty), which this replaces. Same page, same
+// copy, same classes from src/css/style.css.
+//
+// What the port changes on purpose:
+//  - The two hand-written <lite-youtube> elements become <LiteYoutube>, shared with the
+//    blog. Both render the same video, one for each breakpoint, as the .njk did.
+//  - The four quote glyphs were {% include %}d raw at w-16 with no ff-icon wrapper, so
+//    they resolve through <UIcon> against the installed heroicons set.
+//  - faq.njk becomes <BlogFaq> plus useSchemaOrg.
+//  - The CTA macros become <CtaBookDemo> and <CtaSignUp>.
+//  - The <title> and meta description are FIXED here. This page's frontmatter carried
+//    MES's meta block verbatim, so production serves
+//    "FlowFuse for your own MES • FlowFuse" and the MES description on
+//    /platform/why-flowfuse/. Carrying that forward knowingly would be worse than the
+//    change, so the title and description now describe this page.
+const VIDEO_ID = 'n9HhZCh0Ndg'
+const VIDEO_STYLE = `width: 472px; height: 266px; overflow: hidden; background-image: url('https://img.youtube.com/vi/${VIDEO_ID}/maxresdefault.jpg'); background-size: cover; background-position: center;`
+
+const QUOTES = [
+    { icon: 'i-heroicons-building-office-2', copy: 'My Node-RED flows are no longer side projects – they run real operations.' },
+    { icon: 'i-heroicons-shield-check', copy: 'I need security, access control, and versioning I can trust.' },
+    { icon: 'i-heroicons-squares-2x2', copy: 'I am tired of managing scattered Node-RED instances manually.' },
+    { icon: 'i-heroicons-sparkles', copy: 'I wish I had an AI copilot that actually understands my Node-RED flows.' },
+]
+
+const COMPARISON = [
+    { feature: 'Low-code Integration', nodered: 'Yes', flowfuse: 'Yes (enhanced, AI-assisted)' },
+    { feature: 'Community Support', nodered: 'Vibrant Community', flowfuse: 'Enterprise Support & Community' },
+    { feature: 'Security & Compliance', nodered: 'Basic, OS governed', flowfuse: 'Enterprise-grade, audit trails, RBAC' },
+    { feature: 'Orchestration', nodered: 'Manual', flowfuse: 'Automated, centralized at scale' },
+    { feature: 'Application Versioning', nodered: 'Manual', flowfuse: 'Built-in, AI-summarized changes' },
+    { feature: 'Data Transformation & Modeling', nodered: 'Yes', flowfuse: 'AI-accelerated, structure/unify any format' },
+    { feature: 'Deployment & Management', nodered: 'Manual', flowfuse: 'Cloud, Edge, Hybrid, centralized' },
+    { feature: 'Blueprints & Prebuilt Solutions', nodered: 'Community driven', flowfuse: 'Certified, customizable for production' },
+    { feature: 'Support & Upgrades', nodered: 'Community', flowfuse: 'Professional, future-proof' },
+]
+
+const FAQ = [
+    { question: 'Is FlowFuse open source?', answer: 'FlowFuse leverages and contributes to the open-source Node-RED community building on its foundation while delivering enterprise-ready innovation for demanding environments.' },
+    { question: 'Why pay for FlowFuse if Node-RED is free?', answer: 'FlowFuse is about rapid, safe industrial scale: AI acceleration, automated governance, security, multi-team collaboration, future-proof operations.' },
+    { question: 'Will my Node-RED flows work in FlowFuse?', answer: 'Yes! FlowFuse is designed for seamless migration, fully compatible with existing Node-RED logic and integrations.' },
+]
+
+const META_DESCRIPTION = 'FlowFuse is the easiest, fastest, most sustainable way to build and operate applications that help you optimize industrial processes, with the security, governance and AI acceleration Node-RED alone does not provide.'
+
+useSeoMeta({
+    title: 'Why FlowFuse',
+    description: META_DESCRIPTION,
+    ogDescription: META_DESCRIPTION,
+    ogUrl: 'https://flowfuse.com/platform/why-flowfuse/',
+    twitterSite: '@FlowFuseinc',
+})
+
+useSchemaOrg([
+    defineWebPage({ '@type': 'FAQPage' }),
+    ...FAQ.map(item => defineQuestion({ question: item.question, answer: item.answer })),
+])
+</script>
+
+<template>
+  <div class="w-full page hero">
+    <div class="content">
+      <div class="nohero w-full px-6">
+        <div class="w-full pt-12 pb-20 md:pt-6 md:pb-8">
+          <div class="md:flex md:my-16 items-center md:flex-row md:justify-between mx-auto text-center md:text-left md:max-w-screen-lg gap-8">
+            <div class="my-auto max-md:mx-auto md:w-1/2 lg:w-5/12">
+              <h1 class="w-full mt-0 md:px-0 m-auto font-medium">
+                Why <span class="text-red-600">FlowFuse</span>
+              </h1>
+              <div class="mb-10 flex-grow">
+                <p>FlowFuse is the easiest, fastest, most sustainable way to build and operate applications that help you optimize industrial processes. </p>
+                <p>From pilot to production, innovation in industry starts with the right foundation. <span class="font-semibold">Node-RED, pioneered by our own CTO Nick O’Leary,</span> empowers thousands to connect data, automate, and build ideas rapidly.</p>
+                <p><span class="font-semibold">FlowFuse takes that power further</span>, enabling secure, governed, and AI-accelerated scale for your most critical operations.</p>
+              </div>
+              <div class="flex md:hidden justify-center m-auto mb-10 ff-image-rounded rounded-lg drop-shadow-lg">
+                <LiteYoutube
+                    :videoid="VIDEO_ID"
+                    title="Why FlowFuse"
+                    :style="VIDEO_STYLE"
+                    class="rounded-xl sm:max-w-none sm:max-h-full"
+                />
+              </div>
+              <div class="flex gap-3 max-md:mx-auto max-sm:flex-col max-md:justify-center">
+                <CtaBookDemo variant="primary" position="primary" class="min-h-[40px]" />
+                <CtaSignUp variant="ghost" position="primary" icon="i-lucide-arrow-right" class="min-h-[40px]" />
+              </div>
+            </div>
+            <div class="flex max-md:hidden justify-center m-auto max-w-[550px] ff-image-rounded rounded-lg drop-shadow-lg w-full">
+              <LiteYoutube
+                  :videoid="VIDEO_ID"
+                  title="Why FlowFuse"
+                  :style="VIDEO_STYLE"
+                  class="rounded-xl sm:max-w-none sm:max-h-full"
+              />
+            </div>
+          </div>
+        </div>
+
+        <div class="md:max-w-screen-lg mx-auto">
+          <h2 class="text-center w-full md:text-left max-w-4xl">Ready to move <span class="text-indigo-600">beyond the prototype?</span></h2>
+          <div class="max-w-md sm:max-w-screen-lg m-auto my-10">
+            <div class="grid grid-cols-1 lg:grid-cols-[1fr_2fr] gap-6">
+              <div class="flex-grow relative hidden lg:block">
+                <div class="ff-image-cover left ff-image-rounded w-full h-full">
+                  <NuxtImg src="/images/why-flowfuse/from-prototype-to-production.png" alt="Shop floor office" :width="496" format="webp" loading="lazy" class="w-full h-auto" />
+                </div>
+              </div>
+              <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
+                <div v-for="quote in QUOTES" :key="quote.copy" class="relative w-full max-md:max-w-md mx-auto bg-indigo-50 rounded-md p-6">
+                  <div class="flex flex-row justify-center items-center gap-8 h-full">
+                    <div class="flex w-16 items-center justify-center text-indigo-600">
+                      <UIcon :name="quote.icon" class="w-16 h-16" />
+                    </div>
+                    <p class="w-full md:m-0 text-gray-600 font-medium mx-auto">"{{ quote.copy }}"</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="w-full bg-indigo-50/50 py-12 mt-20 px-6">
+        <div class="max-w-screen-lg mx-auto">
+          <div class="md:flex items-center md:flex-row md:justify-between mx-auto max-md:text-center gap-8">
+            <div class="my-auto max-md:mx-auto md:w-1/2 lg:w-5/12">
+              <h2 class="w-full mt-0 md:px-0 m-auto">From Pilot to Production</h2>
+              <h5 class="text-indigo-600">Supercharge your industrial automation</h5>
+              <div class="flex mt-8 md:hidden justify-center m-auto mb-10 drop-shadow-lg max-w-lg">
+                <img src="/images/why-flowfuse/node-red+flowfuse.png" alt="Node-RED and FlowFuse sinergy" width="400" class="w-full h-auto">
+              </div>
+              <div class="flex-grow">
+                <p>FlowFuse and Node-RED form a seamless continuum: start with the creativity and agility of Node-RED, and scale with enterprise-ready security, audit trails, versioning, and FlowFuse AI Expert tools FlowFuse offers.</p>
+                <p>FlowFuse bridges the gap between what’s possible and what’s reliable at scale, empowering teams to innovate faster, build smarter, and automate with confidence, all with complete governance and operational control.</p>
+                <p class="mb-0">Our platform is 100% compatible with Node-RED, backed by the original creator, ensuring you invest in a future-proof solution.</p>
+              </div>
+            </div>
+            <div class="flex max-md:hidden justify-center m-auto max-w-[550px] drop-shadow-lg w-full">
+              <img src="/images/why-flowfuse/node-red+flowfuse.png" alt="Node-RED and FlowFuse sinergy" width="550" class="w-full h-auto">
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="w-full px-6 pt-6">
+        <div class="md:max-w-screen-lg mx-auto max-sm:text-center pt-16 text-lg flex-col flex-row items-center justify-center gap-1 hover:no-underline flex-wrap mb-12">
+          <h2 class="max-md:text-center"><span class="text-indigo-600">Why upgrade</span> to FlowFuse?</h2>
+          <div class="relative overflow-x-auto rounded-lg mt-10 mb-20">
+            <table class="w-full">
+              <thead class="bg-indigo-100 text-left">
+                <tr>
+                  <th scope="col" class="px-6 py-3">Feature/Capability</th>
+                  <th scope="col" class="px-6 py-3">Node-RED (Open Source)</th>
+                  <th scope="col" class="px-6 py-3">FlowFuse (Built on Node-RED)</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="row in COMPARISON" :key="row.feature" class="even:bg-indigo-50/50 text-left">
+                  <th scope="row" class="px-6 py-4 font-medium text-indigo-400">{{ row.feature }}</th>
+                  <td class="px-6 py-4"><div class="flex items-center">{{ row.nodered }}</div></td>
+                  <td class="px-6 py-4"><div class="flex items-center">{{ row.flowfuse }}</div></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <h2 class="max-md:text-center -mb-12">
+            Frequently Asked <span class="text-indigo-600">Questions</span>
+          </h2>
+          <BlogFaq :faq="FAQ" variant="page" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/nuxt/public/images/dashboard/bar-chart.gif b/nuxt/public/images/dashboard/bar-chart.gif
new file mode 100644
index 0000000000..8212af6d27
Binary files /dev/null and b/nuxt/public/images/dashboard/bar-chart.gif differ
diff --git a/nuxt/public/images/dashboard/dashboard-flowfuse.png b/nuxt/public/images/dashboard/dashboard-flowfuse.png
new file mode 100644
index 0000000000..d176671ace
Binary files /dev/null and b/nuxt/public/images/dashboard/dashboard-flowfuse.png differ
diff --git a/nuxt/public/images/dashboard/donut-chart.gif b/nuxt/public/images/dashboard/donut-chart.gif
new file mode 100644
index 0000000000..763f43a47e
Binary files /dev/null and b/nuxt/public/images/dashboard/donut-chart.gif differ
diff --git a/nuxt/public/images/dashboard/line-chart.gif b/nuxt/public/images/dashboard/line-chart.gif
new file mode 100644
index 0000000000..641cb0b6cd
Binary files /dev/null and b/nuxt/public/images/dashboard/line-chart.gif differ
diff --git a/nuxt/public/images/device-agent/terminal-install.gif b/nuxt/public/images/device-agent/terminal-install.gif
new file mode 100644
index 0000000000..d96551e3f3
Binary files /dev/null and b/nuxt/public/images/device-agent/terminal-install.gif differ
diff --git a/nuxt/public/images/ff-logo-device-agent-light.svg b/nuxt/public/images/ff-logo-device-agent-light.svg
new file mode 100644
index 0000000000..13eb598aa7
--- /dev/null
+++ b/nuxt/public/images/ff-logo-device-agent-light.svg
@@ -0,0 +1,36 @@
+<svg width="225" height="51" viewBox="0 0 225 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M75.1378 0.0947266H62.6521C61.7959 0.0947266 61.1075 0.352164 60.5926 0.867038C60.0777 1.38191 59.8203 2.06468 59.8203 2.92654V24.1371C59.8203 25.0214 60.0498 25.6538 60.5031 26.0231C60.962 26.3925 61.6895 26.5828 62.6857 26.5828C63.1726 26.5828 63.6427 26.5492 64.1016 26.4765C64.5605 26.4037 64.9019 26.3421 65.1314 26.2862V15.9327H72.306C72.9048 15.9327 73.3749 15.7424 73.7219 15.3563C74.0633 14.9701 74.2368 14.4217 74.2368 13.7053C74.2368 13.2744 74.1752 12.8826 74.0465 12.5301C73.9178 12.1719 73.7835 11.8809 73.638 11.6514H65.137V4.42079H73.7667C74.3655 4.42079 74.8356 4.23051 75.1826 3.84436C75.524 3.4582 75.6975 2.89296 75.6975 2.14863C75.6975 1.7233 75.6415 1.32035 75.524 0.950985C75.4065 0.581619 75.2833 0.296199 75.1378 0.0947266Z" fill="#DA3D0B"/>
+<path d="M81.5065 0.0954402C81.0196 0.0954402 80.5663 0.140212 80.1354 0.224159C79.7044 0.308106 79.3798 0.38086 79.1504 0.436824V24.2162C79.1504 25.1004 79.3854 25.716 79.8556 26.0574C80.3257 26.3988 81.0308 26.5723 81.9766 26.5723C82.4915 26.5723 82.956 26.5387 83.3701 26.466C83.7843 26.3932 84.1033 26.3149 84.3327 26.2309V2.49073C84.3327 1.60649 84.1033 0.985278 83.65 0.627104C83.191 0.268931 82.4803 0.0898438 81.5065 0.0898438V0.0954402Z" fill="#DA3D0B"/>
+<path d="M105.09 6.77753C103.506 5.89329 101.66 5.45117 99.5441 5.45117C97.4286 5.45117 95.6098 5.89329 94.0148 6.77753C92.4198 7.66177 91.1774 8.90419 90.2932 10.5048C89.4089 12.1054 88.9668 14.0026 88.9668 16.202C88.9668 18.4014 89.4033 20.2986 90.2708 21.8992C91.1382 23.4998 92.375 24.7366 93.97 25.604C95.565 26.4715 97.4231 26.908 99.5385 26.908C101.654 26.908 103.551 26.4715 105.129 25.604C106.708 24.731 107.939 23.4886 108.806 21.8768C109.674 20.265 110.11 18.3734 110.11 16.202C110.11 14.0305 109.668 12.1054 108.784 10.5048C107.9 8.90419 106.668 7.66177 105.085 6.77753H105.09ZM103.372 21.0653C102.443 22.2238 101.167 22.8002 99.5441 22.8002C97.9211 22.8002 96.6451 22.2294 95.7161 21.0877C94.7871 19.946 94.3226 18.3174 94.3226 16.202C94.3226 14.0865 94.7927 12.4915 95.7385 11.3163C96.6787 10.1466 97.9491 9.55898 99.5441 9.55898C101.139 9.55898 102.443 10.1466 103.372 11.3163C104.301 12.4859 104.766 14.1145 104.766 16.202C104.766 18.2895 104.301 19.9068 103.372 21.0653Z" fill="#DA3D0B"/>
+<path d="M161.441 0.0947266H148.955C148.099 0.0947266 147.411 0.352164 146.896 0.867038C146.381 1.38191 146.124 2.06468 146.124 2.92654V24.1371C146.124 25.0214 146.353 25.6538 146.806 26.0231C147.265 26.3925 147.993 26.5828 148.989 26.5828C149.476 26.5828 149.946 26.5492 150.405 26.4765C150.864 26.4037 151.205 26.3421 151.435 26.2862V15.9327H158.609C159.208 15.9327 159.678 15.7424 160.025 15.3563C160.367 14.9701 160.54 14.4217 160.54 13.7053C160.54 13.2744 160.478 12.8826 160.35 12.5301C160.221 12.1719 160.087 11.8809 159.941 11.6514H151.44V4.42079H160.07C160.669 4.42079 161.139 4.23051 161.486 3.84436C161.827 3.4582 162.001 2.89296 162.001 2.14863C162.001 1.7233 161.945 1.32035 161.827 0.950985C161.71 0.581619 161.587 0.296199 161.441 0.0947266Z" fill="#DA3D0B"/>
+<path d="M141.333 6.1339C140.874 5.8205 140.286 5.6638 139.576 5.6638C138.719 5.6638 137.947 5.86527 137.264 6.26262C136.895 8.89296 136.43 11.5457 135.871 14.232C135.311 16.9183 134.78 19.4423 134.265 21.8152H134.052C133.906 21.1604 133.643 20.1586 133.257 18.8155C132.871 17.4723 132.423 15.9389 131.909 14.2096C131.399 12.4803 130.851 10.7062 130.28 8.87617C130.112 8.36129 129.776 7.98633 129.273 7.74009C128.775 7.49944 128.153 7.37632 127.409 7.37632C126.838 7.37632 126.334 7.43228 125.909 7.54981C125.478 7.66174 125.081 7.83523 124.711 8.06468C124.141 9.97867 123.575 11.8647 123.021 13.7171C122.462 15.5751 121.975 17.2261 121.566 18.6644C121.152 20.1083 120.861 21.1548 120.688 21.8152H120.52C120.402 21.3619 120.246 20.6959 120.05 19.8228C119.848 18.9498 119.619 17.9145 119.367 16.7168C119.109 15.5192 118.841 14.176 118.572 12.6874C118.304 11.2043 118.035 9.64288 117.783 8.01431C117.638 7.15806 117.352 6.54804 116.927 6.19546C116.496 5.83729 115.914 5.6582 115.17 5.6582C114.571 5.6582 114.033 5.77013 113.563 5.99959C113.093 6.22904 112.713 6.48648 112.427 6.7719C112.629 7.85761 112.875 9.10003 113.177 10.4991C113.479 11.8983 113.804 13.3421 114.162 14.8252C114.52 16.3083 114.873 17.7466 115.231 19.1345C115.589 20.5224 115.936 21.7424 116.283 22.7946C116.625 23.8523 116.927 24.6638 117.184 25.2346C117.414 25.6935 117.828 26.0405 118.427 26.2868C119.025 26.5274 119.714 26.6505 120.486 26.6505C121.169 26.6505 121.751 26.5778 122.221 26.4379C122.691 26.298 123.072 26.1077 123.357 25.8838C123.699 24.9436 124.107 23.7628 124.577 22.3525C125.047 20.9365 125.534 19.4087 126.032 17.7689C126.53 16.1236 126.984 14.5174 127.387 12.9504C127.818 14.495 128.254 16.0564 128.713 17.6402C129.172 19.224 129.62 20.6959 130.062 22.0558C130.504 23.4158 130.901 24.5183 131.243 25.3745C131.528 26.2308 132.541 26.6617 134.281 26.6617C134.942 26.6617 135.546 26.5834 136.1 26.4267C136.66 26.27 137.068 26.0909 137.32 25.8894C137.55 25.3186 137.818 24.5463 138.132 23.5781C138.445 22.6099 138.781 21.5074 139.139 20.2762C139.497 19.0505 139.844 17.7801 140.191 16.465C140.533 15.1498 140.84 13.9074 141.109 12.7377C141.378 11.5681 141.602 10.5327 141.775 9.63169C141.943 8.73066 142.033 8.09826 142.033 7.7233C142.033 6.97897 141.803 6.4529 141.35 6.1395L141.333 6.1339Z" fill="#DA3D0B"/>
+<path d="M179.937 5.75364C179.45 5.75364 178.997 5.79841 178.566 5.88236C178.135 5.96631 177.811 6.03906 177.581 6.09503V21.905C177.24 22.1065 176.753 22.2968 176.126 22.4815C175.499 22.6662 174.727 22.7613 173.815 22.7613C172.388 22.7613 171.274 22.4255 170.474 21.7539C169.673 21.0824 169.276 19.991 169.276 18.4744V8.1937C169.276 7.2535 169.052 6.6099 168.61 6.26292C168.168 5.92154 167.457 5.74805 166.489 5.74805C165.974 5.74805 165.504 5.79282 165.073 5.87677C164.648 5.96071 164.329 6.03347 164.133 6.08943V18.5584C164.133 20.5003 164.519 22.0841 165.291 23.3153C166.064 24.541 167.177 25.442 168.632 26.0128C170.087 26.5837 171.8 26.8691 173.776 26.8691C175.404 26.8691 176.848 26.7068 178.102 26.3766C179.355 26.0464 180.385 25.6435 181.185 25.1566C181.784 24.7872 182.198 24.3843 182.428 23.9589C182.657 23.528 182.769 22.9908 182.769 22.3304V8.1937C182.769 7.2535 182.54 6.6099 182.086 6.26292C181.627 5.92154 180.917 5.74805 179.943 5.74805L179.937 5.75364Z" fill="#DA3D0B"/>
+<path d="M196.229 14.1983L194.001 13.6442C193.117 13.4428 192.485 13.1685 192.115 12.8104C191.746 12.4522 191.561 12.0325 191.561 11.5456C191.561 10.8628 191.891 10.3367 192.546 9.97856C193.201 9.62039 194.091 9.4413 195.204 9.4413C195.949 9.4413 196.682 9.51965 197.409 9.67635C198.137 9.83305 198.803 10.0345 199.402 10.2752C200.001 10.5158 200.471 10.7565 200.818 10.9803C201.131 10.7509 201.394 10.4543 201.612 10.0793C201.825 9.70993 201.931 9.279 201.931 8.79211C201.931 8.08136 201.624 7.47134 201.014 6.97326C200.398 6.47517 199.559 6.08902 198.484 5.81479C197.415 5.54616 196.195 5.40625 194.824 5.40625C192.194 5.40625 190.151 5.98269 188.696 7.14115C187.241 8.29962 186.513 9.7603 186.513 11.5344C186.513 13.135 187.006 14.4222 187.991 15.3903C188.976 16.3641 190.498 17.0749 192.552 17.5338L195.081 18.1774C195.994 18.3788 196.665 18.6699 197.096 19.056C197.527 19.4422 197.74 19.9626 197.74 20.6174C197.74 22.1341 196.514 22.8896 194.057 22.8896C192.714 22.8896 191.516 22.6825 190.459 22.2684C189.401 21.8543 188.472 21.3897 187.672 20.8749C187.302 21.1323 187 21.4625 186.771 21.8599C186.541 22.2572 186.429 22.7049 186.429 23.1862C186.429 24.2999 187.157 25.2009 188.617 25.8837C190.072 26.5721 191.942 26.9135 194.231 26.9135C197.029 26.9135 199.167 26.3482 200.633 25.2177C202.105 24.0928 202.838 22.5426 202.838 20.5671C202.838 18.9105 202.318 17.5618 201.271 16.5208C200.23 15.4799 198.551 14.6964 196.24 14.1871L196.229 14.1983Z" fill="#DA3D0B"/>
+<path d="M224.401 16.107C224.798 15.7208 225 15.1276 225 14.3273C225 12.6148 224.602 11.0869 223.802 9.74377C223.002 8.40062 221.894 7.34289 220.483 6.57058C219.068 5.79827 217.433 5.41211 215.575 5.41211C214.204 5.41211 212.911 5.63597 211.697 6.07809C210.483 6.52021 209.414 7.18619 208.485 8.07043C207.556 8.95467 206.828 10.0572 206.302 11.3667C205.776 12.6819 205.507 14.2097 205.507 15.9502C205.507 18.3455 205.977 20.3603 206.923 21.9888C207.869 23.6174 209.19 24.8374 210.886 25.6545C212.587 26.466 214.534 26.8745 216.734 26.8745C218.161 26.8745 219.426 26.729 220.523 26.4436C221.625 26.1582 222.498 25.7497 223.159 25.2236C223.813 24.6975 224.144 24.0763 224.144 23.36C224.144 22.9011 224.02 22.4813 223.78 22.0952C223.539 21.709 223.231 21.4012 222.862 21.1718C222.235 21.6027 221.412 21.9944 220.4 22.3526C219.387 22.7108 218.278 22.8899 217.081 22.8899C215.279 22.8899 213.796 22.4477 212.626 21.5635C211.697 20.8639 211.065 19.8566 210.712 18.547L222.739 16.8065C223.455 16.7226 224.009 16.4875 224.412 16.1014L224.401 16.107ZM210.365 14.9205C210.455 13.1968 210.953 11.8536 211.87 10.8966C212.855 9.86689 214.092 9.35202 215.575 9.35202C217.058 9.35202 218.105 9.76056 218.877 10.572C219.65 11.3835 220.075 12.3517 220.164 13.4654L210.371 14.9149L210.365 14.9205Z" fill="#DA3D0B"/>
+<path d="M64.5101 36.5454C64.9187 36.5454 65.2937 36.579 65.6462 36.6685C65.9988 36.758 66.301 36.8644 66.5696 37.0043V33.2043C66.6592 33.1875 66.7991 33.1483 66.9782 33.098C67.1573 33.0644 67.3308 33.042 67.549 33.042C67.9408 33.042 68.2262 33.1147 68.4165 33.2547C68.5956 33.3946 68.7019 33.6464 68.7019 33.999V44.4924C68.7019 44.7778 68.6459 45.0072 68.5228 45.1863C68.3997 45.3654 68.2206 45.5389 67.952 45.7012C67.6498 45.8971 67.2244 46.0762 66.6928 46.2329C66.1611 46.3952 65.5567 46.4791 64.8795 46.4791C64.1184 46.4791 63.4244 46.3896 62.8032 46.1937C62.182 45.9978 61.6504 45.6956 61.2026 45.2871C60.7605 44.8785 60.4191 44.3636 60.1729 43.7424C59.9266 43.1212 59.8203 42.3937 59.8203 41.543C59.8203 40.6924 59.9434 39.9256 60.1953 39.2876C60.4471 38.6496 60.7829 38.1348 61.2082 37.7262C61.6336 37.3177 62.1317 37.0155 62.7025 36.8196C63.2733 36.6237 63.8722 36.5342 64.5325 36.5342H64.5157L64.5101 36.5454ZM66.5864 38.7616C66.357 38.6217 66.0883 38.4929 65.7861 38.3866C65.4839 38.2803 65.1481 38.2243 64.7564 38.2243C64.3646 38.2243 63.9953 38.2803 63.6371 38.4034C63.3013 38.5265 62.9991 38.7224 62.7473 38.991C62.4954 39.2597 62.2828 39.6122 62.1428 40.0376C62.0029 40.4629 61.9302 40.961 61.9302 41.5654C61.9302 42.6847 62.1988 43.5018 62.7305 44.0167C63.2621 44.5315 63.9561 44.7778 64.8459 44.7778C65.2545 44.7778 65.5903 44.7442 65.8589 44.6547C66.1275 44.5651 66.3738 44.4588 66.5864 44.3524V38.756V38.7616Z" fill="#4B5563"/>
+<path d="M73.101 42.5832C73.2801 43.3444 73.6495 43.9152 74.1867 44.2678C74.7184 44.6204 75.4123 44.8162 76.263 44.8162C76.8338 44.8162 77.3487 44.7267 77.8076 44.5476C78.2721 44.3685 78.6415 44.195 78.9269 43.9768C79.3019 44.1894 79.4978 44.4916 79.4978 44.8834C79.4978 45.1128 79.4082 45.3255 79.2291 45.5214C79.05 45.7173 78.8206 45.874 78.5184 46.0195C78.2162 46.1594 77.8636 46.2657 77.455 46.3553C77.0465 46.4448 76.6044 46.4784 76.1399 46.4784C75.3564 46.4784 74.668 46.372 74.0244 46.1594C73.3808 45.9467 72.8548 45.6277 72.3903 45.2024C71.9257 44.7771 71.59 44.2454 71.3437 43.6242C71.0975 43.003 70.9688 42.2754 70.9688 41.4416C70.9688 40.6077 71.0919 39.9305 71.3213 39.3261C71.5676 38.7217 71.8922 38.2068 72.3007 37.7983C72.7093 37.3897 73.2073 37.0875 73.7558 36.8581C74.3266 36.6454 74.9087 36.5391 75.569 36.5391C76.2294 36.5391 76.7947 36.6454 77.3263 36.8413C77.858 37.0539 78.3057 37.3394 78.6919 37.6919C79.0668 38.0669 79.369 38.4922 79.5817 39.0071C79.7944 39.522 79.9007 40.0704 79.9007 40.6748C79.9007 41.0106 79.8112 41.2625 79.6545 41.4024C79.4922 41.5647 79.2627 41.6486 78.9605 41.7046L73.1178 42.5385L73.101 42.572V42.5832ZM75.5914 38.1788C74.8639 38.1788 74.2427 38.4251 73.7614 38.9232C73.2801 39.4212 73.0171 40.132 73.0003 41.0554L77.9363 40.3614C77.8804 39.757 77.6677 39.2422 77.2816 38.8336C76.8898 38.4083 76.3414 38.1956 75.6138 38.1956L75.597 38.1788H75.5914Z" fill="#4B5563"/>
+<path d="M89.1012 36.6348C89.4034 36.6348 89.6329 36.7075 89.8287 36.8474C90.0078 36.9873 90.1142 37.2224 90.1142 37.5246C90.1142 37.6869 90.0582 37.9499 89.9742 38.3417C89.8679 38.7167 89.7448 39.1588 89.5657 39.6736C89.3866 40.1885 89.1907 40.7202 88.9781 41.3246C88.7654 41.929 88.536 42.4943 88.3009 43.0819C88.0547 43.6695 87.8196 44.218 87.5902 44.7496C87.3607 45.2813 87.148 45.729 86.9354 46.0984C86.829 46.1711 86.6667 46.2215 86.4541 46.2943C86.2414 46.3502 85.9896 46.3838 85.7265 46.3838C85.0717 46.3838 84.6408 46.2047 84.4505 45.8521C84.2547 45.5164 84.0252 45.0015 83.7062 44.2739C83.404 43.5632 83.085 42.7797 82.766 41.929C82.447 41.0784 82.1448 40.2221 81.8426 39.3882C81.5404 38.5376 81.3109 37.81 81.1318 37.1888C81.255 37.0489 81.4173 36.9202 81.6131 36.8139C81.809 36.7075 82.0217 36.6739 82.2511 36.6739C82.5533 36.6739 82.7996 36.7467 82.9787 36.8866C83.1578 37.0265 83.2977 37.2784 83.404 37.6141L84.5065 41.0616C84.5793 41.3078 84.6856 41.5932 84.7919 41.8954C84.8983 42.1977 85.0046 42.5166 85.1109 42.8189C85.2173 43.1379 85.3236 43.4401 85.4299 43.7255C85.5362 44.0109 85.6258 44.2571 85.6986 44.453H85.8049C86.2694 43.1938 86.6947 41.929 87.1033 40.653C87.5118 39.377 87.8868 38.1122 88.189 36.8698C88.4352 36.7299 88.7598 36.6572 89.1292 36.6572L89.1124 36.6404L89.1012 36.6348Z" fill="#4B5563"/>
+<path d="M92.0166 33.9485C92.0166 33.596 92.1397 33.3105 92.3692 33.0811C92.6154 32.8516 92.9176 32.7285 93.2926 32.7285C93.6676 32.7285 93.9698 32.8516 94.1992 33.0811C94.4287 33.3105 94.535 33.6128 94.535 33.9485C94.535 34.2843 94.4287 34.5865 94.1992 34.816C93.9698 35.0455 93.6676 35.1686 93.2926 35.1686C92.9176 35.1686 92.6154 35.0455 92.3692 34.816C92.1229 34.5865 92.0166 34.3011 92.0166 33.9485ZM94.3391 46.1656C94.2496 46.1992 94.1097 46.2384 93.9474 46.272C93.7851 46.3055 93.5948 46.3279 93.3765 46.3279C92.9848 46.3279 92.6994 46.2552 92.5091 46.1153C92.3188 45.9753 92.2237 45.7235 92.2237 45.3709V36.8979C92.33 36.8811 92.4699 36.8419 92.6322 36.7915C92.7945 36.758 92.9848 36.7356 93.203 36.7356C93.5948 36.7356 93.8802 36.8083 94.0537 36.9482C94.2272 37.0882 94.3223 37.3568 94.3223 37.7094V46.16H94.3391V46.1656Z" fill="#4B5563"/>
+<path d="M101.816 38.2468C101.391 38.2468 100.999 38.3196 100.624 38.4595C100.249 38.5994 99.9471 38.8121 99.7009 39.0975C99.4546 39.3829 99.2364 39.7187 99.0797 40.1273C98.923 40.5358 98.8502 40.9947 98.8502 41.532C98.8502 42.5785 99.1188 43.3956 99.6673 43.9496C100.216 44.4981 100.927 44.7835 101.816 44.7835C102.331 44.7835 102.757 44.7108 103.115 44.5876C103.473 44.4645 103.792 44.2854 104.055 44.1063C104.234 44.2127 104.374 44.3358 104.48 44.4813C104.587 44.6268 104.643 44.8003 104.643 45.013C104.643 45.4215 104.374 45.7741 103.825 46.0595C103.294 46.3449 102.566 46.4848 101.693 46.4848C100.966 46.4848 100.289 46.3785 99.6841 46.1826C99.0797 45.9868 98.548 45.6678 98.1059 45.2592C97.6638 44.8507 97.3224 44.3358 97.0761 43.7146C96.8299 43.0934 96.7012 42.3658 96.7012 41.5488C96.7012 40.7317 96.8243 39.9873 97.0929 39.3661C97.3616 38.7449 97.7141 38.2133 98.1563 37.8047C98.5984 37.3962 99.1356 37.0772 99.7345 36.8813C100.339 36.6686 100.977 36.5791 101.637 36.5791C102.079 36.5791 102.471 36.6127 102.829 36.7022C103.187 36.7918 103.484 36.8981 103.736 37.038C103.988 37.1779 104.178 37.3402 104.324 37.5193C104.469 37.6984 104.536 37.8943 104.536 38.0901C104.536 38.286 104.48 38.4427 104.396 38.605C104.29 38.7673 104.167 38.8737 104.021 38.9576C103.736 38.7785 103.434 38.6386 103.098 38.4931C102.762 38.3476 102.337 38.2972 101.822 38.2972V38.2413L101.816 38.2468Z" fill="#4B5563"/>
+<path d="M108.213 42.5832C108.392 43.3444 108.762 43.9152 109.299 44.2678C109.836 44.6204 110.525 44.8162 111.375 44.8162C111.946 44.8162 112.461 44.7267 112.92 44.5476C113.384 44.3685 113.754 44.195 114.039 43.9768C114.414 44.1894 114.61 44.4916 114.61 44.8834C114.61 45.1128 114.521 45.3255 114.341 45.5214C114.162 45.7173 113.933 45.874 113.631 46.0195C113.328 46.1594 112.976 46.2657 112.567 46.3553C112.159 46.4448 111.717 46.4784 111.252 46.4784C110.469 46.4784 109.78 46.372 109.137 46.1594C108.499 45.9467 107.967 45.6277 107.503 45.2024C107.038 44.7771 106.702 44.2454 106.456 43.6242C106.21 43.003 106.081 42.2754 106.081 41.4416C106.081 40.6077 106.204 39.9305 106.434 39.3261C106.68 38.7217 107.004 38.2068 107.413 37.7983C107.822 37.3897 108.32 37.0875 108.868 36.8581C109.439 36.6454 110.021 36.5391 110.681 36.5391C111.342 36.5391 111.907 36.6454 112.439 36.8413C112.97 37.0539 113.418 37.3394 113.804 37.6919C114.179 38.0669 114.481 38.4922 114.694 39.0071C114.907 39.522 115.013 40.0704 115.013 40.6748C115.013 41.0106 114.923 41.2625 114.767 41.4024C114.604 41.5647 114.375 41.6486 114.073 41.7046L108.23 42.5385L108.213 42.572V42.5832ZM110.698 38.1788C109.971 38.1788 109.349 38.4251 108.868 38.9232C108.387 39.4212 108.124 40.132 108.107 41.0554L113.043 40.3614C112.987 39.757 112.774 39.2422 112.388 38.8336C111.997 38.4083 111.448 38.1956 110.721 38.1956L110.704 38.1788H110.698Z" fill="#4B5563"/>
+<path d="M124.638 36.5454C125.881 36.5454 126.877 36.814 127.605 37.3625C128.332 37.8941 128.707 38.7504 128.707 39.92V44.5931C128.707 44.8953 128.634 45.1415 128.494 45.3038C128.354 45.4661 128.159 45.6228 127.924 45.7851C127.571 45.981 127.123 46.1601 126.575 46.3C126.026 46.4399 125.383 46.5127 124.672 46.5127C123.374 46.5127 122.361 46.2664 121.633 45.7516C120.906 45.2367 120.547 44.4924 120.547 43.513C120.547 42.6231 120.833 41.9516 121.398 41.487C121.963 41.0225 122.786 40.7427 123.849 40.6196L126.636 40.3342V39.8921C126.636 39.3044 126.44 38.8791 126.065 38.6161C125.691 38.353 125.159 38.2075 124.465 38.2075C123.933 38.2075 123.418 38.2803 122.92 38.4202C122.422 38.5601 121.98 38.7392 121.605 38.9183C121.465 38.8119 121.359 38.6888 121.269 38.5265C121.18 38.3642 121.129 38.2075 121.129 38.0116C121.129 37.7822 121.185 37.6031 121.308 37.4408C121.415 37.3009 121.594 37.1722 121.84 37.0658C122.215 36.87 122.64 36.7468 123.116 36.6573C123.597 36.5678 124.112 36.5342 124.644 36.5342L124.627 36.551L124.638 36.5454ZM124.672 44.8561C125.136 44.8561 125.539 44.8002 125.898 44.7162C126.256 44.6323 126.485 44.5203 126.642 44.414V41.8732L124.459 42.0859C123.838 42.1586 123.374 42.2817 123.071 42.4944C122.769 42.7071 122.607 43.0093 122.607 43.4514C122.607 43.8935 122.769 44.2349 123.105 44.4812C123.441 44.7274 123.956 44.8561 124.666 44.8561H124.672Z" fill="#4B5563"/>
+<path d="M137.511 45.3146C137.264 45.4769 136.94 45.6168 136.587 45.7231C136.212 45.8295 135.787 45.8854 135.272 45.8854C134.684 45.8854 134.136 45.7959 133.604 45.6392C133.073 45.4769 132.608 45.2138 132.216 44.8389C131.808 44.4639 131.489 43.9882 131.259 43.4006C131.03 42.813 130.907 42.0854 130.907 41.2348C130.907 40.4513 131.03 39.7797 131.259 39.192C131.489 38.6044 131.83 38.1287 132.239 37.737C132.664 37.3452 133.162 37.043 133.75 36.8471C134.337 36.6513 134.975 36.5449 135.686 36.5449C136.341 36.5449 136.945 36.6345 137.499 36.7912C138.048 36.9535 138.512 37.1661 138.848 37.3788C139.078 37.5187 139.257 37.6978 139.38 37.8769C139.503 38.0728 139.576 38.2854 139.576 38.5541V46.4563C139.576 47.1334 139.453 47.6987 139.223 48.18C138.994 48.6613 138.675 49.0474 138.266 49.3496C137.858 49.6518 137.376 49.8645 136.811 50.0044C136.246 50.1443 135.658 50.2171 134.998 50.2171C134.337 50.2171 133.739 50.1443 133.24 50.0212C132.742 49.8813 132.39 49.7526 132.155 49.6127C131.746 49.3664 131.534 49.025 131.534 48.6165C131.534 48.387 131.59 48.1912 131.673 48.0457C131.763 47.8834 131.886 47.7602 132.026 47.6707C132.328 47.8834 132.737 48.0792 133.252 48.2583C133.767 48.4374 134.298 48.5269 134.869 48.5269C135.703 48.5269 136.363 48.3479 136.822 48.0121C137.287 47.6763 137.516 47.1222 137.516 46.3611V45.3146H137.511ZM135.574 44.2345C136.039 44.2345 136.408 44.1617 136.71 44.0386C137.012 43.9155 137.281 43.7364 137.494 43.5573V38.7108C137.298 38.5876 137.052 38.4813 136.749 38.375C136.447 38.2686 136.111 38.2351 135.703 38.2351C134.886 38.2351 134.231 38.4813 133.733 38.9794C133.235 39.4775 132.989 40.2218 132.989 41.218C132.989 41.7664 133.061 42.2309 133.184 42.6227C133.324 43.0144 133.503 43.3166 133.716 43.5629C133.929 43.8091 134.214 43.9714 134.533 44.0778C134.852 44.1841 135.188 44.2401 135.546 44.2401H135.58L135.574 44.2345Z" fill="#4B5563"/>
+<path d="M143.924 42.5832C144.103 43.3444 144.473 43.9152 145.01 44.2678C145.547 44.6204 146.236 44.8162 147.086 44.8162C147.657 44.8162 148.172 44.7267 148.631 44.5476C149.095 44.3685 149.465 44.195 149.75 43.9768C150.125 44.1894 150.321 44.4916 150.321 44.8834C150.321 45.1128 150.231 45.3255 150.052 45.5214C149.873 45.7173 149.644 45.874 149.342 46.0195C149.039 46.1594 148.687 46.2657 148.278 46.3553C147.87 46.4448 147.428 46.4784 146.963 46.4784C146.18 46.4784 145.491 46.372 144.848 46.1594C144.21 45.9467 143.678 45.6277 143.213 45.2024C142.749 44.7771 142.413 44.2454 142.167 43.6242C141.921 43.003 141.792 42.2754 141.792 41.4416C141.792 40.6077 141.915 39.9305 142.145 39.3261C142.391 38.7217 142.715 38.2068 143.124 37.7983C143.532 37.3897 144.031 37.0875 144.579 36.8581C145.15 36.6454 145.732 36.5391 146.392 36.5391C147.053 36.5391 147.618 36.6454 148.15 36.8413C148.681 37.0539 149.129 37.3394 149.515 37.6919C149.89 38.0669 150.192 38.4922 150.405 39.0071C150.618 39.522 150.707 40.0704 150.707 40.6748C150.707 41.0106 150.634 41.2625 150.461 41.4024C150.299 41.5647 150.069 41.6486 149.767 41.7046L143.924 42.5385V42.572V42.5832ZM146.409 38.1788C145.682 38.1788 145.06 38.4251 144.579 38.9232C144.098 39.4212 143.835 40.132 143.818 41.0554L148.754 40.3614C148.698 39.757 148.485 39.2422 148.099 38.8336C147.707 38.4083 147.159 38.1956 146.431 38.1956L146.415 38.1788H146.409Z" fill="#4B5563"/>
+<path d="M158.643 38.6942C158.268 38.392 157.775 38.2297 157.148 38.2297C156.684 38.2297 156.259 38.2857 155.889 38.4088C155.52 38.5319 155.195 38.6551 154.932 38.8174V46.1711C154.843 46.2047 154.703 46.2439 154.54 46.2774C154.378 46.311 154.188 46.3334 153.992 46.3334C153.6 46.3334 153.315 46.2606 153.141 46.1207C152.945 45.9808 152.856 45.729 152.856 45.3764V38.7726C152.856 38.4704 152.912 38.2241 153.035 38.0282C153.158 37.8324 153.354 37.6533 153.639 37.4574C154.014 37.228 154.507 37.0321 155.095 36.8362C155.699 36.6571 156.371 36.5508 157.137 36.5508C158.436 36.5508 159.449 36.8362 160.176 37.4182C160.904 38.0059 161.279 38.8733 161.279 40.0486V46.1599C161.189 46.1935 161.049 46.2327 160.87 46.2662C160.691 46.2998 160.518 46.3222 160.299 46.3222C159.907 46.3222 159.622 46.2495 159.432 46.1095C159.242 45.9696 159.146 45.7178 159.146 45.3652V40.1437C159.146 39.4889 158.967 39.0076 158.598 38.7054H158.654L158.643 38.6942Z" fill="#4B5563"/>
+<path d="M166.584 44.4808C166.87 44.6767 167.262 44.783 167.776 44.783C168.006 44.783 168.241 44.7495 168.504 44.6767C168.75 44.6039 168.985 44.5368 169.159 44.4305C169.248 44.5368 169.338 44.6599 169.405 44.783C169.478 44.9229 169.511 45.0852 169.511 45.2643C169.511 45.6169 169.332 45.9023 168.98 46.115C168.627 46.3277 168.09 46.4508 167.362 46.4508C166.366 46.4508 165.571 46.2213 164.967 45.7736C164.379 45.3315 164.077 44.5816 164.077 43.5518V34.1945C164.167 34.1777 164.307 34.1386 164.486 34.0882C164.665 34.0378 164.838 34.0322 165.057 34.0322C165.448 34.0322 165.734 34.105 165.907 34.2449C166.081 34.3848 166.176 34.6366 166.176 34.9892V36.976H169.282C169.282 36.976 169.388 37.1718 169.422 37.3118C169.478 37.4517 169.495 37.614 169.495 37.7763C169.495 38.3471 169.248 38.6437 168.75 38.6437H166.159V43.4007C166.159 43.882 166.299 44.2178 166.584 44.4305V44.464V44.4808Z" fill="#4B5563"/>
+<mask id="mask0_4272_3242" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="50" height="50">
+<path d="M49.8085 0H0V49.8029H49.8085V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_4272_3242)">
+<mask id="mask1_4272_3242" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="50" height="50">
+<path d="M49.8085 0H0V49.8029H49.8085V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_4272_3242)">
+<path d="M25.9118 26.9353C27.9098 27.7804 29.8294 28.7822 31.8945 29.2523C32.8179 29.4034 33.7525 29.4817 34.6647 29.4817V24.3945H33.898C31.0662 24.3945 28.4414 25.8664 25.9062 26.9353" fill="#DA3D0B"/>
+<path d="M20.0076 28.5588C19.0842 28.4805 18.1608 28.4805 17.2429 28.4805H15.1387V33.1535C15.1387 33.9986 15.827 34.6758 16.6609 34.6758H33.1425C33.9876 34.6758 34.6647 33.9874 34.6647 33.1535V32.5603C32.6668 32.5603 30.5905 32.3084 28.7437 31.5305C25.8391 30.5344 23.1584 28.6316 20.0076 28.5532V28.5588Z" fill="#DA3D0B"/>
+<path d="M33.1537 15.1328H16.6609C15.827 15.1328 15.1387 15.8212 15.1387 16.6662V25.324C16.9855 25.324 18.9331 25.4023 20.7687 25.2456C23.3039 25.0162 25.5313 23.6282 27.9042 22.7048C30.0532 21.7814 32.3646 21.2442 34.6703 21.3113V16.6662C34.6703 15.8212 33.982 15.1328 33.1481 15.1328H33.1537Z" fill="#DA3D0B"/>
+<path d="M34.6762 24.3948V21.3112C32.3704 21.2328 30.0647 21.7757 27.9101 22.7047C25.526 23.6281 23.3098 25.0216 20.7746 25.2455C18.9333 25.4022 16.9914 25.3238 15.1445 25.3238V28.4858H17.2488C18.1666 28.4858 19.09 28.4858 20.0135 28.5642C23.1643 28.6425 25.8506 30.5453 28.7607 31.5415C30.6076 32.3194 32.6838 32.5713 34.6818 32.5713V29.4876C33.764 29.4876 32.8238 29.4093 31.9115 29.2582C29.8352 28.7937 27.9269 27.7975 25.9289 26.9412C28.4641 25.8611 31.0833 24.4004 33.9207 24.4004L34.6874 24.3892L34.6762 24.3948Z" fill="white"/>
+<path d="M48.6277 30.8309H42.6954V18.972H48.6277C49.2824 18.972 49.8141 18.4403 49.8141 17.7856C49.8141 17.1308 49.2824 16.5991 48.6277 16.5991H42.6954V14.6459C42.6954 10.4934 39.3823 7.1131 35.3193 7.1131H33.2094V1.18645C33.2094 0.531664 32.6777 0 32.023 0C31.3682 0 30.8365 0.531664 30.8365 1.18645V7.1131H18.9776V1.18645C18.9776 0.531664 18.4459 0 17.7968 0C17.1476 0 16.6103 0.531664 16.6103 1.18645V7.1131H14.5004C10.4318 7.1131 7.1243 10.4934 7.1243 14.6459V16.5991H1.18645C0.531664 16.5991 0 17.1308 0 17.7856C0 18.4403 0.531664 18.972 1.18645 18.972H7.1187V30.8309H1.18645C0.531664 30.8309 0 31.3626 0 32.0174C0 32.6722 0.531664 33.2038 1.18645 33.2038H7.1187V35.157C7.1187 39.3096 10.4318 42.6898 14.4948 42.6898H16.6047V48.6165C16.6047 49.2713 17.1364 49.8029 17.7912 49.8029C18.4459 49.8029 18.9776 49.2713 18.9776 48.6165V42.6898H30.8365V48.6165C30.8365 49.2713 31.3682 49.8029 32.023 49.8029C32.6777 49.8029 33.2094 49.2713 33.2094 48.6165V42.6898H35.3193C39.3879 42.6898 42.6954 39.3096 42.6954 35.157V33.2038H48.6277C49.2824 33.2038 49.8141 32.6722 49.8141 32.0174C49.8141 31.3626 49.2824 30.8309 48.6277 30.8309ZM40.3225 35.157C40.3225 38.0056 38.0783 40.3225 35.3193 40.3225H14.4948C11.7358 40.3225 9.4916 38.0056 9.4916 35.157V14.6515C9.4916 11.8029 11.7358 9.48601 14.4948 9.48601H35.3193C38.0783 9.48601 40.3225 11.8029 40.3225 14.6515V35.1626V35.157Z" fill="#DA3D0B"/>
+</g>
+</g>
+</svg>
diff --git a/nuxt/public/images/webinars/multi-user-dashboard-with-node-red-dashboard-2-0-webinar-2024-february.jpg b/nuxt/public/images/webinars/multi-user-dashboard-with-node-red-dashboard-2-0-webinar-2024-february.jpg
new file mode 100644
index 0000000000..ecf4235f2c
Binary files /dev/null and b/nuxt/public/images/webinars/multi-user-dashboard-with-node-red-dashboard-2-0-webinar-2024-february.jpg differ
diff --git a/nuxt/public/images/why-flowfuse/flowfuse-homepage-mobile.png b/nuxt/public/images/why-flowfuse/flowfuse-homepage-mobile.png
new file mode 100644
index 0000000000..94388a05fa
Binary files /dev/null and b/nuxt/public/images/why-flowfuse/flowfuse-homepage-mobile.png differ
diff --git a/nuxt/public/images/why-flowfuse/flowfuse-homepage.png b/nuxt/public/images/why-flowfuse/flowfuse-homepage.png
new file mode 100644
index 0000000000..68c01914c3
Binary files /dev/null and b/nuxt/public/images/why-flowfuse/flowfuse-homepage.png differ
diff --git a/nuxt/public/images/why-flowfuse/from-prototype-to-production.png b/nuxt/public/images/why-flowfuse/from-prototype-to-production.png
new file mode 100644
index 0000000000..85f0aa571b
Binary files /dev/null and b/nuxt/public/images/why-flowfuse/from-prototype-to-production.png differ
diff --git a/nuxt/public/images/why-flowfuse/node-red+flowfuse.png b/nuxt/public/images/why-flowfuse/node-red+flowfuse.png
new file mode 100644
index 0000000000..124519f060
Binary files /dev/null and b/nuxt/public/images/why-flowfuse/node-red+flowfuse.png differ
diff --git a/nuxt/server/middleware/legacy.ts b/nuxt/server/middleware/legacy.ts
index 4cf6271e43..902fae8b3e 100644
--- a/nuxt/server/middleware/legacy.ts
+++ b/nuxt/server/middleware/legacy.ts
@@ -15,7 +15,7 @@ const NUXT_ROUTE_PREFIXES = ['/integrations/', '/raw/']
 // left once its one referring blog post pointed at /contact-us/ instead) - but they stay
 // listed so their 301s in nuxt/redirects.ts are served by Nitro in dev rather than being
 // proxied to 11ty, which has nothing there either.
-const NUXT_PREFIXES = ['/handbook', '/ebooks', '/whitepaper', '/pricing', '/docs', '/changelog', '/application-guide', '/blog', '/product', '/customer-stories', '/thank-you', '/resources', '/webinars', '/free-consultation', '/vs', '/landing', '/use-cases', '/partners', '/industries', '/blueprints', '/events']
+const NUXT_PREFIXES = ['/handbook', '/ebooks', '/whitepaper', '/pricing', '/docs', '/changelog', '/application-guide', '/blog', '/product', '/customer-stories', '/thank-you', '/resources', '/webinars', '/free-consultation', '/vs', '/landing', '/use-cases', '/partners', '/industries', '/blueprints', '/events', '/platform']
 
 // Top-level routes still on 11ty, not yet ported to Nuxt (everything not listed above
 // already falls through to the 11ty proxy by default). Remove entries here as they migrate:
diff --git a/src/_data/dashboard.json b/src/_data/dashboard.json
deleted file mode 100644
index 9350a0fdd5..0000000000
--- a/src/_data/dashboard.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
-  "section2": [
-    {
-      "title": "Effortless Development",
-      "description": "FlowFuse Dashboard's intuitive interface allows you to drag-and-drop widgets, buttons, and other elements to create rich dashboards without writing a single line of code. This significantly reduces development time and empowers non-technical users to build powerful applications."
-    },
-    {
-      "title": "Enhanced User Experience",
-      "description": "Go beyond simple data visualization. FlowFuse Dashboard lets you create interactive dashboards with features like buttons and user-specific views. This empowers users to explore data, filter results, and take actions directly within the dashboard."
-    },
-    {
-      "title": "Extensible Ecosystem",
-      "description": "Node-RED actively fosters a growing community of developers. This means a constantly expanding library of widgets and nodes, ensuring you have the tools you need to build any dashboard you can imagine."
-    },
-    {
-      "title": "Flexible deployment with FlowFuse",
-      "description": "With FlowFuse you can deploy FlowFuse Dashboard along with enterprise-grade features on the cloud or on-premises. This ensures a smooth and efficient development experience, for a high-performance and scalable solution."
-    }
-  ],
-  "resources": [
-    {
-      "url": "/blog/2024/03/dashboard-getting-started/",
-      "title": "Getting started with FlowFuse Dashboard",
-      "image": "/blog/2024/03/images/getting-started-with-dashboard-2.png"
-    },
-    {
-      "url": "/webinars/2024/node-red-dashboard-multi-user/",
-      "title": "Multi-user dashboards: a screen per person",
-      "image": "/images/webinars/multi-user-dashboard-with-node-red-dashboard-2-0-webinar-2024-february.jpg"
-    },
-    {
-      "url": "/ebooks/ultimate-guide-to-building-applications-with-flowfuse-dashboard-for-node-red/",
-      "title": "The ultimate guide to building applications with FlowFuse Dashboard",
-      "image": "/images/ebooks/ebook_dashboard.png"
-    }
-  ]
-}
diff --git a/src/_includes/migration.njk b/src/_includes/migration.njk
deleted file mode 100644
index 242ef0c6c2..0000000000
--- a/src/_includes/migration.njk
+++ /dev/null
@@ -1,123 +0,0 @@
-<div class="nohero w-full">
-    <div class="m-auto">
-        <div class="ff-dashboard-migration">
-            <div>
-                <div
-                    class="ff-file-drop-zone"
-                    role="button"
-                    tabindex="0"
-                    aria-label="Upload a flow.json file. Click or press Enter to choose a file, or drag and drop."
-                    onclick="openFilePicker();"
-                    onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();openFilePicker();}"
-                    ondrop="dropHandler(event);"
-                    ondragover="dragOverHandler(event);">
-                    <div id="drag-instruction">
-                        <p>Drag a <i>flow.json</i> file containing Node-RED Dashboard 1.0 nodes here.</p>
-                        <p>or, click <span class="text-blue-600">here</span> to choose a file.</p>
-                    </div>
-                    <div id="file-selected" style="display: none;">
-                        <p>
-                            Flow Uploaded: "<i id="file-selected-name">drop zone</i>""
-                        </p>
-                    </div>
-                    <input id="dashboard1-flow-file" name="dashboard1-flow-file" type="file" accept="json" onchange="fileSelected()"/>
-                </div>
-                <a id="dashboard-2-download" style="display:none"></a>
-            </div>
-            <div>
-                {% set formId = "968a9ab6-3dd8-45b2-991c-3f055dc18787" %}
-                {% set targetId = "hs-user-form" %}
-                {% set onFormSubmitted = "function () { migrateFile(); }" %}
-                {% include "hubspot/hs-form.njk" %}
-            </div>
-        </div>
-    </div>
-</div>
-
-<script>
-    var d1Flow = null
-
-    function openFilePicker () {
-        // open file selector
-        document.getElementById("dashboard1-flow-file").click()
-    }
-
-    function fileSelected () {
-        console.log('file selected')
-        // get file
-        var file = document.getElementById("dashboard1-flow-file").files[0]
-        displayFileSelected(file)
-    }
-
-    function displayFileSelected (file) {
-        if (file) {
-            document.getElementById("file-selected-name").innerText = file.name
-            // hide drag instructions
-            document.getElementById("file-selected").style.display = "block"
-            document.getElementById("drag-instruction").style.display = "none"
-        } else {
-            // hide drag instructions
-            document.getElementById("file-selected").style.display = "none"
-            document.getElementById("drag-instruction").style.display = "block"
-        }
-    }
-
-    function downloadFlow (flow) {
-        var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(flow))
-        var dlAnchorElem = document.getElementById('dashboard-2-download')
-        dlAnchorElem.setAttribute("href", dataStr)
-        dlAnchorElem.setAttribute("download", "flow-dashboard2.json")
-        dlAnchorElem.click()
-    }
-
-    function migrateFile() {
-        // Your migration logic goes here
-        
-        var file = null
-        var selectedFile = document.getElementById("dashboard1-flow-file").files
-        if (selectedFile) {
-            file = selectedFile[0]
-        } else {
-            file = d1Flow
-        }
-
-        if (file) {
-            fetch('https://dashboard-migration-service.flowfuse.cloud/migrate-flow', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: file
-            }).then(function (response) {
-                return response.json()
-            }).then(function (body) {
-                downloadFlow(body)
-            }).catch((err) => {
-                console.error('Error migrating flow', err)
-            })
-        }
-    }
-
-    function dropHandler(event) {
-
-        // Prevent default behavior (Prevent file from being opened)
-        event.preventDefault()
-
-        if (event.dataTransfer.items) {
-            // Use DataTransferItemList interface to access the file(s)
-            [...event.dataTransfer.items].forEach((item, i) => {
-                console.log(item)
-                // If dropped items aren't files, reject them
-                if (item.kind === "file") {
-                    const file = item.getAsFile();
-                    displayFileSelected(file)
-                }
-            });
-        }
-    }
-
-    function dragOverHandler(event) {
-        event.preventDefault();
-    }
-
-</script>
diff --git a/src/platform/dashboard.njk b/src/platform/dashboard.njk
deleted file mode 100644
index 6e47a4c6ef..0000000000
--- a/src/platform/dashboard.njk
+++ /dev/null
@@ -1,460 +0,0 @@
----
-layout: nohero
-meta:
-  title: "Production and IIoT Dashboard platform"
-  description: Build a production dashboard or IIoT dashboard for Node-RED without writing CSS. Five WCAG AA themes, included with FlowFuse Edge, Hub, and Fleet.
-  keywords: production dashboard, IIoT dashboard, industrial IoT dashboard, factory dashboard, operations dashboard, machine dashboard, industrial dashboard, Node-RED dashboard
----
-
-<!-- ==================== Hero ==================== -->
-<div class="w-full px-6">
-    <div class="max-w-md sm:max-w-screen-lg mx-auto pt-10 md:pt-12">
-        <div class="grid md:grid-cols-[minmax(0,1fr)_minmax(0,1.12fr)] gap-10 md:gap-12 items-stretch">
-
-            <!-- copy column -->
-            <div class="flex flex-col gap-5 text-center md:text-left">
-                <h1 class="font-medium m-0 max-sm:text-4xl">
-                    Build Industrial Production Dashboards with
-                    <span class="text-indigo-600">The FlowFuse Dashboard.</span>
-                </h1>
-                <p class="text-lg text-gray-500 font-light max-w-xl mx-auto md:mx-0 m-0">
-                    Deploy a full production dashboard in seconds, unifying
-                    your factory operations and machine metrics into a single view. No more wasted time
-                    searching for reports or filling out a spreadsheet - just clean data for all your
-                    machines, sites, and systems. This means reduced operational costs, better
-                    visualisation, and deeper context for everyone.
-                </p>
-                <p class="text-lg text-gray-500 font-light max-w-xl mx-auto md:mx-0 m-0">
-                    The FlowFuse Dashboard is included
-                    with <a class="ffd-link" href="/product/edge/">FlowFuse Edge</a>,
-                    <a class="ffd-link" href="/product/hub/">Hub</a>, and
-                    <a class="ffd-link" href="/product/fleet/">Fleet</a>.
-                </p>
-                <div class="flex flex-row flex-wrap gap-4 items-center justify-center md:justify-start mt-2">
-                    <a class="ff-btn ff-btn--highlight uppercase" href="/book-demo/">Book a Demo</a>
-                    <a class="ff-btn" href="/pricing/">
-                        <span class="text-base uppercase text-indigo-600 hover:text-indigo-800">View Pricing</span>
-                    </a>
-                </div>
-
-                <hr class="border-0 border-t border-gray-200 w-full max-w-md mx-auto md:mx-0 mt-1 mb-0">
-
-                <figure class="border-l-2 border-indigo-100 pl-5 max-w-lg mx-auto md:mx-0 my-auto text-left">
-                    <blockquote class="m-0 text-base italic font-light text-gray-800 leading-relaxed">
-                        &ldquo;FlowFuse allows us to rapidly roll out updates to clients without
-                        burdening our development team. We can deliver custom dashboards to
-                        customers without involving any of our core developers.&rdquo;
-                    </blockquote>
-                    <figcaption class="mt-3 flex items-center gap-3 text-sm text-gray-500">
-                        <span class="w-9 h-9 rounded-full bg-indigo-50 border border-indigo-100 text-indigo-700 grid place-items-center text-xs font-bold shrink-0 ffd-mono" aria-hidden="true">DO</span>
-                        <span><span class="font-semibold text-gray-700">Dave Olsen</span> &middot; Product Manager, Wenco</span>
-                    </figcaption>
-                </figure>
-            </div>
-
-            <!-- live theme preview -->
-            <div class="flex flex-col gap-3 min-w-0">
-                <div class="flex flex-wrap gap-2.5 items-center justify-center md:justify-start">
-                    <div class="ffd-seg" role="group" aria-label="Theme preset">
-                        <button type="button" data-ffd-preset="light" aria-pressed="true">Light</button>
-                        <button type="button" data-ffd-preset="dark" aria-pressed="false">Dark</button>
-                        <button type="button" data-ffd-preset="dracula" aria-pressed="false">Dracula</button>
-                        <button type="button" data-ffd-preset="nord" aria-pressed="false">Nord</button>
-                        <button type="button" data-ffd-preset="sepia" aria-pressed="false">Sepia</button>
-                    </div>
-                </div>
-
-                <div class="ffd-frame">
-                    <div class="ffd-chrome">
-                        <i></i><i></i><i></i>
-                        <span>Line 3 &mdash; Packaging &middot; FlowFuse Dashboard</span>
-                    </div>
-
-                    <div class="ffd-dash" id="ffd-dash" data-preset="light">
-                        <div class="ffd-head">
-                            <span class="ffd-title">Line 3 &mdash; Packaging</span>
-                            <span class="ffd-tagchip">Live</span>
-                        </div>
-
-                        <div class="ffd-kpis">
-                            <div class="ffd-card">
-                                <div class="ffd-lbl">OEE</div>
-                                <div class="ffd-kpi-val">78.4<small>%</small></div>
-                                <div class="ffd-kpi-delta ffd-up">&#9650; 2.1 vs shift avg</div>
-                            </div>
-                            <div class="ffd-card">
-                                <div class="ffd-lbl">Units / hr</div>
-                                <div class="ffd-kpi-val">1,246</div>
-                                <div class="ffd-kpi-delta ffd-up">&#9650; 38</div>
-                            </div>
-                            <div class="ffd-card">
-                                <div class="ffd-lbl">Downtime</div>
-                                <div class="ffd-kpi-val">11<small>min</small></div>
-                                <div class="ffd-kpi-delta ffd-down">&#9660; 4 vs target</div>
-                            </div>
-                        </div>
-
-                        <div class="ffd-card">
-                            <div class="ffd-chart-title">
-                                <span class="ffd-lbl" style="margin:0">Zone temperature &mdash; last 12 h</span>
-                                <span class="ffd-legend">
-                                    <span><i style="background:var(--ffd-accent)"></i>Oven</span>
-                                    <span><i style="background:var(--ffd-accent2)"></i>Coolant</span>
-                                </span>
-                            </div>
-                            <svg class="ffd-chart" viewBox="0 0 520 170" role="img"
-                                 aria-label="Line chart of oven and coolant temperature over the last twelve hours">
-                                <g class="ffd-grid">
-                                    <line x1="40" y1="20" x2="505" y2="20"/>
-                                    <line x1="40" y1="52" x2="505" y2="52"/>
-                                    <line x1="40" y1="85" x2="505" y2="85"/>
-                                    <line x1="40" y1="117" x2="505" y2="117"/>
-                                    <line x1="40" y1="150" x2="505" y2="150"/>
-                                </g>
-                                <g class="ffd-axis">
-                                    <text x="34" y="23" text-anchor="end">240</text>
-                                    <text x="34" y="88" text-anchor="end">200</text>
-                                    <text x="34" y="153" text-anchor="end">160</text>
-                                    <text x="40" y="165">08:00</text>
-                                    <text x="270" y="165" text-anchor="middle">14:00</text>
-                                    <text x="500" y="165" text-anchor="end">20:00</text>
-                                </g>
-                                <line x1="40" y1="150" x2="505" y2="150" stroke="var(--ffd-border)" stroke-width="1"/>
-                                <line x1="40" y1="20" x2="40" y2="150" stroke="var(--ffd-border)" stroke-width="1"/>
-                                <polygon points="40,114.3 78.3,104.5 116.7,93.1 155,80.1 193.3,86.6 231.7,73.6 270,62.3 308.3,70.4 346.7,59 385,50.9 423.3,55.8 461.7,44.4 500,49.3 500,150 40,150"
-                                         fill="var(--ffd-accent)" opacity=".13"/>
-                                <polyline points="40,114.3 78.3,104.5 116.7,93.1 155,80.1 193.3,86.6 231.7,73.6 270,62.3 308.3,70.4 346.7,59 385,50.9 423.3,55.8 461.7,44.4 500,49.3"
-                                          fill="none" stroke="var(--ffd-accent)" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/>
-                                <polyline points="40,130.5 78.3,125.6 116.7,132.1 155,120.8 193.3,124 231.7,115.9 270,119.1 308.3,111 346.7,114.3 385,106.1 423.3,109.4 461.7,102.9 500,104.5"
-                                          fill="none" stroke="var(--ffd-accent2)" stroke-width="2" stroke-dasharray="4 3" stroke-linejoin="round" stroke-linecap="round"/>
-                                <circle cx="500" cy="49.3" r="3.2" fill="var(--ffd-accent)"/>
-                            </svg>
-                        </div>
-
-                        <div class="ffd-row3">
-                            <div class="ffd-card ffd-gauge-card">
-                                <div class="ffd-lbl">Oven</div>
-                                <svg class="ffd-gauge" viewBox="0 0 120 112" role="img" aria-label="Oven temperature gauge, 222 degrees Celsius">
-                                    <path class="ffd-gauge-arc" d="M 28.9 91.1 A 44 44 0 1 1 91.1 91.1"/>
-                                    <path class="ffd-gauge-val" id="ffd-g1" d="M 28.9 91.1 A 44 44 0 1 1 91.1 91.1"
-                                          stroke="var(--ffd-warn)" stroke-dasharray="207.3" stroke-dashoffset="62"/>
-                                    <text class="ffd-gauge-num" x="60" y="64" text-anchor="middle">222</text>
-                                    <text class="ffd-gauge-unit" x="60" y="79" text-anchor="middle">&deg;C</text>
-                                </svg>
-                            </div>
-                            <div class="ffd-card ffd-gauge-card">
-                                <div class="ffd-lbl">Coolant</div>
-                                <svg class="ffd-gauge" viewBox="0 0 120 112" role="img" aria-label="Coolant pressure gauge, 4.1 bar">
-                                    <path class="ffd-gauge-arc" d="M 28.9 91.1 A 44 44 0 1 1 91.1 91.1"/>
-                                    <path class="ffd-gauge-val" id="ffd-g2" d="M 28.9 91.1 A 44 44 0 1 1 91.1 91.1"
-                                          stroke="var(--ffd-good)" stroke-dasharray="207.3" stroke-dashoffset="118"/>
-                                    <text class="ffd-gauge-num" x="60" y="64" text-anchor="middle">4.1</text>
-                                    <text class="ffd-gauge-unit" x="60" y="79" text-anchor="middle">bar</text>
-                                </svg>
-                            </div>
-                            <div class="ffd-card ffd-ctl">
-                                <div class="ffd-lbl">Shift actions</div>
-                                <button type="button" class="ffd-btn">Acknowledge compressor fault</button>
-                                <button type="button" class="ffd-btn ffd-btn--ghost">Reset counter</button>
-                                <label class="ffd-lbl" for="ffd-date" style="margin:0">Shift date</label>
-                                <input class="ffd-picker" id="ffd-date" type="date" value="2026-08-27">
-                            </div>
-                        </div>
-
-                        <div class="ffd-card">
-                            <div class="ffd-lbl">Event log</div>
-                            <div class="ffd-scroll">
-                                <table class="ffd-table">
-                                    <thead>
-                                        <tr><th>Machine</th><th>Event</th><th>Timestamp</th><th>State</th></tr>
-                                    </thead>
-                                    <tbody id="ffd-events"></tbody>
-                                </table>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- ==================== What You Get ==================== -->
-<div class="w-full bg-gray-50 border-t border-b border-gray-200 mt-20">
-    <div class="w-full px-6 py-16 md:py-20">
-        <div class="max-w-md sm:max-w-screen-lg mx-auto">
-            <span class="ffd-mono text-xs uppercase tracking-[0.16em] text-gray-600">In the box</span>
-            <h2 class="mt-3 mb-3 text-center w-full md:text-left">
-                What You Get with <span class="text-indigo-600">The FlowFuse Dashboard</span>
-            </h2>
-            <p class="max-w-3xl mx-auto md:mx-0 text-gray-500 font-light">
-                The FlowFuse Dashboard is how a FlowFuse instance turns raw data into an industrial dashboard
-                &mdash; a machine dashboard on the line, or a plant-wide view for management. You can
-                surface your data and insights, then leverage governance, hosting, and deployment via
-                the core FlowFuse product to power your entire system.
-            </p>
-
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-10">
-                <div class="rounded-lg border border-indigo-200 bg-white p-6">
-                    <h3 class="text-lg font-semibold m-0 mb-4 text-indigo-600 text-center md:text-left">Governance for Your Operations Dashboard</h3>
-                    <div class="flex flex-wrap gap-2 justify-center md:justify-start">
-                        <a class="ffd-tag" href="/docs/user/role-based-access-control/">Application-level RBAC</a>
-                        <a class="ffd-tag" href="/docs/user/instance-settings/">Endpoint security</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/user/multi-tenancy.html">Multi-user dashboards</a>
-                        <a class="ffd-tag" href="/docs/user/devops-pipelines/">DevOps pipelines</a>
-                        <a class="ffd-tag" href="/docs/user/high-availability/">Hosting &amp; HA</a>
-                    </div>
-                </div>
-                <div class="rounded-lg border border-indigo-200 bg-white p-6">
-                    <h3 class="text-lg font-semibold m-0 mb-4 text-indigo-600 text-center md:text-left">Widgets for Any Machine Dashboard</h3>
-                    <div class="flex flex-wrap gap-2 justify-center md:justify-start">
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-chart">Chart</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-gauge">Gauge</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-table">Table</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-form">Form</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-button">Button</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-button-group">Button group</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-text">Text</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-text-input">Text input</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-number-input">Number input</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-dropdown">Dropdown</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-radio-group">Radio group</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-slider">Slider</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-switch">Switch</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-markdown">Markdown</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-template">Template</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-notification">Notification</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-progress">Progress</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-file-input">File input</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-control">Control</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-audio">Audio</a>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/widgets/ui-spacer">Spacer</a>
-                    </div>
-                </div>
-                <div class="rounded-lg border border-indigo-200 bg-white p-6">
-                    <h3 class="text-lg font-semibold m-0 mb-4 text-indigo-600 text-center md:text-left">Open, and yours</h3>
-                    <div class="flex flex-wrap gap-2 justify-center md:justify-start">
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/">Installs into any Node-RED instance</a>
-                        <a class="ffd-tag" href="https://github.com/FlowFuse/node-red-dashboard">Open source</a>
-                        <span class="ffd-tag">Community widget ecosystem</span>
-                        <a class="ffd-tag" href="#migration-service">Dashboard 1.0 migration</a>
-                    </div>
-                </div>
-                <div class="rounded-lg border border-indigo-200 bg-white p-6">
-                    <h3 class="text-lg font-semibold m-0 mb-4 text-indigo-600 text-center md:text-left">Deploy a Factory Dashboard Fast</h3>
-                    <div class="flex flex-wrap gap-2 justify-center md:justify-start">
-                        <span class="ffd-tag">5 theme presets</span>
-                        <span class="ffd-tag">WCAG AA contrast</span>
-                        <span class="ffd-tag">Default chart sizing</span>
-                        <span class="ffd-tag">Widget fit &amp; alignment</span>
-                        <span class="ffd-tag">Localised date columns</span>
-                        <a class="ffd-tag" href="https://dashboard.flowfuse.com/nodes/config/ui-theme.html">Custom brand colours</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- ==================== Migration ==================== -->
-<div class="w-full px-6 py-16 md:py-20">
-    <div class="max-w-md sm:max-w-screen-lg mx-auto">
-        <div class="grid md:grid-cols-2 gap-10 md:gap-14 items-start">
-
-            <!-- left: the pitch -->
-            <div>
-                <span class="ffd-mono text-xs uppercase tracking-[0.16em] text-gray-600">Migration</span>
-                <h2 id="migration-service" class="mt-3 text-center w-full md:text-left">
-                    Coming from deprecated Dashboard 1.0? <span class="text-indigo-600">Bring your flows.</span>
-                </h2>
-                <p class="mt-4 text-gray-500 font-light">
-                    Dashboard 1.0 is
-                    <a class="ffd-link" href="https://flowfuse.com/blog/2024/06/dashboard-1-deprecated/">deprecated</a>.
-                    Upload your flow and migrate to The FlowFuse Dashboard. Today, you can convert the
-                    following nodes:
-                </p>
-                <div class="flex flex-wrap gap-1.5 mt-4 justify-center md:justify-start">
-                    <code class="ffd-mono text-xs text-gray-700 bg-white border border-gray-200 rounded px-1.5 py-0.5">ui_tab</code>
-                    <code class="ffd-mono text-xs text-gray-700 bg-white border border-gray-200 rounded px-1.5 py-0.5">ui_link</code>
-                    <code class="ffd-mono text-xs text-gray-700 bg-white border border-gray-200 rounded px-1.5 py-0.5">ui_group</code>
-                    <code class="ffd-mono text-xs text-gray-700 bg-white border border-gray-200 rounded px-1.5 py-0.5">ui_text</code>
-                    <code class="ffd-mono text-xs text-gray-700 bg-white border border-gray-200 rounded px-1.5 py-0.5">ui_text_input</code>
-                    <code class="ffd-mono text-xs text-gray-700 bg-white border border-gray-200 rounded px-1.5 py-0.5">ui_slider</code>
-                    <code class="ffd-mono text-xs text-gray-700 bg-white border border-gray-200 rounded px-1.5 py-0.5">ui_switch</code>
-                    <code class="ffd-mono text-xs text-gray-700 bg-white border border-gray-200 rounded px-1.5 py-0.5">ui_form</code>
-                    <code class="ffd-mono text-xs text-gray-700 bg-white border border-gray-200 rounded px-1.5 py-0.5">ui_dropdown</code>
-                    <code class="ffd-mono text-xs text-gray-700 bg-white border border-gray-200 rounded px-1.5 py-0.5">ui_button</code>
-                </div>
-                <p class="mt-5 text-sm text-center md:text-left">
-                    <a class="ffd-link" href="https://github.com/FlowFuse/node-red-dashboard-2-migration">Supported nodes in detail &rarr;</a>
-                </p>
-            </div>
-
-            <!-- right: the importer -->
-            <div class="ffd-migrate-col">
-                {% include "migration.njk" %}
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- ==================== Learn ==================== -->
-<div class="w-full bg-gray-50 border-t border-b border-gray-200">
-    <div class="w-full px-6 py-16 md:py-20">
-        <div class="max-w-md sm:max-w-screen-lg mx-auto">
-            <span class="ffd-mono text-xs uppercase tracking-[0.16em] text-gray-600">Learn</span>
-            <h2 class="mt-3 text-center w-full md:text-left">Get a Production Dashboard By This Afternoon</h2>
-            <ul class="mt-10 grid grid-cols-1 md:grid-cols-3 gap-6 m-auto p-0 list-none">
-                {%- for item in dashboard.resources -%}
-                <li class="w-full max-w-md m-auto">
-                    <a href="{{ item.url }}" class="ffd-res w-full h-full flex flex-col rounded-lg border border-gray-200 bg-white overflow-hidden group">
-                        <div class="ff-image-cover ff-image-rounded scale w-full aspect-video border-b border-gray-200">
-                            {% set imageSrc = ["./", item.image ] | join %}
-                            {% set imageDescription = ["Image representing ", item.title] | join %}
-                            {% image imageSrc, imageDescription, [285] %}
-                        </div>
-                        <span class="p-5 flex flex-col gap-1.5">
-                            <span class="ffd-res-title text-base font-medium text-gray-900 leading-snug">{{ item.title }}</span>
-                        </span>
-                    </a>
-                </li>
-                {% endfor %}
-            </ul>
-            <div class="flex justify-end mt-6">
-                <a href="/blog/dashboard/" class="ffd-link font-light flex flex-row items-center gap-1 flex-wrap">
-                    All Dashboard posts {% include "components/icons/arrow-long-right.svg" %}
-                </a>
-            </div>
-
-            <h3 class="mt-14 mb-0 text-xl font-medium text-center w-full md:text-left">Recommended Video Tutorials</h3>
-            <div class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-6">
-                <div class="ffd-res w-full h-full flex flex-col rounded-lg border border-gray-200 bg-white overflow-hidden">
-                    <lite-youtube videoid="DFNv91TTt68" params="rel=0"
-                        videotitle="Getting Started - Node-RED &amp; The FlowFuse Dashboard"
-                        style="overflow:hidden; background-image:url('https://img.youtube.com/vi/DFNv91TTt68/maxresdefault.jpg'); background-size:cover; background-position:center;"
-                        class="w-full aspect-video border-b border-gray-200"></lite-youtube>
-                    <span class="p-5 flex flex-col gap-1.5">
-                        <span class="ffd-res-title text-base font-medium text-gray-900 leading-snug">Getting Started &mdash; Node-RED &amp; The FlowFuse Dashboard</span>
-                    </span>
-                </div>
-                <div class="ffd-res w-full h-full flex flex-col rounded-lg border border-gray-200 bg-white overflow-hidden">
-                    <lite-youtube videoid="Ecno0EuLyKQ" params="rel=0"
-                        videotitle="Visualising Data - The FlowFuse Dashboard (Node-RED Dashboard 2.0)"
-                        style="overflow:hidden; background-image:url('https://img.youtube.com/vi/Ecno0EuLyKQ/maxresdefault.jpg'); background-size:cover; background-position:center;"
-                        class="w-full aspect-video border-b border-gray-200"></lite-youtube>
-                    <span class="p-5 flex flex-col gap-1.5">
-                        <span class="ffd-res-title text-base font-medium text-gray-900 leading-snug">Visualising Data with The FlowFuse Dashboard</span>
-                    </span>
-                </div>
-                <div class="ffd-res w-full h-full flex flex-col rounded-lg border border-gray-200 bg-white overflow-hidden">
-                    <lite-youtube videoid="7bj_DFnRtU8" params="rel=0"
-                        videotitle="Writing Custom Templates - The FlowFuse Dashboard"
-                        style="overflow:hidden; background-image:url('https://img.youtube.com/vi/7bj_DFnRtU8/maxresdefault.jpg'); background-size:cover; background-position:center;"
-                        class="w-full aspect-video border-b border-gray-200"></lite-youtube>
-                    <span class="p-5 flex flex-col gap-1.5">
-                        <span class="ffd-res-title text-base font-medium text-gray-900 leading-snug">Writing Custom Templates in The FlowFuse Dashboard</span>
-                    </span>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- ==================== The rest of the platform ==================== -->
-<div class="w-full px-6 py-16 md:py-20">
-    <div class="max-w-md sm:max-w-screen-lg mx-auto">
-        <span class="ffd-mono text-xs uppercase tracking-[0.16em] text-gray-600">The rest of the platform</span>
-        <h2 class="mt-3 mb-3 text-center w-full md:text-left">
-            Your production dashboard is the face. <span class="text-indigo-600">Here is what runs behind it.</span>
-        </h2>
-        <p class="max-w-3xl mx-auto md:mx-0 text-gray-500 font-light">
-            Dashboards are only as good as the systems feeding them. FlowFuse handles the
-            governance, hosting, and deployment underneath &mdash; so the view your operators see
-            stays live, secure, and reliable.
-        </p>
-
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-10">
-            <a href="/product/edge/" class="ffd-xs rounded-lg border border-indigo-100 bg-gradient-to-br from-white to-indigo-50/50 p-6 flex flex-col gap-2">
-                <span class="ffd-mono text-[0.625rem] uppercase tracking-[0.12em] text-red-700">For OT teams</span>
-                <h3 class="text-2xl font-medium m-0 text-gray-900">FlowFuse Edge</h3>
-                <p class="m-0 text-gray-500 font-light">Connect PLCs, machines and controllers, and standardise automation across every site.</p>
-                <span class="mt-3 ffd-xs-go text-indigo-600">Explore Edge &rarr;</span>
-            </a>
-            <a href="/product/hub/" class="ffd-xs rounded-lg border border-indigo-100 bg-gradient-to-br from-white to-indigo-50/50 p-6 flex flex-col gap-2">
-                <span class="ffd-mono text-[0.625rem] uppercase tracking-[0.12em] text-red-700">For IT &amp; integration teams</span>
-                <h3 class="text-2xl font-medium m-0 text-gray-900">FlowFuse Hub</h3>
-                <p class="m-0 text-gray-500 font-light">Connect ERPs, databases and cloud APIs into one governed system.</p>
-                <span class="mt-3 ffd-xs-go text-indigo-600">Explore Hub &rarr;</span>
-            </a>
-            <a href="/product/fleet/" class="ffd-xs rounded-lg border border-indigo-100 bg-gradient-to-br from-white to-indigo-50/50 p-6 flex flex-col gap-2">
-                <span class="ffd-mono text-[0.625rem] uppercase tracking-[0.12em] text-red-700">For device fleets</span>
-                <h3 class="text-2xl font-medium m-0 text-gray-900">FlowFuse Fleet</h3>
-                <p class="m-0 text-gray-500 font-light">Push flows, ship updates and roll back remotely across thousands of distributed devices.</p>
-                <span class="mt-3 ffd-xs-go text-indigo-600">Explore Fleet &rarr;</span>
-            </a>
-        </div>
-    </div>
-</div>
-
-<!-- ==================== Closing CTA ==================== -->
-<div class="w-full px-6 pb-20">
-    <div class="max-w-md sm:max-w-screen-lg mx-auto">
-        <div class="rounded-xl px-9 py-12 flex flex-col items-center gap-6 text-center ff-get-started-bg">
-            <p class="text-white text-3xl md:text-4xl font-medium m-0 max-w-2xl">
-                See what your operators would actually be looking at.
-            </p>
-            <p class="text-indigo-50 font-light text-lg max-w-2xl m-0">
-                Bring a screen you already run. We will rebuild it with you in the call.
-            </p>
-            <div class="flex flex-col sm:flex-row gap-4 items-center">
-                <a class="ff-btn ff-btn--highlight uppercase" href="/book-demo/" onclick="capture('cta-book-demo', {'position': 'dashboard-footer'})">Book a Demo</a>
-                <a class="ff-btn uppercase text-white hover:text-gray-200" href="https://app.flowfuse.com/account/create" rel="noopener noreferrer">Try it out &rarr;</a>
-            </div>
-        </div>
-    </div>
-</div>
-
-<script>
-(function () {
-    var dash = document.getElementById('ffd-dash');
-    if (!dash) { return; }
-
-    var body = document.getElementById('ffd-events');
-    var g1 = document.getElementById('ffd-g1');
-    var g2 = document.getElementById('ffd-g2');
-
-    /* Real epoch values, formatted in the visitor's own locale and timezone --
-       which is exactly what the date/time column types do. */
-    var events = [
-        { m: 'Filler 2',   e: 'Recipe changeover',  t: 1787839200000, s: 'ok',   sl: 'Complete' },
-        { m: 'Capper 1',   e: 'Torque out of band', t: 1787842740000, s: 'warn', sl: 'Warning'  },
-        { m: 'Labeller',   e: 'Web break',          t: 1787846280000, s: 'crit', sl: 'Stopped'  },
-        { m: 'Palletiser', e: 'Cycle resumed',      t: 1787849820000, s: 'ok',   sl: 'Running'  }
-    ];
-
-    var fmt = new Intl.DateTimeFormat(undefined, {
-        year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit'
-    });
-
-    body.innerHTML = events.map(function (r) {
-        return '<tr><td>' + r.m + '</td><td>' + r.e + '</td>' +
-               '<td class="ffd-ts">' + fmt.format(new Date(r.t)) + '</td>' +
-               '<td><span class="ffd-chip ffd-chip--' + r.s + '">' + r.sl + '</span></td></tr>';
-    }).join('');
-
-    document.querySelectorAll('.ffd-seg button[data-ffd-preset]').forEach(function (btn) {
-        btn.addEventListener('click', function () {
-            btn.parentElement.querySelectorAll('button').forEach(function (b) {
-                b.setAttribute('aria-pressed', String(b === btn));
-            });
-            var preset = btn.dataset.ffdPreset;
-            dash.dataset.preset = preset;
-            /* nudge the needles so a theme switch reads as live instrumentation */
-            var jitter = { light: 0, dark: 6, dracula: -5, nord: 4, sepia: -3 }[preset] || 0;
-            g1.setAttribute('stroke-dashoffset', String(62 + jitter));
-            g2.setAttribute('stroke-dashoffset', String(118 - jitter));
-        });
-    });
-})();
-</script>
diff --git a/src/platform/device-agent.njk b/src/platform/device-agent.njk
deleted file mode 100644
index 58230e0c08..0000000000
--- a/src/platform/device-agent.njk
+++ /dev/null
@@ -1,167 +0,0 @@
----
-layout: page
-nohero: true
-meta:
-    title: "FlowFuse Device Agent"
-    description: "Fully hosted service to build, manage, and deploy industrial applications without the hassle of setting up your own cloud infrastructure"
-    keywords: FlowFuse, Device Agent, Node-RED, IoT, Industrial IoT, Remote Management
-    faq:
-        - question: "How much does the Device Agent cost?"
-          answer: >
-            The Device Agent is free, and <a href='https://github.com/FlowFuse/device-agent'>open-source</a>. Depending on which offering/hosting of FlowFuse you choose there may be charges for the FlowFuse service itself, you can find out more on our <a href='/pricing'>pricing page</a>.
-        - question: "Can I run the Device Agent in a closed network?"
-          answer: >
-            Yes, you can, although it does need to be able to connect to your FlowFuse (Cloud or your self-hosted instance) in order to receive updates and deploy new flows. Once they're deployed though, the device agent will keep your flows running even if it loses connection to the internet.
-        - question: "How do I deploy to thousands of devices at once?"    
-          answer: >
-            With FlowFuse, you can use <a href='/docs/device-agent/register/#bulk-registration' target='_blank'>Provisioning Tokens</a> to register large numbers of devices. This will automatically register each device in the FlowFuse Editor and save you <i>a lot</i> of clicking.
-        - question: "I've installed the Device Agent on my device, how do I access the Node-RED Editor?"
-          answer: >
-            The key advantage of the device agent is that it allows you to access the Node-RED editor from FlowFuse directly. Simply navigate to the device in the FlowFuse UI, and click on the "Open Editor" button. Once you've made your changes, within FlowFuse you can then rollout those flows to hundreds of other devices in just a few clicks.
-        - question: What's the difference between "Fleet Mode" and "Developer Mode"
-          answer: >
-            <p>"Fleet Mode" allows you to deploy a single Snapshot to multiple devices at once. The Device will have a "Target Snapshot", and whenever that is set, your device will automatically update.</p>
-            <p>"Developer Mode" on the other hand  opens a tunnel to your device, allowing you to edit the flows on that device directly. This is useful for debugging flows, or testing new flows on live hardware, before distributing them out to the rest of our</p>
-        - question: What are the system requirements for the Device Agent? Will it run on my hardware?
-          answer: >
-            Device Agent supports NodeJS 14 and above, and is designed to work with a wide range of devices. If you're unsure if your device is supported, please do get in touch.
-        - question: Can I run the Device Agent as a service?
-          answer: >
-            Yes, the Device Agent is designed to run as a service on your device, we have an example written up for a Raspberry Pi <a href='/blog/2023/05/device-agent-as-a-service/' target='_blank'>here</a>.
----
-<!--First two sections-->
-<div class="nohero w-full">
-    <!--Hero Content: the terminal install is the hero, so the page opens on the one
-        way to get a machine online. The platform-first route lives in the docs.-->
-    <div id="install-from-your-terminal" class="w-full scroll-mt-24 pt-12 pb-20 md:pt-6 md:pb-24">
-        <div class="container mx-auto px-6 md:mt-16 md:max-w-screen-lg">
-            <div class="md:flex items-center md:flex-row md:justify-between text-center md:text-left gap-8">
-                <div class="m-auto md:w-1/2 lg:w-5/12 max-w-md">
-                    <h1 class="px-12 md:px-0 m-auto mb-6 max-md:flex max-md:flex-row max-md:justify-center md:ml-0 md:max-w-[250px]">
-                        <span class="sr-only">FlowFuse Device Agent</span>
-                        {% image "./images/ff-logo-device-agent-light.svg", "FlowFuse Device Agent", [225] %}
-                    </h1>
-                    <p class="mb-6">
-                        Unlock the power of your Industrial IoT devices and bring them into your automation workflows with the FlowFuse Device Agent. Our lightweight, secure agent allows you to effortlessly manage and deploy automation flows to your hardware remotely from anywhere.
-                    </p>
-                    <p class="font-light">
-                        Start where your hardware already is. Run the installer on the machine you want to bring
-                        online and it walks you through the rest, including creating a FlowFuse account if you
-                        don't have one yet. If the machine already runs Node-RED, the installer offers to import
-                        those flows.
-                    </p>
-                </div>
-                <div class="flex justify-center m-auto max-md:mt-10 md:w-1/2 lg:w-6/12">
-                    {% terminalFrame "./images/device-agent/terminal-install.gif", "The FlowFuse Device Agent installer running in a terminal, opening a browser to register the machine", 500 %}
-                </div>
-            </div>
-
-            <!--Install commands, full width so nothing is clipped. Shared with /node-red/.-->
-            <div class="mt-12 md:mt-16">
-                {% include "components/device-agent-install-commands.njk" %}
-            </div>
-        </div>
-    </div>
-
-    <!-- Seamlessly manage your devices all in one place -->  
-    <div class="w-full">
-        <div class="max-w-screen-lg mx-auto px-6">
-            <div class="w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-14">                
-
-                {% set sections = [
-                    {
-                        "svgPath": "components/icons/wifi.svg",
-                        "title": "Remote Management",
-                        "description": "Monitor and control your devices remotely, giving you flexibility and control over your IoT ecosystem."
-                    },
-                    {
-                        "svgPath": "components/icons/puzzle-piece.svg",
-                        "title": "Effortless Integration",
-                        "description": "Easily connect a wide range of devices, sensors, and industrial equipment with FlowFuse."
-                    },
-                    {
-                        "svgPath": "components/icons/rectangle-stack.svg",
-                        "title": "Streamlined Data Collection",
-                        "description": "Utilise over 5,000 open-source plug-ins available in FlowFuse to gather real-time data from your devices. Modernize your hardware for analysis, automation, and decision-making."
-                    },
-                    {
-                        "svgPath": "components/icons/lock-closed.svg",
-                        "title": "Secure Communication",
-                        "description": "Protect your data and devices with robust security protocols, ensuring safe and reliable communication between your devices and the FlowFuse platform."
-                    },
-                    {
-                        "svgPath": "components/icons/arrows-pointing-out.svg",
-                        "title": "Scalable Solution",
-                        "description": "Designed to scale with your needs, whether you have a few devices or a large-scale industrial deployment. FlowFuse provides centralized management for all of your deployments."
-                    }
-                ] %}
-
-                <div class="flex flex-col justify-center w-full max-md:max-w-md mx-auto md:bg-indigo-50 rounded-lg md:p-10">
-                        <h2 class="text-center w-full md:text-left col-span-full">Seamlessly manage your devices all in one place</h2>
-                </div>
-                {% for section in sections %}
-                    <div class="relative w-full max-md:max-w-md mx-auto">
-                        <div class="flex flex-col items-center md:items-start">
-                            <div class="flex flex-col justify-center md:justify-start gap-3 w-full mb-4">
-                                <div class="w-8 h-8 m-auto md:m-0 text-indigo-600">
-                                    {% include section.svgPath %}
-                                </div>
-                                <div class="w-full flex flex-row gap-3 mx-auto md:m-0">
-                                    <h5 class="w-full md:m-0">
-                                        <div class="text-xl text-gray-600 text-center md:text-left">{{ section.title }}</div>
-                                    </h5>
-                                </div>
-                            </div>
-                            <div>
-                                <p class="text-center md:text-left font-light">{{ section.description | safe }}</p>
-                            </div>
-                        </div>
-                    </div>
-                {% endfor %}
-
-            </div>
-        </div>
-    </div>
-</div>    
-
-<div class="max-w-screen-lg mx-auto text-center pt-10 pb-6 px-6 text-lg flex-col flex-row items-center justify-center gap-1 hover:no-underline flex-wrap">
-    <!--Why FlowFuse-->
-    <div class="ff-blue-card max-md:max-w-md">
-        <h2 class="font-bold m-auto w-full text-center md:text-left mb-6">Why Choose <span class="text-red-600">FlowFuse</span></h2>
-        <div class="w-full md:grid md:grid-cols-3 gap-6 md:gap-8">
-            {% set sections = [
-                {
-                    "title": "Low Code Advantage",
-                    "description": "FlowFuse simplifies the application development cycle, with a powerful yet simple low-code platform, enabling businesses to launch solutions faster than traditional coding methods allow."
-                },
-                {
-                    "title": "Flexible Deployment",
-                    "description": "With FlowFuse you can deploy your applications on the cloud or on-premises. This ensures a smooth and efficient development experience, for a high-performance and scalable solution."
-                },
-                {
-                    "title": "Open Source",
-                    "description": "Open source is a key aspect of the FlowFuse product strategy, as we believe it reduces adoption barriers and provides increased transparency and security to all our users."
-                }
-            ] %}
-
-            {% for section in sections %}
-                <div class="w-full mt-4 md:mt-0 flex flex-col justify-between">
-                    <div>
-                        <h4 class="flex justify-center md:justify-start font-semibold">{{ section.title }}</h4>
-                        <p class="font-light mt-6">{{ section.description }}</p>
-                    </div>
-                </div>
-            {% endfor %}
-        </div>
-    </div>
-
-    <!-- Frequently Asked Questions --> 
-    <div class="md:text-left max-md:max-w-md mx-auto pt-24 md:pt-16 text-left">
-        <h2 class="max-md:text-center -mb-12">
-            Frequently Asked <span class="text-indigo-600">Questions</span>
-        </h2>
-        {% include "faq.njk" %}
-    </div>
-</div>
-
-
diff --git a/src/platform/why-flowfuse.njk b/src/platform/why-flowfuse.njk
deleted file mode 100644
index 051f69572c..0000000000
--- a/src/platform/why-flowfuse.njk
+++ /dev/null
@@ -1,197 +0,0 @@
----
-layout: page
-nohero: true
-heroSection:
-    image: images/why-flowfuse/flowfuse-homepage.png
-    imageMobile: images/why-flowfuse/flowfuse-homepage-mobile.png
-    imgAlt: "FlowFuse platform"
-sinergySection:
-    image: images/why-flowfuse/node-red+flowfuse.png
-    imgAlt: "Node-RED and FlowFuse sinergy"
-useCases:
-    - svgPath: "components/icons/building-office-2.svg"
-      copy: "My Node-RED flows are no longer side projects – they run real operations."
-    - svgPath: "components/icons/shield-check.svg"
-      copy: "I need security, access control, and versioning I can trust."
-    - svgPath: "components/icons/squares-2x2.svg"
-      copy: "I am tired of managing scattered Node-RED instances manually."
-    - svgPath: "components/icons/sparkles.svg"
-      copy: "I wish I had an AI copilot that actually understands my Node-RED flows."
-table:
-    - feature: "Low-code Integration"
-      flowfuse: "Yes (enhanced, AI-assisted)"
-      nodered: "Yes"
-    - feature: "Community Support"
-      flowfuse: "Enterprise Support & Community"
-      nodered: "Vibrant Community"
-    - feature: "Security & Compliance"
-      flowfuse: "Enterprise-grade, audit trails, RBAC"
-      nodered: "Basic, OS governed"
-    - feature: "Orchestration"
-      flowfuse: "Automated, centralized at scale"
-      nodered: "Manual"
-    - feature: "Application Versioning"
-      flowfuse: "Built-in, AI-summarized changes"
-      nodered: "Manual"
-    - feature: "Data Transformation & Modeling"
-      flowfuse: "AI-accelerated, structure/unify any format"
-      nodered: "Yes"
-    - feature: "Deployment & Management"
-      flowfuse: "Cloud, Edge, Hybrid, centralized"
-      nodered: "Manual"
-    - feature: "Blueprints & Prebuilt Solutions"
-      flowfuse: "Certified, customizable for production"
-      nodered: "Community driven"
-    - feature: "Support & Upgrades"
-      flowfuse: "Professional, future-proof"
-      nodered: "Community"
-meta:
-    title: "FlowFuse for your own MES"
-    description: "FlowFuse provides everything you need to build the robust Manufacturing Execution System (MES) you want, providing everything from production tracking to data analysis, with the components you need and the flexibility to customize as you see fit."
-    keywords: "FlowFuse, manufacturing, MES, Industry 4.0, Siemens S7, PLC, Sentron"
-    faq:
-        - question: "Is FlowFuse open source?"
-          answer: >
-            FlowFuse leverages and contributes to the open-source Node-RED community building on its foundation while delivering enterprise-ready innovation for demanding environments.
-        - question: "Why pay for FlowFuse if Node-RED is free?"    
-          answer: >
-            FlowFuse is about rapid, safe industrial scale: AI acceleration, automated governance, security, multi-team collaboration, future-proof operations.
-        - question: "Will my Node-RED flows work in FlowFuse?"
-          answer: >
-            Yes! FlowFuse is designed for seamless migration, fully compatible with existing Node-RED logic and integrations. 
----
-{% from "components/cta/cta-sign-up.njk" import ctaSignUp %}
-{% from "components/cta/cta-book-demo.njk" import ctaBookDemo %}
-<div class="nohero w-full px-6">
-    <!--Hero Content-->
-    <div class="w-full pt-12 pb-20 md:pt-6 md:pb-8">
-        <div class="md:flex md:my-16 items-center md:flex-row md:justify-between mx-auto text-center md:text-left md:max-w-screen-lg gap-8">
-            <div class="my-auto max-md:mx-auto md:w-1/2 lg:w-5/12">
-                <h1 class="w-full mt-0 md:px-0 m-auto font-medium">
-                    Why <span class='text-red-600'>FlowFuse</span>
-                </h1>
-                <div class="mb-10 flex-grow">
-                    <p>FlowFuse is the easiest, fastest, most sustainable way to build and operate applications that help you optimize industrial processes. </p>
-                    <p>From pilot to production, innovation in industry starts with the right foundation. <span class="font-semibold">Node-RED, pioneered by our own CTO Nick O’Leary,</span> empowers thousands to connect data, automate, and build ideas rapidly.</p>
-                    <p><span class="font-semibold">FlowFuse takes that power further</span>, enabling secure, governed, and AI-accelerated scale for your most critical operations.</p>                   
-                </div>
-                <!-- Mobile image -->  
-                <div class="flex md:hidden justify-center m-auto mb-10 ff-image-rounded rounded-lg drop-shadow-lg"> 
-                    <lite-youtube videoid="n9HhZCh0Ndg" params="rel=0"
-                        style="width: 472px; overflow: hidden; background-image: url('https://img.youtube.com/vi/n9HhZCh0Ndg/maxresdefault.jpg'); background-size: cover; background-position: center;"
-                        class="rounded-xl sm:max-w-none sm:max-h-full">
-                    </lite-youtube>
-                </div>
-                <div class="flex gap-3 max-md:mx-auto max-sm:flex-col max-md:justify-center">
-                    {{ ctaBookDemo('primary', 'primary', extraClass='min-h-[40px]') }}
-                    {{ ctaSignUp(site, 'ghost', 'primary', icon=true, extraClass='min-h-[40px]') }}
-                </div>
-            </div>
-            <div class="flex max-md:hidden justify-center m-auto max-w-[550px] ff-image-rounded rounded-lg drop-shadow-lg w-full">
-                <lite-youtube videoid="n9HhZCh0Ndg" params="rel=0"
-                    style="width: 472px; overflow: hidden; background-image: url('https://img.youtube.com/vi/n9HhZCh0Ndg/maxresdefault.jpg'); background-size: cover; background-position: center;"
-                    class="rounded-xl sm:max-w-none sm:max-h-full">
-                </lite-youtube>
-            </div>
-        </div>   
-    </div>
-    <!-- Beyond the prototype -->
-    <div class="md:max-w-screen-lg mx-auto">
-        <h2 class="text-center w-full md:text-left max-w-4xl">Ready to move <span class="text-indigo-600">beyond the prototype?</span></h2>
-        <div class="max-w-md sm:max-w-screen-lg m-auto max-w-5xl my-10">
-            <div class="grid grid-cols-1 lg:grid-cols-[1fr_2fr] gap-6">
-                <!-- Image -->
-                <div class="flex-grow relative hidden lg:block">
-                    <div class="ff-image-cover left ff-image-rounded w-full h-full">
-                        {% image "./images/why-flowfuse/from-prototype-to-production.png", "Shop floor office", [496] %}
-                    </div>
-                </div>
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
-                    {% for case in useCases %}
-                    <div class="relative w-full max-md:max-w-md mx-auto bg-indigo-50 rounded-md p-6">
-                        <div class="flex flex-row justify-center items-center gap-8 h-full">
-                            <div class="flex w-16 items-center justify-center text-indigo-600">
-                                {% include case.svgPath %}
-                            </div>
-                            <p class="w-full md:m-0 text-gray-600 font-medium mx-auto">"{{ case.copy }}"</p>
-                        </div>
-                    </div>
-                    {% endfor %}
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-<!-- Node-RED + FlowFuse -->    
-<div class="w-full bg-indigo-50/50 py-12 mt-20 px-6">
-    <div class="max-w-screen-lg mx-auto">
-        <div class="md:flex items-center md:flex-row md:justify-between mx-auto max-md:text-center gap-8">
-            <div class="my-auto max-md:mx-auto md:w-1/2 lg:w-5/12">
-                <h2 class="w-full mt-0 md:px-0 m-auto">From Pilot to Production</h2>
-                <h5 class="text-indigo-600">Supercharge your industrial automation</h5>
-                <div class="flex mt-8 md:hidden justify-center m-auto mb-10 drop-shadow-lg max-w-lg"> 
-                    {% set image = ["./", sinergySection.image ] | join %}
-                    {% set imageAlt = sinergySection.imgAlt %}
-                    {% image image, imageAlt, [400] %}
-                </div>
-                <div class="flex-grow">
-                    <p>FlowFuse and Node-RED form a seamless continuum: start with the creativity and agility of Node-RED, and scale with enterprise-ready security, audit trails, versioning, and FlowFuse AI Expert tools FlowFuse offers.</p>
-                    <p>FlowFuse bridges the gap between what’s possible and what’s reliable at scale, empowering teams to innovate faster, build smarter, and automate with confidence, all with complete governance and operational control.</p>
-                    <p class="mb-0">Our platform is 100% compatible with Node-RED, backed by the original creator, ensuring you invest in a future-proof solution.</p>                   
-                </div>
-            </div>
-            <div class="flex max-md:hidden justify-center m-auto max-w-[550px] drop-shadow-lg w-full"> 
-                {% set image = ["./", sinergySection.image ] | join %}
-                {% set imageAlt = sinergySection.imgAlt %}
-                {% image image, imageAlt, [550] %}
-            </div>
-        </div>   
-    </div>
-</div>
-<div class="w-full px-6 pt-6">
-    <!-- FAQs -->    
-    <div class="md:max-w-screen-lg mx-auto max-sm:text-center pt-16 text-lg flex-col flex-row items-center justify-center gap-1 hover:no-underline flex-wrap mb-12">
-        <h2 class="max-md:text-center"><span class="text-indigo-600">Why upgrade</span> to FlowFuse?</h2>
-        <!-- Table Section -->
-        <div class="relative overflow-x-auto rounded-lg mt-10 mb-20">
-            <table class="w-full">
-                <thead class="bg-indigo-100 text-left">
-                    <tr>
-                        <th scope="col" class="px-6 py-3">
-                            Feature/Capability
-                        </th>
-                        <th scope="col" class="px-6 py-3">
-                            Node-RED (Open Source)
-                        </th>
-                        <th scope="col" class="px-6 py-3">
-                            FlowFuse (Built on Node-RED)
-                        </th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {% for item in table %}
-                    <tr class="even:bg-indigo-50/50 text-left">
-                        <th scope="row" class="px-6 py-4 font-medium text-indigo-400">
-                            {{ item.feature }}
-                        </th>
-                        <td class="px-6 py-4">
-                            <div class="flex items-center">
-                                {{ item.nodered }}
-                            </div>
-                        </td>
-                        <td class="px-6 py-4">
-                            <div class="flex items-center">
-                                {{ item.flowfuse }}
-                            </div>
-                        </td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
-        </div>
-        <h2 class="max-md:text-center -mb-12">
-            Frequently Asked <span class="text-indigo-600">Questions</span>
-        </h2>
-        {% include "faq.njk" %}
-    </div>    
-</div>