From d92982b845e318af345ad6bb48088b53b7a48f3b Mon Sep 17 00:00:00 2001
From: 0xharkirat <sandhukirat23@gmail.com>
Date: Tue, 26 May 2026 12:54:52 +1000
Subject: [PATCH 1/9] Reformat codebase with Prettier (no behavior change)

Pure whitespace/quote-style churn from running `prettier --write .`
ahead of wiring `pnpm format:check` into CI. Tina-written content
(`src/content/`) and `tina/__generated__` are excluded via
`.prettierignore` so the editor doesn't fight CI.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 AGENTS.md                                   |    3 +-
 astro.config.mjs                            |   14 +-
 public/assets/colors_and_type.css           |  599 ++++---
 src/components/BaseHead.astro               |   16 +-
 src/components/Footer.astro                 |   57 +-
 src/components/Header.astro                 |   61 +-
 src/components/HeaderLink.astro             |    2 +-
 src/components/IconLink.astro               |   86 +-
 src/components/islands/BlogBody.astro       |   66 +-
 src/components/islands/LandingBody.astro    | 1526 ++++++++++------
 src/components/islands/PageBody.astro       |   13 +-
 src/components/mdx/YouTubeEmbed.astro       |   15 +-
 src/components/mdx/YouTubeEmbed.template.ts |   24 +-
 src/lib/data.ts                             |   16 +-
 src/pages/[...slug].astro                   |    7 +-
 src/pages/blog/[...slug].astro              |    7 +-
 src/pages/blog/index.astro                  |   38 +-
 src/pages/index.astro                       |  211 ++-
 src/pages/rss.xml.js                        |    2 +-
 src/styles/global.css                       |    5 +-
 src/styles/landing.css                      | 1764 ++++++++++++-------
 tina/collections/blog.ts                    |   93 +-
 tina/collections/global-config.ts           |  207 ++-
 tina/collections/landing.ts                 |  832 +++++----
 tina/collections/page.ts                    |   50 +-
 tina/config.ts                              |   66 +-
 tsconfig.json                               |   17 +-
 27 files changed, 3572 insertions(+), 2225 deletions(-)

diff --git a/AGENTS.md b/AGENTS.md
index 1d69ffc..c6e93ac 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -23,6 +23,7 @@ The only exception is hotfixes the user explicitly authorises.
 **Every piece of content on every page must be editable via the Tina editor (`/admin/`).** Never hardcode user-visible text, images, links, or list items into `.astro` files. If you're about to type a sentence the user might want to change later, stop and model it as a Tina field first.
 
 This means:
+
 - New section → new fields in a Tina collection, new data in the matching content file, then read it in the component
 - New page → new collection (or new file in an existing collection) before any markup
 - Every rendered text node should have a `data-tina-field={tinaField(parent, 'fieldName')}` so inline editing works
@@ -119,7 +120,7 @@ When verifying inline editing, open `/admin/` and confirm: (a) the new fields ap
 
   **Before pushing a PR that adds a new schema field:**
   1. Reproduce the prod build locally — `rm -rf dist && SITE_URL=https://... pnpm run build` — and check `dist/<affected-route>/index.html` is real HTML, not the 9-byte body
-  2. If it errors with "Cannot query field", trigger a Tina Cloud schema sync (Settings → Rebuild on app.tina.io) *before* the Cloudflare deploy goes out
+  2. If it errors with "Cannot query field", trigger a Tina Cloud schema sync (Settings → Rebuild on app.tina.io) _before_ the Cloudflare deploy goes out
   3. Or split it into two PRs: schema-only first (so Tina Cloud rebuilds), then a follow-up that reads the field
 
   This bit us in PR #14 → #15 on 2026-05-22. See PR #15's description for the full incident.
diff --git a/astro.config.mjs b/astro.config.mjs
index c6769fc..8c84274 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -26,13 +26,15 @@ export default defineConfig({
 		build: {
 			rollupOptions: {
 				onwarn(warning, warn) {
-					if (warning.code === 'UNUSED_EXTERNAL_IMPORT' &&
-						warning.exporter === 'tinacms/dist/client') {
+					if (
+						warning.code === 'UNUSED_EXTERNAL_IMPORT' &&
+						warning.exporter === 'tinacms/dist/client'
+					) {
 						return;
 					}
 					warn(warning);
-				}
-			}
-		}
-	}
+				},
+			},
+		},
+	},
 });
diff --git a/public/assets/colors_and_type.css b/public/assets/colors_and_type.css
index 91d0e2d..cc22ce6 100644
--- a/public/assets/colors_and_type.css
+++ b/public/assets/colors_and_type.css
@@ -9,334 +9,393 @@
    Geist and Roboto Mono are still pulled from Google Fonts until brand files arrive.
 */
 @font-face {
-  font-family: 'Inter';
-  src: url('fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype-variations'),
-       url('fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype');
-  font-weight: 100 900;
-  font-style: normal;
-  font-display: swap;
+	font-family: 'Inter';
+	src:
+		url('fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype-variations'),
+		url('fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype');
+	font-weight: 100 900;
+	font-style: normal;
+	font-display: swap;
 }
 @font-face {
-  font-family: 'Inter';
-  src: url('fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype-variations'),
-       url('fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype');
-  font-weight: 100 900;
-  font-style: italic;
-  font-display: swap;
+	font-family: 'Inter';
+	src:
+		url('fonts/Inter-Italic-VariableFont_opsz_wght.ttf')
+			format('truetype-variations'),
+		url('fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype');
+	font-weight: 100 900;
+	font-style: italic;
+	font-display: swap;
 }
 @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap');
 
 :root {
-  /* ═══════════════════════════════════════════════════════════
+	/* ═══════════════════════════════════════════════════════════
      PRIMITIVES  (never reference directly in product code)
      ═══════════════════════════════════════════════════════════ */
 
-  /* Neutral — warm greys derived from the brand crimson */
-  --grey-0:    #ffffff;
-  --grey-50:   #fafafa;
-  --grey-100:  #f5f5f5;
-  --grey-200:  #e5e5e5;
-  --grey-300:  #d4d4d4;
-  --grey-400:  #a3a3a3;
-  --grey-500:  #737373;
-  --grey-600:  #525252;
-  --grey-700:  #404040;
-  --grey-800:  #262626;
-  --grey-900:  #171717;
-  --grey-1000: #000000;
-
-  /* Red — brand primary scale (SSW crimson) */
-  --red-50:    #fdecec;
-  --red-100:   #fad3d3;
-  --red-200:   #f5a8a8;
-  --red-300:   #ee7f7f;
-  --red-400:   #e06161;
-  --red-500:   #cc4141; /* brand */
-  --red-600:   #b93535;
-  --red-700:   #9d2929;
-  --red-800:   #7a1e1e;
-  --red-900:   #5a1515;
-
-  /* Destructive (shadcn-style harder red) */
-  --destructive-500: #dc2626;
-  --destructive-600: #b91c1c;
-
-  /* Blue — links / info */
-  --blue-100:  #dbeafe;
-  --blue-300:  #8ec5ff;
-  --blue-500:  #3f8dff;
-  --blue-600:  #2563eb;
-  --blue-700:  #1d4ed8;
-
-  /* Green — success */
-  --green-100: #d1fae5;
-  --green-500: #10b981;
-  --green-600: #1e7b57;
-  --green-700: #047857;
-
-  /* Amber — warning */
-  --amber-100: #fef3c7;
-  --amber-500: #f59e0b;
-  --amber-600: #d97706;
-
-  /* Orange — accent */
-  --orange-500: #f54a00;
-
-  /* Teal — accent */
-  --teal-500:  #009689;
-
-  /* ═══════════════════════════════════════════════════════════
+	/* Neutral — warm greys derived from the brand crimson */
+	--grey-0: #ffffff;
+	--grey-50: #fafafa;
+	--grey-100: #f5f5f5;
+	--grey-200: #e5e5e5;
+	--grey-300: #d4d4d4;
+	--grey-400: #a3a3a3;
+	--grey-500: #737373;
+	--grey-600: #525252;
+	--grey-700: #404040;
+	--grey-800: #262626;
+	--grey-900: #171717;
+	--grey-1000: #000000;
+
+	/* Red — brand primary scale (SSW crimson) */
+	--red-50: #fdecec;
+	--red-100: #fad3d3;
+	--red-200: #f5a8a8;
+	--red-300: #ee7f7f;
+	--red-400: #e06161;
+	--red-500: #cc4141; /* brand */
+	--red-600: #b93535;
+	--red-700: #9d2929;
+	--red-800: #7a1e1e;
+	--red-900: #5a1515;
+
+	/* Destructive (shadcn-style harder red) */
+	--destructive-500: #dc2626;
+	--destructive-600: #b91c1c;
+
+	/* Blue — links / info */
+	--blue-100: #dbeafe;
+	--blue-300: #8ec5ff;
+	--blue-500: #3f8dff;
+	--blue-600: #2563eb;
+	--blue-700: #1d4ed8;
+
+	/* Green — success */
+	--green-100: #d1fae5;
+	--green-500: #10b981;
+	--green-600: #1e7b57;
+	--green-700: #047857;
+
+	/* Amber — warning */
+	--amber-100: #fef3c7;
+	--amber-500: #f59e0b;
+	--amber-600: #d97706;
+
+	/* Orange — accent */
+	--orange-500: #f54a00;
+
+	/* Teal — accent */
+	--teal-500: #009689;
+
+	/* ═══════════════════════════════════════════════════════════
      SEMANTIC TOKENS — Light mode
      Structure: element.tone.emphasis.state
      ═══════════════════════════════════════════════════════════ */
 
-  /* Text */
-  --text-neutral-strong:   rgba(0,0,0,0.9);
-  --text-neutral:          rgba(0,0,0,0.78);
-  --text-neutral-weak:     rgba(0,0,0,0.6);
-  --text-neutral-weaker:   rgba(0,0,0,0.45);
-  --text-brand:            var(--red-500);
-  --text-brand-strong:     var(--red-700);
-  --text-error:            var(--destructive-500);
-  --text-warning:          var(--amber-600);
-  --text-success:          var(--green-700);
-  --text-link:             var(--blue-600);
-  --text-inverse:          #ffffff;
-  --text-disabled:         rgba(0,0,0,0.35);
-
-  /* Icon */
-  --icon-neutral-strong:   rgba(0,0,0,0.9);
-  --icon-neutral:          rgba(0,0,0,0.6);
-  --icon-neutral-weak:     rgba(0,0,0,0.45);
-  --icon-brand:            var(--red-500);
-  --icon-error:            var(--destructive-500);
-  --icon-inverse:          #ffffff;
-
-  /* Stroke (borders) */
-  --stroke-neutral-strong: rgba(0,0,0,0.2);
-  --stroke-neutral:        rgba(0,0,0,0.1);
-  --stroke-neutral-weak:   rgba(0,0,0,0.06);
-  --stroke-brand:          var(--red-500);
-  --stroke-focus:          var(--red-500);
-  --stroke-error:          var(--destructive-500);
-
-  /* Fill (foreground component surfaces) */
-  --fill-neutral-strong:   var(--grey-900);
-  --fill-neutral:          var(--grey-800);
-  --fill-neutral-weak:     var(--grey-100);
-  --fill-neutral-weaker:   var(--grey-50);
-  --fill-brand:            var(--red-500);
-  --fill-brand-hover:      var(--red-600);
-  --fill-brand-press:      var(--red-700);
-  --fill-error:            var(--destructive-500);
-  --fill-warning:          var(--amber-500);
-  --fill-success:          var(--green-500);
-  --fill-inverse:          #ffffff;
-
-  /* Background (surfaces) */
-  --bg-base:               #ffffff;
-  --bg-sunken:             var(--grey-50);
-  --bg-raised:             #ffffff;
-  --bg-overlay:            #ffffff;
-  --bg-inverse:            var(--grey-900);
-  --bg-brand-soft:         var(--red-50);
-  --bg-error-soft:         rgba(220,38,38,0.05);
-
-  /* ═══════════════════════════════════════════════════════════
+	/* Text */
+	--text-neutral-strong: rgba(0, 0, 0, 0.9);
+	--text-neutral: rgba(0, 0, 0, 0.78);
+	--text-neutral-weak: rgba(0, 0, 0, 0.6);
+	--text-neutral-weaker: rgba(0, 0, 0, 0.45);
+	--text-brand: var(--red-500);
+	--text-brand-strong: var(--red-700);
+	--text-error: var(--destructive-500);
+	--text-warning: var(--amber-600);
+	--text-success: var(--green-700);
+	--text-link: var(--blue-600);
+	--text-inverse: #ffffff;
+	--text-disabled: rgba(0, 0, 0, 0.35);
+
+	/* Icon */
+	--icon-neutral-strong: rgba(0, 0, 0, 0.9);
+	--icon-neutral: rgba(0, 0, 0, 0.6);
+	--icon-neutral-weak: rgba(0, 0, 0, 0.45);
+	--icon-brand: var(--red-500);
+	--icon-error: var(--destructive-500);
+	--icon-inverse: #ffffff;
+
+	/* Stroke (borders) */
+	--stroke-neutral-strong: rgba(0, 0, 0, 0.2);
+	--stroke-neutral: rgba(0, 0, 0, 0.1);
+	--stroke-neutral-weak: rgba(0, 0, 0, 0.06);
+	--stroke-brand: var(--red-500);
+	--stroke-focus: var(--red-500);
+	--stroke-error: var(--destructive-500);
+
+	/* Fill (foreground component surfaces) */
+	--fill-neutral-strong: var(--grey-900);
+	--fill-neutral: var(--grey-800);
+	--fill-neutral-weak: var(--grey-100);
+	--fill-neutral-weaker: var(--grey-50);
+	--fill-brand: var(--red-500);
+	--fill-brand-hover: var(--red-600);
+	--fill-brand-press: var(--red-700);
+	--fill-error: var(--destructive-500);
+	--fill-warning: var(--amber-500);
+	--fill-success: var(--green-500);
+	--fill-inverse: #ffffff;
+
+	/* Background (surfaces) */
+	--bg-base: #ffffff;
+	--bg-sunken: var(--grey-50);
+	--bg-raised: #ffffff;
+	--bg-overlay: #ffffff;
+	--bg-inverse: var(--grey-900);
+	--bg-brand-soft: var(--red-50);
+	--bg-error-soft: rgba(220, 38, 38, 0.05);
+
+	/* ═══════════════════════════════════════════════════════════
      RADII — shadcn scale
      ═══════════════════════════════════════════════════════════ */
-  --radius-none: 0;
-  --radius-xs:   2px;
-  --radius-sm:   4px;
-  --radius-md:   6px;  /* default shadcn `--radius` */
-  --radius-lg:   8px;
-  --radius-xl:   12px;
-  --radius-2xl:  16px;
-  --radius-full: 9999px;
-  --radius:      6px;
-
-  /* ═══════════════════════════════════════════════════════════
+	--radius-none: 0;
+	--radius-xs: 2px;
+	--radius-sm: 4px;
+	--radius-md: 6px; /* default shadcn `--radius` */
+	--radius-lg: 8px;
+	--radius-xl: 12px;
+	--radius-2xl: 16px;
+	--radius-full: 9999px;
+	--radius: 6px;
+
+	/* ═══════════════════════════════════════════════════════════
      SHADOWS — elevation system
      ═══════════════════════════════════════════════════════════ */
-  --shadow-none:    none;
-  --shadow-xs:      0 1px 2px 0 rgba(0,0,0,0.05);
-  --shadow-sm:      0 1px 3px 0 rgba(0,0,0,0.08), 0 1px 2px -1px rgba(0,0,0,0.05);
-  --shadow-raised:  0px 4px 8px -2px rgba(0,0,0,0.04), 0px 2px 4px -2px rgba(0,0,0,0.08);
-  --shadow-overlay: 0px 20px 24px -4px rgba(0,0,0,0.08), 0px 8px 8px -4px rgba(0,0,0,0.04);
-  --shadow-brand:   0 1px 2px 0 rgba(204,65,65,0.2);
-  --shadow-error:   0 1px 2px 0 rgba(220,38,38,0.05);
-  --shadow-ring:    0 0 0 3px rgba(204,65,65,0.2);
-
-  /* ═══════════════════════════════════════════════════════════
+	--shadow-none: none;
+	--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+	--shadow-sm:
+		0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.05);
+	--shadow-raised:
+		0px 4px 8px -2px rgba(0, 0, 0, 0.04), 0px 2px 4px -2px rgba(0, 0, 0, 0.08);
+	--shadow-overlay:
+		0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.04);
+	--shadow-brand: 0 1px 2px 0 rgba(204, 65, 65, 0.2);
+	--shadow-error: 0 1px 2px 0 rgba(220, 38, 38, 0.05);
+	--shadow-ring: 0 0 0 3px rgba(204, 65, 65, 0.2);
+
+	/* ═══════════════════════════════════════════════════════════
      SPACING — 4px base (shadcn/tailwind)
      ═══════════════════════════════════════════════════════════ */
-  --space-0:  0;
-  --space-1:  4px;
-  --space-2:  8px;
-  --space-3:  12px;
-  --space-4:  16px;
-  --space-5:  20px;
-  --space-6:  24px;
-  --space-8:  32px;
-  --space-10: 40px;
-  --space-12: 48px;
-  --space-16: 64px;
-  --space-20: 80px;
-  --space-24: 96px;
-
-  /* ═══════════════════════════════════════════════════════════
+	--space-0: 0;
+	--space-1: 4px;
+	--space-2: 8px;
+	--space-3: 12px;
+	--space-4: 16px;
+	--space-5: 20px;
+	--space-6: 24px;
+	--space-8: 32px;
+	--space-10: 40px;
+	--space-12: 48px;
+	--space-16: 64px;
+	--space-20: 80px;
+	--space-24: 96px;
+
+	/* ═══════════════════════════════════════════════════════════
      TYPE — font stacks
      ═══════════════════════════════════════════════════════════ */
-  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
-  --font-mono:    'Inter', ui-monospace, 'SF Mono', Menlo, monospace;
+	--font-sans:
+		'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+	--font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+	--font-mono: 'Inter', ui-monospace, 'SF Mono', Menlo, monospace;
 
-  /* ═══════════════════════════════════════════════════════════
+	/* ═══════════════════════════════════════════════════════════
      MOTION
      ═══════════════════════════════════════════════════════════ */
-  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
-  --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);
-  --duration-fast:   120ms;
-  --duration-normal: 200ms;
-  --duration-slow:   320ms;
+	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+	--duration-fast: 120ms;
+	--duration-normal: 200ms;
+	--duration-slow: 320ms;
 }
 
 /* ═══════════════════════════════════════════════════════════
    DARK MODE — semantic tokens remap
    ═══════════════════════════════════════════════════════════ */
-[data-theme="dark"],
+[data-theme='dark'],
 .dark {
-  /* Text — opacities of white */
-  --text-neutral-strong: rgba(255,255,255,0.95);
-  --text-neutral:        rgba(255,255,255,0.78);
-  --text-neutral-weak:   rgba(255,255,255,0.6);
-  --text-neutral-weaker: rgba(255,255,255,0.4);
-  --text-disabled:       rgba(255,255,255,0.3);
-  --text-inverse:        rgba(0,0,0,0.9);
-
-  --icon-neutral-strong: rgba(255,255,255,0.95);
-  --icon-neutral:        rgba(255,255,255,0.7);
-  --icon-neutral-weak:   rgba(255,255,255,0.45);
-  --icon-inverse:        var(--grey-900);
-
-  --stroke-neutral-strong: rgba(255,255,255,0.18);
-  --stroke-neutral:        rgba(255,255,255,0.12);
-  --stroke-neutral-weak:   rgba(255,255,255,0.06);
-
-  /* Elevation via background lightness (light comes from above) */
-  --bg-base:     var(--grey-900);
-  --bg-sunken:   #000000;
-  --bg-raised:   var(--grey-800);
-  --bg-overlay:  #44403c;
-  --bg-inverse:  #ffffff;
-
-  --fill-neutral-strong: #ffffff;
-  --fill-neutral:        var(--grey-100);
-  --fill-neutral-weak:   var(--grey-800);
-  --fill-neutral-weaker: var(--grey-700);
-  --fill-inverse:        var(--grey-900);
+	/* Text — opacities of white */
+	--text-neutral-strong: rgba(255, 255, 255, 0.95);
+	--text-neutral: rgba(255, 255, 255, 0.78);
+	--text-neutral-weak: rgba(255, 255, 255, 0.6);
+	--text-neutral-weaker: rgba(255, 255, 255, 0.4);
+	--text-disabled: rgba(255, 255, 255, 0.3);
+	--text-inverse: rgba(0, 0, 0, 0.9);
+
+	--icon-neutral-strong: rgba(255, 255, 255, 0.95);
+	--icon-neutral: rgba(255, 255, 255, 0.7);
+	--icon-neutral-weak: rgba(255, 255, 255, 0.45);
+	--icon-inverse: var(--grey-900);
+
+	--stroke-neutral-strong: rgba(255, 255, 255, 0.18);
+	--stroke-neutral: rgba(255, 255, 255, 0.12);
+	--stroke-neutral-weak: rgba(255, 255, 255, 0.06);
+
+	/* Elevation via background lightness (light comes from above) */
+	--bg-base: var(--grey-900);
+	--bg-sunken: #000000;
+	--bg-raised: var(--grey-800);
+	--bg-overlay: #44403c;
+	--bg-inverse: #ffffff;
+
+	--fill-neutral-strong: #ffffff;
+	--fill-neutral: var(--grey-100);
+	--fill-neutral-weak: var(--grey-800);
+	--fill-neutral-weaker: var(--grey-700);
+	--fill-inverse: var(--grey-900);
 }
 
 /* ═══════════════════════════════════════════════════════════
    TYPOGRAPHY — semantic classes
    ═══════════════════════════════════════════════════════════ */
 
-html, body {
-  font-family: var(--font-sans);
-  font-size: 14px;
-  line-height: 1.5;
-  color: var(--text-neutral-strong);
-  background: var(--bg-base);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+html,
+body {
+	font-family: var(--font-sans);
+	font-size: 14px;
+	line-height: 1.5;
+	color: var(--text-neutral-strong);
+	background: var(--bg-base);
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
 }
 
-.h1, h1 {
-  font-family: var(--font-display);
-  font-weight: 700;
-  font-size: 48px;
-  line-height: 1;
-  letter-spacing: -0.01em;
-  color: var(--text-neutral-strong);
+.h1,
+h1 {
+	font-family: var(--font-display);
+	font-weight: 700;
+	font-size: 48px;
+	line-height: 1;
+	letter-spacing: -0.01em;
+	color: var(--text-neutral-strong);
 }
-.h2, h2 {
-  font-family: var(--font-display);
-  font-weight: 700;
-  font-size: 36px;
-  line-height: 1.1;
-  letter-spacing: -0.02em;
-  color: var(--text-neutral-strong);
+.h2,
+h2 {
+	font-family: var(--font-display);
+	font-weight: 700;
+	font-size: 36px;
+	line-height: 1.1;
+	letter-spacing: -0.02em;
+	color: var(--text-neutral-strong);
 }
-.h3, h3 {
-  font-family: var(--font-display);
-  font-weight: 700;
-  font-size: 28px;
-  line-height: 1.15;
-  letter-spacing: -0.02em;
-  color: var(--text-neutral-strong);
+.h3,
+h3 {
+	font-family: var(--font-display);
+	font-weight: 700;
+	font-size: 28px;
+	line-height: 1.15;
+	letter-spacing: -0.02em;
+	color: var(--text-neutral-strong);
 }
-.h4, h4 {
-  font-family: var(--font-display);
-  font-weight: 700;
-  font-size: 24px;
-  line-height: 1.2;
-  letter-spacing: -0.02em;
-  color: var(--text-neutral-strong);
+.h4,
+h4 {
+	font-family: var(--font-display);
+	font-weight: 700;
+	font-size: 24px;
+	line-height: 1.2;
+	letter-spacing: -0.02em;
+	color: var(--text-neutral-strong);
 }
 
 .p-large {
-  font-family: var(--font-sans);
-  font-size: 18px;
-  line-height: 1.55;
-  color: var(--text-neutral);
+	font-family: var(--font-sans);
+	font-size: 18px;
+	line-height: 1.55;
+	color: var(--text-neutral);
 }
-.p-large-medium  { font-family: var(--font-sans); font-size: 18px; font-weight: 500; line-height: 1.55; }
-.p-large-bold    { font-family: var(--font-sans); font-size: 18px; font-weight: 700; line-height: 1.55; }
-
-.p, p {
-  font-family: var(--font-sans);
-  font-size: 14px;
-  line-height: 1.5;
-  color: var(--text-neutral);
+.p-large-medium {
+	font-family: var(--font-sans);
+	font-size: 18px;
+	font-weight: 500;
+	line-height: 1.55;
+}
+.p-large-bold {
+	font-family: var(--font-sans);
+	font-size: 18px;
+	font-weight: 700;
+	line-height: 1.55;
+}
+
+.p,
+p {
+	font-family: var(--font-sans);
+	font-size: 14px;
+	line-height: 1.5;
+	color: var(--text-neutral);
+}
+.p-medium {
+	font-family: var(--font-sans);
+	font-size: 14px;
+	font-weight: 500;
+	line-height: 1.5;
+}
+.p-bold {
+	font-family: var(--font-sans);
+	font-size: 14px;
+	font-weight: 700;
+	line-height: 1.5;
 }
-.p-medium        { font-family: var(--font-sans); font-size: 14px; font-weight: 500; line-height: 1.5; }
-.p-bold          { font-family: var(--font-sans); font-size: 14px; font-weight: 700; line-height: 1.5; }
 
-.p-small         { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; }
-.p-small-medium  { font-family: var(--font-sans); font-size: 12px; font-weight: 500; line-height: 1.5; }
+.p-small {
+	font-family: var(--font-sans);
+	font-size: 12px;
+	line-height: 1.5;
+}
+.p-small-medium {
+	font-family: var(--font-sans);
+	font-size: 12px;
+	font-weight: 500;
+	line-height: 1.5;
+}
 
-.p-mini          { font-family: var(--font-sans); font-size: 11px; line-height: 1.45; }
-.p-mini-medium   { font-family: var(--font-sans); font-size: 11px; font-weight: 500; line-height: 1.45; }
-.p-mini-bold     { font-family: var(--font-sans); font-size: 11px; font-weight: 700; line-height: 1.45; }
+.p-mini {
+	font-family: var(--font-sans);
+	font-size: 11px;
+	line-height: 1.45;
+}
+.p-mini-medium {
+	font-family: var(--font-sans);
+	font-size: 11px;
+	font-weight: 500;
+	line-height: 1.45;
+}
+.p-mini-bold {
+	font-family: var(--font-sans);
+	font-size: 11px;
+	font-weight: 700;
+	line-height: 1.45;
+}
 
 .caption {
-  font-family: var(--font-sans);
-  font-size: 11px;
-  font-weight: 500;
-  line-height: 1.45;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-  color: var(--text-neutral-weak);
+	font-family: var(--font-sans);
+	font-size: 11px;
+	font-weight: 500;
+	line-height: 1.45;
+	letter-spacing: 0.06em;
+	text-transform: uppercase;
+	color: var(--text-neutral-weak);
 }
 
-.code, code, kbd, .mono {
-  font-family: var(--font-mono);
-  font-size: 13px;
-  line-height: 1.5;
+.code,
+code,
+kbd,
+.mono {
+	font-family: var(--font-mono);
+	font-size: 13px;
+	line-height: 1.5;
 }
 
 /* Button typography (Inter Medium 14/1.5 with slight negative tracking) */
 .button-label {
-  font-family: var(--font-sans);
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 1.5;
-  letter-spacing: -0.025em;
+	font-family: var(--font-sans);
+	font-weight: 500;
+	font-size: 14px;
+	line-height: 1.5;
+	letter-spacing: -0.025em;
 }
 
 /* Focus ring — brand red at low opacity */
 :focus-visible {
-  outline: 2px solid transparent;
-  box-shadow: var(--shadow-ring);
-  border-radius: inherit;
+	outline: 2px solid transparent;
+	box-shadow: var(--shadow-ring);
+	border-radius: inherit;
 }
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index f9f3163..0f8150c 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -26,8 +26,20 @@ const { title, description, image = '/blog-placeholder-1.jpg' } = Astro.props;
 <meta name="generator" content={Astro.generator} />
 
 <!-- Font preloads -->
-<link rel="preload" href="/fonts/atkinson-regular.woff" as="font" type="font/woff" crossorigin />
-<link rel="preload" href="/fonts/atkinson-bold.woff" as="font" type="font/woff" crossorigin />
+<link
+	rel="preload"
+	href="/fonts/atkinson-regular.woff"
+	as="font"
+	type="font/woff"
+	crossorigin
+/>
+<link
+	rel="preload"
+	href="/fonts/atkinson-bold.woff"
+	as="font"
+	type="font/woff"
+	crossorigin
+/>
 
 <!-- Canonical URL -->
 <link rel="canonical" href={canonicalURL} />
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 0c4a114..2c2a8c6 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,38 +1,49 @@
 ---
-import { tinaField } from "@tinacms/astro/tina-field";
-import type { ConfigQuery } from "../../tina/__generated__/types";
-import IconLink from "./IconLink.astro";
+import { tinaField } from '@tinacms/astro/tina-field';
+import type { ConfigQuery } from '../../tina/__generated__/types';
+import IconLink from './IconLink.astro';
 
 interface Props {
-	config?: ConfigQuery["config"] | null;
+	config?: ConfigQuery['config'] | null;
 }
 
 const { config } = Astro.props;
 const seo = config?.seo ?? null;
-const contactLinks = (config?.contactLinks ?? []).filter((item) => item !== null);
+const contactLinks = (config?.contactLinks ?? []).filter(
+	(item) => item !== null
+);
 const today = new Date();
 ---
+
 <div class="tina-footer">
-	<div class="tina-banner-content"><img src="/llama.svg" alt="Tina CMS Llama Logo" /><a href="https://tina.io" target="_blank" rel="noopener noreferrer">Powered by TinaCMS</a>
+	<div class="tina-banner-content">
+		<img src="/llama.svg" alt="Tina CMS Llama Logo" /><a
+			href="https://tina.io"
+			target="_blank"
+			rel="noopener noreferrer">Powered by TinaCMS</a
+		>
 	</div>
 </div>
-	<footer class="copyright-footer">
-		&copy; {today.getFullYear()}
-		<span data-tina-field={seo ? tinaField(seo, "siteOwner") : undefined}>{seo?.siteOwner}</span>. All rights reserved.
-		<div class="social-links">
-			{contactLinks.map((link) => (
+<footer class="copyright-footer">
+	&copy; {today.getFullYear()}
+	<span data-tina-field={seo ? tinaField(seo, 'siteOwner') : undefined}
+		>{seo?.siteOwner}</span
+	>. All rights reserved.
+	<div class="social-links">
+		{
+			contactLinks.map((link) => (
 				<IconLink
 					title={link.title}
 					link={link.link}
 					icon={link.icon}
-					data-tina-field={tinaField(link, "title")}
+					data-tina-field={tinaField(link, 'title')}
 				/>
-			))}
-		</div>
-	</footer>
+			))
+		}
+	</div>
+</footer>
 
 <style>
-
 	.copyright-footer {
 		padding: 2em 1em 2em 1em;
 		background: linear-gradient(var(--gray-gradient)) no-repeat;
@@ -62,7 +73,12 @@ const today = new Date();
 		position: relative;
 		width: 100%;
 		overflow: hidden;
-		background-image: linear-gradient(60deg, #000000 0%,  #EC4815 50%, #000000 100%);
+		background-image: linear-gradient(
+			60deg,
+			#000000 0%,
+			#ec4815 50%,
+			#000000 100%
+		);
 		padding: 1.5em 0;
 	}
 
@@ -82,7 +98,12 @@ const today = new Date();
 		left: -50%;
 		width: 200%;
 		height: 100%;
-		background-image: linear-gradient(60deg, #1F1E24 25%,   #EC4815 50%, #1F1E24 75%);
+		background-image: linear-gradient(
+			60deg,
+			#1f1e24 25%,
+			#ec4815 50%,
+			#1f1e24 75%
+		);
 		transition: transform 1s ease-in-out;
 		z-index: 1;
 	}
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 8fe38b3..f402c1d 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,41 +1,64 @@
 ---
-import { tinaField } from "@tinacms/astro/tina-field";
-import type { ConfigQuery } from "../../tina/__generated__/types";
-import HeaderLink from "./HeaderLink.astro";
-import IconLink from "./IconLink.astro";
+import { tinaField } from '@tinacms/astro/tina-field';
+import type { ConfigQuery } from '../../tina/__generated__/types';
+import HeaderLink from './HeaderLink.astro';
+import IconLink from './IconLink.astro';
 
 interface Props {
-	config?: ConfigQuery["config"] | null;
+	config?: ConfigQuery['config'] | null;
 }
 
 const { config } = Astro.props;
 const seo = config?.seo ?? null;
 const nav = (config?.nav ?? []).filter((item) => item !== null);
-const contactLinks = (config?.contactLinks ?? []).filter((item) => item !== null);
+const contactLinks = (config?.contactLinks ?? []).filter(
+	(item) => item !== null
+);
 ---
 
 <header>
 	<nav>
 		<h2>
 			<a href="/" class="nav-header">
-				{seo?.logo && <img src={seo.logo} alt="Logo" width="50" height="50" data-tina-field={tinaField(seo, "logo")} />}
-				<span data-tina-field={seo ? tinaField(seo, "title") : undefined}>{seo?.title}</span>
+				{
+					seo?.logo && (
+						<img
+							src={seo.logo}
+							alt="Logo"
+							width="50"
+							height="50"
+							data-tina-field={tinaField(seo, 'logo')}
+						/>
+					)
+				}
+				<span data-tina-field={seo ? tinaField(seo, 'title') : undefined}
+					>{seo?.title}</span
+				>
 			</a>
 		</h2>
 		<div class="internal-links">
-			{nav.map((item) => (
-				<HeaderLink href={item.link} data-tina-field={tinaField(item, "title")}>{item.title}</HeaderLink>
-			))}
+			{
+				nav.map((item) => (
+					<HeaderLink
+						href={item.link}
+						data-tina-field={tinaField(item, 'title')}
+					>
+						{item.title}
+					</HeaderLink>
+				))
+			}
 		</div>
 		<div class="social-links">
-			{contactLinks.map((link) => (
-				<IconLink
-					title={link.title}
-					link={link.link}
-					icon={link.icon}
-					data-tina-field={tinaField(link, "title")}
-				/>
-			))}
+			{
+				contactLinks.map((link) => (
+					<IconLink
+						title={link.title}
+						link={link.link}
+						icon={link.icon}
+						data-tina-field={tinaField(link, 'title')}
+					/>
+				))
+			}
 		</div>
 	</nav>
 </header>
diff --git a/src/components/HeaderLink.astro b/src/components/HeaderLink.astro
index 41da846..dab7398 100644
--- a/src/components/HeaderLink.astro
+++ b/src/components/HeaderLink.astro
@@ -5,7 +5,7 @@ type Props = HTMLAttributes<'a'>;
 
 const { href, class: className, ...props } = Astro.props;
 const pathname = Astro.url.pathname.replace(import.meta.env.BASE_URL, '');
-const subpath = pathname.match(/[^\/]+/g);
+const subpath = pathname.match(/[^/]+/g);
 const isActive = href === pathname || href === '/' + (subpath?.[0] || '');
 ---
 
diff --git a/src/components/IconLink.astro b/src/components/IconLink.astro
index 5168dbe..e2008a5 100644
--- a/src/components/IconLink.astro
+++ b/src/components/IconLink.astro
@@ -8,32 +8,70 @@ type Props = HTMLAttributes<'a'> & {
 };
 
 const { title, link, icon, ...rest } = Astro.props;
-const safeTitle = title ?? "";
-const safeLink = link ?? "#";
-const safeIcon = icon ?? "";
+const safeTitle = title ?? '';
+const safeLink = link ?? '#';
+const safeIcon = icon ?? '';
 ---
 
 <a href={safeLink} target="_blank" aria-label={`Go to ${safeTitle}`} {...rest}>
 	<span class="sr-only">{safeTitle}</span>
-	{safeIcon === "TbBrandX" && (
-		<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-			<path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
-			<path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path>
-		</svg>
-	)}
-	{safeIcon === "TbBook2" && (
-		<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-			<path d="M19 4v16h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12z"></path>
-			<path d="M19 16h-12a2 2 0 0 0 -2 2"></path>
-			<path d="M9 8h6"></path>
-		</svg>
-	)}
-	{safeIcon === "TbBrandGithub" && (
-		<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-			<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"></path>
-		</svg>
-	)}
-	{!["TbBrandX", "TbBook2", "TbBrandGithub"].includes(icon) && (
-		<span>Icon "{icon}" not found</span>
-	)}
+	{
+		safeIcon === 'TbBrandX' && (
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				width="32"
+				height="32"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			>
+				<path d="M4 4l11.733 16h4.267l-11.733 -16z" />
+				<path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
+			</svg>
+		)
+	}
+	{
+		safeIcon === 'TbBook2' && (
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				width="32"
+				height="32"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			>
+				<path d="M19 4v16h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12z" />
+				<path d="M19 16h-12a2 2 0 0 0 -2 2" />
+				<path d="M9 8h6" />
+			</svg>
+		)
+	}
+	{
+		safeIcon === 'TbBrandGithub' && (
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				width="32"
+				height="32"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			>
+				<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
+			</svg>
+		)
+	}
+	{
+		!['TbBrandX', 'TbBook2', 'TbBrandGithub'].includes(icon) && (
+			<span>Icon "{icon}" not found</span>
+		)
+	}
 </a>
diff --git a/src/components/islands/BlogBody.astro b/src/components/islands/BlogBody.astro
index c4504f2..4620707 100644
--- a/src/components/islands/BlogBody.astro
+++ b/src/components/islands/BlogBody.astro
@@ -14,29 +14,53 @@ const title = data?.title;
 const pubDate = data?.pubDate;
 const updatedDate = data?.updatedDate;
 ---
-{heroImage && (
-	<div data-tina-field={data ? tinaField(data, 'heroImage') : undefined} class="hero-image">
-		<img width={1020} height={510} src={heroImage} alt="" />
-	</div>
-)}
+
+{
+	heroImage && (
+		<div
+			data-tina-field={data ? tinaField(data, 'heroImage') : undefined}
+			class="hero-image"
+		>
+			<img width={1020} height={510} src={heroImage} alt="" />
+		</div>
+	)
+}
 <div class="prose">
 	<div class="title">
-		{pubDate && (
-			<div data-tina-field={data ? tinaField(data, 'pubDate') : undefined} class="date">
-				<FormattedDate date={new Date(pubDate)} />
-				{updatedDate && (
-					<div data-tina-field={data ? tinaField(data, 'updatedDate') : undefined} class="last-updated-on">
-						Last updated on <FormattedDate date={new Date(updatedDate)} />
-					</div>
-				)}
-			</div>
-		)}
-		{title && <h1 data-tina-field={data ? tinaField(data, 'title') : undefined}>{title}</h1>}
+		{
+			pubDate && (
+				<div
+					data-tina-field={data ? tinaField(data, 'pubDate') : undefined}
+					class="date"
+				>
+					<FormattedDate date={new Date(pubDate)} />
+					{updatedDate && (
+						<div
+							data-tina-field={
+								data ? tinaField(data, 'updatedDate') : undefined
+							}
+							class="last-updated-on"
+						>
+							Last updated on <FormattedDate date={new Date(updatedDate)} />
+						</div>
+					)}
+				</div>
+			)
+		}
+		{
+			title && (
+				<h1 data-tina-field={data ? tinaField(data, 'title') : undefined}>
+					{title}
+				</h1>
+			)
+		}
 		<hr />
 	</div>
-	{data?.body && (
-		<div data-tina-field={tinaField(data, 'body')}>
-			<TinaMarkdown content={data.body} />
-		</div>
-	)}
+	{
+		data?.body && (
+			<div data-tina-field={tinaField(data, 'body')}>
+				<TinaMarkdown content={data.body} />
+			</div>
+		)
+	}
 </div>
diff --git a/src/components/islands/LandingBody.astro b/src/components/islands/LandingBody.astro
index dfdab05..b8acb8a 100644
--- a/src/components/islands/LandingBody.astro
+++ b/src/components/islands/LandingBody.astro
@@ -3,7 +3,7 @@ import { tinaField } from '@tinacms/astro/tina-field';
 import type { LandingQuery } from '../../../tina/__generated__/types';
 
 interface Props {
-  data?: LandingQuery['landing'] | null;
+	data?: LandingQuery['landing'] | null;
 }
 
 const { data } = Astro.props;
@@ -14,26 +14,31 @@ const hero = data.hero;
 
 // Split a title on **accent** markers into alternating plain/accent segments.
 const parseAccentTitle = (s: string | null | undefined) => {
-  if (!s) return [] as Array<{ text: string; accent: boolean }>;
-  return s.split(/\*\*([^*]+)\*\*/g).map((part, i) => ({ text: part, accent: i % 2 === 1 }));
+	if (!s) return [] as Array<{ text: string; accent: boolean }>;
+	return s
+		.split(/\*\*([^*]+)\*\*/g)
+		.map((part, i) => ({ text: part, accent: i % 2 === 1 }));
 };
 const heroTitleParts = parseAccentTitle(hero?.title);
 
 // Parse [label](url) inline markdown links into render-ready segments.
-type InlinePart = { type: 'text'; value: string } | { type: 'link'; label: string; href: string };
+type InlinePart =
+	| { type: 'text'; value: string }
+	| { type: 'link'; label: string; href: string };
 const parseInlineLinks = (s: string | null | undefined): InlinePart[] => {
-  if (!s) return [];
-  const out: InlinePart[] = [];
-  const re = /\[([^\]]+)\]\(([^)]+)\)/g;
-  let last = 0;
-  let m: RegExpExecArray | null;
-  while ((m = re.exec(s)) !== null) {
-    if (m.index > last) out.push({ type: 'text', value: s.slice(last, m.index) });
-    out.push({ type: 'link', label: m[1], href: m[2] });
-    last = m.index + m[0].length;
-  }
-  if (last < s.length) out.push({ type: 'text', value: s.slice(last) });
-  return out;
+	if (!s) return [];
+	const out: InlinePart[] = [];
+	const re = /\[([^\]]+)\]\(([^)]+)\)/g;
+	let last = 0;
+	let m: RegExpExecArray | null;
+	while ((m = re.exec(s)) !== null) {
+		if (m.index > last)
+			out.push({ type: 'text', value: s.slice(last, m.index) });
+		out.push({ type: 'link', label: m[1], href: m[2] });
+		last = m.index + m[0].length;
+	}
+	if (last < s.length) out.push({ type: 'text', value: s.slice(last) });
+	return out;
 };
 const stats = data.stats ?? [];
 const benefits = data.benefitsSection;
@@ -47,321 +52,658 @@ const footer = data.footer;
 ---
 
 <header class="nav" id="nav">
-  <div class="container nav-inner">
-    <a href="#top" class="nav-logo" aria-label="SSW home">
-      {nav?.logo && <img src={nav.logo} alt="SSW" data-tina-field={tinaField(nav, 'logo')} />}
-      {nav?.region && <span class="region" data-tina-field={tinaField(nav, 'region')}>{nav.region}</span>}
-    </a>
-    {nav && (
-      <nav class="nav-links" aria-label="Primary">
-        <div class="nav-item">
-          <a href="#services" data-tina-field={tinaField(nav, 'capabilitiesLabel')}>
-            {nav.capabilitiesLabel} <i class="fa-solid fa-chevron-down caret"></i>
-          </a>
-          {nav.capabilities && nav.capabilities.length > 0 && (
-            <div class="nav-dropdown" role="menu">
-              <ul>
-                {nav.capabilities.map((cap) => cap && (
-                  <li>
-                    <a href={cap.href ?? '#services'}>
-                      <span class="ico"><i class={`fa-solid ${cap.icon ?? ''}`}></i></span>
-                      <span>
-                        <strong data-tina-field={tinaField(cap, 'title')}>{cap.title}</strong>
-                        <span data-tina-field={tinaField(cap, 'description')}>{cap.description}</span>
-                      </span>
-                    </a>
-                  </li>
-                ))}
-              </ul>
-            </div>
-          )}
-        </div>
-        {nav.links?.map((link) => link && (
-          <div class="nav-item">
-            <a href={link.href ?? '#'} data-tina-field={tinaField(link, 'label')}>{link.label}</a>
-          </div>
-        ))}
-      </nav>
-    )}
-    {nav?.ctaLabel && (
-      <div class="nav-cta">
-        <a href={nav.ctaHref ?? '#contact'} class="btn btn-primary" data-tina-field={tinaField(nav, 'ctaLabel')}>
-          <i class="fa-regular fa-calendar"></i> {nav.ctaLabel}
-        </a>
-      </div>
-    )}
-  </div>
+	<div class="container nav-inner">
+		<a href="#top" class="nav-logo" aria-label="SSW home">
+			{
+				nav?.logo && (
+					<img
+						src={nav.logo}
+						alt="SSW"
+						data-tina-field={tinaField(nav, 'logo')}
+					/>
+				)
+			}
+			{
+				nav?.region && (
+					<span class="region" data-tina-field={tinaField(nav, 'region')}>
+						{nav.region}
+					</span>
+				)
+			}
+		</a>
+		{
+			nav && (
+				<nav class="nav-links" aria-label="Primary">
+					<div class="nav-item">
+						<a
+							href="#services"
+							data-tina-field={tinaField(nav, 'capabilitiesLabel')}
+						>
+							{nav.capabilitiesLabel}{' '}
+							<i class="fa-solid fa-chevron-down caret" />
+						</a>
+						{nav.capabilities && nav.capabilities.length > 0 && (
+							<div class="nav-dropdown" role="menu">
+								<ul>
+									{nav.capabilities.map(
+										(cap) =>
+											cap && (
+												<li>
+													<a href={cap.href ?? '#services'}>
+														<span class="ico">
+															<i class={`fa-solid ${cap.icon ?? ''}`} />
+														</span>
+														<span>
+															<strong data-tina-field={tinaField(cap, 'title')}>
+																{cap.title}
+															</strong>
+															<span
+																data-tina-field={tinaField(cap, 'description')}
+															>
+																{cap.description}
+															</span>
+														</span>
+													</a>
+												</li>
+											)
+									)}
+								</ul>
+							</div>
+						)}
+					</div>
+					{nav.links?.map(
+						(link) =>
+							link && (
+								<div class="nav-item">
+									<a
+										href={link.href ?? '#'}
+										data-tina-field={tinaField(link, 'label')}
+									>
+										{link.label}
+									</a>
+								</div>
+							)
+					)}
+				</nav>
+			)
+		}
+		{
+			nav?.ctaLabel && (
+				<div class="nav-cta">
+					<a
+						href={nav.ctaHref ?? '#contact'}
+						class="btn btn-primary"
+						data-tina-field={tinaField(nav, 'ctaLabel')}
+					>
+						<i class="fa-regular fa-calendar" /> {nav.ctaLabel}
+					</a>
+				</div>
+			)
+		}
+	</div>
 </header>
 
 <main id="top">
+	{
+		hero && (
+			<section class="hero">
+				<div class="container hero-grid">
+					<div class="hero-copy">
+						{hero.eyebrow && (
+							<span
+								class="eyebrow"
+								data-tina-field={tinaField(hero, 'eyebrow')}
+							>
+								<span class="dot" />
+								{hero.eyebrow}
+							</span>
+						)}
+						<h1 class="display" data-tina-field={tinaField(hero, 'title')}>
+							{heroTitleParts.map((part) =>
+								part.accent ? (
+									<em>{part.text}</em>
+								) : (
+									<Fragment>{part.text}</Fragment>
+								)
+							)}
+						</h1>
+						{hero.lead && (
+							<p class="lead" data-tina-field={tinaField(hero, 'lead')}>
+								{hero.lead}
+							</p>
+						)}
+						<div class="hero-ctas">
+							{hero.primaryCta && (
+								<a
+									href={hero.primaryCta.href ?? '#contact'}
+									class="btn btn-primary btn-lg"
+									data-tina-field={tinaField(hero.primaryCta, 'label')}
+								>
+									{hero.primaryCta.icon && <i class={hero.primaryCta.icon} />}{' '}
+									{hero.primaryCta.label}
+								</a>
+							)}
+							{hero.secondaryCta && (
+								<a
+									href={hero.secondaryCta.href ?? '#how'}
+									class="btn btn-secondary btn-lg"
+									data-tina-field={tinaField(hero.secondaryCta, 'label')}
+								>
+									{hero.secondaryCta.label}{' '}
+									{hero.secondaryCta.icon && (
+										<i class={hero.secondaryCta.icon} />
+									)}
+								</a>
+							)}
+						</div>
+						{hero.checks && hero.checks.length > 0 && (
+							<div class="hero-meta">
+								{hero.checks.map(
+									(c) =>
+										c && (
+											<span class="item">
+												<span class="check-pill">
+													<i class="fa-solid fa-check" />
+												</span>
+												<span data-tina-field={tinaField(c, 'text')}>
+													{c.text}
+												</span>
+											</span>
+										)
+								)}
+							</div>
+						)}
+					</div>
 
-  {hero && (
-    <section class="hero">
-      <div class="container hero-grid">
-        <div class="hero-copy">
-          {hero.eyebrow && (
-            <span class="eyebrow" data-tina-field={tinaField(hero, 'eyebrow')}>
-              <span class="dot"></span>{hero.eyebrow}
-            </span>
-          )}
-          <h1 class="display" data-tina-field={tinaField(hero, 'title')}>
-            {heroTitleParts.map((part) => (part.accent ? <em>{part.text}</em> : <Fragment>{part.text}</Fragment>))}
-          </h1>
-          {hero.lead && <p class="lead" data-tina-field={tinaField(hero, 'lead')}>{hero.lead}</p>}
-          <div class="hero-ctas">
-            {hero.primaryCta && (
-              <a href={hero.primaryCta.href ?? '#contact'} class="btn btn-primary btn-lg" data-tina-field={tinaField(hero.primaryCta, 'label')}>
-                {hero.primaryCta.icon && <i class={hero.primaryCta.icon}></i>} {hero.primaryCta.label}
-              </a>
-            )}
-            {hero.secondaryCta && (
-              <a href={hero.secondaryCta.href ?? '#how'} class="btn btn-secondary btn-lg" data-tina-field={tinaField(hero.secondaryCta, 'label')}>
-                {hero.secondaryCta.label} {hero.secondaryCta.icon && <i class={hero.secondaryCta.icon}></i>}
-              </a>
-            )}
-          </div>
-          {hero.checks && hero.checks.length > 0 && (
-            <div class="hero-meta">
-              {hero.checks.map((c) => c && (
-                <span class="item">
-                  <span class="check-pill"><i class="fa-solid fa-check"></i></span>
-                  <span data-tina-field={tinaField(c, 'text')}>{c.text}</span>
-                </span>
-              ))}
-            </div>
-          )}
-        </div>
+					{hero.image && (
+						<div class="hero-visual">
+							<img
+								class="hero-image"
+								src={hero.image}
+								alt={hero.imageAlt ?? ''}
+								data-tina-field={tinaField(hero, 'image')}
+							/>
+						</div>
+					)}
+				</div>
+			</section>
+		)
+	}
 
-        {hero.image && (
-          <div class="hero-visual">
-            <img class="hero-image" src={hero.image} alt={hero.imageAlt ?? ''} data-tina-field={tinaField(hero, 'image')} />
-          </div>
-        )}
-      </div>
-    </section>
-  )}
+	{
+		stats.length > 0 && (
+			<div class="stats">
+				<div class="container">
+					<div class="stats-grid">
+						{stats.map(
+							(s) =>
+								s && (
+									<div class="stat">
+										<div class="num">
+											<span data-tina-field={tinaField(s, 'number')}>
+												{s.number}
+											</span>
+											<em data-tina-field={tinaField(s, 'suffix')}>
+												{s.suffix}
+											</em>
+										</div>
+										<div class="label" data-tina-field={tinaField(s, 'label')}>
+											{s.label}
+										</div>
+									</div>
+								)
+						)}
+					</div>
+				</div>
+			</div>
+		)
+	}
 
-  {stats.length > 0 && (
-    <div class="stats">
-      <div class="container">
-        <div class="stats-grid">
-          {stats.map((s) => s && (
-            <div class="stat">
-              <div class="num">
-                <span data-tina-field={tinaField(s, 'number')}>{s.number}</span><em data-tina-field={tinaField(s, 'suffix')}>{s.suffix}</em>
-              </div>
-              <div class="label" data-tina-field={tinaField(s, 'label')}>{s.label}</div>
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  )}
+	{
+		benefits && (
+			<section class="block">
+				<div class="container">
+					<div class="block-head">
+						{benefits.kicker && (
+							<div
+								class="section-kicker"
+								data-tina-field={tinaField(benefits, 'kicker')}
+							>
+								{benefits.kicker}
+							</div>
+						)}
+						{benefits.title && (
+							<h2
+								class="section-title"
+								data-tina-field={tinaField(benefits, 'title')}
+							>
+								{benefits.title}
+							</h2>
+						)}
+						{benefits.lead && (
+							<p class="lead" data-tina-field={tinaField(benefits, 'lead')}>
+								{parseInlineLinks(benefits.lead).map((part) =>
+									part.type === 'link' ? (
+										<a
+											href={part.href}
+											target="_blank"
+											rel="noopener noreferrer"
+										>
+											{part.label}
+										</a>
+									) : (
+										<Fragment>{part.value}</Fragment>
+									)
+								)}
+							</p>
+						)}
+					</div>
+					{benefits.items && benefits.items.length > 0 && (
+						<div class="benefits-grid">
+							{benefits.items.map(
+								(b) =>
+									b && (
+										<article class="benefit">
+											<div class="icon">
+												<i class={`fa-solid ${b.icon ?? ''}`} />
+											</div>
+											<h3 data-tina-field={tinaField(b, 'title')}>{b.title}</h3>
+											<p data-tina-field={tinaField(b, 'description')}>
+												{parseInlineLinks(b.description).map((part) =>
+													part.type === 'link' ? (
+														<a
+															href={part.href}
+															target="_blank"
+															rel="noopener noreferrer"
+														>
+															{part.label}
+														</a>
+													) : (
+														<Fragment>{part.value}</Fragment>
+													)
+												)}
+											</p>
+										</article>
+									)
+							)}
+						</div>
+					)}
+				</div>
+			</section>
+		)
+	}
 
-  {benefits && (
-    <section class="block">
-      <div class="container">
-        <div class="block-head">
-          {benefits.kicker && <div class="section-kicker" data-tina-field={tinaField(benefits, 'kicker')}>{benefits.kicker}</div>}
-          {benefits.title && <h2 class="section-title" data-tina-field={tinaField(benefits, 'title')}>{benefits.title}</h2>}
-          {benefits.lead && (
-            <p class="lead" data-tina-field={tinaField(benefits, 'lead')}>
-              {parseInlineLinks(benefits.lead).map((part) =>
-                part.type === 'link'
-                  ? <a href={part.href} target="_blank" rel="noopener noreferrer">{part.label}</a>
-                  : <Fragment>{part.value}</Fragment>,
-              )}
-            </p>
-          )}
-        </div>
-        {benefits.items && benefits.items.length > 0 && (
-          <div class="benefits-grid">
-            {benefits.items.map((b) => b && (
-              <article class="benefit">
-                <div class="icon"><i class={`fa-solid ${b.icon ?? ''}`}></i></div>
-                <h3 data-tina-field={tinaField(b, 'title')}>{b.title}</h3>
-                <p data-tina-field={tinaField(b, 'description')}>
-                  {parseInlineLinks(b.description).map((part) =>
-                    part.type === 'link'
-                      ? <a href={part.href} target="_blank" rel="noopener noreferrer">{part.label}</a>
-                      : <Fragment>{part.value}</Fragment>,
-                  )}
-                </p>
-              </article>
-            ))}
-          </div>
-        )}
-      </div>
-    </section>
-  )}
+	{
+		services && (
+			<section class="block sunken" id="services">
+				<div class="container">
+					<div class="block-head">
+						{services.kicker && (
+							<div
+								class="section-kicker"
+								data-tina-field={tinaField(services, 'kicker')}
+							>
+								{services.kicker}
+							</div>
+						)}
+						{services.title && (
+							<h2
+								class="section-title"
+								data-tina-field={tinaField(services, 'title')}
+							>
+								{services.title}
+							</h2>
+						)}
+						{services.lead && (
+							<p class="lead" data-tina-field={tinaField(services, 'lead')}>
+								{services.lead}
+							</p>
+						)}
+					</div>
+					{services.items && services.items.length > 0 && (
+						<div class="services-grid">
+							{services.items.map(
+								(s) =>
+									s && (
+										<article class="service">
+											<div class="icon">
+												<i class={`fa-solid ${s.icon ?? ''}`} />
+											</div>
+											<div class="body">
+												<h3 data-tina-field={tinaField(s, 'title')}>
+													{s.title}
+												</h3>
+												<p data-tina-field={tinaField(s, 'description')}>
+													{parseInlineLinks(s.description).map((part) =>
+														part.type === 'link' ? (
+															<a
+																href={part.href}
+																target="_blank"
+																rel="noopener noreferrer"
+															>
+																{part.label}
+															</a>
+														) : (
+															<Fragment>{part.value}</Fragment>
+														)
+													)}
+												</p>
+											</div>
+										</article>
+									)
+							)}
+						</div>
+					)}
+				</div>
+			</section>
+		)
+	}
 
-  {services && (
-    <section class="block sunken" id="services">
-      <div class="container">
-        <div class="block-head">
-          {services.kicker && <div class="section-kicker" data-tina-field={tinaField(services, 'kicker')}>{services.kicker}</div>}
-          {services.title && <h2 class="section-title" data-tina-field={tinaField(services, 'title')}>{services.title}</h2>}
-          {services.lead && <p class="lead" data-tina-field={tinaField(services, 'lead')}>{services.lead}</p>}
-        </div>
-        {services.items && services.items.length > 0 && (
-          <div class="services-grid">
-            {services.items.map((s) => s && (
-              <article class="service">
-                <div class="icon"><i class={`fa-solid ${s.icon ?? ''}`}></i></div>
-                <div class="body">
-                  <h3 data-tina-field={tinaField(s, 'title')}>{s.title}</h3>
-                  <p data-tina-field={tinaField(s, 'description')}>
-                    {parseInlineLinks(s.description).map((part) =>
-                      part.type === 'link'
-                        ? <a href={part.href} target="_blank" rel="noopener noreferrer">{part.label}</a>
-                        : <Fragment>{part.value}</Fragment>,
-                    )}
-                  </p>
-                </div>
-              </article>
-            ))}
-          </div>
-        )}
-      </div>
-    </section>
-  )}
+	{
+		how && (
+			<section class="block" id="how">
+				<div class="container">
+					<div class="block-head">
+						{how.kicker && (
+							<div
+								class="section-kicker"
+								data-tina-field={tinaField(how, 'kicker')}
+							>
+								{how.kicker}
+							</div>
+						)}
+						{how.title && (
+							<h2
+								class="section-title"
+								data-tina-field={tinaField(how, 'title')}
+							>
+								{how.title}
+							</h2>
+						)}
+						{how.lead && (
+							<p class="lead" data-tina-field={tinaField(how, 'lead')}>
+								{how.lead}
+							</p>
+						)}
+					</div>
+					{how.steps && how.steps.length > 0 && (
+						<div class="steps">
+							{how.steps.map(
+								(s) =>
+									s && (
+										<article class="step">
+											<div class="icon">
+												<i class={`fa-solid ${s.icon ?? ''}`} />
+											</div>
+											<div
+												class="step-num"
+												data-tina-field={tinaField(s, 'stepLabel')}
+											>
+												{s.stepLabel}
+											</div>
+											<h3 data-tina-field={tinaField(s, 'title')}>{s.title}</h3>
+											<p data-tina-field={tinaField(s, 'description')}>
+												{parseInlineLinks(s.description).map((part) =>
+													part.type === 'link' ? (
+														<a
+															href={part.href}
+															target="_blank"
+															rel="noopener noreferrer"
+														>
+															{part.label}
+														</a>
+													) : (
+														<Fragment>{part.value}</Fragment>
+													)
+												)}
+											</p>
+										</article>
+									)
+							)}
+						</div>
+					)}
+				</div>
+			</section>
+		)
+	}
 
-  {how && (
-    <section class="block" id="how">
-      <div class="container">
-        <div class="block-head">
-          {how.kicker && <div class="section-kicker" data-tina-field={tinaField(how, 'kicker')}>{how.kicker}</div>}
-          {how.title && <h2 class="section-title" data-tina-field={tinaField(how, 'title')}>{how.title}</h2>}
-          {how.lead && <p class="lead" data-tina-field={tinaField(how, 'lead')}>{how.lead}</p>}
-        </div>
-        {how.steps && how.steps.length > 0 && (
-          <div class="steps">
-            {how.steps.map((s) => s && (
-              <article class="step">
-                <div class="icon"><i class={`fa-solid ${s.icon ?? ''}`}></i></div>
-                <div class="step-num" data-tina-field={tinaField(s, 'stepLabel')}>{s.stepLabel}</div>
-                <h3 data-tina-field={tinaField(s, 'title')}>{s.title}</h3>
-                <p data-tina-field={tinaField(s, 'description')}>
-                  {parseInlineLinks(s.description).map((part) =>
-                    part.type === 'link'
-                      ? <a href={part.href} target="_blank" rel="noopener noreferrer">{part.label}</a>
-                      : <Fragment>{part.value}</Fragment>,
-                  )}
-                </p>
-              </article>
-            ))}
-          </div>
-        )}
-      </div>
-    </section>
-  )}
+	{
+		why && (
+			<section class="block sunken" id="why">
+				<div class="container">
+					<div class="block-head">
+						{why.kicker && (
+							<div
+								class="section-kicker"
+								data-tina-field={tinaField(why, 'kicker')}
+							>
+								{why.kicker}
+							</div>
+						)}
+						{why.title && (
+							<h2
+								class="section-title"
+								data-tina-field={tinaField(why, 'title')}
+							>
+								{why.title}
+							</h2>
+						)}
+						{why.lead && (
+							<p class="lead" data-tina-field={tinaField(why, 'lead')}>
+								{why.lead}
+							</p>
+						)}
+					</div>
+					<div class="why-grid">
+						{why.rows && why.rows.length > 0 && (
+							<div class="why-list">
+								{why.rows.map(
+									(r) =>
+										r && (
+											<div class="why-row">
+												<div class="badge-ico">
+													<i class={`fa-solid ${r.icon ?? ''}`} />
+												</div>
+												<div>
+													<h4 data-tina-field={tinaField(r, 'title')}>
+														{r.title}
+													</h4>
+													<p data-tina-field={tinaField(r, 'description')}>
+														{parseInlineLinks(r.description).map((part) =>
+															part.type === 'link' ? (
+																<a
+																	href={part.href}
+																	target="_blank"
+																	rel="noopener noreferrer"
+																>
+																	{part.label}
+																</a>
+															) : (
+																<Fragment>{part.value}</Fragment>
+															)
+														)}
+													</p>
+												</div>
+											</div>
+										)
+								)}
+							</div>
+						)}
 
-  {why && (
-    <section class="block sunken" id="why">
-      <div class="container">
-        <div class="block-head">
-          {why.kicker && <div class="section-kicker" data-tina-field={tinaField(why, 'kicker')}>{why.kicker}</div>}
-          {why.title && <h2 class="section-title" data-tina-field={tinaField(why, 'title')}>{why.title}</h2>}
-          {why.lead && <p class="lead" data-tina-field={tinaField(why, 'lead')}>{why.lead}</p>}
-        </div>
-        <div class="why-grid">
-          {why.rows && why.rows.length > 0 && (
-            <div class="why-list">
-              {why.rows.map((r) => r && (
-                <div class="why-row">
-                  <div class="badge-ico"><i class={`fa-solid ${r.icon ?? ''}`}></i></div>
-                  <div>
-                    <h4 data-tina-field={tinaField(r, 'title')}>{r.title}</h4>
-                    <p data-tina-field={tinaField(r, 'description')}>
-                      {parseInlineLinks(r.description).map((part) =>
-                        part.type === 'link'
-                          ? <a href={part.href} target="_blank" rel="noopener noreferrer">{part.label}</a>
-                          : <Fragment>{part.value}</Fragment>,
-                      )}
-                    </p>
-                  </div>
-                </div>
-              ))}
-            </div>
-          )}
+						{why.testimonial && (
+							<aside class="why-card">
+								<div>
+									<div class="quote-mark">“</div>
+									<blockquote
+										data-tina-field={tinaField(why.testimonial, 'quote')}
+									>
+										{why.testimonial.quote}
+									</blockquote>
+								</div>
+								<div class="attr">
+									<div
+										class="avatar"
+										data-tina-field={tinaField(
+											why.testimonial,
+											'avatarInitials'
+										)}
+									>
+										{why.testimonial.avatarInitials}
+									</div>
+									<div>
+										<div
+											class="name"
+											data-tina-field={tinaField(why.testimonial, 'name')}
+										>
+											{why.testimonial.name}
+										</div>
+										<div
+											class="role"
+											data-tina-field={tinaField(why.testimonial, 'role')}
+										>
+											{why.testimonial.role}
+										</div>
+									</div>
+								</div>
+							</aside>
+						)}
+					</div>
+				</div>
+			</section>
+		)
+	}
 
-          {why.testimonial && (
-            <aside class="why-card">
-              <div>
-                <div class="quote-mark">“</div>
-                <blockquote data-tina-field={tinaField(why.testimonial, 'quote')}>{why.testimonial.quote}</blockquote>
-              </div>
-              <div class="attr">
-                <div class="avatar" data-tina-field={tinaField(why.testimonial, 'avatarInitials')}>{why.testimonial.avatarInitials}</div>
-                <div>
-                  <div class="name" data-tina-field={tinaField(why.testimonial, 'name')}>{why.testimonial.name}</div>
-                  <div class="role" data-tina-field={tinaField(why.testimonial, 'role')}>{why.testimonial.role}</div>
-                </div>
-              </div>
-            </aside>
-          )}
-        </div>
-      </div>
-    </section>
-  )}
+	{
+		faq && (
+			<section class="block" id="faq">
+				<div class="container">
+					<div class="faq-grid">
+						<div class="faq-head">
+							{faq.kicker && (
+								<div
+									class="section-kicker"
+									data-tina-field={tinaField(faq, 'kicker')}
+								>
+									{faq.kicker}
+								</div>
+							)}
+							{faq.title && (
+								<h2
+									class="section-title"
+									data-tina-field={tinaField(faq, 'title')}
+								>
+									{faq.title}
+								</h2>
+							)}
+							{faq.lead && (
+								<p class="lead" data-tina-field={tinaField(faq, 'lead')}>
+									{faq.lead}
+								</p>
+							)}
+							{faq.helper && (
+								<div class="faq-helper">
+									{faq.helper.kicker && (
+										<div
+											class="helper-kicker"
+											data-tina-field={tinaField(faq.helper, 'kicker')}
+										>
+											{faq.helper.kicker}
+										</div>
+									)}
+									{faq.helper.title && (
+										<h3 data-tina-field={tinaField(faq.helper, 'title')}>
+											{faq.helper.title}
+										</h3>
+									)}
+									{faq.helper.description && (
+										<p data-tina-field={tinaField(faq.helper, 'description')}>
+											{faq.helper.description}
+										</p>
+									)}
+									{faq.helper.ctaLabel && (
+										<div class="helper-actions">
+											<a
+												href={faq.helper.ctaHref ?? '#contact'}
+												class="btn btn-primary"
+												data-tina-field={tinaField(faq.helper, 'ctaLabel')}
+											>
+												{faq.helper.ctaIcon && <i class={faq.helper.ctaIcon} />}{' '}
+												{faq.helper.ctaLabel}
+											</a>
+										</div>
+									)}
+								</div>
+							)}
+						</div>
 
-  {faq && (
-    <section class="block" id="faq">
-      <div class="container">
-        <div class="faq-grid">
-          <div class="faq-head">
-            {faq.kicker && <div class="section-kicker" data-tina-field={tinaField(faq, 'kicker')}>{faq.kicker}</div>}
-            {faq.title && <h2 class="section-title" data-tina-field={tinaField(faq, 'title')}>{faq.title}</h2>}
-            {faq.lead && <p class="lead" data-tina-field={tinaField(faq, 'lead')}>{faq.lead}</p>}
-            {faq.helper && (
-              <div class="faq-helper">
-                {faq.helper.kicker && <div class="helper-kicker" data-tina-field={tinaField(faq.helper, 'kicker')}>{faq.helper.kicker}</div>}
-                {faq.helper.title && <h3 data-tina-field={tinaField(faq.helper, 'title')}>{faq.helper.title}</h3>}
-                {faq.helper.description && <p data-tina-field={tinaField(faq.helper, 'description')}>{faq.helper.description}</p>}
-                {faq.helper.ctaLabel && (
-                  <div class="helper-actions">
-                    <a href={faq.helper.ctaHref ?? '#contact'} class="btn btn-primary" data-tina-field={tinaField(faq.helper, 'ctaLabel')}>
-                      {faq.helper.ctaIcon && <i class={faq.helper.ctaIcon}></i>} {faq.helper.ctaLabel}
-                    </a>
-                  </div>
-                )}
-              </div>
-            )}
-          </div>
+						{faq.items && faq.items.length > 0 && (
+							<div class="faq-list">
+								{faq.items.map(
+									(item) =>
+										item && (
+											<details
+												class="faq-item"
+												open={item.openByDefault ?? false}
+											>
+												<summary>
+													<span data-tina-field={tinaField(item, 'question')}>
+														{item.question}
+													</span>
+													<span class="toggle">
+														<i class="fa-solid fa-plus" />
+													</span>
+												</summary>
+												<div class="answer">
+													{item.paragraphs?.map(
+														(p) =>
+															p && (
+																<p data-tina-field={tinaField(p, 'text')}>
+																	{p.text}
+																</p>
+															)
+													)}
+												</div>
+											</details>
+										)
+								)}
+							</div>
+						)}
+					</div>
+				</div>
+			</section>
+		)
+	}
 
-          {faq.items && faq.items.length > 0 && (
-            <div class="faq-list">
-              {faq.items.map((item) => item && (
-                <details class="faq-item" open={item.openByDefault ?? false}>
-                  <summary>
-                    <span data-tina-field={tinaField(item, 'question')}>{item.question}</span>
-                    <span class="toggle"><i class="fa-solid fa-plus"></i></span>
-                  </summary>
-                  <div class="answer">
-                    {item.paragraphs?.map((p) => p && (
-                      <p data-tina-field={tinaField(p, 'text')}>{p.text}</p>
-                    ))}
-                  </div>
-                </details>
-              ))}
-            </div>
-          )}
-        </div>
-      </div>
-    </section>
-  )}
+	{
+		contact && (
+			<section class="block" id="contact">
+				<div class="container">
+					<div class="block-head">
+						{contact.kicker && (
+							<div
+								class="section-kicker"
+								data-tina-field={tinaField(contact, 'kicker')}
+							>
+								{contact.kicker}
+							</div>
+						)}
+						{contact.title && (
+							<h2
+								class="section-title"
+								data-tina-field={tinaField(contact, 'title')}
+							>
+								{contact.title}
+							</h2>
+						)}
+						{contact.lead && (
+							<p class="lead" data-tina-field={tinaField(contact, 'lead')}>
+								{contact.lead}
+							</p>
+						)}
+					</div>
 
-  {contact && (
-    <section class="block" id="contact">
-      <div class="container">
-        <div class="block-head">
-          {contact.kicker && <div class="section-kicker" data-tina-field={tinaField(contact, 'kicker')}>{contact.kicker}</div>}
-          {contact.title && <h2 class="section-title" data-tina-field={tinaField(contact, 'title')}>{contact.title}</h2>}
-          {contact.lead && <p class="lead" data-tina-field={tinaField(contact, 'lead')}>{contact.lead}</p>}
-        </div>
-
-        <div class="contact-grid">
-          {/*
+					<div class="contact-grid">
+						{/*
             Submits directly to Jotform. As shipped in HTML, this is a plain
             <form action method=POST>: with JS off the browser does its own
             required-field validation, posts straight to Jotform, and the user
@@ -377,211 +719,353 @@ const footer = data.footer;
             content, etc.) we render an email fallback instead of an
             action-less form that would silently post back to this page.
           */}
-          {contact.form?.jotformId ? (
-            <>
-              <iframe
-                name="jotform-receiver"
-                id="jotform-receiver"
-                title="Form submission"
-                aria-hidden="true"
-                tabindex="-1"
-                style="position:absolute;width:0;height:0;border:0;visibility:hidden"
-              ></iframe>
-              <form
-                class="form-card"
-                id="contact-form"
-                method="POST"
-                action={`https://submit.jotform.com/submit/${contact.form.jotformId}/`}
-              >
-            {contact.form && (
-              <div class="form-header">
-                {contact.form.title && <h3 data-tina-field={tinaField(contact.form, 'title')}>{contact.form.title}</h3>}
-                {contact.form.description && <p data-tina-field={tinaField(contact.form, 'description')}>{contact.form.description}</p>}
-              </div>
-            )}
-            <div class="form-row">
-              <div class="field">
-                <label for="f-name">Name <span class="req">*</span></label>
-                <input id="f-name" name="name" type="text" required placeholder="Jane Smith" />
-              </div>
-              <div class="field">
-                <label for="f-company">Company <span class="req">*</span></label>
-                <input id="f-company" name="company" type="text" required placeholder="Acme Inc." />
-              </div>
-            </div>
-            <div class="form-row">
-              <div class="field" style="grid-column: 1 / -1;">
-                <label for="f-email">Work email <span class="req">*</span></label>
-                <input id="f-email" name="email" type="email" required placeholder="jane@acme.com" />
-              </div>
-            </div>
-            <div class="form-row">
-              <div class="field">
-                <label for="f-country">Country <span class="req">*</span></label>
-                <select id="f-country" name="country" required>
-                  <option value="">Select a country</option>
-                  <option>United States</option>
-                  <option>Canada</option>
-                  <option>Other</option>
-                </select>
-              </div>
-              <div class="field">
-                <label for="f-project">Project type <span class="req">*</span></label>
-                <select id="f-project" name="project_type" required>
-                  <option value="">Select project type</option>
-                  {services?.items?.map((s) => s && <option>{s.title}</option>)}
-                  <option>Not sure yet</option>
-                </select>
-              </div>
-            </div>
-            <div class="field">
-              <label for="f-budget">Estimated budget</label>
-              <select id="f-budget" name="budget">
-                <option value="">Select a range</option>
-                <option>Under $50K</option>
-                <option>$50K to $150K</option>
-                <option>$150K to $500K</option>
-                <option>$500K to $1M</option>
-                <option>$1M and above</option>
-                <option>Not sure yet</option>
-              </select>
-            </div>
-            <div class="field">
-              <label for="f-message">Tell us about your project <span class="req">*</span></label>
-              <textarea
-                id="f-message"
-                name="message"
-                required
-                placeholder="What are you trying to build, modernize, or accelerate? Timelines, constraints, and current systems are helpful."
-              ></textarea>
-            </div>
-            <input
-              type="text"
-              name="website"
-              tabindex="-1"
-              autocomplete="off"
-              aria-hidden="true"
-              style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0"
-            />
-            <div class="form-actions">
-              {contact.form?.privacy && (
-                <div class="privacy" data-tina-field={tinaField(contact.form, 'privacy')}>
-                  {(() => {
-                    const text = contact.form.privacy ?? '';
-                    const linkLabel = contact.form.privacyLinkLabel ?? 'privacy policy';
-                    const linkHref = contact.form.privacyLinkHref ?? '#';
-                    const parts = text.split('{link}');
-                    return (
-                      <>
-                        {parts[0]}
-                        <a href={linkHref}>{linkLabel}</a>
-                        {parts[1] ?? ''}
-                      </>
-                    );
-                  })()}
-                </div>
-              )}
-              {contact.form?.submitLabel && (
-                <button type="submit" class="btn btn-primary btn-lg" data-tina-field={tinaField(contact.form, 'submitLabel')}>
-                  {contact.form.submitIcon && <i class={contact.form.submitIcon}></i>} {contact.form.submitLabel}
-                </button>
-              )}
-            </div>
-            {contact.form?.successText && (
-              <div class="form-success" id="form-success">
-                <i class="fa-solid fa-circle-check" style="font-size:18px;"></i>
-                <div data-tina-field={tinaField(contact.form, 'successText')}>{contact.form.successText}</div>
-              </div>
-            )}
-            <div class="form-error" id="form-error" role="alert" hidden>
-              <i class="fa-solid fa-circle-exclamation" style="font-size:18px;"></i>
-              <div>Something went wrong. Please try again or email <a href="mailto:info@ssw.com">info@ssw.com</a>.</div>
-            </div>
-          </form>
-            </>
-          ) : (
-            <div class="form-card form-card-fallback" role="alert">
-              <div class="form-header">
-                <h3>Contact form unavailable</h3>
-                <p>The form is temporarily offline. Please email <a href="mailto:info@ssw.com">info@ssw.com</a> and a senior consultant will get back to you within one business day.</p>
-              </div>
-            </div>
-          )}
+						{contact.form?.jotformId ? (
+							<>
+								<iframe
+									name="jotform-receiver"
+									id="jotform-receiver"
+									title="Form submission"
+									aria-hidden="true"
+									tabindex="-1"
+									style="position:absolute;width:0;height:0;border:0;visibility:hidden"
+								/>
+								<form
+									class="form-card"
+									id="contact-form"
+									method="POST"
+									action={`https://submit.jotform.com/submit/${contact.form.jotformId}/`}
+								>
+									{contact.form && (
+										<div class="form-header">
+											{contact.form.title && (
+												<h3 data-tina-field={tinaField(contact.form, 'title')}>
+													{contact.form.title}
+												</h3>
+											)}
+											{contact.form.description && (
+												<p
+													data-tina-field={tinaField(
+														contact.form,
+														'description'
+													)}
+												>
+													{contact.form.description}
+												</p>
+											)}
+										</div>
+									)}
+									<div class="form-row">
+										<div class="field">
+											<label for="f-name">
+												Name <span class="req">*</span>
+											</label>
+											<input
+												id="f-name"
+												name="name"
+												type="text"
+												required
+												placeholder="Jane Smith"
+											/>
+										</div>
+										<div class="field">
+											<label for="f-company">
+												Company <span class="req">*</span>
+											</label>
+											<input
+												id="f-company"
+												name="company"
+												type="text"
+												required
+												placeholder="Acme Inc."
+											/>
+										</div>
+									</div>
+									<div class="form-row">
+										<div class="field" style="grid-column: 1 / -1;">
+											<label for="f-email">
+												Work email <span class="req">*</span>
+											</label>
+											<input
+												id="f-email"
+												name="email"
+												type="email"
+												required
+												placeholder="jane@acme.com"
+											/>
+										</div>
+									</div>
+									<div class="form-row">
+										<div class="field">
+											<label for="f-country">
+												Country <span class="req">*</span>
+											</label>
+											<select id="f-country" name="country" required>
+												<option value="">Select a country</option>
+												<option>United States</option>
+												<option>Canada</option>
+												<option>Other</option>
+											</select>
+										</div>
+										<div class="field">
+											<label for="f-project">
+												Project type <span class="req">*</span>
+											</label>
+											<select id="f-project" name="project_type" required>
+												<option value="">Select project type</option>
+												{services?.items?.map(
+													(s) => s && <option>{s.title}</option>
+												)}
+												<option>Not sure yet</option>
+											</select>
+										</div>
+									</div>
+									<div class="field">
+										<label for="f-budget">Estimated budget</label>
+										<select id="f-budget" name="budget">
+											<option value="">Select a range</option>
+											<option>Under $50K</option>
+											<option>$50K to $150K</option>
+											<option>$150K to $500K</option>
+											<option>$500K to $1M</option>
+											<option>$1M and above</option>
+											<option>Not sure yet</option>
+										</select>
+									</div>
+									<div class="field">
+										<label for="f-message">
+											Tell us about your project <span class="req">*</span>
+										</label>
+										<textarea
+											id="f-message"
+											name="message"
+											required
+											placeholder="What are you trying to build, modernize, or accelerate? Timelines, constraints, and current systems are helpful."
+										/>
+									</div>
+									<input
+										type="text"
+										name="website"
+										tabindex="-1"
+										autocomplete="off"
+										aria-hidden="true"
+										style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0"
+									/>
+									<div class="form-actions">
+										{contact.form?.privacy && (
+											<div
+												class="privacy"
+												data-tina-field={tinaField(contact.form, 'privacy')}
+											>
+												{(() => {
+													const text = contact.form.privacy ?? '';
+													const linkLabel =
+														contact.form.privacyLinkLabel ?? 'privacy policy';
+													const linkHref = contact.form.privacyLinkHref ?? '#';
+													const parts = text.split('{link}');
+													return (
+														<>
+															{parts[0]}
+															<a href={linkHref}>{linkLabel}</a>
+															{parts[1] ?? ''}
+														</>
+													);
+												})()}
+											</div>
+										)}
+										{contact.form?.submitLabel && (
+											<button
+												type="submit"
+												class="btn btn-primary btn-lg"
+												data-tina-field={tinaField(contact.form, 'submitLabel')}
+											>
+												{contact.form.submitIcon && (
+													<i class={contact.form.submitIcon} />
+												)}{' '}
+												{contact.form.submitLabel}
+											</button>
+										)}
+									</div>
+									{contact.form?.successText && (
+										<div class="form-success" id="form-success">
+											<i
+												class="fa-solid fa-circle-check"
+												style="font-size:18px;"
+											/>
+											<div
+												data-tina-field={tinaField(contact.form, 'successText')}
+											>
+												{contact.form.successText}
+											</div>
+										</div>
+									)}
+									<div class="form-error" id="form-error" role="alert" hidden>
+										<i
+											class="fa-solid fa-circle-exclamation"
+											style="font-size:18px;"
+										/>
+										<div>
+											Something went wrong. Please try again or email{' '}
+											<a href="mailto:info@ssw.com">info@ssw.com</a>.
+										</div>
+									</div>
+								</form>
+							</>
+						) : (
+							<div class="form-card form-card-fallback" role="alert">
+								<div class="form-header">
+									<h3>Contact form unavailable</h3>
+									<p>
+										The form is temporarily offline. Please email{' '}
+										<a href="mailto:info@ssw.com">info@ssw.com</a> and a senior
+										consultant will get back to you within one business day.
+									</p>
+								</div>
+							</div>
+						)}
 
-          {contact.asideItems && contact.asideItems.length > 0 && (
-            <aside class="contact-aside">
-              {contact.asideItems.map((item) => item && (
-                <div class="item">
-                  <div class="icon"><i class={`fa-solid ${item.icon ?? ''}`}></i></div>
-                  <div>
-                    <h4 data-tina-field={tinaField(item, 'title')}>{item.title}</h4>
-                    <p data-tina-field={tinaField(item, 'description')}>{item.description}</p>
-                  </div>
-                </div>
-              ))}
-            </aside>
-          )}
-        </div>
-      </div>
-    </section>
-  )}
+						{contact.asideItems && contact.asideItems.length > 0 && (
+							<aside class="contact-aside">
+								{contact.asideItems.map(
+									(item) =>
+										item && (
+											<div class="item">
+												<div class="icon">
+													<i class={`fa-solid ${item.icon ?? ''}`} />
+												</div>
+												<div>
+													<h4 data-tina-field={tinaField(item, 'title')}>
+														{item.title}
+													</h4>
+													<p data-tina-field={tinaField(item, 'description')}>
+														{item.description}
+													</p>
+												</div>
+											</div>
+										)
+								)}
+							</aside>
+						)}
+					</div>
+				</div>
+			</section>
+		)
+	}
 
-  {ctaBanner && (
-    <section class="cta-banner">
-      <div class="container">
-        {ctaBanner.title && <h2 data-tina-field={tinaField(ctaBanner, 'title')}>{ctaBanner.title}</h2>}
-        {ctaBanner.description && <p data-tina-field={tinaField(ctaBanner, 'description')}>{ctaBanner.description}</p>}
-        {ctaBanner.ctaLabel && (
-          <div style="display:flex; gap:12px; justify-content:center; flex-wrap:wrap;">
-            <a href={ctaBanner.ctaHref ?? '#contact'} class="btn btn-primary btn-lg" data-tina-field={tinaField(ctaBanner, 'ctaLabel')}>
-              {ctaBanner.ctaIcon && <i class={ctaBanner.ctaIcon}></i>} {ctaBanner.ctaLabel}
-            </a>
-          </div>
-        )}
-      </div>
-    </section>
-  )}
+	{
+		ctaBanner && (
+			<section class="cta-banner">
+				<div class="container">
+					{ctaBanner.title && (
+						<h2 data-tina-field={tinaField(ctaBanner, 'title')}>
+							{ctaBanner.title}
+						</h2>
+					)}
+					{ctaBanner.description && (
+						<p data-tina-field={tinaField(ctaBanner, 'description')}>
+							{ctaBanner.description}
+						</p>
+					)}
+					{ctaBanner.ctaLabel && (
+						<div style="display:flex; gap:12px; justify-content:center; flex-wrap:wrap;">
+							<a
+								href={ctaBanner.ctaHref ?? '#contact'}
+								class="btn btn-primary btn-lg"
+								data-tina-field={tinaField(ctaBanner, 'ctaLabel')}
+							>
+								{ctaBanner.ctaIcon && <i class={ctaBanner.ctaIcon} />}{' '}
+								{ctaBanner.ctaLabel}
+							</a>
+						</div>
+					)}
+				</div>
+			</section>
+		)
+	}
 </main>
 
-{footer && (
-  <footer>
-    <div class="container">
-      <div class="footer-grid">
-        <div class="footer-brand">
-          {footer.logo && <img src={footer.logo} alt="SSW" data-tina-field={tinaField(footer, 'logo')} />}
-          {footer.tagline && <p data-tina-field={tinaField(footer, 'tagline')}>{footer.tagline}</p>}
-        </div>
-        <div class="footer-col">
-          {footer.columnTitle && <h5 data-tina-field={tinaField(footer, 'columnTitle')}>{footer.columnTitle}</h5>}
-          {footer.links && (
-            <ul>
-              {footer.links.map((link) => link && (
-                <li>
-                  <a href={link.href ?? '#'} data-tina-field={tinaField(link, 'label')}>{link.label}</a>
-                </li>
-              ))}
-            </ul>
-          )}
-        </div>
-      </div>
-      <div class="footer-bottom">
-        <div class="legal">
-          <span data-tina-field={tinaField(footer, 'copyright')}>{footer.copyright}</span>
-          {footer.termsLabel && (
-            <>
-              <span class="sep">·</span>
-              <a href={footer.termsHref ?? '#'} target="_blank" rel="noopener" data-tina-field={tinaField(footer, 'termsLabel')}>{footer.termsLabel}</a>
-            </>
-          )}
-        </div>
-        {footer.builtWithName && (
-          <a class="built" href={footer.builtWithHref ?? '#'} target="_blank" rel="noopener">
-            <span data-tina-field={tinaField(footer, 'builtWithText')}>{footer.builtWithText}</span>
-            {footer.builtWithLogo && <img src={footer.builtWithLogo} alt={footer.builtWithName} />}
-            <strong data-tina-field={tinaField(footer, 'builtWithName')}>{footer.builtWithName}</strong>
-          </a>
-        )}
-      </div>
-    </div>
-  </footer>
-)}
+{
+	footer && (
+		<footer>
+			<div class="container">
+				<div class="footer-grid">
+					<div class="footer-brand">
+						{footer.logo && (
+							<img
+								src={footer.logo}
+								alt="SSW"
+								data-tina-field={tinaField(footer, 'logo')}
+							/>
+						)}
+						{footer.tagline && (
+							<p data-tina-field={tinaField(footer, 'tagline')}>
+								{footer.tagline}
+							</p>
+						)}
+					</div>
+					<div class="footer-col">
+						{footer.columnTitle && (
+							<h5 data-tina-field={tinaField(footer, 'columnTitle')}>
+								{footer.columnTitle}
+							</h5>
+						)}
+						{footer.links && (
+							<ul>
+								{footer.links.map(
+									(link) =>
+										link && (
+											<li>
+												<a
+													href={link.href ?? '#'}
+													data-tina-field={tinaField(link, 'label')}
+												>
+													{link.label}
+												</a>
+											</li>
+										)
+								)}
+							</ul>
+						)}
+					</div>
+				</div>
+				<div class="footer-bottom">
+					<div class="legal">
+						<span data-tina-field={tinaField(footer, 'copyright')}>
+							{footer.copyright}
+						</span>
+						{footer.termsLabel && (
+							<>
+								<span class="sep">·</span>
+								<a
+									href={footer.termsHref ?? '#'}
+									target="_blank"
+									rel="noopener"
+									data-tina-field={tinaField(footer, 'termsLabel')}
+								>
+									{footer.termsLabel}
+								</a>
+							</>
+						)}
+					</div>
+					{footer.builtWithName && (
+						<a
+							class="built"
+							href={footer.builtWithHref ?? '#'}
+							target="_blank"
+							rel="noopener"
+						>
+							<span data-tina-field={tinaField(footer, 'builtWithText')}>
+								{footer.builtWithText}
+							</span>
+							{footer.builtWithLogo && (
+								<img src={footer.builtWithLogo} alt={footer.builtWithName} />
+							)}
+							<strong data-tina-field={tinaField(footer, 'builtWithName')}>
+								{footer.builtWithName}
+							</strong>
+						</a>
+					)}
+				</div>
+			</div>
+		</footer>
+	)
+}
diff --git a/src/components/islands/PageBody.astro b/src/components/islands/PageBody.astro
index 6dad2e7..51485b2 100644
--- a/src/components/islands/PageBody.astro
+++ b/src/components/islands/PageBody.astro
@@ -15,8 +15,11 @@ const components: CustomComponentsMap = {
 	YouTubeEmbed,
 };
 ---
-{data?.body && (
-	<div data-tina-field={tinaField(data, 'body')} class="page-body">
-		<TinaMarkdown content={data.body} components={components} />
-	</div>
-)}
+
+{
+	data?.body && (
+		<div data-tina-field={tinaField(data, 'body')} class="page-body">
+			<TinaMarkdown content={data.body} components={components} />
+		</div>
+	)
+}
diff --git a/src/components/mdx/YouTubeEmbed.astro b/src/components/mdx/YouTubeEmbed.astro
index c3008af..546b4a5 100644
--- a/src/components/mdx/YouTubeEmbed.astro
+++ b/src/components/mdx/YouTubeEmbed.astro
@@ -1,10 +1,19 @@
 ---
 interface Props {
-  videoId: string;
+	videoId: string;
 }
 
 const { videoId } = Astro.props;
 ---
+
 <div>
-    <iframe width="560" height="315" src={`https://www.youtube.com/embed/${videoId}`} title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-</div>
\ No newline at end of file
+	<iframe
+		width="560"
+		height="315"
+		src={`https://www.youtube.com/embed/${videoId}`}
+		title="YouTube video player"
+		frameborder="0"
+		allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+		referrerpolicy="strict-origin-when-cross-origin"
+		allowfullscreen></iframe>
+</div>
diff --git a/src/components/mdx/YouTubeEmbed.template.ts b/src/components/mdx/YouTubeEmbed.template.ts
index 9fcc5d5..a1b3e5c 100644
--- a/src/components/mdx/YouTubeEmbed.template.ts
+++ b/src/components/mdx/YouTubeEmbed.template.ts
@@ -1,15 +1,15 @@
-import type { Template } from "tinacms";
+import type { Template } from 'tinacms';
 
 export const youTubeEmbedTemplate: Template = {
-  name: "YouTubeEmbed",
-  label: "YouTube Embed",
-  fields: [
-    {
-      name: "videoId",
-      label: "YouTube video ID",
-      type: "string",
-      required: true,
-      description: "The 11-character ID from a YouTube URL (e.g. dQw4w9WgXcQ)",
-    },
-  ],
+	name: 'YouTubeEmbed',
+	label: 'YouTube Embed',
+	fields: [
+		{
+			name: 'videoId',
+			label: 'YouTube video ID',
+			type: 'string',
+			required: true,
+			description: 'The 11-character ID from a YouTube URL (e.g. dQw4w9WgXcQ)',
+		},
+	],
 };
diff --git a/src/lib/data.ts b/src/lib/data.ts
index 9dd3756..cd56fd3 100644
--- a/src/lib/data.ts
+++ b/src/lib/data.ts
@@ -11,21 +11,19 @@ export const getConfig = () =>
 	requestWithMetadata(client.queries.config({ relativePath: 'config.json' }));
 
 export const getPage = (slug: string) =>
-	requestWithMetadata(
-		client.queries.page({ relativePath: `${slug}.mdx` }),
-		{ priority: 'primary' },
-	);
+	requestWithMetadata(client.queries.page({ relativePath: `${slug}.mdx` }), {
+		priority: 'primary',
+	});
 
 export const getBlog = (slug: string) =>
-	requestWithMetadata(
-		client.queries.blog({ relativePath: `${slug}.mdx` }),
-		{ priority: 'primary' },
-	);
+	requestWithMetadata(client.queries.blog({ relativePath: `${slug}.mdx` }), {
+		priority: 'primary',
+	});
 
 export const getLanding = (slug: string) =>
 	requestWithMetadata(
 		client.queries.landing({ relativePath: `${slug}.json` }),
-		{ priority: 'primary' },
+		{ priority: 'primary' }
 	);
 
 export async function listPages() {
diff --git a/src/pages/[...slug].astro b/src/pages/[...slug].astro
index 6740ba3..4da4c68 100644
--- a/src/pages/[...slug].astro
+++ b/src/pages/[...slug].astro
@@ -24,7 +24,12 @@ const config = (await getConfig()).data?.config ?? null;
 	title={data.seoTitle || config?.seo?.title || 'TinaCMS + Astro'}
 	description={config?.seo?.description ?? 'Welcome to my website!'}
 >
-	<TinaIsland name="page" wrapper={islands.page.wrapper} params={{ slug }} primary>
+	<TinaIsland
+		name="page"
+		wrapper={islands.page.wrapper}
+		params={{ slug }}
+		primary
+	>
 		<PageBody data={data} />
 	</TinaIsland>
 </Base>
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 402fd4f..1bc8c42 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -28,7 +28,12 @@ const layoutProps = {
 ---
 
 <BlogPost {...layoutProps}>
-	<TinaIsland name="blog" wrapper={islands.blog.wrapper} params={{ slug }} primary>
+	<TinaIsland
+		name="blog"
+		wrapper={islands.blog.wrapper}
+		params={{ slug }}
+		primary
+	>
 		<BlogBody data={data} />
 	</TinaIsland>
 </BlogPost>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index 678271b..de73843 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -14,24 +14,26 @@ const config = (await getConfig()).data?.config ?? null;
 	<main>
 		<section>
 			<ul>
-				{posts.map((post) => {
-					const slug = post._sys?.relativePath?.replace(/\.mdx?$/, "") ?? "";
-					return (
-						<li>
-							<a href={`/blog/${slug}/`}>
-								{post.heroImage && (
-									<img width={720} height={360} src={post.heroImage} alt="" />
-								)}
-								<h4 class="title">{post.title}</h4>
-								{post.pubDate && (
-									<p class="date">
-										<FormattedDate date={new Date(post.pubDate)} />
-									</p>
-								)}
-							</a>
-						</li>
-					);
-				})}
+				{
+					posts.map((post) => {
+						const slug = post._sys?.relativePath?.replace(/\.mdx?$/, '') ?? '';
+						return (
+							<li>
+								<a href={`/blog/${slug}/`}>
+									{post.heroImage && (
+										<img width={720} height={360} src={post.heroImage} alt="" />
+									)}
+									<h4 class="title">{post.title}</h4>
+									{post.pubDate && (
+										<p class="date">
+											<FormattedDate date={new Date(post.pubDate)} />
+										</p>
+									)}
+								</a>
+							</li>
+						);
+					})
+				}
 			</ul>
 		</section>
 	</main>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8674bb5..54e332e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -15,104 +15,129 @@ const meta = data.meta;
 
 <!doctype html>
 <html lang="en">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>{meta?.title ?? 'SSW'}</title>
-  <meta name="description" content={meta?.description ?? ''} />
-  <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
-  <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
-  <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
-  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#cc4141" />
-  <link rel="shortcut icon" href="/favicon.ico" />
-  <link rel="stylesheet" href="/assets/colors_and_type.css" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-  <ClientRouter />
-</head>
-<body>
-  <TinaIsland name="landing" wrapper={islands.landing.wrapper} params={{ slug }} primary>
-    <LandingBody data={data} />
-  </TinaIsland>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>{meta?.title ?? 'SSW'}</title>
+		<meta name="description" content={meta?.description ?? ''} />
+		<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
+		<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
+		<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
+		<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#cc4141" />
+		<link rel="shortcut icon" href="/favicon.ico" />
+		<link rel="stylesheet" href="/assets/colors_and_type.css" />
+		<link
+			rel="stylesheet"
+			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+			integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+			crossorigin="anonymous"
+			referrerpolicy="no-referrer"
+		/>
+		<ClientRouter />
+	</head>
+	<body>
+		<TinaIsland
+			name="landing"
+			wrapper={islands.landing.wrapper}
+			params={{ slug }}
+			primary
+		>
+			<LandingBody data={data} />
+		</TinaIsland>
 
-  <script>
-    const nav = document.getElementById('nav');
-    const onScroll = () => { if (nav) (nav as HTMLElement).dataset.scrolled = window.scrollY > 12 ? 'true' : 'false'; };
-    window.addEventListener('scroll', onScroll, { passive: true });
-    onScroll();
+		<script>
+			const nav = document.getElementById('nav');
+			const onScroll = () => {
+				if (nav)
+					(nav as HTMLElement).dataset.scrolled =
+						window.scrollY > 12 ? 'true' : 'false';
+			};
+			window.addEventListener('scroll', onScroll, { passive: true });
+			onScroll();
 
-    // Progressive enhancement for the Jotform contact form.
-    //
-    // Default (no JS): the <form> in the HTML is a plain action+method=POST,
-    // so the browser handles native validation, posts directly to Jotform,
-    // and the user lands on Jotform's hosted thank-you page. Functional but
-    // visually inconsistent.
-    //
-    // With JS: retarget submissions into the hidden iframe (so the user stays
-    // on our page) and add novalidate (so our handler owns error display).
-    // The iframe's `load` event after a submit means Jotform has rendered its
-    // thank-you page inside it -- we treat that as success.
-    const form = document.getElementById('contact-form') as HTMLFormElement | null;
-    const receiver = document.getElementById('jotform-receiver') as HTMLIFrameElement | null;
-    // Both `success` and `errorBox` are optional — they're only rendered when
-    // Tina content supplies the matching copy. Don't gate the form upgrade on
-    // them, or an editor blanking successText would break the iframe handoff.
-    const success = document.getElementById('form-success');
-    const errorBox = document.getElementById('form-error');
-    if (form && receiver) {
-      form.target = 'jotform-receiver';
-      form.noValidate = true;
+			// Progressive enhancement for the Jotform contact form.
+			//
+			// Default (no JS): the <form> in the HTML is a plain action+method=POST,
+			// so the browser handles native validation, posts directly to Jotform,
+			// and the user lands on Jotform's hosted thank-you page. Functional but
+			// visually inconsistent.
+			//
+			// With JS: retarget submissions into the hidden iframe (so the user stays
+			// on our page) and add novalidate (so our handler owns error display).
+			// The iframe's `load` event after a submit means Jotform has rendered its
+			// thank-you page inside it -- we treat that as success.
+			const form = document.getElementById(
+				'contact-form'
+			) as HTMLFormElement | null;
+			const receiver = document.getElementById(
+				'jotform-receiver'
+			) as HTMLIFrameElement | null;
+			// Both `success` and `errorBox` are optional — they're only rendered when
+			// Tina content supplies the matching copy. Don't gate the form upgrade on
+			// them, or an editor blanking successText would break the iframe handoff.
+			const success = document.getElementById('form-success');
+			const errorBox = document.getElementById('form-error');
+			if (form && receiver) {
+				form.target = 'jotform-receiver';
+				form.noValidate = true;
 
-      const SUBMIT_TIMEOUT_MS = 15000;
-      let pendingSubmission = false;
-      let submitTimeoutId: ReturnType<typeof setTimeout> | null = null;
-      const submitBtn = form.querySelector('button[type="submit"]') as HTMLButtonElement | null;
+				const SUBMIT_TIMEOUT_MS = 15000;
+				let pendingSubmission = false;
+				let submitTimeoutId: ReturnType<typeof setTimeout> | null = null;
+				const submitBtn = form.querySelector(
+					'button[type="submit"]'
+				) as HTMLButtonElement | null;
 
-      const finishSubmission = () => {
-        pendingSubmission = false;
-        if (submitTimeoutId !== null) {
-          clearTimeout(submitTimeoutId);
-          submitTimeoutId = null;
-        }
-        if (submitBtn) submitBtn.disabled = false;
-      };
+				const finishSubmission = () => {
+					pendingSubmission = false;
+					if (submitTimeoutId !== null) {
+						clearTimeout(submitTimeoutId);
+						submitTimeoutId = null;
+					}
+					if (submitBtn) submitBtn.disabled = false;
+				};
 
-      form.addEventListener('submit', (e) => {
-        if (!form.checkValidity()) {
-          e.preventDefault();
-          form.reportValidity();
-          return;
-        }
-        if (!form.getAttribute('action')) {
-          e.preventDefault();
-          console.error('Contact form: no action set (missing jotformId)');
-          if (errorBox) errorBox.hidden = false;
-          return;
-        }
-        if (success) success.classList.remove('visible');
-        if (errorBox) errorBox.hidden = true;
-        if (submitBtn) submitBtn.disabled = true;
-        pendingSubmission = true;
+				form.addEventListener('submit', (e) => {
+					if (!form.checkValidity()) {
+						e.preventDefault();
+						form.reportValidity();
+						return;
+					}
+					if (!form.getAttribute('action')) {
+						e.preventDefault();
+						console.error('Contact form: no action set (missing jotformId)');
+						if (errorBox) errorBox.hidden = false;
+						return;
+					}
+					if (success) success.classList.remove('visible');
+					if (errorBox) errorBox.hidden = true;
+					if (submitBtn) submitBtn.disabled = true;
+					pendingSubmission = true;
 
-        // If the iframe never loads (ad blocker on submit.jotform.com, network
-        // drop, CSP refuses the navigation, etc.) the user would be stuck on a
-        // disabled button. Time out, re-enable, and surface the error UI so
-        // they can retry or fall back to email.
-        if (submitTimeoutId !== null) clearTimeout(submitTimeoutId);
-        submitTimeoutId = setTimeout(() => {
-          if (!pendingSubmission) return;
-          console.error('Contact form: Jotform iframe did not load within', SUBMIT_TIMEOUT_MS, 'ms');
-          if (errorBox) errorBox.hidden = false;
-          finishSubmission();
-        }, SUBMIT_TIMEOUT_MS);
-      });
+					// If the iframe never loads (ad blocker on submit.jotform.com, network
+					// drop, CSP refuses the navigation, etc.) the user would be stuck on a
+					// disabled button. Time out, re-enable, and surface the error UI so
+					// they can retry or fall back to email.
+					if (submitTimeoutId !== null) clearTimeout(submitTimeoutId);
+					submitTimeoutId = setTimeout(() => {
+						if (!pendingSubmission) return;
+						console.error(
+							'Contact form: Jotform iframe did not load within',
+							SUBMIT_TIMEOUT_MS,
+							'ms'
+						);
+						if (errorBox) errorBox.hidden = false;
+						finishSubmission();
+					}, SUBMIT_TIMEOUT_MS);
+				});
 
-      receiver.addEventListener('load', () => {
-        if (!pendingSubmission) return; // ignore the initial blank load
-        if (success) success.classList.add('visible');
-        form.reset();
-        finishSubmission();
-      });
-    }
-  </script>
-</body>
+				receiver.addEventListener('load', () => {
+					if (!pendingSubmission) return; // ignore the initial blank load
+					if (success) success.classList.add('visible');
+					form.reset();
+					finishSubmission();
+				});
+			}
+		</script>
+	</body>
 </html>
diff --git a/src/pages/rss.xml.js b/src/pages/rss.xml.js
index 2756cb2..a4fb987 100644
--- a/src/pages/rss.xml.js
+++ b/src/pages/rss.xml.js
@@ -1,7 +1,7 @@
 export const prerender = true;
 import rss from '@astrojs/rss';
 import { getCollection } from 'astro:content';
-import config from '../content/config/config.json'
+import config from '../content/config/config.json';
 
 export async function GET(context) {
 	const posts = await getCollection('blog');
diff --git a/src/styles/global.css b/src/styles/global.css
index 886221f..7ae33fc 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -12,7 +12,8 @@
 	--gray-light: 229, 233, 240;
 	--gray-dark: 34, 41, 57;
 	--gray-gradient: rgba(var(--gray-light), 50%), #fff;
-	--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%),
+	--box-shadow:
+		0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%),
 		0 16px 32px rgba(var(--gray), 33%);
 }
 @font-face {
@@ -181,4 +182,4 @@ hr {
 
 .page-body {
 	min-height: 100vh;
-}
\ No newline at end of file
+}
diff --git a/src/styles/landing.css b/src/styles/landing.css
index 3a33e7b..487e0b2 100644
--- a/src/styles/landing.css
+++ b/src/styles/landing.css
@@ -1,779 +1,1261 @@
-*, *::before, *::after { box-sizing: border-box; }
-html { scroll-behavior: smooth; }
+*,
+*::before,
+*::after {
+	box-sizing: border-box;
+}
+html {
+	scroll-behavior: smooth;
+}
 body {
-  margin: 0;
-  font-size: 16px;
-  line-height: 1.6;
-  color: var(--text-neutral);
-  background: var(--bg-base);
-}
-a { color: inherit; text-decoration: none; }
-img { max-width: 100%; display: block; }
-button { font: inherit; cursor: pointer; }
-::selection { background: var(--red-100); color: var(--red-900); }
+	margin: 0;
+	font-size: 16px;
+	line-height: 1.6;
+	color: var(--text-neutral);
+	background: var(--bg-base);
+}
+a {
+	color: inherit;
+	text-decoration: none;
+}
+img {
+	max-width: 100%;
+	display: block;
+}
+button {
+	font: inherit;
+	cursor: pointer;
+}
+::selection {
+	background: var(--red-100);
+	color: var(--red-900);
+}
 
 :root {
-  --page-max: 1240px;
-  --gutter: clamp(20px, 4vw, 48px);
-  --section-pad: clamp(72px, 9vw, 128px);
-  --hairline: 1px solid var(--stroke-neutral);
+	--page-max: 1240px;
+	--gutter: clamp(20px, 4vw, 48px);
+	--section-pad: clamp(72px, 9vw, 128px);
+	--hairline: 1px solid var(--stroke-neutral);
 }
 
 .container {
-  max-width: var(--page-max);
-  margin: 0 auto;
-  padding-left: var(--gutter);
-  padding-right: var(--gutter);
+	max-width: var(--page-max);
+	margin: 0 auto;
+	padding-left: var(--gutter);
+	padding-right: var(--gutter);
 }
 
-body, p { font-size: 16px; line-height: 1.6; }
+body,
+p {
+	font-size: 16px;
+	line-height: 1.6;
+}
 .eyebrow {
-  display: inline-flex;
-  align-self: flex-start;
-  align-items: center;
-  gap: 8px;
-  font-family: var(--font-sans);
-  font-size: 12px;
-  font-weight: 500;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--text-brand);
-  padding: 6px 12px;
-  border: 1px solid var(--red-200);
-  background: var(--bg-brand-soft);
-  border-radius: var(--radius-full);
+	display: inline-flex;
+	align-self: flex-start;
+	align-items: center;
+	gap: 8px;
+	font-family: var(--font-sans);
+	font-size: 12px;
+	font-weight: 500;
+	letter-spacing: 0.08em;
+	text-transform: uppercase;
+	color: var(--text-brand);
+	padding: 6px 12px;
+	border: 1px solid var(--red-200);
+	background: var(--bg-brand-soft);
+	border-radius: var(--radius-full);
 }
 .eyebrow .dot {
-  width: 6px; height: 6px; border-radius: 50%;
-  background: var(--red-500);
-  box-shadow: 0 0 0 4px rgba(204,65,65,0.18);
+	width: 6px;
+	height: 6px;
+	border-radius: 50%;
+	background: var(--red-500);
+	box-shadow: 0 0 0 4px rgba(204, 65, 65, 0.18);
 }
 .display {
-  font-family: var(--font-display);
-  font-weight: 700;
-  font-size: clamp(40px, 6vw, 72px);
-  line-height: 1.02;
-  letter-spacing: -0.025em;
-  color: var(--text-neutral-strong);
-  margin: 0;
+	font-family: var(--font-display);
+	font-weight: 700;
+	font-size: clamp(40px, 6vw, 72px);
+	line-height: 1.02;
+	letter-spacing: -0.025em;
+	color: var(--text-neutral-strong);
+	margin: 0;
 }
 .display em {
-  font-style: normal;
-  color: var(--red-500);
+	font-style: normal;
+	color: var(--red-500);
 }
 h2.section-title {
-  font-family: var(--font-display);
-  font-weight: 700;
-  font-size: clamp(32px, 4.2vw, 48px);
-  line-height: 1.05;
-  letter-spacing: -0.02em;
-  color: var(--text-neutral-strong);
-  margin: 0 0 16px;
-  text-wrap: balance;
-}
-h3 { margin: 0; }
+	font-family: var(--font-display);
+	font-weight: 700;
+	font-size: clamp(32px, 4.2vw, 48px);
+	line-height: 1.05;
+	letter-spacing: -0.02em;
+	color: var(--text-neutral-strong);
+	margin: 0 0 16px;
+	text-wrap: balance;
+}
+h3 {
+	margin: 0;
+}
 .lead {
-  font-size: clamp(18px, 1.6vw, 20px);
-  line-height: 1.55;
-  color: var(--text-neutral-weak);
-  margin: 0;
-  max-width: 60ch;
-  text-wrap: pretty;
+	font-size: clamp(18px, 1.6vw, 20px);
+	line-height: 1.55;
+	color: var(--text-neutral-weak);
+	margin: 0;
+	max-width: 60ch;
+	text-wrap: pretty;
 }
 .section-kicker {
-  font-family: var(--font-sans);
-  font-size: 12px;
-  font-weight: 600;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--red-500);
-  margin-bottom: 16px;
+	font-family: var(--font-sans);
+	font-size: 12px;
+	font-weight: 600;
+	letter-spacing: 0.12em;
+	text-transform: uppercase;
+	color: var(--red-500);
+	margin-bottom: 16px;
 }
 
 .btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-  font-family: var(--font-sans);
-  font-weight: 500;
-  font-size: 16px;
-  letter-spacing: -0.01em;
-  padding: 12px 20px;
-  border-radius: var(--radius);
-  border: 1px solid transparent;
-  transition: background var(--duration-fast) var(--ease-out),
-              color var(--duration-fast) var(--ease-out),
-              border-color var(--duration-fast) var(--ease-out),
-              transform var(--duration-fast) var(--ease-out);
-  white-space: nowrap;
-}
-.btn i { font-size: 14px; }
-.btn-primary { background: var(--red-500); color: #fff; }
-.btn-primary:hover { background: var(--red-600); }
-.btn-primary:active { background: var(--red-700); }
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	gap: 10px;
+	font-family: var(--font-sans);
+	font-weight: 500;
+	font-size: 16px;
+	letter-spacing: -0.01em;
+	padding: 12px 20px;
+	border-radius: var(--radius);
+	border: 1px solid transparent;
+	transition:
+		background var(--duration-fast) var(--ease-out),
+		color var(--duration-fast) var(--ease-out),
+		border-color var(--duration-fast) var(--ease-out),
+		transform var(--duration-fast) var(--ease-out);
+	white-space: nowrap;
+}
+.btn i {
+	font-size: 14px;
+}
+.btn-primary {
+	background: var(--red-500);
+	color: #fff;
+}
+.btn-primary:hover {
+	background: var(--red-600);
+}
+.btn-primary:active {
+	background: var(--red-700);
+}
 .btn-secondary {
-  background: #fff;
-  color: var(--text-neutral-strong);
-  border-color: var(--stroke-neutral-strong);
-}
-.btn-secondary:hover { background: var(--grey-50); }
-.btn-ghost { color: var(--text-neutral-strong); padding: 10px 14px; }
-.btn-ghost:hover { background: var(--grey-100); }
-.btn-lg { padding: 14px 22px; font-size: 17px; }
-.btn-lg i { font-size: 16px; }
+	background: #fff;
+	color: var(--text-neutral-strong);
+	border-color: var(--stroke-neutral-strong);
+}
+.btn-secondary:hover {
+	background: var(--grey-50);
+}
+.btn-ghost {
+	color: var(--text-neutral-strong);
+	padding: 10px 14px;
+}
+.btn-ghost:hover {
+	background: var(--grey-100);
+}
+.btn-lg {
+	padding: 14px 22px;
+	font-size: 17px;
+}
+.btn-lg i {
+	font-size: 16px;
+}
 
 .nav {
-  position: sticky;
-  top: 0;
-  z-index: 50;
-  background: rgba(255,255,255,0.82);
-  backdrop-filter: saturate(180%) blur(12px);
-  -webkit-backdrop-filter: saturate(180%) blur(12px);
-  border-bottom: 1px solid transparent;
-  transition: border-color var(--duration-normal) var(--ease-out),
-              background var(--duration-normal) var(--ease-out);
-}
-.nav[data-scrolled="true"] {
-  border-bottom-color: var(--stroke-neutral-weak);
-  background: rgba(255,255,255,0.92);
+	position: sticky;
+	top: 0;
+	z-index: 50;
+	background: rgba(255, 255, 255, 0.82);
+	backdrop-filter: saturate(180%) blur(12px);
+	-webkit-backdrop-filter: saturate(180%) blur(12px);
+	border-bottom: 1px solid transparent;
+	transition:
+		border-color var(--duration-normal) var(--ease-out),
+		background var(--duration-normal) var(--ease-out);
+}
+.nav[data-scrolled='true'] {
+	border-bottom-color: var(--stroke-neutral-weak);
+	background: rgba(255, 255, 255, 0.92);
 }
 .nav-inner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 88px;
-  gap: 24px;
-}
-.nav-logo { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
-.nav-logo img { height: 42px; width: auto; }
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	height: 88px;
+	gap: 24px;
+}
+.nav-logo {
+	display: flex;
+	align-items: center;
+	gap: 14px;
+	flex-shrink: 0;
+}
+.nav-logo img {
+	height: 42px;
+	width: auto;
+}
 .nav-logo .region {
-  white-space: nowrap;
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--text-neutral-weak);
-}
-.nav-links { display: flex; align-items: center; gap: 0; }
-.nav-item { position: relative; }
+	white-space: nowrap;
+	font-size: 11px;
+	font-weight: 600;
+	letter-spacing: 0.12em;
+	text-transform: uppercase;
+	color: var(--text-neutral-weak);
+}
+.nav-links {
+	display: flex;
+	align-items: center;
+	gap: 0;
+}
+.nav-item {
+	position: relative;
+}
 .nav-item > a {
-  position: relative;
-  padding: 10px 18px;
-  font-size: 16px;
-  font-weight: 500;
-  color: var(--text-neutral);
-  letter-spacing: -0.005em;
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  transition: color var(--duration-fast) var(--ease-out);
+	position: relative;
+	padding: 10px 18px;
+	font-size: 16px;
+	font-weight: 500;
+	color: var(--text-neutral);
+	letter-spacing: -0.005em;
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	transition: color var(--duration-fast) var(--ease-out);
 }
 .nav-item > a::after {
-  content: "";
-  position: absolute;
-  left: 18px; right: 18px;
-  bottom: 4px;
-  height: 1px;
-  background: var(--red-500);
-  transform: scaleX(0);
-  transform-origin: left;
-  transition: transform var(--duration-normal) var(--ease-out);
-}
-.nav-item:hover > a { color: var(--text-neutral-strong); }
-.nav-item:hover > a::after { transform: scaleX(1); }
-.nav-item .caret { font-size: 9px; opacity: 0.5; transition: transform var(--duration-fast) var(--ease-out); }
-.nav-item:hover .caret { transform: rotate(180deg); opacity: 0.9; }
+	content: '';
+	position: absolute;
+	left: 18px;
+	right: 18px;
+	bottom: 4px;
+	height: 1px;
+	background: var(--red-500);
+	transform: scaleX(0);
+	transform-origin: left;
+	transition: transform var(--duration-normal) var(--ease-out);
+}
+.nav-item:hover > a {
+	color: var(--text-neutral-strong);
+}
+.nav-item:hover > a::after {
+	transform: scaleX(1);
+}
+.nav-item .caret {
+	font-size: 9px;
+	opacity: 0.5;
+	transition: transform var(--duration-fast) var(--ease-out);
+}
+.nav-item:hover .caret {
+	transform: rotate(180deg);
+	opacity: 0.9;
+}
 
 .nav-dropdown {
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 50%;
-  transform: translateX(-50%) translateY(-4px);
-  width: 620px;
-  background: #fff;
-  border: 1px solid var(--stroke-neutral);
-  border-radius: var(--radius-xl);
-  box-shadow: var(--shadow-overlay);
-  padding: 12px;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity var(--duration-normal) var(--ease-out),
-              transform var(--duration-normal) var(--ease-out);
-  z-index: 60;
+	position: absolute;
+	top: calc(100% + 4px);
+	left: 50%;
+	transform: translateX(-50%) translateY(-4px);
+	width: 620px;
+	background: #fff;
+	border: 1px solid var(--stroke-neutral);
+	border-radius: var(--radius-xl);
+	box-shadow: var(--shadow-overlay);
+	padding: 12px;
+	opacity: 0;
+	pointer-events: none;
+	transition:
+		opacity var(--duration-normal) var(--ease-out),
+		transform var(--duration-normal) var(--ease-out);
+	z-index: 60;
 }
 .nav-item:hover .nav-dropdown,
 .nav-item:focus-within .nav-dropdown {
-  opacity: 1;
-  pointer-events: auto;
-  transform: translateX(-50%) translateY(0);
+	opacity: 1;
+	pointer-events: auto;
+	transform: translateX(-50%) translateY(0);
 }
 .nav-dropdown ul {
-  list-style: none;
-  margin: 0; padding: 0;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 2px;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	gap: 2px;
 }
 .nav-dropdown li a {
-  display: flex;
-  gap: 12px;
-  padding: 12px;
-  border-radius: var(--radius);
-  align-items: flex-start;
-  transition: background var(--duration-fast) var(--ease-out);
-}
-.nav-dropdown li a:hover { background: var(--grey-50); }
+	display: flex;
+	gap: 12px;
+	padding: 12px;
+	border-radius: var(--radius);
+	align-items: flex-start;
+	transition: background var(--duration-fast) var(--ease-out);
+}
+.nav-dropdown li a:hover {
+	background: var(--grey-50);
+}
 .nav-dropdown li a .ico {
-  width: 32px; height: 32px;
-  border-radius: var(--radius-sm);
-  background: var(--bg-brand-soft);
-  color: var(--red-600);
-  display: grid; place-items: center;
-  flex-shrink: 0;
-}
-.nav-dropdown li a .ico i { font-size: 13px; }
+	width: 32px;
+	height: 32px;
+	border-radius: var(--radius-sm);
+	background: var(--bg-brand-soft);
+	color: var(--red-600);
+	display: grid;
+	place-items: center;
+	flex-shrink: 0;
+}
+.nav-dropdown li a .ico i {
+	font-size: 13px;
+}
 .nav-dropdown li a strong {
-  display: block;
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--text-neutral-strong);
-  margin-bottom: 4px;
+	display: block;
+	font-size: 16px;
+	font-weight: 600;
+	color: var(--text-neutral-strong);
+	margin-bottom: 4px;
 }
 .nav-dropdown li a span {
-  font-size: 14px;
-  color: var(--text-neutral-weak);
-  line-height: 1.4;
+	font-size: 14px;
+	color: var(--text-neutral-weak);
+	line-height: 1.4;
+}
+.nav-cta {
+	display: flex;
+	align-items: center;
+	gap: 8px;
 }
-.nav-cta { display: flex; align-items: center; gap: 8px; }
 @media (max-width: 980px) {
-  .nav-links { display: none; }
-  .nav-inner { height: 76px; }
-  .nav-logo img { height: 36px; }
+	.nav-links {
+		display: none;
+	}
+	.nav-inner {
+		height: 76px;
+	}
+	.nav-logo img {
+		height: 36px;
+	}
 }
 
 .hero {
-  position: relative;
-  padding: clamp(72px, 10vw, 128px) 0 clamp(64px, 8vw, 96px);
-  overflow: hidden;
+	position: relative;
+	padding: clamp(72px, 10vw, 128px) 0 clamp(64px, 8vw, 96px);
+	overflow: hidden;
 }
 .hero::before {
-  content: "";
-  position: absolute;
-  inset: -200px -200px auto auto;
-  width: 900px; height: 900px;
-  background: radial-gradient(closest-side, rgba(204,65,65,0.07), transparent 70%);
-  pointer-events: none;
-  z-index: 0;
+	content: '';
+	position: absolute;
+	inset: -200px -200px auto auto;
+	width: 900px;
+	height: 900px;
+	background: radial-gradient(
+		closest-side,
+		rgba(204, 65, 65, 0.07),
+		transparent 70%
+	);
+	pointer-events: none;
+	z-index: 0;
 }
 .hero-grid {
-  position: relative;
-  z-index: 1;
-  display: grid;
-  grid-template-columns: 1.05fr 0.95fr;
-  gap: clamp(40px, 6vw, 80px);
-  align-items: center;
-}
-@media (max-width: 980px) { .hero-grid { grid-template-columns: 1fr; } }
-.hero-copy { display: flex; flex-direction: column; gap: 28px; }
-.hero-copy p.lead { font-size: clamp(18px, 1.7vw, 21px); }
-.hero-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
-.hero-meta { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-top: 16px; }
-.hero-meta .item { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 500; color: var(--text-neutral); }
+	position: relative;
+	z-index: 1;
+	display: grid;
+	grid-template-columns: 1.05fr 0.95fr;
+	gap: clamp(40px, 6vw, 80px);
+	align-items: center;
+}
+@media (max-width: 980px) {
+	.hero-grid {
+		grid-template-columns: 1fr;
+	}
+}
+.hero-copy {
+	display: flex;
+	flex-direction: column;
+	gap: 28px;
+}
+.hero-copy p.lead {
+	font-size: clamp(18px, 1.7vw, 21px);
+}
+.hero-ctas {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 12px;
+	margin-top: 4px;
+}
+.hero-meta {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 14px 28px;
+	margin-top: 16px;
+}
+.hero-meta .item {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	font-size: 16px;
+	font-weight: 500;
+	color: var(--text-neutral);
+}
 .hero-meta .check-pill {
-  width: 22px; height: 22px;
-  border-radius: 50%;
-  background: var(--red-50);
-  color: var(--red-600);
-  display: grid; place-items: center;
-  font-size: 11px;
-  flex-shrink: 0;
+	width: 22px;
+	height: 22px;
+	border-radius: 50%;
+	background: var(--red-50);
+	color: var(--red-600);
+	display: grid;
+	place-items: center;
+	font-size: 11px;
+	flex-shrink: 0;
 }
 
 .hero-visual {
-  position: relative;
-  aspect-ratio: 5 / 4;
-  min-height: 380px;
+	position: relative;
+	aspect-ratio: 5 / 4;
+	min-height: 380px;
 }
 .hero-image {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-  border-radius: var(--radius-xl);
+	width: 100%;
+	height: 100%;
+	object-fit: contain;
+	border-radius: var(--radius-xl);
 }
 
 .stats {
-  background: #fff;
-  border-top: 1px solid var(--stroke-neutral-weak);
-  border-bottom: 1px solid var(--stroke-neutral-weak);
-}
-.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
-@media (max-width: 760px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } }
-.stat { padding: 32px 24px; border-right: 1px solid var(--stroke-neutral-weak); }
-.stat:last-child { border-right: none; }
+	background: #fff;
+	border-top: 1px solid var(--stroke-neutral-weak);
+	border-bottom: 1px solid var(--stroke-neutral-weak);
+}
+.stats-grid {
+	display: grid;
+	grid-template-columns: repeat(4, 1fr);
+}
+@media (max-width: 760px) {
+	.stats-grid {
+		grid-template-columns: repeat(2, 1fr);
+	}
+}
+.stat {
+	padding: 32px 24px;
+	border-right: 1px solid var(--stroke-neutral-weak);
+}
+.stat:last-child {
+	border-right: none;
+}
 @media (max-width: 760px) {
-  .stat:nth-child(2) { border-right: none; }
-  .stat:nth-child(1), .stat:nth-child(2) { border-bottom: 1px solid var(--stroke-neutral-weak); }
+	.stat:nth-child(2) {
+		border-right: none;
+	}
+	.stat:nth-child(1),
+	.stat:nth-child(2) {
+		border-bottom: 1px solid var(--stroke-neutral-weak);
+	}
 }
 .stat .num {
-  font-family: var(--font-display);
-  font-size: clamp(32px, 3.6vw, 42px);
-  font-weight: 700;
-  letter-spacing: -0.025em;
-  line-height: 1;
-  color: var(--text-neutral-strong);
-}
-.stat .num em { font-style: normal; color: var(--red-500); }
-.stat .label { margin-top: 8px; font-size: 16px; color: var(--text-neutral-weak); line-height: 1.45; }
+	font-family: var(--font-display);
+	font-size: clamp(32px, 3.6vw, 42px);
+	font-weight: 700;
+	letter-spacing: -0.025em;
+	line-height: 1;
+	color: var(--text-neutral-strong);
+}
+.stat .num em {
+	font-style: normal;
+	color: var(--red-500);
+}
+.stat .label {
+	margin-top: 8px;
+	font-size: 16px;
+	color: var(--text-neutral-weak);
+	line-height: 1.45;
+}
 
-section.block { padding: var(--section-pad) 0; }
-section.block.sunken { background: var(--grey-50); }
-.block-head { max-width: 720px; margin-bottom: clamp(48px, 6vw, 72px); }
+section.block {
+	padding: var(--section-pad) 0;
+}
+section.block.sunken {
+	background: var(--grey-50);
+}
+.block-head {
+	max-width: 720px;
+	margin-bottom: clamp(48px, 6vw, 72px);
+}
 
 .benefits-grid {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 1px;
-  background: var(--stroke-neutral-weak);
-  border: 1px solid var(--stroke-neutral-weak);
-  border-radius: var(--radius-xl);
-  overflow: hidden;
-}
-@media (max-width: 920px) { .benefits-grid { grid-template-columns: repeat(2, 1fr); } }
-@media (max-width: 560px) { .benefits-grid { grid-template-columns: 1fr; } }
-.benefit { background: #fff; padding: 32px 28px; display: flex; flex-direction: column; gap: 12px; }
+	display: grid;
+	grid-template-columns: repeat(3, 1fr);
+	gap: 1px;
+	background: var(--stroke-neutral-weak);
+	border: 1px solid var(--stroke-neutral-weak);
+	border-radius: var(--radius-xl);
+	overflow: hidden;
+}
+@media (max-width: 920px) {
+	.benefits-grid {
+		grid-template-columns: repeat(2, 1fr);
+	}
+}
+@media (max-width: 560px) {
+	.benefits-grid {
+		grid-template-columns: 1fr;
+	}
+}
+.benefit {
+	background: #fff;
+	padding: 32px 28px;
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
 .benefit .icon {
-  width: 40px; height: 40px;
-  border-radius: var(--radius-md);
-  background: var(--bg-brand-soft);
-  color: var(--red-600);
-  display: grid; place-items: center;
-  margin-bottom: 8px;
-}
-.benefit .icon i { font-size: 18px; }
-.benefit h3 { font-size: 18px; font-weight: 600; letter-spacing: -0.015em; color: var(--text-neutral-strong); }
-.benefit p { font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; margin: 0; }
+	width: 40px;
+	height: 40px;
+	border-radius: var(--radius-md);
+	background: var(--bg-brand-soft);
+	color: var(--red-600);
+	display: grid;
+	place-items: center;
+	margin-bottom: 8px;
+}
+.benefit .icon i {
+	font-size: 18px;
+}
+.benefit h3 {
+	font-size: 18px;
+	font-weight: 600;
+	letter-spacing: -0.015em;
+	color: var(--text-neutral-strong);
+}
+.benefit p {
+	font-size: 16px;
+	color: var(--text-neutral-weak);
+	line-height: 1.55;
+	margin: 0;
+}
 
-.services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
-@media (max-width: 760px) { .services-grid { grid-template-columns: 1fr; } }
+.services-grid {
+	display: grid;
+	grid-template-columns: repeat(2, 1fr);
+	gap: 16px;
+}
+@media (max-width: 760px) {
+	.services-grid {
+		grid-template-columns: 1fr;
+	}
+}
 .service {
-  background: #fff;
-  border: 1px solid var(--stroke-neutral);
-  border-radius: var(--radius-xl);
-  padding: 28px;
-  display: flex;
-  gap: 20px;
-  align-items: flex-start;
-  transition: border-color var(--duration-normal) var(--ease-out),
-              box-shadow var(--duration-normal) var(--ease-out),
-              transform var(--duration-normal) var(--ease-out);
-}
-.service:hover { border-color: var(--red-200); box-shadow: var(--shadow-raised); }
+	background: #fff;
+	border: 1px solid var(--stroke-neutral);
+	border-radius: var(--radius-xl);
+	padding: 28px;
+	display: flex;
+	gap: 20px;
+	align-items: flex-start;
+	transition:
+		border-color var(--duration-normal) var(--ease-out),
+		box-shadow var(--duration-normal) var(--ease-out),
+		transform var(--duration-normal) var(--ease-out);
+}
+.service:hover {
+	border-color: var(--red-200);
+	box-shadow: var(--shadow-raised);
+}
 .service .icon {
-  width: 44px; height: 44px;
-  flex-shrink: 0;
-  border-radius: var(--radius-md);
-  background: var(--bg-brand-soft);
-  color: var(--red-600);
-  display: grid; place-items: center;
-}
-.service .icon i { font-size: 18px; }
-.service .body { display: flex; flex-direction: column; gap: 6px; }
-.service h3 { font-size: 17px; font-weight: 600; letter-spacing: -0.015em; color: var(--text-neutral-strong); }
-.service p { font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; margin: 0; }
+	width: 44px;
+	height: 44px;
+	flex-shrink: 0;
+	border-radius: var(--radius-md);
+	background: var(--bg-brand-soft);
+	color: var(--red-600);
+	display: grid;
+	place-items: center;
+}
+.service .icon i {
+	font-size: 18px;
+}
+.service .body {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+}
+.service h3 {
+	font-size: 17px;
+	font-weight: 600;
+	letter-spacing: -0.015em;
+	color: var(--text-neutral-strong);
+}
+.service p {
+	font-size: 16px;
+	color: var(--text-neutral-weak);
+	line-height: 1.55;
+	margin: 0;
+}
 
 .steps {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 40px;
-  position: relative;
+	display: grid;
+	grid-template-columns: repeat(4, 1fr);
+	gap: 40px;
+	position: relative;
 }
 .steps::before {
-  content: "";
-  position: absolute;
-  top: 32px; left: 32px; right: 32px;
-  height: 1px;
-  border-top: 1px dashed var(--stroke-neutral);
-  z-index: 0;
+	content: '';
+	position: absolute;
+	top: 32px;
+	left: 32px;
+	right: 32px;
+	height: 1px;
+	border-top: 1px dashed var(--stroke-neutral);
+	z-index: 0;
 }
 @media (max-width: 920px) {
-  .steps { grid-template-columns: repeat(2, 1fr); gap: 48px 32px; }
-  .steps::before { display: none; }
+	.steps {
+		grid-template-columns: repeat(2, 1fr);
+		gap: 48px 32px;
+	}
+	.steps::before {
+		display: none;
+	}
+}
+@media (max-width: 540px) {
+	.steps {
+		grid-template-columns: 1fr;
+	}
+}
+.step {
+	position: relative;
+	z-index: 1;
+	background: transparent;
+	border: 0;
+	padding: 0;
 }
-@media (max-width: 540px) { .steps { grid-template-columns: 1fr; } }
-.step { position: relative; z-index: 1; background: transparent; border: 0; padding: 0; }
 .step .icon {
-  position: relative;
-  width: 64px; height: 64px;
-  border-radius: 50%;
-  background: var(--bg-brand-soft);
-  color: var(--red-600);
-  display: grid; place-items: center;
-  margin-bottom: 24px;
-  box-shadow: 0 0 0 8px var(--bg-base);
-}
-.step .icon i { font-size: 22px; }
+	position: relative;
+	width: 64px;
+	height: 64px;
+	border-radius: 50%;
+	background: var(--bg-brand-soft);
+	color: var(--red-600);
+	display: grid;
+	place-items: center;
+	margin-bottom: 24px;
+	box-shadow: 0 0 0 8px var(--bg-base);
+}
+.step .icon i {
+	font-size: 22px;
+}
 .step .step-num {
-  font-family: var(--font-mono);
-  font-size: 12px;
-  font-weight: 600;
-  letter-spacing: 0.14em;
-  text-transform: uppercase;
-  color: var(--red-500);
-  margin-bottom: 8px;
+	font-family: var(--font-mono);
+	font-size: 12px;
+	font-weight: 600;
+	letter-spacing: 0.14em;
+	text-transform: uppercase;
+	color: var(--red-500);
+	margin-bottom: 8px;
 }
 .step h3 {
-  font-family: var(--font-display);
-  font-size: 22px;
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  line-height: 1.2;
-  color: var(--text-neutral-strong);
-  margin: 0 0 12px;
-}
-.step p { font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; margin: 0; max-width: 32ch; }
+	font-family: var(--font-display);
+	font-size: 22px;
+	font-weight: 700;
+	letter-spacing: -0.02em;
+	line-height: 1.2;
+	color: var(--text-neutral-strong);
+	margin: 0 0 12px;
+}
+.step p {
+	font-size: 16px;
+	color: var(--text-neutral-weak);
+	line-height: 1.55;
+	margin: 0;
+	max-width: 32ch;
+}
 
-.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(48px, 6vw, 88px); align-items: center; }
-@media (max-width: 880px) { .why-grid { grid-template-columns: 1fr; } }
-.why-list { display: flex; flex-direction: column; border-top: 1px solid var(--stroke-neutral-weak); }
+.why-grid {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	gap: clamp(48px, 6vw, 88px);
+	align-items: center;
+}
+@media (max-width: 880px) {
+	.why-grid {
+		grid-template-columns: 1fr;
+	}
+}
+.why-list {
+	display: flex;
+	flex-direction: column;
+	border-top: 1px solid var(--stroke-neutral-weak);
+}
 .why-row {
-  display: grid;
-  grid-template-columns: 44px 1fr;
-  gap: 18px;
-  padding: 22px 0;
-  border-bottom: 1px solid var(--stroke-neutral-weak);
-  align-items: flex-start;
+	display: grid;
+	grid-template-columns: 44px 1fr;
+	gap: 18px;
+	padding: 22px 0;
+	border-bottom: 1px solid var(--stroke-neutral-weak);
+	align-items: flex-start;
 }
 .why-row .badge-ico {
-  width: 36px; height: 36px;
-  border-radius: var(--radius-md);
-  background: var(--bg-brand-soft);
-  color: var(--red-600);
-  display: grid; place-items: center;
-  margin-top: 2px;
-}
-.why-row .badge-ico i { font-size: 15px; }
-.why-row h4 { font-size: 17px; font-weight: 600; letter-spacing: -0.015em; color: var(--text-neutral-strong); margin: 0 0 4px; }
-.why-row p { font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; margin: 0; }
+	width: 36px;
+	height: 36px;
+	border-radius: var(--radius-md);
+	background: var(--bg-brand-soft);
+	color: var(--red-600);
+	display: grid;
+	place-items: center;
+	margin-top: 2px;
+}
+.why-row .badge-ico i {
+	font-size: 15px;
+}
+.why-row h4 {
+	font-size: 17px;
+	font-weight: 600;
+	letter-spacing: -0.015em;
+	color: var(--text-neutral-strong);
+	margin: 0 0 4px;
+}
+.why-row p {
+	font-size: 16px;
+	color: var(--text-neutral-weak);
+	line-height: 1.55;
+	margin: 0;
+}
 .why-card {
-  background: var(--grey-900);
-  color: #fff;
-  border-radius: var(--radius-2xl);
-  padding: 40px;
-  display: flex; flex-direction: column;
-  gap: 24px;
-  min-height: 440px;
-  justify-content: space-between;
-}
-.why-card .quote-mark { font-family: var(--font-display); font-size: 64px; line-height: 0.5; color: var(--red-500); height: 32px; }
+	background: var(--grey-900);
+	color: #fff;
+	border-radius: var(--radius-2xl);
+	padding: 40px;
+	display: flex;
+	flex-direction: column;
+	gap: 24px;
+	min-height: 440px;
+	justify-content: space-between;
+}
+.why-card .quote-mark {
+	font-family: var(--font-display);
+	font-size: 64px;
+	line-height: 0.5;
+	color: var(--red-500);
+	height: 32px;
+}
 .why-card blockquote {
-  margin: 0;
-  font-size: 22px;
-  font-weight: 500;
-  line-height: 1.4;
-  letter-spacing: -0.015em;
-  color: rgba(255,255,255,0.95);
-  text-wrap: pretty;
-}
-.why-card .attr { display: flex; align-items: center; gap: 14px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.12); }
+	margin: 0;
+	font-size: 22px;
+	font-weight: 500;
+	line-height: 1.4;
+	letter-spacing: -0.015em;
+	color: rgba(255, 255, 255, 0.95);
+	text-wrap: pretty;
+}
+.why-card .attr {
+	display: flex;
+	align-items: center;
+	gap: 14px;
+	padding-top: 24px;
+	border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
 .why-card .avatar {
-  width: 44px; height: 44px;
-  border-radius: 50%;
-  background: linear-gradient(135deg, var(--red-400), var(--red-700));
-  display: grid; place-items: center;
-  font-weight: 600;
-  font-size: 15px;
-  color: #fff;
-}
-.why-card .name { font-weight: 600; color: #fff; font-size: 16px; }
-.why-card .role { font-size: 14px; color: rgba(255,255,255,0.55); }
+	width: 44px;
+	height: 44px;
+	border-radius: 50%;
+	background: linear-gradient(135deg, var(--red-400), var(--red-700));
+	display: grid;
+	place-items: center;
+	font-weight: 600;
+	font-size: 15px;
+	color: #fff;
+}
+.why-card .name {
+	font-weight: 600;
+	color: #fff;
+	font-size: 16px;
+}
+.why-card .role {
+	font-size: 14px;
+	color: rgba(255, 255, 255, 0.55);
+}
 
 .contact-grid {
-  display: grid;
-  grid-template-columns: 1.25fr 0.9fr;
-  gap: clamp(40px, 5vw, 64px);
-  align-items: start;
+	display: grid;
+	grid-template-columns: 1.25fr 0.9fr;
+	gap: clamp(40px, 5vw, 64px);
+	align-items: start;
+}
+@media (max-width: 920px) {
+	.contact-grid {
+		grid-template-columns: 1fr;
+	}
 }
-@media (max-width: 920px) { .contact-grid { grid-template-columns: 1fr; } }
 
 .form-card {
-  background: #fff;
-  border: 1px solid var(--stroke-neutral);
-  border-top: 4px solid var(--red-500);
-  border-radius: var(--radius-2xl);
-  padding: clamp(32px, 4vw, 48px);
-  box-shadow: var(--shadow-overlay);
-  position: relative;
+	background: #fff;
+	border: 1px solid var(--stroke-neutral);
+	border-top: 4px solid var(--red-500);
+	border-radius: var(--radius-2xl);
+	padding: clamp(32px, 4vw, 48px);
+	box-shadow: var(--shadow-overlay);
+	position: relative;
 }
 .form-card::before {
-  content: "";
-  position: absolute;
-  inset: -2px;
-  border-radius: var(--radius-2xl);
-  background: linear-gradient(180deg, rgba(204,65,65,0.18), transparent 30%);
-  z-index: -1;
-  pointer-events: none;
-}
-.form-card .form-header { margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--stroke-neutral-weak); }
+	content: '';
+	position: absolute;
+	inset: -2px;
+	border-radius: var(--radius-2xl);
+	background: linear-gradient(180deg, rgba(204, 65, 65, 0.18), transparent 30%);
+	z-index: -1;
+	pointer-events: none;
+}
+.form-card .form-header {
+	margin-bottom: 24px;
+	padding-bottom: 20px;
+	border-bottom: 1px solid var(--stroke-neutral-weak);
+}
 .form-card .form-header h3 {
-  font-family: var(--font-display);
-  font-size: 22px;
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  color: var(--text-neutral-strong);
-  margin: 0 0 6px;
-}
-.form-card .form-header p { font-size: 16px; color: var(--text-neutral-weak); margin: 0; }
-.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
-@media (max-width: 560px) { .form-row { grid-template-columns: 1fr; } }
-.field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
+	font-family: var(--font-display);
+	font-size: 22px;
+	font-weight: 700;
+	letter-spacing: -0.02em;
+	color: var(--text-neutral-strong);
+	margin: 0 0 6px;
+}
+.form-card .form-header p {
+	font-size: 16px;
+	color: var(--text-neutral-weak);
+	margin: 0;
+}
+.form-row {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	gap: 16px;
+}
+@media (max-width: 560px) {
+	.form-row {
+		grid-template-columns: 1fr;
+	}
+}
+.field {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	margin-bottom: 16px;
+}
 .field label {
-  font-size: 13px;
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--text-neutral-weak);
-}
-.field label .req { color: var(--red-500); margin-left: 2px; }
-.field input, .field select, .field textarea {
-  font: inherit;
-  font-size: 16px;
-  font-weight: 500;
-  padding: 12px 14px;
-  border: 1px solid var(--stroke-neutral);
-  border-radius: var(--radius);
-  background: #fff;
-  color: var(--text-neutral-strong);
-  transition: border-color var(--duration-fast) var(--ease-out),
-              box-shadow var(--duration-fast) var(--ease-out);
+	font-size: 13px;
+	font-weight: 600;
+	letter-spacing: 0.08em;
+	text-transform: uppercase;
+	color: var(--text-neutral-weak);
+}
+.field label .req {
+	color: var(--red-500);
+	margin-left: 2px;
+}
+.field input,
+.field select,
+.field textarea {
+	font: inherit;
+	font-size: 16px;
+	font-weight: 500;
+	padding: 12px 14px;
+	border: 1px solid var(--stroke-neutral);
+	border-radius: var(--radius);
+	background: #fff;
+	color: var(--text-neutral-strong);
+	transition:
+		border-color var(--duration-fast) var(--ease-out),
+		box-shadow var(--duration-fast) var(--ease-out);
 }
 .field select {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  padding-right: 42px;
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");
-  background-repeat: no-repeat;
-  background-position: right 14px center;
-  background-size: 16px 16px;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	padding-right: 42px;
+	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");
+	background-repeat: no-repeat;
+	background-position: right 14px center;
+	background-size: 16px 16px;
 }
 .field select:focus {
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23cc4141' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");
+	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23cc4141' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");
 }
-.field textarea { resize: vertical; min-height: 110px; line-height: 1.55; }
-.field input:focus, .field select:focus, .field textarea:focus {
-  outline: none;
-  border-color: var(--red-400);
-  box-shadow: var(--shadow-ring);
+.field textarea {
+	resize: vertical;
+	min-height: 110px;
+	line-height: 1.55;
+}
+.field input:focus,
+.field select:focus,
+.field textarea:focus {
+	outline: none;
+	border-color: var(--red-400);
+	box-shadow: var(--shadow-ring);
 }
 .form-actions {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 16px;
-  margin-top: 12px;
-  flex-wrap: wrap;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	gap: 16px;
+	margin-top: 12px;
+	flex-wrap: wrap;
 }
 .form-actions .privacy {
-  font-size: 16px;
-  color: var(--text-neutral-weaker);
-  line-height: 1.5;
-  flex: 1;
-  min-width: 240px;
+	font-size: 16px;
+	color: var(--text-neutral-weaker);
+	line-height: 1.5;
+	flex: 1;
+	min-width: 240px;
+}
+.form-actions .privacy a {
+	color: var(--text-neutral);
+	text-decoration: underline;
+	text-underline-offset: 2px;
 }
-.form-actions .privacy a { color: var(--text-neutral); text-decoration: underline; text-underline-offset: 2px; }
 
 .form-success {
-  display: none;
-  padding: 20px;
-  background: var(--green-100);
-  border: 1px solid var(--green-500);
-  border-radius: var(--radius-md);
-  color: var(--green-700);
-  font-size: 16px;
-  margin-top: 16px;
-}
-.form-success.visible { display: flex; gap: 10px; align-items: center; }
+	display: none;
+	padding: 20px;
+	background: var(--green-100);
+	border: 1px solid var(--green-500);
+	border-radius: var(--radius-md);
+	color: var(--green-700);
+	font-size: 16px;
+	margin-top: 16px;
+}
+.form-success.visible {
+	display: flex;
+	gap: 10px;
+	align-items: center;
+}
 
-.form-error[hidden] { display: none; }
+.form-error[hidden] {
+	display: none;
+}
 .form-error {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-  padding: 20px;
-  background: var(--red-50);
-  border: 1px solid var(--red-200);
-  border-radius: var(--radius-md);
-  color: var(--red-800);
-  font-size: 16px;
-  margin-top: 16px;
-}
-.form-error i { color: var(--red-500); flex-shrink: 0; }
-.form-error a { color: var(--red-700); text-decoration: underline; text-underline-offset: 2px; }
+	display: flex;
+	gap: 10px;
+	align-items: center;
+	padding: 20px;
+	background: var(--red-50);
+	border: 1px solid var(--red-200);
+	border-radius: var(--radius-md);
+	color: var(--red-800);
+	font-size: 16px;
+	margin-top: 16px;
+}
+.form-error i {
+	color: var(--red-500);
+	flex-shrink: 0;
+}
+.form-error a {
+	color: var(--red-700);
+	text-decoration: underline;
+	text-underline-offset: 2px;
+}
 
-.contact-aside { display: flex; flex-direction: column; gap: 4px; padding-top: 8px; }
-.contact-aside .item { display: flex; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--stroke-neutral-weak); }
-.contact-aside .item:last-child { border-bottom: none; }
+.contact-aside {
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	padding-top: 8px;
+}
+.contact-aside .item {
+	display: flex;
+	gap: 16px;
+	padding: 20px 0;
+	border-bottom: 1px solid var(--stroke-neutral-weak);
+}
+.contact-aside .item:last-child {
+	border-bottom: none;
+}
 .contact-aside .item .icon {
-  width: 36px; height: 36px;
-  border-radius: var(--radius-md);
-  background: var(--bg-brand-soft);
-  color: var(--red-600);
-  display: grid; place-items: center;
-  flex-shrink: 0;
-}
-.contact-aside .item .icon i { font-size: 14px; }
-.contact-aside h4 { font-size: 17px; font-weight: 600; color: var(--text-neutral-strong); margin: 0 0 4px; }
-.contact-aside p { font-size: 16px; color: var(--text-neutral-weak); margin: 0; line-height: 1.5; }
+	width: 36px;
+	height: 36px;
+	border-radius: var(--radius-md);
+	background: var(--bg-brand-soft);
+	color: var(--red-600);
+	display: grid;
+	place-items: center;
+	flex-shrink: 0;
+}
+.contact-aside .item .icon i {
+	font-size: 14px;
+}
+.contact-aside h4 {
+	font-size: 17px;
+	font-weight: 600;
+	color: var(--text-neutral-strong);
+	margin: 0 0 4px;
+}
+.contact-aside p {
+	font-size: 16px;
+	color: var(--text-neutral-weak);
+	margin: 0;
+	line-height: 1.5;
+}
 
 .faq-grid {
-  display: grid;
-  grid-template-columns: 0.85fr 1.15fr;
-  gap: clamp(40px, 6vw, 80px);
-  align-items: start;
+	display: grid;
+	grid-template-columns: 0.85fr 1.15fr;
+	gap: clamp(40px, 6vw, 80px);
+	align-items: start;
+}
+@media (max-width: 880px) {
+	.faq-grid {
+		grid-template-columns: 1fr;
+	}
+}
+.faq-head .lead {
+	margin-top: 8px;
 }
-@media (max-width: 880px) { .faq-grid { grid-template-columns: 1fr; } }
-.faq-head .lead { margin-top: 8px; }
 .faq-head .faq-helper {
-  margin-top: 36px;
-  padding: 28px;
-  background: #fff;
-  border: 1px solid var(--stroke-neutral);
-  border-top: 4px solid var(--red-500);
-  border-radius: var(--radius-xl);
-  box-shadow: var(--shadow-raised);
-  position: relative;
+	margin-top: 36px;
+	padding: 28px;
+	background: #fff;
+	border: 1px solid var(--stroke-neutral);
+	border-top: 4px solid var(--red-500);
+	border-radius: var(--radius-xl);
+	box-shadow: var(--shadow-raised);
+	position: relative;
 }
 .faq-helper .helper-kicker {
-  font-size: 12px;
-  font-weight: 600;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--red-500);
-  margin-bottom: 8px;
+	font-size: 12px;
+	font-weight: 600;
+	letter-spacing: 0.12em;
+	text-transform: uppercase;
+	color: var(--red-500);
+	margin-bottom: 8px;
 }
 .faq-helper h3 {
-  font-family: var(--font-display);
-  font-size: 22px;
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  line-height: 1.2;
-  color: var(--text-neutral-strong);
-  margin: 0 0 10px;
-}
-.faq-helper p { font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; margin: 0 0 20px; }
-.faq-helper .helper-actions { display: flex; gap: 10px; flex-wrap: wrap; }
-.faq-list { display: flex; flex-direction: column; border-top: 1px solid var(--stroke-neutral); }
-details.faq-item { border-bottom: 1px solid var(--stroke-neutral); }
+	font-family: var(--font-display);
+	font-size: 22px;
+	font-weight: 700;
+	letter-spacing: -0.02em;
+	line-height: 1.2;
+	color: var(--text-neutral-strong);
+	margin: 0 0 10px;
+}
+.faq-helper p {
+	font-size: 16px;
+	color: var(--text-neutral-weak);
+	line-height: 1.55;
+	margin: 0 0 20px;
+}
+.faq-helper .helper-actions {
+	display: flex;
+	gap: 10px;
+	flex-wrap: wrap;
+}
+.faq-list {
+	display: flex;
+	flex-direction: column;
+	border-top: 1px solid var(--stroke-neutral);
+}
+details.faq-item {
+	border-bottom: 1px solid var(--stroke-neutral);
+}
 details.faq-item summary {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 24px;
-  padding: 24px 0;
-  cursor: pointer;
-  list-style: none;
-  font-family: var(--font-display);
-  font-weight: 600;
-  font-size: clamp(18px, 1.6vw, 22px);
-  letter-spacing: -0.015em;
-  line-height: 1.3;
-  color: var(--text-neutral-strong);
-  transition: color var(--duration-fast) var(--ease-out);
-}
-details.faq-item summary::-webkit-details-marker { display: none; }
-details.faq-item summary:hover { color: var(--red-600); }
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 24px;
+	padding: 24px 0;
+	cursor: pointer;
+	list-style: none;
+	font-family: var(--font-display);
+	font-weight: 600;
+	font-size: clamp(18px, 1.6vw, 22px);
+	letter-spacing: -0.015em;
+	line-height: 1.3;
+	color: var(--text-neutral-strong);
+	transition: color var(--duration-fast) var(--ease-out);
+}
+details.faq-item summary::-webkit-details-marker {
+	display: none;
+}
+details.faq-item summary:hover {
+	color: var(--red-600);
+}
 details.faq-item .toggle {
-  flex-shrink: 0;
-  width: 36px; height: 36px;
-  border-radius: 50%;
-  background: var(--grey-50);
-  border: 1px solid var(--stroke-neutral);
-  display: grid; place-items: center;
-  color: var(--text-neutral);
-  transition: background var(--duration-fast) var(--ease-out),
-              color var(--duration-fast) var(--ease-out),
-              transform var(--duration-normal) var(--ease-out);
-}
-details.faq-item .toggle i { font-size: 12px; }
+	flex-shrink: 0;
+	width: 36px;
+	height: 36px;
+	border-radius: 50%;
+	background: var(--grey-50);
+	border: 1px solid var(--stroke-neutral);
+	display: grid;
+	place-items: center;
+	color: var(--text-neutral);
+	transition:
+		background var(--duration-fast) var(--ease-out),
+		color var(--duration-fast) var(--ease-out),
+		transform var(--duration-normal) var(--ease-out);
+}
+details.faq-item .toggle i {
+	font-size: 12px;
+}
 details[open].faq-item .toggle {
-  background: var(--red-500);
-  border-color: var(--red-500);
-  color: #fff;
-  transform: rotate(45deg);
-}
-details.faq-item .answer { padding: 0 0 24px; max-width: 64ch; }
-details.faq-item .answer p { font-size: 16px; line-height: 1.6; color: var(--text-neutral-weak); margin: 0 0 12px; }
-details.faq-item .answer p:last-child { margin-bottom: 0; }
+	background: var(--red-500);
+	border-color: var(--red-500);
+	color: #fff;
+	transform: rotate(45deg);
+}
+details.faq-item .answer {
+	padding: 0 0 24px;
+	max-width: 64ch;
+}
+details.faq-item .answer p {
+	font-size: 16px;
+	line-height: 1.6;
+	color: var(--text-neutral-weak);
+	margin: 0 0 12px;
+}
+details.faq-item .answer p:last-child {
+	margin-bottom: 0;
+}
 
 .cta-banner {
-  background: var(--grey-900);
-  color: #fff;
-  padding: clamp(56px, 8vw, 96px) 0;
-  text-align: center;
-  position: relative;
-  overflow: hidden;
+	background: var(--grey-900);
+	color: #fff;
+	padding: clamp(56px, 8vw, 96px) 0;
+	text-align: center;
+	position: relative;
+	overflow: hidden;
 }
 .cta-banner::before {
-  content: "";
-  position: absolute;
-  top: 50%; left: 50%;
-  transform: translate(-50%, -50%);
-  width: 1100px; height: 1100px;
-  background: radial-gradient(closest-side, rgba(204,65,65,0.18), transparent 70%);
-  pointer-events: none;
-}
-.cta-banner .container { position: relative; z-index: 1; }
+	content: '';
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	width: 1100px;
+	height: 1100px;
+	background: radial-gradient(
+		closest-side,
+		rgba(204, 65, 65, 0.18),
+		transparent 70%
+	);
+	pointer-events: none;
+}
+.cta-banner .container {
+	position: relative;
+	z-index: 1;
+}
 .cta-banner h2 {
-  font-family: var(--font-display);
-  font-size: clamp(32px, 4.4vw, 52px);
-  font-weight: 700;
-  letter-spacing: -0.025em;
-  line-height: 1.05;
-  margin: 0 0 16px;
-  color: #fff;
-  text-wrap: balance;
-}
-.cta-banner p { font-size: 18px; color: rgba(255,255,255,0.7); max-width: 600px; margin: 0 auto 32px; }
+	font-family: var(--font-display);
+	font-size: clamp(32px, 4.4vw, 52px);
+	font-weight: 700;
+	letter-spacing: -0.025em;
+	line-height: 1.05;
+	margin: 0 0 16px;
+	color: #fff;
+	text-wrap: balance;
+}
+.cta-banner p {
+	font-size: 18px;
+	color: rgba(255, 255, 255, 0.7);
+	max-width: 600px;
+	margin: 0 auto 32px;
+}
 
-footer { background: #fff; padding: 64px 0 32px; border-top: 1px solid var(--stroke-neutral-weak); }
-.footer-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 48px; margin-bottom: 48px; }
+footer {
+	background: #fff;
+	padding: 64px 0 32px;
+	border-top: 1px solid var(--stroke-neutral-weak);
+}
+.footer-grid {
+	display: grid;
+	grid-template-columns: 2fr 1fr;
+	gap: 48px;
+	margin-bottom: 48px;
+}
 @media (max-width: 880px) {
-  .footer-grid { grid-template-columns: 1fr 1fr; }
-  .footer-grid > div:first-child { grid-column: 1 / -1; }
+	.footer-grid {
+		grid-template-columns: 1fr 1fr;
+	}
+	.footer-grid > div:first-child {
+		grid-column: 1 / -1;
+	}
+}
+.footer-brand img {
+	height: 36px;
+}
+.footer-brand p {
+	margin-top: 18px;
+	font-size: 16px;
+	color: var(--text-neutral-weak);
+	line-height: 1.55;
+	max-width: 36ch;
 }
-.footer-brand img { height: 36px; }
-.footer-brand p { margin-top: 18px; font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; max-width: 36ch; }
 .footer-col h5 {
-  font-size: 12px;
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--text-neutral-strong);
-  margin: 0 0 16px;
-}
-.footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
-.footer-col a { font-size: 16px; color: var(--text-neutral-weak); transition: color var(--duration-fast) var(--ease-out); }
-.footer-col a:hover { color: var(--red-500); }
+	font-size: 12px;
+	font-weight: 600;
+	letter-spacing: 0.08em;
+	text-transform: uppercase;
+	color: var(--text-neutral-strong);
+	margin: 0 0 16px;
+}
+.footer-col ul {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+}
+.footer-col a {
+	font-size: 16px;
+	color: var(--text-neutral-weak);
+	transition: color var(--duration-fast) var(--ease-out);
+}
+.footer-col a:hover {
+	color: var(--red-500);
+}
 .footer-bottom {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-top: 24px;
-  border-top: 1px solid var(--stroke-neutral-weak);
-  flex-wrap: wrap;
-  gap: 12px;
-}
-.footer-bottom .legal { font-size: 16px; color: var(--text-neutral-weaker); }
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding-top: 24px;
+	border-top: 1px solid var(--stroke-neutral-weak);
+	flex-wrap: wrap;
+	gap: 12px;
+}
+.footer-bottom .legal {
+	font-size: 16px;
+	color: var(--text-neutral-weaker);
+}
 .footer-bottom .legal a {
-  color: var(--text-neutral-weak);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-  text-decoration-thickness: 1px;
-  transition: color var(--duration-fast) var(--ease-out);
-}
-.footer-bottom .legal a:hover { color: var(--red-500); }
-.footer-bottom .legal .sep { margin: 0 10px; color: var(--stroke-neutral); }
-.footer-bottom .built { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; color: var(--text-neutral-weaker); }
-.footer-bottom .built img { height: 22px; width: auto; }
-.footer-bottom .built strong { color: var(--text-neutral); font-weight: 600; }
+	color: var(--text-neutral-weak);
+	text-decoration: underline;
+	text-underline-offset: 2px;
+	text-decoration-thickness: 1px;
+	transition: color var(--duration-fast) var(--ease-out);
+}
+.footer-bottom .legal a:hover {
+	color: var(--red-500);
+}
+.footer-bottom .legal .sep {
+	margin: 0 10px;
+	color: var(--stroke-neutral);
+}
+.footer-bottom .built {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+	font-size: 16px;
+	color: var(--text-neutral-weaker);
+}
+.footer-bottom .built img {
+	height: 22px;
+	width: auto;
+}
+.footer-bottom .built strong {
+	color: var(--text-neutral);
+	font-weight: 600;
+}
diff --git a/tina/collections/blog.ts b/tina/collections/blog.ts
index a25805d..23a6eaf 100644
--- a/tina/collections/blog.ts
+++ b/tina/collections/blog.ts
@@ -1,49 +1,48 @@
-import type { Collection } from "tinacms";
+import type { Collection } from 'tinacms';
 
 export const BlogCollection: Collection = {
-
-  name: "blog",
-  label: "Blogs",
-  path: "src/content/blog",
-  format: "mdx",
-  ui: {
-    router({ document }) {
-      return `/blog/${document._sys.filename}`;
-    },
-  },
-  fields: [
-    {
-      type: "string",
-      name: "title",
-      label: "Title",
-      isTitle: true,
-      required: true,
-    },
-    {
-      name: "description",
-      label: "Description",
-      type: "string",
-    },
-    {
-      name: "pubDate",
-      label: "Publication Date",
-      type: "datetime",
-    },
-    {
-      name: "updatedDate",
-      label: "Updated Date",
-      type: "datetime",
-    },
-    {
-      name: "heroImage",
-      label: "Hero Image",
-      type: "image",
-    },
-    {
-      type: "rich-text",
-      name: "body",
-      label: "Body",
-      isBody: true,
-    },
-  ],
-}
+	name: 'blog',
+	label: 'Blogs',
+	path: 'src/content/blog',
+	format: 'mdx',
+	ui: {
+		router({ document }) {
+			return `/blog/${document._sys.filename}`;
+		},
+	},
+	fields: [
+		{
+			type: 'string',
+			name: 'title',
+			label: 'Title',
+			isTitle: true,
+			required: true,
+		},
+		{
+			name: 'description',
+			label: 'Description',
+			type: 'string',
+		},
+		{
+			name: 'pubDate',
+			label: 'Publication Date',
+			type: 'datetime',
+		},
+		{
+			name: 'updatedDate',
+			label: 'Updated Date',
+			type: 'datetime',
+		},
+		{
+			name: 'heroImage',
+			label: 'Hero Image',
+			type: 'image',
+		},
+		{
+			type: 'rich-text',
+			name: 'body',
+			label: 'Body',
+			isBody: true,
+		},
+	],
+};
diff --git a/tina/collections/global-config.ts b/tina/collections/global-config.ts
index a4db2aa..7550937 100644
--- a/tina/collections/global-config.ts
+++ b/tina/collections/global-config.ts
@@ -1,107 +1,106 @@
-import type { Collection } from "tinacms";
+import type { Collection } from 'tinacms';
 
 export const GlobalConfigCollection: Collection = {
-  name: "config",
-  label: "Global Config",
-  path: "src/content/config",
-  format: "json",
-  ui: {
-    global: true,
-  },
-  fields: [
-    {
-      name: "seo",
-      label: "General site config",
-      type: "object",
-      fields: [
-        {
-          name: "title",
-          label: "Site title for SEO",
-          type: "string",
-          required: true,
-        },
-        {
-          name: "description",
-          label: "Site description for SEO",
-          type: "string",
-          required: true,
-        },
-        {
-          name: "siteOwner",
-          label: "Your Name, Company Name (Used in the footer",
-          required: true,
-          type: "string",
-          ui: {
-            defaultValue: "Your name here"
-          },
-        },
-        {
-          name: 'logo',
-          label: 'Logo',
-          type: 'image',
-        }
-        //Add more site settings here...
-      ],
-    },
-    {
-      name: "nav",
-      label: "Site Navigation Menu (Reorder, Add, Remove)",
-      type: "object",
-      list: true,
-      ui: {
-        itemProps: (item) => {
-          return {
-            label: item.title
-          };
-        },
-      },
-      fields: [
-        {
-          name: "title",
-          label: "Title of Nav Item",
-          type: "string",
-          required: true
-        },
-        {
-          name: "link",
-          label: "Path of the Nav Item",
-          type: "string",
-          required: true
+	name: 'config',
+	label: 'Global Config',
+	path: 'src/content/config',
+	format: 'json',
+	ui: {
+		global: true,
+	},
+	fields: [
+		{
+			name: 'seo',
+			label: 'General site config',
+			type: 'object',
+			fields: [
+				{
+					name: 'title',
+					label: 'Site title for SEO',
+					type: 'string',
+					required: true,
+				},
+				{
+					name: 'description',
+					label: 'Site description for SEO',
+					type: 'string',
+					required: true,
+				},
+				{
+					name: 'siteOwner',
+					label: 'Your Name, Company Name (Used in the footer',
+					required: true,
+					type: 'string',
+					ui: {
+						defaultValue: 'Your name here',
+					},
+				},
+				{
+					name: 'logo',
+					label: 'Logo',
+					type: 'image',
+				},
+				//Add more site settings here...
+			],
+		},
+		{
+			name: 'nav',
+			label: 'Site Navigation Menu (Reorder, Add, Remove)',
+			type: 'object',
+			list: true,
+			ui: {
+				itemProps: (item) => {
+					return {
+						label: item.title,
+					};
+				},
+			},
+			fields: [
+				{
+					name: 'title',
+					label: 'Title of Nav Item',
+					type: 'string',
+					required: true,
+				},
+				{
+					name: 'link',
+					label: 'Path of the Nav Item',
+					type: 'string',
+					required: true,
+				},
+			],
+		},
+		{
+			name: 'contactLinks',
+			label: 'Contact Links',
+			type: 'object',
+			list: true,
+			ui: {
+				itemProps: (item) => {
+					return {
+						label: item.title,
+					};
+				},
+			},
+			fields: [
+				{
+					name: 'title',
+					label: 'Title',
+					type: 'string',
+				},
+				{
+					name: 'link',
+					label: 'Link',
+					type: 'string',
+				},
+				{
+					name: 'icon',
+					label: 'Icon (e.g. TbBrandX, TbBook2, TbBrandGithub)',
+					type: 'string',
+				},
+			],
+		},
 
-        }
-      ]
-    },
-    {
-      name: "contactLinks",
-      label: "Contact Links",
-      type: "object",
-      list: true,
-      ui: {
-        itemProps: (item) => {
-          return {
-            label: item.title
-          }
-        },
-      },
-      fields: [
-        {
-          name: "title",
-          label: "Title",
-          type: "string"
-        },
-        {
-          name: "link",
-          label: "Link",
-          type: "string"
-        },
-        {
-          name: "icon",
-          label: "Icon (e.g. TbBrandX, TbBook2, TbBrandGithub)",
-          type: "string"
-        }
-      ],
-    }
-
-    // Add other config fields here...
-  ]
-}
+		// Add other config fields here...
+	],
+};
diff --git a/tina/collections/landing.ts b/tina/collections/landing.ts
index b157a17..8691382 100644
--- a/tina/collections/landing.ts
+++ b/tina/collections/landing.ts
@@ -1,355 +1,505 @@
-import type { Collection } from "tinacms";
+import type { Collection } from 'tinacms';
 
 export const LandingCollection: Collection = {
-  name: "landing",
-  label: "Landing page",
-  path: "src/content/landing",
-  format: "json",
-  ui: {
-    allowedActions: { create: false, delete: false },
-    router: ({ document }) =>
-      document._sys.filename === "home" ? "/" : `/${document._sys.filename}`,
-  },
-  fields: [
-    {
-      type: "object",
-      name: "meta",
-      label: "SEO metadata",
-      fields: [
-        { type: "string", name: "title", label: "Page title", required: true },
-        { type: "string", name: "description", label: "Meta description", ui: { component: "textarea" }, required: true },
-      ],
-    },
+	name: 'landing',
+	label: 'Landing page',
+	path: 'src/content/landing',
+	format: 'json',
+	ui: {
+		allowedActions: { create: false, delete: false },
+		router: ({ document }) =>
+			document._sys.filename === 'home' ? '/' : `/${document._sys.filename}`,
+	},
+	fields: [
+		{
+			type: 'object',
+			name: 'meta',
+			label: 'SEO metadata',
+			fields: [
+				{ type: 'string', name: 'title', label: 'Page title', required: true },
+				{
+					type: 'string',
+					name: 'description',
+					label: 'Meta description',
+					ui: { component: 'textarea' },
+					required: true,
+				},
+			],
+		},
 
-    {
-      type: "object",
-      name: "nav",
-      label: "Navigation",
-      fields: [
-        { type: "image", name: "logo", label: "Logo" },
-        { type: "string", name: "region", label: "Region label" },
-        { type: "string", name: "capabilitiesLabel", label: "Capabilities menu label" },
-        {
-          type: "object",
-          name: "capabilities",
-          label: "Capabilities dropdown",
-          list: true,
-          ui: { itemProps: (item) => ({ label: item?.title }) },
-          fields: [
-            { type: "string", name: "icon", label: "Font Awesome icon (e.g. fa-robot)" },
-            { type: "string", name: "title", label: "Title" },
-            { type: "string", name: "description", label: "Description" },
-            { type: "string", name: "href", label: "Link" },
-          ],
-        },
-        {
-          type: "object",
-          name: "links",
-          label: "Nav links",
-          list: true,
-          ui: { itemProps: (item) => ({ label: item?.label }) },
-          fields: [
-            { type: "string", name: "label", label: "Label" },
-            { type: "string", name: "href", label: "Link" },
-          ],
-        },
-        { type: "string", name: "ctaLabel", label: "CTA button label" },
-        { type: "string", name: "ctaHref", label: "CTA button link" },
-      ],
-    },
+		{
+			type: 'object',
+			name: 'nav',
+			label: 'Navigation',
+			fields: [
+				{ type: 'image', name: 'logo', label: 'Logo' },
+				{ type: 'string', name: 'region', label: 'Region label' },
+				{
+					type: 'string',
+					name: 'capabilitiesLabel',
+					label: 'Capabilities menu label',
+				},
+				{
+					type: 'object',
+					name: 'capabilities',
+					label: 'Capabilities dropdown',
+					list: true,
+					ui: { itemProps: (item) => ({ label: item?.title }) },
+					fields: [
+						{
+							type: 'string',
+							name: 'icon',
+							label: 'Font Awesome icon (e.g. fa-robot)',
+						},
+						{ type: 'string', name: 'title', label: 'Title' },
+						{ type: 'string', name: 'description', label: 'Description' },
+						{ type: 'string', name: 'href', label: 'Link' },
+					],
+				},
+				{
+					type: 'object',
+					name: 'links',
+					label: 'Nav links',
+					list: true,
+					ui: { itemProps: (item) => ({ label: item?.label }) },
+					fields: [
+						{ type: 'string', name: 'label', label: 'Label' },
+						{ type: 'string', name: 'href', label: 'Link' },
+					],
+				},
+				{ type: 'string', name: 'ctaLabel', label: 'CTA button label' },
+				{ type: 'string', name: 'ctaHref', label: 'CTA button link' },
+			],
+		},
 
-    {
-      type: "object",
-      name: "hero",
-      label: "Hero",
-      fields: [
-        { type: "string", name: "eyebrow", label: "Eyebrow" },
-        {
-          type: "string",
-          name: "title",
-          label: "Title",
-          description: "Wrap the red accent part in **double asterisks**. Example: Enterprise software, shipped at **AI speed**.",
-        },
-        { type: "string", name: "lead", label: "Lead paragraph", ui: { component: "textarea" } },
-        {
-          type: "object",
-          name: "primaryCta",
-          label: "Primary CTA",
-          fields: [
-            { type: "string", name: "label", label: "Label" },
-            { type: "string", name: "href", label: "Link" },
-            { type: "string", name: "icon", label: "Font Awesome icon" },
-          ],
-        },
-        {
-          type: "object",
-          name: "secondaryCta",
-          label: "Secondary CTA",
-          fields: [
-            { type: "string", name: "label", label: "Label" },
-            { type: "string", name: "href", label: "Link" },
-            { type: "string", name: "icon", label: "Font Awesome icon" },
-          ],
-        },
-        {
-          type: "object",
-          name: "checks",
-          label: "Trust checks",
-          list: true,
-          ui: { itemProps: (item) => ({ label: item?.text }) },
-          fields: [{ type: "string", name: "text", label: "Text" }],
-        },
-        { type: "image", name: "image", label: "Hero image" },
-        { type: "string", name: "imageAlt", label: "Hero image alt text" },
-      ],
-    },
+		{
+			type: 'object',
+			name: 'hero',
+			label: 'Hero',
+			fields: [
+				{ type: 'string', name: 'eyebrow', label: 'Eyebrow' },
+				{
+					type: 'string',
+					name: 'title',
+					label: 'Title',
+					description:
+						'Wrap the red accent part in **double asterisks**. Example: Enterprise software, shipped at **AI speed**.',
+				},
+				{
+					type: 'string',
+					name: 'lead',
+					label: 'Lead paragraph',
+					ui: { component: 'textarea' },
+				},
+				{
+					type: 'object',
+					name: 'primaryCta',
+					label: 'Primary CTA',
+					fields: [
+						{ type: 'string', name: 'label', label: 'Label' },
+						{ type: 'string', name: 'href', label: 'Link' },
+						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
+					],
+				},
+				{
+					type: 'object',
+					name: 'secondaryCta',
+					label: 'Secondary CTA',
+					fields: [
+						{ type: 'string', name: 'label', label: 'Label' },
+						{ type: 'string', name: 'href', label: 'Link' },
+						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
+					],
+				},
+				{
+					type: 'object',
+					name: 'checks',
+					label: 'Trust checks',
+					list: true,
+					ui: { itemProps: (item) => ({ label: item?.text }) },
+					fields: [{ type: 'string', name: 'text', label: 'Text' }],
+				},
+				{ type: 'image', name: 'image', label: 'Hero image' },
+				{ type: 'string', name: 'imageAlt', label: 'Hero image alt text' },
+			],
+		},
 
-    {
-      type: "object",
-      name: "stats",
-      label: "Stats strip",
-      list: true,
-      ui: { itemProps: (item) => ({ label: `${item?.number ?? ""}${item?.suffix ?? ""} — ${item?.label ?? ""}` }) },
-      fields: [
-        { type: "string", name: "number", label: "Number" },
-        { type: "string", name: "suffix", label: "Suffix (red, e.g. +, ×, %)" },
-        { type: "string", name: "label", label: "Label", ui: { component: "textarea" } },
-      ],
-    },
+		{
+			type: 'object',
+			name: 'stats',
+			label: 'Stats strip',
+			list: true,
+			ui: {
+				itemProps: (item) => ({
+					label: `${item?.number ?? ''}${item?.suffix ?? ''} — ${item?.label ?? ''}`,
+				}),
+			},
+			fields: [
+				{ type: 'string', name: 'number', label: 'Number' },
+				{ type: 'string', name: 'suffix', label: 'Suffix (red, e.g. +, ×, %)' },
+				{
+					type: 'string',
+					name: 'label',
+					label: 'Label',
+					ui: { component: 'textarea' },
+				},
+			],
+		},
 
-    {
-      type: "object",
-      name: "benefitsSection",
-      label: "Benefits section",
-      fields: [
-        { type: "string", name: "kicker", label: "Kicker" },
-        { type: "string", name: "title", label: "Section title" },
-        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
-        {
-          type: "object",
-          name: "items",
-          label: "Benefits",
-          list: true,
-          ui: { itemProps: (item) => ({ label: item?.title }) },
-          fields: [
-            { type: "string", name: "icon", label: "Font Awesome icon" },
-            { type: "string", name: "title", label: "Title" },
-            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
-          ],
-        },
-      ],
-    },
+		{
+			type: 'object',
+			name: 'benefitsSection',
+			label: 'Benefits section',
+			fields: [
+				{ type: 'string', name: 'kicker', label: 'Kicker' },
+				{ type: 'string', name: 'title', label: 'Section title' },
+				{
+					type: 'string',
+					name: 'lead',
+					label: 'Lead',
+					ui: { component: 'textarea' },
+				},
+				{
+					type: 'object',
+					name: 'items',
+					label: 'Benefits',
+					list: true,
+					ui: { itemProps: (item) => ({ label: item?.title }) },
+					fields: [
+						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
+						{ type: 'string', name: 'title', label: 'Title' },
+						{
+							type: 'string',
+							name: 'description',
+							label: 'Description',
+							ui: { component: 'textarea' },
+						},
+					],
+				},
+			],
+		},
 
-    {
-      type: "object",
-      name: "servicesSection",
-      label: "Capabilities section",
-      fields: [
-        { type: "string", name: "kicker", label: "Kicker" },
-        { type: "string", name: "title", label: "Section title" },
-        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
-        {
-          type: "object",
-          name: "items",
-          label: "Services",
-          list: true,
-          ui: { itemProps: (item) => ({ label: item?.title }) },
-          fields: [
-            { type: "string", name: "icon", label: "Font Awesome icon" },
-            { type: "string", name: "title", label: "Title" },
-            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
-          ],
-        },
-      ],
-    },
+		{
+			type: 'object',
+			name: 'servicesSection',
+			label: 'Capabilities section',
+			fields: [
+				{ type: 'string', name: 'kicker', label: 'Kicker' },
+				{ type: 'string', name: 'title', label: 'Section title' },
+				{
+					type: 'string',
+					name: 'lead',
+					label: 'Lead',
+					ui: { component: 'textarea' },
+				},
+				{
+					type: 'object',
+					name: 'items',
+					label: 'Services',
+					list: true,
+					ui: { itemProps: (item) => ({ label: item?.title }) },
+					fields: [
+						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
+						{ type: 'string', name: 'title', label: 'Title' },
+						{
+							type: 'string',
+							name: 'description',
+							label: 'Description',
+							ui: { component: 'textarea' },
+						},
+					],
+				},
+			],
+		},
 
-    {
-      type: "object",
-      name: "howSection",
-      label: "How it works section",
-      fields: [
-        { type: "string", name: "kicker", label: "Kicker" },
-        { type: "string", name: "title", label: "Section title" },
-        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
-        {
-          type: "object",
-          name: "steps",
-          label: "Steps",
-          list: true,
-          ui: { itemProps: (item) => ({ label: item?.title }) },
-          fields: [
-            { type: "string", name: "icon", label: "Font Awesome icon" },
-            { type: "string", name: "stepLabel", label: "Step label (e.g. Step 01)" },
-            { type: "string", name: "title", label: "Title" },
-            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
-          ],
-        },
-      ],
-    },
+		{
+			type: 'object',
+			name: 'howSection',
+			label: 'How it works section',
+			fields: [
+				{ type: 'string', name: 'kicker', label: 'Kicker' },
+				{ type: 'string', name: 'title', label: 'Section title' },
+				{
+					type: 'string',
+					name: 'lead',
+					label: 'Lead',
+					ui: { component: 'textarea' },
+				},
+				{
+					type: 'object',
+					name: 'steps',
+					label: 'Steps',
+					list: true,
+					ui: { itemProps: (item) => ({ label: item?.title }) },
+					fields: [
+						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
+						{
+							type: 'string',
+							name: 'stepLabel',
+							label: 'Step label (e.g. Step 01)',
+						},
+						{ type: 'string', name: 'title', label: 'Title' },
+						{
+							type: 'string',
+							name: 'description',
+							label: 'Description',
+							ui: { component: 'textarea' },
+						},
+					],
+				},
+			],
+		},
 
-    {
-      type: "object",
-      name: "whySection",
-      label: "Why SSW section",
-      fields: [
-        { type: "string", name: "kicker", label: "Kicker" },
-        { type: "string", name: "title", label: "Section title" },
-        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
-        {
-          type: "object",
-          name: "rows",
-          label: "Rows",
-          list: true,
-          ui: { itemProps: (item) => ({ label: item?.title }) },
-          fields: [
-            { type: "string", name: "icon", label: "Font Awesome icon" },
-            { type: "string", name: "title", label: "Title" },
-            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
-          ],
-        },
-        {
-          type: "object",
-          name: "testimonial",
-          label: "Testimonial",
-          fields: [
-            { type: "string", name: "quote", label: "Quote", ui: { component: "textarea" } },
-            { type: "string", name: "avatarInitials", label: "Avatar initials" },
-            { type: "string", name: "name", label: "Name" },
-            { type: "string", name: "role", label: "Role / company" },
-          ],
-        },
-      ],
-    },
+		{
+			type: 'object',
+			name: 'whySection',
+			label: 'Why SSW section',
+			fields: [
+				{ type: 'string', name: 'kicker', label: 'Kicker' },
+				{ type: 'string', name: 'title', label: 'Section title' },
+				{
+					type: 'string',
+					name: 'lead',
+					label: 'Lead',
+					ui: { component: 'textarea' },
+				},
+				{
+					type: 'object',
+					name: 'rows',
+					label: 'Rows',
+					list: true,
+					ui: { itemProps: (item) => ({ label: item?.title }) },
+					fields: [
+						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
+						{ type: 'string', name: 'title', label: 'Title' },
+						{
+							type: 'string',
+							name: 'description',
+							label: 'Description',
+							ui: { component: 'textarea' },
+						},
+					],
+				},
+				{
+					type: 'object',
+					name: 'testimonial',
+					label: 'Testimonial',
+					fields: [
+						{
+							type: 'string',
+							name: 'quote',
+							label: 'Quote',
+							ui: { component: 'textarea' },
+						},
+						{
+							type: 'string',
+							name: 'avatarInitials',
+							label: 'Avatar initials',
+						},
+						{ type: 'string', name: 'name', label: 'Name' },
+						{ type: 'string', name: 'role', label: 'Role / company' },
+					],
+				},
+			],
+		},
 
-    {
-      type: "object",
-      name: "faqSection",
-      label: "FAQ section",
-      fields: [
-        { type: "string", name: "kicker", label: "Kicker" },
-        { type: "string", name: "title", label: "Section title" },
-        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
-        {
-          type: "object",
-          name: "helper",
-          label: "Helper card",
-          fields: [
-            { type: "string", name: "kicker", label: "Kicker" },
-            { type: "string", name: "title", label: "Title" },
-            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
-            { type: "string", name: "ctaLabel", label: "CTA label" },
-            { type: "string", name: "ctaHref", label: "CTA link" },
-            { type: "string", name: "ctaIcon", label: "CTA Font Awesome icon" },
-          ],
-        },
-        {
-          type: "object",
-          name: "items",
-          label: "Questions",
-          list: true,
-          ui: { itemProps: (item) => ({ label: item?.question }) },
-          fields: [
-            { type: "string", name: "question", label: "Question" },
-            {
-              type: "object",
-              name: "paragraphs",
-              label: "Answer paragraphs",
-              list: true,
-              ui: { itemProps: (item) => ({ label: item?.text?.slice(0, 60) }) },
-              fields: [{ type: "string", name: "text", label: "Paragraph", ui: { component: "textarea" } }],
-            },
-            { type: "boolean", name: "openByDefault", label: "Open by default" },
-          ],
-        },
-      ],
-    },
+		{
+			type: 'object',
+			name: 'faqSection',
+			label: 'FAQ section',
+			fields: [
+				{ type: 'string', name: 'kicker', label: 'Kicker' },
+				{ type: 'string', name: 'title', label: 'Section title' },
+				{
+					type: 'string',
+					name: 'lead',
+					label: 'Lead',
+					ui: { component: 'textarea' },
+				},
+				{
+					type: 'object',
+					name: 'helper',
+					label: 'Helper card',
+					fields: [
+						{ type: 'string', name: 'kicker', label: 'Kicker' },
+						{ type: 'string', name: 'title', label: 'Title' },
+						{
+							type: 'string',
+							name: 'description',
+							label: 'Description',
+							ui: { component: 'textarea' },
+						},
+						{ type: 'string', name: 'ctaLabel', label: 'CTA label' },
+						{ type: 'string', name: 'ctaHref', label: 'CTA link' },
+						{ type: 'string', name: 'ctaIcon', label: 'CTA Font Awesome icon' },
+					],
+				},
+				{
+					type: 'object',
+					name: 'items',
+					label: 'Questions',
+					list: true,
+					ui: { itemProps: (item) => ({ label: item?.question }) },
+					fields: [
+						{ type: 'string', name: 'question', label: 'Question' },
+						{
+							type: 'object',
+							name: 'paragraphs',
+							label: 'Answer paragraphs',
+							list: true,
+							ui: {
+								itemProps: (item) => ({ label: item?.text?.slice(0, 60) }),
+							},
+							fields: [
+								{
+									type: 'string',
+									name: 'text',
+									label: 'Paragraph',
+									ui: { component: 'textarea' },
+								},
+							],
+						},
+						{
+							type: 'boolean',
+							name: 'openByDefault',
+							label: 'Open by default',
+						},
+					],
+				},
+			],
+		},
 
-    {
-      type: "object",
-      name: "contactSection",
-      label: "Contact section",
-      fields: [
-        { type: "string", name: "kicker", label: "Kicker" },
-        { type: "string", name: "title", label: "Section title" },
-        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
-        {
-          type: "object",
-          name: "form",
-          label: "Form copy",
-          fields: [
-            { type: "string", name: "title", label: "Form title" },
-            { type: "string", name: "description", label: "Form description" },
-            { type: "string", name: "submitLabel", label: "Submit button label" },
-            { type: "string", name: "submitIcon", label: "Submit icon (Font Awesome)" },
-            { type: "string", name: "privacy", label: "Privacy text", ui: { component: "textarea" } },
-            { type: "string", name: "privacyLinkLabel", label: "Privacy link label" },
-            { type: "string", name: "privacyLinkHref", label: "Privacy link URL" },
-            { type: "string", name: "successText", label: "Success message" },
-            {
-              type: "string",
-              name: "jotformId",
-              label: "Jotform form ID",
-              required: true,
-              description:
-                "Numeric ID from https://form.jotform.com/{id}. Submissions POST to https://submit.jotform.com/submit/{id}/ — Jotform field names must match: name, company, email, country, project_type, budget, message. Required: without it the form cannot submit anywhere useful.",
-            },
-          ],
-        },
-        {
-          type: "object",
-          name: "asideItems",
-          label: "Contact details",
-          list: true,
-          ui: { itemProps: (item) => ({ label: item?.title }) },
-          fields: [
-            { type: "string", name: "icon", label: "Font Awesome icon" },
-            { type: "string", name: "title", label: "Title" },
-            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
-          ],
-        },
-      ],
-    },
+		{
+			type: 'object',
+			name: 'contactSection',
+			label: 'Contact section',
+			fields: [
+				{ type: 'string', name: 'kicker', label: 'Kicker' },
+				{ type: 'string', name: 'title', label: 'Section title' },
+				{
+					type: 'string',
+					name: 'lead',
+					label: 'Lead',
+					ui: { component: 'textarea' },
+				},
+				{
+					type: 'object',
+					name: 'form',
+					label: 'Form copy',
+					fields: [
+						{ type: 'string', name: 'title', label: 'Form title' },
+						{ type: 'string', name: 'description', label: 'Form description' },
+						{
+							type: 'string',
+							name: 'submitLabel',
+							label: 'Submit button label',
+						},
+						{
+							type: 'string',
+							name: 'submitIcon',
+							label: 'Submit icon (Font Awesome)',
+						},
+						{
+							type: 'string',
+							name: 'privacy',
+							label: 'Privacy text',
+							ui: { component: 'textarea' },
+						},
+						{
+							type: 'string',
+							name: 'privacyLinkLabel',
+							label: 'Privacy link label',
+						},
+						{
+							type: 'string',
+							name: 'privacyLinkHref',
+							label: 'Privacy link URL',
+						},
+						{ type: 'string', name: 'successText', label: 'Success message' },
+						{
+							type: 'string',
+							name: 'jotformId',
+							label: 'Jotform form ID',
+							required: true,
+							description:
+								'Numeric ID from https://form.jotform.com/{id}. Submissions POST to https://submit.jotform.com/submit/{id}/ — Jotform field names must match: name, company, email, country, project_type, budget, message. Required: without it the form cannot submit anywhere useful.',
+						},
+					],
+				},
+				{
+					type: 'object',
+					name: 'asideItems',
+					label: 'Contact details',
+					list: true,
+					ui: { itemProps: (item) => ({ label: item?.title }) },
+					fields: [
+						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
+						{ type: 'string', name: 'title', label: 'Title' },
+						{
+							type: 'string',
+							name: 'description',
+							label: 'Description',
+							ui: { component: 'textarea' },
+						},
+					],
+				},
+			],
+		},
 
-    {
-      type: "object",
-      name: "ctaBanner",
-      label: "CTA banner",
-      fields: [
-        { type: "string", name: "title", label: "Title" },
-        { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
-        { type: "string", name: "ctaLabel", label: "CTA label" },
-        { type: "string", name: "ctaHref", label: "CTA link" },
-        { type: "string", name: "ctaIcon", label: "CTA Font Awesome icon" },
-      ],
-    },
+		{
+			type: 'object',
+			name: 'ctaBanner',
+			label: 'CTA banner',
+			fields: [
+				{ type: 'string', name: 'title', label: 'Title' },
+				{
+					type: 'string',
+					name: 'description',
+					label: 'Description',
+					ui: { component: 'textarea' },
+				},
+				{ type: 'string', name: 'ctaLabel', label: 'CTA label' },
+				{ type: 'string', name: 'ctaHref', label: 'CTA link' },
+				{ type: 'string', name: 'ctaIcon', label: 'CTA Font Awesome icon' },
+			],
+		},
 
-    {
-      type: "object",
-      name: "footer",
-      label: "Footer",
-      fields: [
-        { type: "image", name: "logo", label: "Logo" },
-        { type: "string", name: "tagline", label: "Tagline", ui: { component: "textarea" } },
-        { type: "string", name: "columnTitle", label: "Links column title" },
-        {
-          type: "object",
-          name: "links",
-          label: "Links",
-          list: true,
-          ui: { itemProps: (item) => ({ label: item?.label }) },
-          fields: [
-            { type: "string", name: "label", label: "Label" },
-            { type: "string", name: "href", label: "Link" },
-          ],
-        },
-        { type: "string", name: "copyright", label: "Copyright" },
-        { type: "string", name: "termsLabel", label: "Terms link label" },
-        { type: "string", name: "termsHref", label: "Terms link URL" },
-        { type: "string", name: "builtWithText", label: "Built with text" },
-        { type: "string", name: "builtWithName", label: "Built with name (e.g. TinaCMS)" },
-        { type: "string", name: "builtWithHref", label: "Built with link URL" },
-        { type: "image", name: "builtWithLogo", label: "Built with logo" },
-      ],
-    },
-  ],
+		{
+			type: 'object',
+			name: 'footer',
+			label: 'Footer',
+			fields: [
+				{ type: 'image', name: 'logo', label: 'Logo' },
+				{
+					type: 'string',
+					name: 'tagline',
+					label: 'Tagline',
+					ui: { component: 'textarea' },
+				},
+				{ type: 'string', name: 'columnTitle', label: 'Links column title' },
+				{
+					type: 'object',
+					name: 'links',
+					label: 'Links',
+					list: true,
+					ui: { itemProps: (item) => ({ label: item?.label }) },
+					fields: [
+						{ type: 'string', name: 'label', label: 'Label' },
+						{ type: 'string', name: 'href', label: 'Link' },
+					],
+				},
+				{ type: 'string', name: 'copyright', label: 'Copyright' },
+				{ type: 'string', name: 'termsLabel', label: 'Terms link label' },
+				{ type: 'string', name: 'termsHref', label: 'Terms link URL' },
+				{ type: 'string', name: 'builtWithText', label: 'Built with text' },
+				{
+					type: 'string',
+					name: 'builtWithName',
+					label: 'Built with name (e.g. TinaCMS)',
+				},
+				{ type: 'string', name: 'builtWithHref', label: 'Built with link URL' },
+				{ type: 'image', name: 'builtWithLogo', label: 'Built with logo' },
+			],
+		},
+	],
 };
diff --git a/tina/collections/page.ts b/tina/collections/page.ts
index 29c0ca9..e407bf9 100644
--- a/tina/collections/page.ts
+++ b/tina/collections/page.ts
@@ -1,28 +1,28 @@
-import type { Collection } from "tinacms";
-import { youTubeEmbedTemplate } from "../../src/components/mdx/YouTubeEmbed.template";
+import type { Collection } from 'tinacms';
+import { youTubeEmbedTemplate } from '../../src/components/mdx/YouTubeEmbed.template';
 
 export const PageCollection: Collection = {
-  name: "page",
-  label: "Pages",
-  path: "src/content/page",
-  format: "mdx",
-  ui: {
-    router: ({ document }) => {
-      return `/${document._sys.filename}`;
-    },
-  },
-  fields: [
-    {
-      name: "seoTitle",
-      type: "string",
-      required: true,
-    },
-    {
-      name: "body",
-      type: "rich-text",
-      isBody: true,
-      required: true,
-      templates: [youTubeEmbedTemplate],
-    },
-  ],
+	name: 'page',
+	label: 'Pages',
+	path: 'src/content/page',
+	format: 'mdx',
+	ui: {
+		router: ({ document }) => {
+			return `/${document._sys.filename}`;
+		},
+	},
+	fields: [
+		{
+			name: 'seoTitle',
+			type: 'string',
+			required: true,
+		},
+		{
+			name: 'body',
+			type: 'rich-text',
+			isBody: true,
+			required: true,
+			templates: [youTubeEmbedTemplate],
+		},
+	],
 };
diff --git a/tina/config.ts b/tina/config.ts
index ce3384c..ea1c8e2 100644
--- a/tina/config.ts
+++ b/tina/config.ts
@@ -1,41 +1,41 @@
-import { defineConfig } from "tinacms";
-import { BlogCollection } from "./collections/blog";
-import { GlobalConfigCollection } from "./collections/global-config";
-import { LandingCollection } from "./collections/landing";
-import { PageCollection } from "./collections/page";
+import { defineConfig } from 'tinacms';
+import { BlogCollection } from './collections/blog';
+import { GlobalConfigCollection } from './collections/global-config';
+import { LandingCollection } from './collections/landing';
+import { PageCollection } from './collections/page';
 
 // Your hosting provider likely exposes this as an environment variable
 const branch =
-  process.env.GITHUB_BRANCH ||
-  process.env.VERCEL_GIT_COMMIT_REF ||
-  process.env.HEAD ||
-  "main";
+	process.env.GITHUB_BRANCH ||
+	process.env.VERCEL_GIT_COMMIT_REF ||
+	process.env.HEAD ||
+	'main';
 
 export default defineConfig({
-  branch,
+	branch,
 
-  // Get this from tina.io
-  clientId: process.env.PUBLIC_TINA_CLIENT_ID,
-  // Get this from tina.io
-  token: process.env.TINA_TOKEN,
+	// Get this from tina.io
+	clientId: process.env.PUBLIC_TINA_CLIENT_ID,
+	// Get this from tina.io
+	token: process.env.TINA_TOKEN,
 
-  build: {
-    outputFolder: "admin",
-    publicFolder: "public",
-  },
-  media: {
-    tina: {
-      mediaRoot: "",
-      publicFolder: "public",
-    },
-  },
-  // See docs on content modeling for more info on how to setup new content models: https://tina.io/docs/schema/
-  schema: {
-    collections: [
-      LandingCollection,
-      BlogCollection,
-      PageCollection,
-      GlobalConfigCollection,
-    ],
-  },
+	build: {
+		outputFolder: 'admin',
+		publicFolder: 'public',
+	},
+	media: {
+		tina: {
+			mediaRoot: '',
+			publicFolder: 'public',
+		},
+	},
+	// See docs on content modeling for more info on how to setup new content models: https://tina.io/docs/schema/
+	schema: {
+		collections: [
+			LandingCollection,
+			BlogCollection,
+			PageCollection,
+			GlobalConfigCollection,
+		],
+	},
 });
diff --git a/tsconfig.json b/tsconfig.json
index a4fd774..3e3cdb2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,8 +1,13 @@
 {
-  "extends": "astro/tsconfigs/strict",
-  "include": [".astro/types.d.ts", "**/*"],
-  "exclude": ["dist", "tina/__generated__", "tina/collections", "tina/config.ts"],
-  "compilerOptions": {
-    "strictNullChecks": true
-  }
+	"extends": "astro/tsconfigs/strict",
+	"include": [".astro/types.d.ts", "**/*"],
+	"exclude": [
+		"dist",
+		"tina/__generated__",
+		"tina/collections",
+		"tina/config.ts"
+	],
+	"compilerOptions": {
+		"strictNullChecks": true
+	}
 }

From 6b6b01f0ab19672cfab8874a3793a30112fbc442 Mon Sep 17 00:00:00 2001
From: 0xharkirat <sandhukirat23@gmail.com>
Date: Tue, 26 May 2026 12:55:25 +1000
Subject: [PATCH 2/9] Add CI, repo policies, and Cloudflare deploy workflows
 (closes #6)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Brings repo workflows + policies in line with the main SSW website,
adapted to Global's Astro + Tina + Cloudflare Workers + pnpm stack.

Lint/format foundation:
- ESLint 9 flat config with eslint-plugin-astro and typescript-eslint
- Prettier 3 with prettier-plugin-astro
- New scripts: lint, format, format:check
- .nvmrc pins Node 22.21.1 to match local; .editorconfig adopts the
  same shape as ssw.com.au

Repo policy files (.github/):
- CODEOWNERS: hark owns *; @wicksipedia @GordonBeeming @tiagov8 own
  /.github (matches issue cc list)
- pull_request_template.md: trimmed to the items relevant for Global
- ISSUE_TEMPLATE: bug, feature, tech-debt (skipped Next-specific ones)
- dependabot.yml: weekly npm + github-actions; ignores Tina canary pins
- settings.yml: repo metadata, labels, and branch protection for main
  (1 review, code-owner review, linear history, required status checks
  for lint-code, build, dependency-review, CodeQL, Check linked issues)
- update-settings.yml: dry-runs on PR, applies on push to main

CI workflows (adapted from ssw.com.au):
- pr-lint-code.yml: pnpm lint + pnpm format:check
- pr-build.yml: pnpm run build:local (catches Tina/Astro breakage
  without needing Tina Cloud creds)
- pr-lint-pr.yml: ports the linked-issue check, repathed for Global
  (skips content-only diffs under src/content/)
- pr-dependency-review.yml: critical-only CVE gate (verbatim)
- codeql.yml: JS/TS scan on push/PR/weekly (verbatim)

Cloudflare deploy (replaces CF Builds git integration so we own
preview naming + cleanup):
- main-deploy.yml: builds with Tina + Astro and runs wrangler deploy
  on push to main
- pr-deploy-preview.yml: deploys per-PR Worker
  `ssw-website-global-pr-<num>` and sticky-comments the URL
- pr-close-cleanup.yml: wrangler delete --force on PR close, frees
  the Worker slot

New repo secrets required before the deploy workflows pass:
- CLOUDFLARE_API_TOKEN  (Account: Workers Scripts edit)
- CLOUDFLARE_ACCOUNT_ID
- CLOUDFLARE_WORKERS_SUBDOMAIN  (the *.workers.dev subdomain prefix)

Skipped from ssw.com.au (Azure/Next-specific or Ops-heavy): all
template-*, weekly-*, main-build-and-deploy, main-infra,
pr-push-deploy, pr-close-delete-env, pr-main-infra-check,
daily-image-tests, fetch-people-profiles, notify-n8n-of-articles,
auto-approve-content-changes (defer — needs gh-aw + Copilot setup).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .editorconfig                              |  19 +
 .github/CODEOWNERS                         |   5 +
 .github/ISSUE_TEMPLATE/bug_report.md       |  23 +
 .github/ISSUE_TEMPLATE/feature_request.md  |  19 +
 .github/ISSUE_TEMPLATE/tech_debt.md        |  13 +
 .github/dependabot.yml                     |  26 +
 .github/pull_request_template.md           |  10 +
 .github/settings.yml                       |  75 ++
 .github/workflows/codeql.yml               |  40 +
 .github/workflows/main-deploy.yml          |  52 ++
 .github/workflows/pr-build.yml             |  38 +
 .github/workflows/pr-close-cleanup.yml     |  49 ++
 .github/workflows/pr-dependency-review.yml |  20 +
 .github/workflows/pr-deploy-preview.yml    |  67 ++
 .github/workflows/pr-lint-code.yml         |  36 +
 .github/workflows/pr-lint-pr.yml           |  58 ++
 .github/workflows/update-settings.yml      |  39 +
 .nvmrc                                     |   1 +
 .prettierignore                            |  11 +
 .prettierrc                                |  14 +
 eslint.config.mjs                          |  32 +
 package.json                               |  94 ++-
 pnpm-lock.yaml                             | 856 +++++++++++++++++++++
 23 files changed, 1555 insertions(+), 42 deletions(-)
 create mode 100644 .editorconfig
 create mode 100644 .github/CODEOWNERS
 create mode 100644 .github/ISSUE_TEMPLATE/bug_report.md
 create mode 100644 .github/ISSUE_TEMPLATE/feature_request.md
 create mode 100644 .github/ISSUE_TEMPLATE/tech_debt.md
 create mode 100644 .github/dependabot.yml
 create mode 100644 .github/pull_request_template.md
 create mode 100644 .github/settings.yml
 create mode 100644 .github/workflows/codeql.yml
 create mode 100644 .github/workflows/main-deploy.yml
 create mode 100644 .github/workflows/pr-build.yml
 create mode 100644 .github/workflows/pr-close-cleanup.yml
 create mode 100644 .github/workflows/pr-dependency-review.yml
 create mode 100644 .github/workflows/pr-deploy-preview.yml
 create mode 100644 .github/workflows/pr-lint-code.yml
 create mode 100644 .github/workflows/pr-lint-pr.yml
 create mode 100644 .github/workflows/update-settings.yml
 create mode 100644 .nvmrc
 create mode 100644 .prettierignore
 create mode 100644 .prettierrc
 create mode 100644 eslint.config.mjs

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..a7a5664
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,19 @@
+# https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = tab
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.{md,mdx}]
+trim_trailing_whitespace = false
+
+[*.{json,yml,yaml}]
+indent_style = space
+
+[COMMIT_EDITMSG]
+max_line_length = 0
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
new file mode 100644
index 0000000..7648494
--- /dev/null
+++ b/.github/CODEOWNERS
@@ -0,0 +1,5 @@
+# Default owners for everything
+* @harkirat-singh
+
+# .github folder is owned by repo maintainers
+/.github @wicksipedia @GordonBeeming @tiagov8
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 0000000..d5af2b2
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,23 @@
+---
+name: "\U0001F41B Bug Report"
+about: Report a bug
+title: "\U0001F41B {{ TITLE }}"
+labels: 'Type: Bug'
+assignees: ''
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+
+1.
+2.
+3.
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots / Video**
+If applicable, add screenshots or video to help explain the problem.
+Remember to mark the area in the application that's impacted.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
new file mode 100644
index 0000000..8bd9e74
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -0,0 +1,19 @@
+---
+name: '✨ Feature Request'
+about: Suggest an idea for this project
+title: '✨ {{ TITLE }}'
+labels: 'Type: Feature'
+assignees: ''
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.
diff --git a/.github/ISSUE_TEMPLATE/tech_debt.md b/.github/ISSUE_TEMPLATE/tech_debt.md
new file mode 100644
index 0000000..4ce608c
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/tech_debt.md
@@ -0,0 +1,13 @@
+---
+name: "\U0001F4B8 Tech Debt"
+about: Report tech debt
+title: "\U0001F4B8 {{ TITLE }}"
+labels: 'Type: Refactor'
+assignees: ''
+---
+
+**Description**
+A clear and concise description of what the tech debt is and why it was created.
+
+**Proposed solution**
+How would you fix it?
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
new file mode 100644
index 0000000..adb34f0
--- /dev/null
+++ b/.github/dependabot.yml
@@ -0,0 +1,26 @@
+version: 2
+updates:
+  - package-ecosystem: 'github-actions'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+    labels:
+      - 'Type: Dependencies'
+    commit-message:
+      prefix: 'Actions'
+    rebase-strategy: auto
+
+  - package-ecosystem: 'npm'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+    labels:
+      - 'Type: Dependencies'
+    commit-message:
+      prefix: 'NPM'
+    rebase-strategy: auto
+    ignore:
+      # Tina canary releases use a pinned date-stamped version; let Hark bump these by hand
+      - dependency-name: '@tinacms/astro'
+      - dependency-name: '@tinacms/cli'
+      - dependency-name: 'tinacms'
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
new file mode 100644
index 0000000..8fb52a4
--- /dev/null
+++ b/.github/pull_request_template.md
@@ -0,0 +1,10 @@
+<!-- describe the change, why it is needed, and what it accomplishes -->
+<!-- As per rule https://www.ssw.com.au/rules/over-the-shoulder-prs -->
+
+- Affected routes: <!-- e.g. `/`, `/admin/` -->
+
+- Fixed #{{ ISSUE NUMBER }}
+
+- [ ] Every new piece of user-visible copy is modelled as a Tina field (no hardcoded strings in `.astro` files — see [AGENTS.md](../AGENTS.md))
+- [ ] Local build passes (`pnpm run build:local`)
+- [ ] Done video or screenshots attached below
diff --git a/.github/settings.yml b/.github/settings.yml
new file mode 100644
index 0000000..03bce49
--- /dev/null
+++ b/.github/settings.yml
@@ -0,0 +1,75 @@
+# Synced to GitHub by https://probot.github.io/apps/settings/ via update-settings.yml
+
+repository:
+  name: SSW.Website.Global
+  description: SSW Global Website built with Astro + TinaCMS
+  homepage: https://ssw-website-global.workers.dev
+  topics: astro, tinacms, cloudflare-workers, ssw
+  private: false
+  has_issues: true
+  has_projects: true
+  has_wiki: false
+  has_downloads: false
+  default_branch: main
+  allow_squash_merge: true
+  allow_merge_commit: false
+  allow_rebase_merge: false
+  delete_branch_on_merge: true
+  enable_automated_security_fixes: true
+  enable_vulnerability_alerts: true
+
+labels:
+  - name: Good First Issue
+    color: '7057FF'
+
+  - name: 'Type: Bug'
+    color: 'FF2222'
+    description: A problem with existing functionality
+
+  - name: 'Type: DevOps'
+    color: '1D76DB'
+    description: Setting up of DevOps processes, e.g. GitHub Actions
+
+  - name: 'Type: Documentation'
+    color: 'BABABA'
+    description: Updating documentation (e.g. README, Wiki, Guides)
+
+  - name: 'Type: Feature'
+    color: '6DFF6D'
+    description: A suggested idea for this project
+
+  - name: 'Type: Refactor'
+    color: '0E8A16'
+    description: A code-quality improvement, e.g. tech debt
+
+  - name: 'Type: Dependencies'
+    color: 'FF2222'
+    description: Dependabot found dependencies to upgrade
+
+teams:
+  - name: sswdevelopers
+    permission: push
+  - name: ssw-website-maintainers
+    permission: maintain
+
+branches:
+  - name: main
+    protection:
+      required_pull_request_reviews:
+        required_approving_review_count: 1
+        dismiss_stale_reviews: false
+        require_code_owner_reviews: true
+        dismissal_restrictions:
+          users: []
+          teams: []
+      required_status_checks:
+        strict: false
+        contexts:
+          - 'Check linked issues'
+          - 'dependency-review'
+          - 'lint-code'
+          - 'build'
+          - 'CodeQL'
+      enforce_admins: false
+      required_linear_history: true
+      restrictions: null
diff --git a/.github/workflows/codeql.yml b/.github/workflows/codeql.yml
new file mode 100644
index 0000000..2554fff
--- /dev/null
+++ b/.github/workflows/codeql.yml
@@ -0,0 +1,40 @@
+name: 'CodeQL'
+
+on:
+  push:
+    branches: ['main']
+  pull_request:
+    branches: ['main']
+  schedule:
+    - cron: '0 23 * * SUN'
+
+jobs:
+  analyze:
+    name: CodeQL
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: ['javascript']
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v4
+        with:
+          languages: ${{ matrix.language }}
+
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v4
+
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v4
+        with:
+          category: '/language:${{ matrix.language }}'
diff --git a/.github/workflows/main-deploy.yml b/.github/workflows/main-deploy.yml
new file mode 100644
index 0000000..1b3d016
--- /dev/null
+++ b/.github/workflows/main-deploy.yml
@@ -0,0 +1,52 @@
+name: Main - Build and deploy
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+concurrency:
+  group: deploy-main
+  cancel-in-progress: false
+
+permissions:
+  contents: read
+  deployments: write
+
+jobs:
+  deploy:
+    name: Deploy to production
+    runs-on: ubuntu-latest
+    timeout-minutes: 20
+    environment:
+      name: production
+      url: https://ssw-website-global.workers.dev
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: pnpm/action-setup@v6
+        with:
+          package_json_file: package.json
+          standalone: true
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'pnpm'
+
+      - run: pnpm install --frozen-lockfile
+
+      - name: Build (Tina + Astro)
+        run: pnpm run build
+        env:
+          NODE_OPTIONS: --max-old-space-size=4096
+          SITE_URL: https://ssw-website-global.workers.dev
+
+      - name: Deploy to Cloudflare Workers
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          command: deploy
diff --git a/.github/workflows/pr-build.yml b/.github/workflows/pr-build.yml
new file mode 100644
index 0000000..7c79b14
--- /dev/null
+++ b/.github/workflows/pr-build.yml
@@ -0,0 +1,38 @@
+name: PR - Build
+
+on:
+  pull_request:
+    branches:
+      - main
+
+concurrency:
+  group: ci-${{ github.event.number }}-${{ github.workflow }}
+  cancel-in-progress: true
+
+jobs:
+  build:
+    name: build
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: pnpm/action-setup@v6
+        with:
+          package_json_file: package.json
+          standalone: true
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'pnpm'
+
+      - run: pnpm install --frozen-lockfile
+
+      # Fully local Tina + Astro build — no Tina Cloud creds, no Cloudflare deploy.
+      # Catches schema/type/render breakage before the deploy workflows touch CF.
+      - name: Tina + Astro build (local)
+        run: pnpm run build:local
+        env:
+          NODE_OPTIONS: --max-old-space-size=4096
diff --git a/.github/workflows/pr-close-cleanup.yml b/.github/workflows/pr-close-cleanup.yml
new file mode 100644
index 0000000..3c0e854
--- /dev/null
+++ b/.github/workflows/pr-close-cleanup.yml
@@ -0,0 +1,49 @@
+name: PR - Cleanup preview
+
+on:
+  pull_request:
+    types: [closed]
+    branches:
+      - main
+
+permissions:
+  contents: read
+  pull-requests: write
+
+jobs:
+  delete-preview:
+    name: Delete preview Worker
+    # Skip fork PRs — they cannot read repository secrets
+    if: github.event.pull_request.head.repo.full_name == github.repository
+    runs-on: ubuntu-latest
+    env:
+      PREVIEW_WORKER_NAME: ssw-website-global-pr-${{ github.event.number }}
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: pnpm/action-setup@v6
+        with:
+          package_json_file: package.json
+          standalone: true
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'pnpm'
+
+      - run: pnpm install --frozen-lockfile
+
+      - name: Delete preview Worker
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          command: delete --name ${{ env.PREVIEW_WORKER_NAME }} --force
+
+      - name: Comment cleanup on PR
+        uses: marocchino/sticky-pull-request-comment@v2
+        with:
+          header: preview-url
+          message: |
+            Preview Worker `${{ env.PREVIEW_WORKER_NAME }}` deleted.
diff --git a/.github/workflows/pr-dependency-review.yml b/.github/workflows/pr-dependency-review.yml
new file mode 100644
index 0000000..07db499
--- /dev/null
+++ b/.github/workflows/pr-dependency-review.yml
@@ -0,0 +1,20 @@
+# Dependency Review Action — flags known-vulnerable packages added in a PR.
+# https://docs.github.com/en/code-security/supply-chain-security/understanding-your-software-supply-chain/about-dependency-review
+name: PR - Dependency Review
+
+on: [pull_request]
+
+permissions:
+  contents: read
+
+jobs:
+  dependency-review:
+    name: dependency-review
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+      - name: Dependency Review
+        uses: actions/dependency-review-action@v4
+        with:
+          fail-on-severity: critical
diff --git a/.github/workflows/pr-deploy-preview.yml b/.github/workflows/pr-deploy-preview.yml
new file mode 100644
index 0000000..9fa8876
--- /dev/null
+++ b/.github/workflows/pr-deploy-preview.yml
@@ -0,0 +1,67 @@
+name: PR - Deploy preview
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+    branches:
+      - main
+
+concurrency:
+  group: deploy-pr-${{ github.event.number }}
+  cancel-in-progress: true
+
+permissions:
+  contents: read
+  pull-requests: write
+  deployments: write
+
+jobs:
+  deploy-preview:
+    name: Deploy preview
+    # Skip fork PRs — they cannot read repository secrets
+    if: github.event.pull_request.head.repo.full_name == github.repository
+    runs-on: ubuntu-latest
+    timeout-minutes: 20
+    environment:
+      name: pr-${{ github.event.number }}
+      url: ${{ steps.deploy.outputs.deployment-url }}
+    env:
+      PREVIEW_WORKER_NAME: ssw-website-global-pr-${{ github.event.number }}
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: pnpm/action-setup@v6
+        with:
+          package_json_file: package.json
+          standalone: true
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'pnpm'
+
+      - run: pnpm install --frozen-lockfile
+
+      - name: Build (Tina + Astro)
+        run: pnpm run build
+        env:
+          NODE_OPTIONS: --max-old-space-size=4096
+          SITE_URL: https://${{ env.PREVIEW_WORKER_NAME }}.${{ secrets.CLOUDFLARE_WORKERS_SUBDOMAIN }}.workers.dev
+
+      - name: Deploy preview Worker
+        id: deploy
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          command: deploy --name ${{ env.PREVIEW_WORKER_NAME }}
+
+      - name: Comment preview URL on PR
+        uses: marocchino/sticky-pull-request-comment@v2
+        with:
+          header: preview-url
+          message: |
+            Preview deployed: <https://${{ env.PREVIEW_WORKER_NAME }}.${{ secrets.CLOUDFLARE_WORKERS_SUBDOMAIN }}.workers.dev/>
+
+            (Worker `${{ env.PREVIEW_WORKER_NAME }}` — auto-deleted when this PR closes.)
diff --git a/.github/workflows/pr-lint-code.yml b/.github/workflows/pr-lint-code.yml
new file mode 100644
index 0000000..15d9d83
--- /dev/null
+++ b/.github/workflows/pr-lint-code.yml
@@ -0,0 +1,36 @@
+name: PR - Lint code
+
+on:
+  pull_request:
+    branches:
+      - main
+
+concurrency:
+  group: ci-${{ github.event.number }}-${{ github.workflow }}
+  cancel-in-progress: true
+
+jobs:
+  lint-code:
+    name: lint-code
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: pnpm/action-setup@v6
+        with:
+          package_json_file: package.json
+          standalone: true
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'pnpm'
+
+      - run: pnpm install --frozen-lockfile
+
+      - name: ESLint
+        run: pnpm lint
+
+      - name: Prettier check
+        run: pnpm format:check
diff --git a/.github/workflows/pr-lint-pr.yml b/.github/workflows/pr-lint-pr.yml
new file mode 100644
index 0000000..7859b2a
--- /dev/null
+++ b/.github/workflows/pr-lint-pr.yml
@@ -0,0 +1,58 @@
+name: PR - Lint PR
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+concurrency:
+  group: ci-${{ github.event.number }}-${{ github.workflow }}-lint-pr
+  cancel-in-progress: true
+
+jobs:
+  pr-lint:
+    runs-on: ubuntu-latest
+    name: Check linked issues
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+        with:
+          fetch-depth: 2
+
+      - name: Detect non-content changes
+        id: check_file_changed
+        shell: bash
+        run: |
+          diff=$(git diff --name-only HEAD^ HEAD)
+          source_diff=$(echo "$diff" | grep -Ev '^src/content/|^public/|^\.github/ISSUE_TEMPLATE/|^package\.json$|^pnpm-lock\.yaml$' || true)
+          if [ -n "$source_diff" ]; then
+            echo "hasCodeChanges=true" >> "$GITHUB_OUTPUT"
+          else
+            echo "hasCodeChanges=false" >> "$GITHUB_OUTPUT"
+          fi
+          {
+            echo "sourceDiff<<EOF"
+            echo "$source_diff"
+            echo "EOF"
+          } >> "$GITHUB_OUTPUT"
+
+      - name: Summarise diff
+        shell: bash
+        run: |
+          if [ -z "${{ steps.check_file_changed.outputs.sourceDiff }}" ]; then
+            echo "Content change only — skipping linked-issue check"
+          else
+            echo "Non-content files changed:"
+            echo "${{ steps.check_file_changed.outputs.sourceDiff }}"
+          fi
+
+      - uses: nearform-actions/github-action-check-linked-issues@v1.8.3
+        if: ${{ steps.check_file_changed.outputs.hasCodeChanges == 'true' }}
+        id: check-linked-issues
+        with:
+          exclude-branches: 'dependabot/**'
+
+      - name: Generate summary
+        if: ${{ steps.check_file_changed.outputs.hasCodeChanges == 'true' }}
+        shell: bash
+        run: |
+          echo "Found ${{ steps.check-linked-issues.outputs.linked_issues_count }} issues linked to PR" >> "$GITHUB_STEP_SUMMARY"
diff --git a/.github/workflows/update-settings.yml b/.github/workflows/update-settings.yml
new file mode 100644
index 0000000..dd3851b
--- /dev/null
+++ b/.github/workflows/update-settings.yml
@@ -0,0 +1,39 @@
+name: Update Repo Settings
+
+on:
+  push:
+    branches: [main]
+    paths: [.github/settings.yml]
+
+  pull_request:
+    branches: [main]
+    paths: [.github/settings.yml]
+
+  workflow_dispatch:
+
+jobs:
+  apply_settings:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+
+      # Dry-run the PR's settings, log errors but don't apply
+      - name: Dry-run settings (PR)
+        id: dryrun
+        continue-on-error: true
+        if: github.event_name == 'pull_request'
+        uses: GuacamoleResearch/actions-settings@v3-beta-updates
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      # Reset to main before applying so the prod settings reflect main
+      - name: Checkout main
+        if: github.event_name == 'pull_request'
+        uses: actions/checkout@v6
+        with:
+          ref: main
+
+      - name: Apply production repo settings
+        uses: GuacamoleResearch/actions-settings@v3-beta-updates
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 0000000..c6a66a6
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+v22.21.1
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..1f8bcc9
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,11 @@
+tina/__generated__
+tina/tina-lock.json
+.astro
+.wrangler
+.vercel
+dist
+node_modules
+pnpm-lock.yaml
+public/admin
+# Tina writes content files in its own format — leave them alone
+src/content
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..bd55ec6
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,14 @@
+{
+	"semi": true,
+	"singleQuote": true,
+	"tabWidth": 2,
+	"useTabs": true,
+	"trailingComma": "es5",
+	"plugins": ["prettier-plugin-astro"],
+	"overrides": [
+		{
+			"files": "*.astro",
+			"options": { "parser": "astro" }
+		}
+	]
+}
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..366b16f
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,32 @@
+import js from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import astro from 'eslint-plugin-astro';
+import globals from 'globals';
+
+export default [
+	{
+		ignores: [
+			'.astro/**',
+			'dist/**',
+			'.wrangler/**',
+			'.vercel/**',
+			'node_modules/**',
+			'tina/__generated__/**',
+			'public/admin/**',
+		],
+	},
+	js.configs.recommended,
+	...tseslint.configs.recommended,
+	...astro.configs.recommended,
+	{
+		languageOptions: {
+			globals: { ...globals.browser, ...globals.node },
+		},
+		rules: {
+			'@typescript-eslint/no-unused-vars': [
+				'warn',
+				{ argsIgnorePattern: '^_', varsIgnorePattern: '^_' },
+			],
+		},
+	},
+];
diff --git a/package.json b/package.json
index 62e9403..4b23af1 100644
--- a/package.json
+++ b/package.json
@@ -1,44 +1,54 @@
 {
-  "name": "astro-starter",
-  "type": "module",
-  "version": "0.0.1",
-  "packageManager": "pnpm@10.28.2",
-  "scripts": {
-    "dev": "tinacms dev -c \"astro dev\"",
-    "build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 tinacms build --content=local --skip-cloud-checks -c \"astro build\"",
-    "build:local": "tinacms build --local --skip-cloud-checks -c \"astro build\"",
-    "build:search": "tinacms search-index",
-    "preview": "astro preview",
-    "preview:cf": "wrangler dev",
-    "astro": "astro"
-  },
-  "dependencies": {
-    "@astrojs/cloudflare": "^12.6.13",
-    "@astrojs/mdx": "^4.3.0",
-    "@astrojs/rss": "^4.0.15",
-    "@astrojs/sitemap": "^3.7.0",
-    "@tinacms/astro": "0.0.0-c724883-20260514062230",
-    "astro": "^5.16.0"
-  },
-  "devDependencies": {
-    "@tinacms/cli": "0.0.0-c724883-20260514062230",
-    "@types/node": "^25.1.0",
-    "cross-env": "^7.0.3",
-    "tinacms": "0.0.0-c724883-20260514062230",
-    "wrangler": "4.59.2"
-  },
-  "pnpm": {
-    "overrides": {
-      "react": "18.3.1",
-      "react-dom": "18.3.1"
-    },
-    "onlyBuiltDependencies": [
-      "better-sqlite3",
-      "core-js",
-      "esbuild",
-      "protobufjs",
-      "sharp",
-      "workerd"
-    ]
-  }
+	"name": "astro-starter",
+	"type": "module",
+	"version": "0.0.1",
+	"packageManager": "pnpm@10.28.2",
+	"scripts": {
+		"dev": "tinacms dev -c \"astro dev\"",
+		"build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 tinacms build --content=local --skip-cloud-checks -c \"astro build\"",
+		"build:local": "tinacms build --local --skip-cloud-checks -c \"astro build\"",
+		"build:search": "tinacms search-index",
+		"preview": "astro preview",
+		"preview:cf": "wrangler dev",
+		"astro": "astro",
+		"lint": "eslint .",
+		"format": "prettier --write .",
+		"format:check": "prettier --check ."
+	},
+	"dependencies": {
+		"@astrojs/cloudflare": "^12.6.13",
+		"@astrojs/mdx": "^4.3.0",
+		"@astrojs/rss": "^4.0.15",
+		"@astrojs/sitemap": "^3.7.0",
+		"@tinacms/astro": "0.0.0-c724883-20260514062230",
+		"astro": "^5.16.0"
+	},
+	"devDependencies": {
+		"@eslint/js": "^9.18.0",
+		"@tinacms/cli": "0.0.0-c724883-20260514062230",
+		"@types/node": "^25.1.0",
+		"cross-env": "^7.0.3",
+		"eslint": "^9.18.0",
+		"eslint-plugin-astro": "^1.3.1",
+		"globals": "^15.14.0",
+		"prettier": "^3.4.2",
+		"prettier-plugin-astro": "^0.14.1",
+		"tinacms": "0.0.0-c724883-20260514062230",
+		"typescript-eslint": "^8.20.0",
+		"wrangler": "4.59.2"
+	},
+	"pnpm": {
+		"overrides": {
+			"react": "18.3.1",
+			"react-dom": "18.3.1"
+		},
+		"onlyBuiltDependencies": [
+			"better-sqlite3",
+			"core-js",
+			"esbuild",
+			"protobufjs",
+			"sharp",
+			"workerd"
+		]
+	}
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 511e29b..e814431 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -31,6 +31,9 @@ importers:
         specifier: ^5.16.0
         version: 5.18.1(@types/node@25.9.1)(jiti@1.21.7)(rollup@4.60.4)(typescript@5.9.3)(yaml@2.9.0)
     devDependencies:
+      '@eslint/js':
+        specifier: ^9.18.0
+        version: 9.39.4
       '@tinacms/cli':
         specifier: 0.0.0-c724883-20260514062230
         version: 0.0.0-c724883-20260514062230(@codemirror/language@6.0.0)(@types/node@25.9.1)(abstract-level@1.0.4)(immer@10.2.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.60.4)(scheduler@0.27.0)(slate-dom@0.114.0(slate@0.114.0))(slate@0.114.0)(use-sync-external-store@1.6.0(react@18.3.1))(yaml@2.9.0)
@@ -40,9 +43,27 @@ importers:
       cross-env:
         specifier: ^7.0.3
         version: 7.0.3
+      eslint:
+        specifier: ^9.18.0
+        version: 9.39.4(jiti@1.21.7)
+      eslint-plugin-astro:
+        specifier: ^1.3.1
+        version: 1.7.0(eslint@9.39.4(jiti@1.21.7))
+      globals:
+        specifier: ^15.14.0
+        version: 15.15.0
+      prettier:
+        specifier: ^3.4.2
+        version: 3.8.3
+      prettier-plugin-astro:
+        specifier: ^0.14.1
+        version: 0.14.1
       tinacms:
         specifier: 0.0.0-c724883-20260514062230
         version: 0.0.0-c724883-20260514062230(@types/node@25.9.1)(abstract-level@1.0.4)(immer@10.2.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.27.0)(slate-dom@0.114.0(slate@0.114.0))(slate@0.114.0)(typescript@5.9.3)(use-sync-external-store@1.6.0(react@18.3.1))
+      typescript-eslint:
+        specifier: ^8.20.0
+        version: 8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
       wrangler:
         specifier: 4.59.2
         version: 4.59.2(@cloudflare/workers-types@4.20260520.1)
@@ -1053,6 +1074,44 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.21.2':
+    resolution: {integrity: sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.3.5':
+    resolution: {integrity: sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.39.4':
+    resolution: {integrity: sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@floating-ui/core@1.7.5':
     resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
 
@@ -1239,6 +1298,26 @@ packages:
     peerDependencies:
       react: 18.3.1
 
+  '@humanfs/core@0.19.2':
+    resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.8':
+    resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/types@0.15.0':
+    resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
   '@iarna/toml@2.2.5':
     resolution: {integrity: sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==}
 
@@ -1584,6 +1663,10 @@ packages:
   '@oslojs/encoding@1.1.0':
     resolution: {integrity: sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==}
 
+  '@pkgr/core@0.2.9':
+    resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+
   '@poppinss/colors@4.1.6':
     resolution: {integrity: sha512-H9xkIdFswbS8n1d6vmRd8+c10t2Qe+rZITbbDHHkQixH5+2x1FDGmi/0K+WgWiqQFKPSlIYB7jlH6Kpfn6Fleg==}
 
@@ -2596,6 +2679,9 @@ packages:
   '@types/js-cookie@2.2.7':
     resolution: {integrity: sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA==}
 
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
   '@types/mdast@3.0.15':
     resolution: {integrity: sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==}
 
@@ -2635,6 +2721,65 @@ packages:
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
+  '@typescript-eslint/eslint-plugin@8.60.0':
+    resolution: {integrity: sha512-QYb/sa74/s7OKMbACMjrYnGspj9Hs5YI5aaffSL65UfeBUzVzBJfVo3oWSpbzPurvm7yaCCo2Lk7lVj610HqKw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.60.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/parser@8.60.0':
+    resolution: {integrity: sha512-fcqpj/MyK4sxDPcbe7STNPbpQL4RLZOPWuaTmwZYuc+hJKzRf58yRxfhqGpc6PIq9ZyfSBpfHgmUHmHs0KwHwg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/project-service@8.60.0':
+    resolution: {integrity: sha512-aZu74NNKJeUWqCjDddzdiKaS82dgYgV/vmf+Ui3ZdZejmgfXR/q+pRumgobnQ2cCJTgGTWp4ypiwsuofFubavg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/scope-manager@8.60.0':
+    resolution: {integrity: sha512-pFzqhllJMs+jghLQWzV00ds39xLzuyqPSev5pd8f4Ir0rtKR3ZLUB4/4dhjOFighWb9larvtfJvqL+4yKDI3Xw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.60.0':
+    resolution: {integrity: sha512-BZPR3RGYlAXnly6ymAxfkVn5rCbZzQNou0rxv3GfWZ8cTQp+hhVd73khbGLAd8k1TlAPLISH337M+tAgAnaJDQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/type-utils@8.60.0':
+    resolution: {integrity: sha512-SX46wEUtitCpq7AN38HkUU/+zvUpdKf7ephtWAFgckH8O7PQIyL5gvrhQgBLuEYgLfuKWOVvWVskMbuFHAz5xg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/types@8.60.0':
+    resolution: {integrity: sha512-AsE7x2XaAK+CVbeih0Fvbn+r1qHxtpLDJ3XUuFcIinT318T90yHMJC+Zgv+jUuDjQQd06HKwxnDu6sz1IcTilA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.60.0':
+    resolution: {integrity: sha512-3AcZNBGMClm6CXDyo8kYvVGT/sx29sS0oBsIb9oZI2gunA4Vm2M3YHzRLPvsUBBsl+yB5FPtltq7gGH0iTlp9g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/utils@8.60.0':
+    resolution: {integrity: sha512-HtXuPfrHTyBDkameWpl+vJb1Uevu2tznAyahM1Oc4AENidCLTPiZDWIo4GfcxNdC/RcfGcadzzkqbRG87dUrQA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/visitor-keys@8.60.0':
+    resolution: {integrity: sha512-9WI52t8ZGLVGrPMBet25yAftqY/n95+zmoUUtJBBQTKDSKUu7OsPTroT2op7U9JatkoRccL0YkWDNMFfC4Sjxg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@udecode/cmdk@0.2.2':
     resolution: {integrity: sha512-9+9W/UGtE2YJNpo/gXkiqsxKsdPh9G8fGVNaRwSKE31Cjh2B5YvCwrhHvajNpDVBsdepORbSuAJ0hJ6kfxCP6w==}
     peerDependencies:
@@ -2901,6 +3046,9 @@ packages:
   add@2.0.6:
     resolution: {integrity: sha512-j5QzrmsokwWWp6kUcJQySpbG+xfOBqqKnup3OIk1pz+kB/80SLorZ9V8zHFLO92Lcd+hbvq8bT+zOGoPkmBV0Q==}
 
+  ajv@6.15.0:
+    resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==}
+
   altair-express-middleware@7.3.6:
     resolution: {integrity: sha512-VxllMZT67KvS51HvCkvKKT6r+asj0HbbRpK1n39hQiKKVatSoB/HFmyVm8PFSm+spgxMriuXo0xHkI+/X14qUA==}
     engines: {node: '>= 12'}
@@ -2920,6 +3068,10 @@ packages:
     resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
     engines: {node: '>=12'}
 
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
   ansi-styles@6.2.3:
     resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
     engines: {node: '>=12'}
@@ -2962,11 +3114,21 @@ packages:
     resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
     hasBin: true
 
+  astro-eslint-parser@1.4.0:
+    resolution: {integrity: sha512-+QDcgc7e+au6EZ0YjMmRRjNoQo5bDMlaR45aWDoFsuxQTCM9qmCHRoiKJPELgckJ8Wmr7vcfpa9eCDHBFh6G4w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   astro@5.18.1:
     resolution: {integrity: sha512-m4VWilWZ+Xt6NPoYzC4CgGZim/zQUO7WFL0RHCH0AiEavF1153iC3+me2atDvXpf/yX4PyGUeD8wZLq1cirT3g==}
     engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0'}
     hasBin: true
 
+  astrojs-compiler-sync@1.1.1:
+    resolution: {integrity: sha512-0mKvB9sDQRIZPsEJadw6OaFbGJ92cJPPR++ICca9XEyiUAZqgVuk25jNmzHPT0KF80rI94trSZrUR5iHFXGGOQ==}
+    engines: {node: ^18.18.0 || >=20.9.0}
+    peerDependencies:
+      '@astrojs/compiler': '>=0.27.0'
+
   async-lock@1.4.1:
     resolution: {integrity: sha512-Az2ZTpuytrtqENulXwO3GGv1Bztugx6TT37NIo7imr/Qo0gsYiGtSdBa2B6fsXhTpVZDNfu1Qn3pk531e3q+nQ==}
 
@@ -3000,6 +3162,10 @@ packages:
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
   base-64@1.0.0:
     resolution: {integrity: sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg==}
 
@@ -3039,9 +3205,16 @@ packages:
     resolution: {integrity: sha512-F3PH5k5juxom4xktynS7MoFY+NUWH5LC4CnH11YB8NPew+HLpmBLCybSAEyb2F+4pRXhuhWqFesoQd6DAyc2hw==}
     engines: {node: '>=18'}
 
+  brace-expansion@1.1.14:
+    resolution: {integrity: sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==}
+
   brace-expansion@2.1.0:
     resolution: {integrity: sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==}
 
+  brace-expansion@5.0.6:
+    resolution: {integrity: sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==}
+    engines: {node: 18 || 20 || >=22}
+
   braces@3.0.3:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
@@ -3112,6 +3285,10 @@ packages:
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
 
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
   chalk@5.6.2:
     resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
@@ -3207,6 +3384,10 @@ packages:
   collapse-white-space@2.1.0:
     resolution: {integrity: sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==}
 
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
@@ -3242,6 +3423,9 @@ packages:
   compute-scroll-into-view@3.1.1:
     resolution: {integrity: sha512-VRhuHOLoKYOy4UbilLbUzbYg93XLjv2PncJC50EuTWPA3gaja1UjBsUP/D/9/juV3vQFr6XBEzn9KCAHdUvOHw==}
 
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
   constant-case@3.0.4:
     resolution: {integrity: sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==}
 
@@ -3556,6 +3740,9 @@ packages:
     resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
     engines: {node: '>=4.0.0'}
 
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
   define-data-property@1.1.4:
     resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
     engines: {node: '>= 0.4'}
@@ -3698,6 +3885,10 @@ packages:
     resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
     engines: {node: '>=0.12'}
 
+  entities@7.0.1:
+    resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
+    engines: {node: '>=0.12'}
+
   error-ex@1.3.4:
     resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
 
@@ -3763,15 +3954,73 @@ packages:
   escape-html@1.0.3:
     resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
 
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
   escape-string-regexp@5.0.0:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
+  eslint-compat-utils@0.6.5:
+    resolution: {integrity: sha512-vAUHYzue4YAa2hNACjB8HvUQj5yehAZgiClyFVVom9cP8z5NSFq3PwB/TtJslN2zAMgRX6FCFCjYBbQh71g5RQ==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  eslint-plugin-astro@1.7.0:
+    resolution: {integrity: sha512-89xpAn528UKCdmyysbg0AHHqi6sqcK89wXnJIpu4F0mFBN03zATEBNK7pRtMfl6gwtMOm5ECXs+Wz5qDHhwTFw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: '>=8.57.0'
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@5.0.1:
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@9.39.4:
+    resolution: {integrity: sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   esprima@4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
     hasBin: true
 
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
   estree-util-attach-comments@3.0.0:
     resolution: {integrity: sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==}
 
@@ -3802,6 +4051,10 @@ packages:
   estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
 
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
   etag@1.8.1:
     resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
     engines: {node: '>= 0.6'}
@@ -3842,6 +4095,12 @@ packages:
     resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
 
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
   fast-shallow-equal@1.0.0:
     resolution: {integrity: sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw==}
 
@@ -3873,6 +4132,10 @@ packages:
   fflate@0.4.8:
     resolution: {integrity: sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==}
 
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
   file-selector@0.6.0:
     resolution: {integrity: sha512-QlZ5yJC0VxHxQQsQhXvBaC7VRJ2uaxTf+Tfpu4Z/OcVQJVpZO+DGU0rkoVW5ce2SccxugvpBJoMvUs59iILYdw==}
     engines: {node: '>= 12'}
@@ -3902,6 +4165,17 @@ packages:
     resolution: {integrity: sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==}
     engines: {node: '>= 0.8'}
 
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flatted@3.4.2:
+    resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==}
+
   flattie@1.1.1:
     resolution: {integrity: sha512-9UbaD6XdAL97+k/n+N7JwX46K/M6Zc6KcFYskrYL8wbBV/Uyk0CTAMY0VT+qiK5PM7AIc9aTWYtq65U7T+aCNQ==}
     engines: {node: '>=8'}
@@ -3986,6 +4260,18 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@15.15.0:
+    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
+    engines: {node: '>=18'}
+
+  globals@16.5.0:
+    resolution: {integrity: sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==}
+    engines: {node: '>=18'}
+
   globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
@@ -4030,6 +4316,10 @@ packages:
   hachure-fill@0.5.2:
     resolution: {integrity: sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==}
 
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
   has-property-descriptors@1.0.2:
     resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
 
@@ -4127,6 +4417,10 @@ packages:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
 
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
+
   immer@10.2.0:
     resolution: {integrity: sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==}
 
@@ -4144,6 +4438,10 @@ packages:
   import-meta-resolve@4.2.0:
     resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
 
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
@@ -4361,9 +4659,18 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
   json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
 
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
   json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
     engines: {node: '>=6'}
@@ -4381,6 +4688,9 @@ packages:
     resolution: {integrity: sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg==}
     hasBin: true
 
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
   khroma@2.1.0:
     resolution: {integrity: sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==}
 
@@ -4428,6 +4738,10 @@ packages:
     resolution: {integrity: sha512-t7bFwFtsQeD8cl8NIoQ2iwxA0CL/9IFw7/9gAjOonH0PWTTiRfY7Hq+Ejbsxh86tXobDQ6IOiddjNYIfOBs06w==}
     engines: {node: '>=12'}
 
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
   lilconfig@3.1.3:
     resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
@@ -4441,12 +4755,19 @@ packages:
   linkify-it@5.0.0:
     resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
 
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
   lodash-es@4.18.1:
     resolution: {integrity: sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==}
 
   lodash.mapvalues@4.6.0:
     resolution: {integrity: sha512-JPFqXFeZQ7BfS00H58kClY7SPVeHertPE0lNuCyZ26/XlN8TvakYD7b9bGyNmXbT/D3BbtPAAmq90gPWqLkxlQ==}
 
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
   lodash@4.17.23:
     resolution: {integrity: sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==}
 
@@ -4920,6 +5241,13 @@ packages:
     engines: {node: '>=18.0.0'}
     hasBin: true
 
+  minimatch@10.2.5:
+    resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimatch@3.1.5:
+    resolution: {integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==}
+
   minimatch@5.1.9:
     resolution: {integrity: sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw==}
     engines: {node: '>=10'}
@@ -4990,6 +5318,9 @@ packages:
   napi-build-utils@2.0.0:
     resolution: {integrity: sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==}
 
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
   negotiator@0.6.3:
     resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
     engines: {node: '>= 0.6'}
@@ -5078,6 +5409,10 @@ packages:
   optics-ts@2.4.1:
     resolution: {integrity: sha512-HaYzMHvC80r7U/LqAd4hQyopDezC60PO2qF5GuIwALut2cl5rK1VWHsqTp0oqoJJWjiv6uXKqsO+Q2OO0C3MmQ==}
 
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
   p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
@@ -5086,6 +5421,10 @@ packages:
     resolution: {integrity: sha512-kuUqqHNUqoIWp/c467RI4X6mmyuojY5jGutNU0wVTmEOOfcuwLqyMVoAi9MKi2Ak+5i9+nhmrK4ufZE8069kHA==}
     engines: {node: '>=18'}
 
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
   p-queue@7.3.4:
     resolution: {integrity: sha512-esox8CWt0j9EZECFvkFl2WNPat8LN4t7WWeXq73D9ha0V96qPRufApZi4ZhPwXAln1uVVal429HVVKPa2X0yQg==}
     engines: {node: '>=12'}
@@ -5148,6 +5487,10 @@ packages:
   path-data-parser@0.1.0:
     resolution: {integrity: sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==}
 
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
   path-expression-matcher@1.5.0:
     resolution: {integrity: sha512-cbrerZV+6rvdQrrD+iGMcZFEiiSrbv9Tfdkvnusy6y0x0GKBXREFg/Y65GhIfm0tnLntThhzCnfKwp1WRjeCyQ==}
     engines: {node: '>=14.0.0'}
@@ -5270,6 +5613,10 @@ packages:
     resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
     engines: {node: '>=4'}
 
+  postcss-selector-parser@7.1.1:
+    resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
+    engines: {node: '>=4'}
+
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
@@ -5289,11 +5636,24 @@ packages:
     deprecated: No longer maintained. Please contact the author of the relevant native addon; alternatives are available.
     hasBin: true
 
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier-plugin-astro@0.14.1:
+    resolution: {integrity: sha512-RiBETaaP9veVstE4vUwSIcdATj6dKmXljouXc/DDNwBSPTp8FRkLGDSGFClKsAFeeg+13SB0Z1JZvbD76bigJw==}
+    engines: {node: ^14.15.0 || >=16.0.0}
+
   prettier@2.8.8:
     resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
     engines: {node: '>=10.13.0'}
     hasBin: true
 
+  prettier@3.8.3:
+    resolution: {integrity: sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==}
+    engines: {node: '>=14'}
+    hasBin: true
+
   prism-react-renderer@2.4.1:
     resolution: {integrity: sha512-ey8Ls/+Di31eqzUxC46h8MksNuGx/n0AAC8uKpwFau4RPDYLuE3EXTp8N8G2vX2N7UC/+IXeNUnlWBGGcAG+Ig==}
     peerDependencies:
@@ -5348,6 +5708,10 @@ packages:
     resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
     engines: {node: '>=6'}
 
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
   qs@6.15.2:
     resolution: {integrity: sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==}
     engines: {node: '>=0.6'}
@@ -5685,6 +6049,9 @@ packages:
   rw@1.3.3:
     resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
 
+  s.color@0.0.15:
+    resolution: {integrity: sha512-AUNrbEUHeKY8XsYr/DYpl+qk5+aM+DChopnWOPEzn8YKzOhv4l2zH6LzZms3tOZP3wwdOyc0RmTciyi46HLIuA==}
+
   sade@1.8.1:
     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
     engines: {node: '>=6'}
@@ -5695,6 +6062,9 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
+  sass-formatter@0.7.9:
+    resolution: {integrity: sha512-CWZ8XiSim+fJVG0cFLStwDvft1VI7uvXdCNJYXhDvowiv+DsbD1nXLiQ4zrE5UBvj5DWZJ93cwN0NX5PMsr1Pw==}
+
   sax@1.6.0:
     resolution: {integrity: sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==}
     engines: {node: '>=11.0.0'}
@@ -5939,6 +6309,10 @@ packages:
     resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
     engines: {node: '>=0.10.0'}
 
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
   strnum@2.3.0:
     resolution: {integrity: sha512-ums3KNd42PGyx5xaoVTO1mjU1bH3NpY4vsrVlnv9PNGqQj8wd7rJ6nEypLrJ7z5vxK5RP0yMLo6J/Gsm62DI5Q==}
 
@@ -5962,10 +6336,17 @@ packages:
     engines: {node: '>=16 || 14 >=14.17'}
     hasBin: true
 
+  suf-log@2.5.3:
+    resolution: {integrity: sha512-KvC8OPjzdNOe+xQ4XWJV2whQA0aM1kGVczMQ8+dStAO6KfEB140JEVQ9dE76ONZ0/Ylf67ni4tILPJB41U0eow==}
+
   supports-color@10.2.2:
     resolution: {integrity: sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==}
     engines: {node: '>=18'}
 
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
   supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
@@ -5981,6 +6362,10 @@ packages:
   swap-case@3.0.3:
     resolution: {integrity: sha512-6p4op8wE9CQv7uDFzulI6YXUw4lD9n4oQierdbFThEKVWVQcbQcUjdP27W8XE7V4QnWmnq9jueSHceyyQnqQVA==}
 
+  synckit@0.11.12:
+    resolution: {integrity: sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
   tabbable@6.4.0:
     resolution: {integrity: sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg==}
 
@@ -6070,6 +6455,12 @@ packages:
   trough@2.2.0:
     resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
 
+  ts-api-utils@2.5.0:
+    resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
   ts-dedent@2.2.0:
     resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
     engines: {node: '>=6.10'}
@@ -6111,6 +6502,10 @@ packages:
   typanion@3.13.0:
     resolution: {integrity: sha512-AkZMjMIW8MGeQwBxu1bixzu/2Zk7rH6ILrI/9zBoW0sAiVaWwHjXSnmPBomfY2t7tSG6m5bIE+OYYyyuGnFVHA==}
 
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
   type-fest@2.19.0:
     resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
     engines: {node: '>=12.20'}
@@ -6134,6 +6529,13 @@ packages:
     peerDependencies:
       typescript: 4.6.x || 4.7.x || 4.8.x || 4.9.x || 5.0.x || 5.1.x || 5.2.x || 5.3.x || 5.4.x || 5.5.x || 5.6.x
 
+  typescript-eslint@8.60.0:
+    resolution: {integrity: sha512-9f65qWLZdAW9m1JaxBDUHcqRUfL8bkxxXL7XxEfI+F09q56PkBvIfCjLF3yInsDM/BBmwkqmCQdCZe/RYlIWEw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
   typescript@5.9.3:
     resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
     engines: {node: '>=14.17'}
@@ -6317,6 +6719,9 @@ packages:
   upper-case@2.0.2:
     resolution: {integrity: sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==}
 
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
   url-pattern@1.0.3:
     resolution: {integrity: sha512-uQcEj/2puA4aq1R3A2+VNVBgaWYR24FdWjl7VNW83rnWftlhyzOZ/tBjezRiC2UkIzuxC8Top3IekN3vUf1WxA==}
     engines: {node: '>=0.12.0'}
@@ -6525,6 +6930,10 @@ packages:
     resolution: {integrity: sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==}
     engines: {node: '>=18'}
 
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
   workerd@1.20260114.0:
     resolution: {integrity: sha512-kTJ+jNdIllOzWuVA3NRQRvywP0T135zdCjAE2dAUY1BFbxM6fmMZV8BbskEoQ4hAODVQUfZQmyGctcwvVCKxFA==}
     engines: {node: '>=16'}
@@ -7367,6 +7776,52 @@ snapshots:
   '@esbuild/win32-x64@0.27.7':
     optional: true
 
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4(jiti@1.21.7))':
+    dependencies:
+      eslint: 9.39.4(jiti@1.21.7)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.21.2':
+    dependencies:
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
+      minimatch: 3.1.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
+
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.5':
+    dependencies:
+      ajv: 6.15.0
+      debug: 4.4.3
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
+      minimatch: 3.1.5
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.39.4': {}
+
+  '@eslint/object-schema@2.1.7': {}
+
+  '@eslint/plugin-kit@0.4.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      levn: 0.4.1
+
   '@floating-ui/core@1.7.5':
     dependencies:
       '@floating-ui/utils': 0.2.11
@@ -7635,6 +8090,22 @@ snapshots:
     dependencies:
       react: 18.3.1
 
+  '@humanfs/core@0.19.2':
+    dependencies:
+      '@humanfs/types': 0.15.0
+
+  '@humanfs/node@0.16.8':
+    dependencies:
+      '@humanfs/core': 0.19.2
+      '@humanfs/types': 0.15.0
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanfs/types@0.15.0': {}
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
   '@iarna/toml@2.2.5': {}
 
   '@iconify/types@2.0.0': {}
@@ -7973,6 +8444,8 @@ snapshots:
 
   '@oslojs/encoding@1.1.0': {}
 
+  '@pkgr/core@0.2.9': {}
+
   '@poppinss/colors@4.1.6':
     dependencies:
       kleur: 4.1.5
@@ -9024,6 +9497,8 @@ snapshots:
 
   '@types/js-cookie@2.2.7': {}
 
+  '@types/json-schema@7.0.15': {}
+
   '@types/mdast@3.0.15':
     dependencies:
       '@types/unist': 2.0.11
@@ -9065,6 +9540,97 @@ snapshots:
 
   '@types/unist@3.0.3': {}
 
+  '@typescript-eslint/eslint-plugin@8.60.0(@typescript-eslint/parser@8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.60.0
+      '@typescript-eslint/type-utils': 8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.60.0
+      eslint: 9.39.4(jiti@1.21.7)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.60.0
+      '@typescript-eslint/types': 8.60.0
+      '@typescript-eslint/typescript-estree': 8.60.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.60.0
+      debug: 4.4.3
+      eslint: 9.39.4(jiti@1.21.7)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.60.0(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.60.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.60.0
+      debug: 4.4.3
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.60.0':
+    dependencies:
+      '@typescript-eslint/types': 8.60.0
+      '@typescript-eslint/visitor-keys': 8.60.0
+
+  '@typescript-eslint/tsconfig-utils@8.60.0(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
+  '@typescript-eslint/type-utils@8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.60.0
+      '@typescript-eslint/typescript-estree': 8.60.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 9.39.4(jiti@1.21.7)
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.60.0': {}
+
+  '@typescript-eslint/typescript-estree@8.60.0(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.60.0(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.60.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.60.0
+      '@typescript-eslint/visitor-keys': 8.60.0
+      debug: 4.4.3
+      minimatch: 10.2.5
+      semver: 7.8.0
+      tinyglobby: 0.2.16
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@1.21.7))
+      '@typescript-eslint/scope-manager': 8.60.0
+      '@typescript-eslint/types': 8.60.0
+      '@typescript-eslint/typescript-estree': 8.60.0(typescript@5.9.3)
+      eslint: 9.39.4(jiti@1.21.7)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.60.0':
+    dependencies:
+      '@typescript-eslint/types': 8.60.0
+      eslint-visitor-keys: 5.0.1
+
   '@udecode/cmdk@0.2.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/react-dialog': 1.1.15(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -9403,6 +9969,13 @@ snapshots:
 
   add@2.0.6: {}
 
+  ajv@6.15.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
   altair-express-middleware@7.3.6:
     dependencies:
       altair-static: 7.3.6
@@ -9420,6 +9993,10 @@ snapshots:
 
   ansi-regex@6.2.2: {}
 
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
   ansi-styles@6.2.3: {}
 
   any-promise@1.3.0: {}
@@ -9451,6 +10028,23 @@ snapshots:
 
   astring@1.9.0: {}
 
+  astro-eslint-parser@1.4.0:
+    dependencies:
+      '@astrojs/compiler': 2.13.1
+      '@typescript-eslint/scope-manager': 8.60.0
+      '@typescript-eslint/types': 8.60.0
+      astrojs-compiler-sync: 1.1.1(@astrojs/compiler@2.13.1)
+      debug: 4.4.3
+      entities: 7.0.1
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      fast-glob: 3.3.3
+      is-glob: 4.0.3
+      semver: 7.8.0
+    transitivePeerDependencies:
+      - supports-color
+
   astro@5.18.1(@types/node@25.9.1)(jiti@1.21.7)(rollup@4.60.4)(typescript@5.9.3)(yaml@2.9.0):
     dependencies:
       '@astrojs/compiler': 2.13.1
@@ -9553,6 +10147,11 @@ snapshots:
       - uploadthing
       - yaml
 
+  astrojs-compiler-sync@1.1.1(@astrojs/compiler@2.13.1):
+    dependencies:
+      '@astrojs/compiler': 2.13.1
+      synckit: 0.11.12
+
   async-lock@1.4.1: {}
 
   attr-accept@2.2.5: {}
@@ -9571,6 +10170,8 @@ snapshots:
 
   balanced-match@1.0.2: {}
 
+  balanced-match@4.0.4: {}
+
   base-64@1.0.0: {}
 
   base64-js@1.5.1: {}
@@ -9626,10 +10227,19 @@ snapshots:
       widest-line: 5.0.0
       wrap-ansi: 9.0.2
 
+  brace-expansion@1.1.14:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
   brace-expansion@2.1.0:
     dependencies:
       balanced-match: 1.0.2
 
+  brace-expansion@5.0.6:
+    dependencies:
+      balanced-match: 4.0.4
+
   braces@3.0.3:
     dependencies:
       fill-range: 7.1.1
@@ -9707,6 +10317,11 @@ snapshots:
 
   ccount@2.0.1: {}
 
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
   chalk@5.6.2: {}
 
   change-case-all@1.0.15:
@@ -9820,6 +10435,10 @@ snapshots:
 
   collapse-white-space@2.1.0: {}
 
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
   color-name@1.1.4: {}
 
   color-string@1.9.1:
@@ -9843,6 +10462,8 @@ snapshots:
 
   compute-scroll-into-view@3.1.1: {}
 
+  concat-map@0.0.1: {}
+
   constant-case@3.0.4:
     dependencies:
       no-case: 3.0.4
@@ -10168,6 +10789,8 @@ snapshots:
 
   deep-extend@0.6.0: {}
 
+  deep-is@0.1.4: {}
+
   define-data-property@1.1.4:
     dependencies:
       es-define-property: 1.0.1
@@ -10287,6 +10910,8 @@ snapshots:
 
   entities@6.0.1: {}
 
+  entities@7.0.1: {}
+
   error-ex@1.3.4:
     dependencies:
       is-arrayish: 0.2.1
@@ -10467,10 +11092,99 @@ snapshots:
 
   escape-html@1.0.3: {}
 
+  escape-string-regexp@4.0.0: {}
+
   escape-string-regexp@5.0.0: {}
 
+  eslint-compat-utils@0.6.5(eslint@9.39.4(jiti@1.21.7)):
+    dependencies:
+      eslint: 9.39.4(jiti@1.21.7)
+      semver: 7.8.0
+
+  eslint-plugin-astro@1.7.0(eslint@9.39.4(jiti@1.21.7)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@1.21.7))
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@typescript-eslint/types': 8.60.0
+      astro-eslint-parser: 1.4.0
+      eslint: 9.39.4(jiti@1.21.7)
+      eslint-compat-utils: 0.6.5(eslint@9.39.4(jiti@1.21.7))
+      globals: 16.5.0
+      postcss: 8.5.15
+      postcss-selector-parser: 7.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint-visitor-keys@5.0.1: {}
+
+  eslint@9.39.4(jiti@1.21.7):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@1.21.7))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.2
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.5
+      '@eslint/js': 9.39.4
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.8
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.9
+      ajv: 6.15.0
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.5
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 1.21.7
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      eslint-visitor-keys: 4.2.1
+
   esprima@4.0.1: {}
 
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
   estree-util-attach-comments@3.0.0:
     dependencies:
       '@types/estree': 1.0.9
@@ -10513,6 +11227,8 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.9
 
+  esutils@2.0.3: {}
+
   etag@1.8.1: {}
 
   event-target-shim@5.0.1: {}
@@ -10577,6 +11293,10 @@ snapshots:
       merge2: 1.4.1
       micromatch: 4.0.8
 
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
   fast-shallow-equal@1.0.0: {}
 
   fast-xml-builder@1.2.0:
@@ -10614,6 +11334,10 @@ snapshots:
 
   fflate@0.4.8: {}
 
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
   file-selector@0.6.0:
     dependencies:
       tslib: 2.8.1
@@ -10648,6 +11372,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.4.2
+      keyv: 4.5.4
+
+  flatted@3.4.2: {}
+
   flattie@1.1.1: {}
 
   fontace@0.4.1:
@@ -10734,6 +11470,12 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
+  globals@14.0.0: {}
+
+  globals@15.15.0: {}
+
+  globals@16.5.0: {}
+
   globby@11.1.0:
     dependencies:
       array-union: 2.1.0
@@ -10798,6 +11540,8 @@ snapshots:
 
   hachure-fill@0.5.2: {}
 
+  has-flag@4.0.0: {}
+
   has-property-descriptors@1.0.2:
     dependencies:
       es-define-property: 1.0.1
@@ -10985,6 +11729,8 @@ snapshots:
 
   ignore@5.3.2: {}
 
+  ignore@7.0.5: {}
+
   immer@10.2.0: {}
 
   immutable@5.1.5: {}
@@ -10998,6 +11744,8 @@ snapshots:
 
   import-meta-resolve@4.2.0: {}
 
+  imurmurhash@0.1.4: {}
+
   inherits@2.0.4: {}
 
   ini@1.3.8: {}
@@ -11164,8 +11912,14 @@ snapshots:
 
   jsesc@3.1.0: {}
 
+  json-buffer@3.0.1: {}
+
   json-parse-even-better-errors@2.3.1: {}
 
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
   json5@2.2.3: {}
 
   jsonfile@6.2.1:
@@ -11184,6 +11938,10 @@ snapshots:
     dependencies:
       commander: 8.3.0
 
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
   khroma@2.1.0: {}
 
   kind-of@6.0.3: {}
@@ -11215,6 +11973,11 @@ snapshots:
       buffer: 6.0.3
       module-error: 1.0.2
 
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
   lilconfig@3.1.3: {}
 
   lines-and-columns@1.2.4: {}
@@ -11227,10 +11990,16 @@ snapshots:
     dependencies:
       uc.micro: 2.1.0
 
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
   lodash-es@4.18.1: {}
 
   lodash.mapvalues@4.6.0: {}
 
+  lodash.merge@4.6.2: {}
+
   lodash@4.17.23: {}
 
   lodash@4.18.1: {}
@@ -12264,6 +13033,14 @@ snapshots:
       - bufferutil
       - utf-8-validate
 
+  minimatch@10.2.5:
+    dependencies:
+      brace-expansion: 5.0.6
+
+  minimatch@3.1.5:
+    dependencies:
+      brace-expansion: 1.1.14
+
   minimatch@5.1.9:
     dependencies:
       brace-expansion: 2.1.0
@@ -12325,6 +13102,8 @@ snapshots:
 
   napi-build-utils@2.0.0: {}
 
+  natural-compare@1.4.0: {}
+
   negotiator@0.6.3: {}
 
   neotraverse@0.6.18: {}
@@ -12404,6 +13183,15 @@ snapshots:
 
   optics-ts@2.4.1: {}
 
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
   p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
@@ -12412,6 +13200,10 @@ snapshots:
     dependencies:
       yocto-queue: 1.2.2
 
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
   p-queue@7.3.4:
     dependencies:
       eventemitter3: 4.0.7
@@ -12500,6 +13292,8 @@ snapshots:
 
   path-data-parser@0.1.0: {}
 
+  path-exists@4.0.0: {}
+
   path-expression-matcher@1.5.0: {}
 
   path-key@3.1.1: {}
@@ -12589,6 +13383,11 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
+  postcss-selector-parser@7.1.1:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
   postcss-value-parser@4.2.0: {}
 
   postcss@8.5.15:
@@ -12630,8 +13429,18 @@ snapshots:
       tar-fs: 2.1.4
       tunnel-agent: 0.6.0
 
+  prelude-ls@1.2.1: {}
+
+  prettier-plugin-astro@0.14.1:
+    dependencies:
+      '@astrojs/compiler': 2.13.1
+      prettier: 3.8.3
+      sass-formatter: 0.7.9
+
   prettier@2.8.8: {}
 
+  prettier@3.8.3: {}
+
   prism-react-renderer@2.4.1(react@18.3.1):
     dependencies:
       '@types/prismjs': 1.26.6
@@ -12702,6 +13511,8 @@ snapshots:
 
   punycode.js@2.3.1: {}
 
+  punycode@2.3.1: {}
+
   qs@6.15.2:
     dependencies:
       side-channel: 1.1.0
@@ -13183,6 +13994,8 @@ snapshots:
 
   rw@1.3.3: {}
 
+  s.color@0.0.15: {}
+
   sade@1.8.1:
     dependencies:
       mri: 1.2.0
@@ -13191,6 +14004,10 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
+  sass-formatter@0.7.9:
+    dependencies:
+      suf-log: 2.5.3
+
   sax@1.6.0: {}
 
   scheduler@0.23.2:
@@ -13531,6 +14348,8 @@ snapshots:
 
   strip-json-comments@2.0.1: {}
 
+  strip-json-comments@3.1.1: {}
+
   strnum@2.3.0: {}
 
   style-mod@4.1.3: {}
@@ -13560,8 +14379,16 @@ snapshots:
       tinyglobby: 0.2.16
       ts-interface-checker: 0.1.13
 
+  suf-log@2.5.3:
+    dependencies:
+      s.color: 0.0.15
+
   supports-color@10.2.2: {}
 
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
   supports-preserve-symlinks-flag@1.0.0: {}
 
   svgo@4.0.1:
@@ -13580,6 +14407,10 @@ snapshots:
 
   swap-case@3.0.3: {}
 
+  synckit@0.11.12:
+    dependencies:
+      '@pkgr/core': 0.2.9
+
   tabbable@6.4.0: {}
 
   tailwind-merge@2.6.1: {}
@@ -13786,6 +14617,10 @@ snapshots:
 
   trough@2.2.0: {}
 
+  ts-api-utils@2.5.0(typescript@5.9.3):
+    dependencies:
+      typescript: 5.9.3
+
   ts-dedent@2.2.0: {}
 
   ts-easing@0.2.0: {}
@@ -13812,6 +14647,10 @@ snapshots:
 
   typanion@3.13.0: {}
 
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
   type-fest@2.19.0: {}
 
   type-fest@4.41.0: {}
@@ -13836,6 +14675,17 @@ snapshots:
       typescript: 5.9.3
       yaml: 2.9.0
 
+  typescript-eslint@8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.60.0(@typescript-eslint/parser@8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.60.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.60.0(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.4(jiti@1.21.7)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   typescript@5.9.3: {}
 
   uc.micro@1.0.6: {}
@@ -13999,6 +14849,10 @@ snapshots:
     dependencies:
       tslib: 2.6.3
 
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
   url-pattern@1.0.3: {}
 
   use-callback-ref@1.3.3(react@18.3.1):
@@ -14142,6 +14996,8 @@ snapshots:
     dependencies:
       string-width: 7.2.0
 
+  word-wrap@1.2.5: {}
+
   workerd@1.20260114.0:
     optionalDependencies:
       '@cloudflare/workerd-darwin-64': 1.20260114.0

From 0159a45f6e7a49303e464b05954dfe0ef00b93b0 Mon Sep 17 00:00:00 2001
From: 0xharkirat <sandhukirat23@gmail.com>
Date: Tue, 26 May 2026 16:03:40 +1000
Subject: [PATCH 3/9] =?UTF-8?q?Drop=20GHA=20Cloudflare=20deploy/cleanup=20?=
 =?UTF-8?q?workflows=20=E2=80=94=20Cloudflare=20Workers=20Builds=20handles?=
 =?UTF-8?q?=20deploy=20+=20per-PR=20previews=20via=20its=20git=20integrati?=
 =?UTF-8?q?on,=20so=20the=20GHA=20equivalents=20are=20redundant.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Removed:
- main-deploy.yml
- pr-deploy-preview.yml
- pr-close-cleanup.yml

CI remains: lint, build, dependency-review, CodeQL, linked-issue check, settings sync.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .github/workflows/main-deploy.yml       | 52 -------------------
 .github/workflows/pr-close-cleanup.yml  | 49 ------------------
 .github/workflows/pr-deploy-preview.yml | 67 -------------------------
 3 files changed, 168 deletions(-)
 delete mode 100644 .github/workflows/main-deploy.yml
 delete mode 100644 .github/workflows/pr-close-cleanup.yml
 delete mode 100644 .github/workflows/pr-deploy-preview.yml

diff --git a/.github/workflows/main-deploy.yml b/.github/workflows/main-deploy.yml
deleted file mode 100644
index 1b3d016..0000000
--- a/.github/workflows/main-deploy.yml
+++ /dev/null
@@ -1,52 +0,0 @@
-name: Main - Build and deploy
-
-on:
-  push:
-    branches:
-      - main
-  workflow_dispatch:
-
-concurrency:
-  group: deploy-main
-  cancel-in-progress: false
-
-permissions:
-  contents: read
-  deployments: write
-
-jobs:
-  deploy:
-    name: Deploy to production
-    runs-on: ubuntu-latest
-    timeout-minutes: 20
-    environment:
-      name: production
-      url: https://ssw-website-global.workers.dev
-    steps:
-      - uses: actions/checkout@v6
-
-      - uses: pnpm/action-setup@v6
-        with:
-          package_json_file: package.json
-          standalone: true
-
-      - name: Setup Node
-        uses: actions/setup-node@v6
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - run: pnpm install --frozen-lockfile
-
-      - name: Build (Tina + Astro)
-        run: pnpm run build
-        env:
-          NODE_OPTIONS: --max-old-space-size=4096
-          SITE_URL: https://ssw-website-global.workers.dev
-
-      - name: Deploy to Cloudflare Workers
-        uses: cloudflare/wrangler-action@v3
-        with:
-          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          command: deploy
diff --git a/.github/workflows/pr-close-cleanup.yml b/.github/workflows/pr-close-cleanup.yml
deleted file mode 100644
index 3c0e854..0000000
--- a/.github/workflows/pr-close-cleanup.yml
+++ /dev/null
@@ -1,49 +0,0 @@
-name: PR - Cleanup preview
-
-on:
-  pull_request:
-    types: [closed]
-    branches:
-      - main
-
-permissions:
-  contents: read
-  pull-requests: write
-
-jobs:
-  delete-preview:
-    name: Delete preview Worker
-    # Skip fork PRs — they cannot read repository secrets
-    if: github.event.pull_request.head.repo.full_name == github.repository
-    runs-on: ubuntu-latest
-    env:
-      PREVIEW_WORKER_NAME: ssw-website-global-pr-${{ github.event.number }}
-    steps:
-      - uses: actions/checkout@v6
-
-      - uses: pnpm/action-setup@v6
-        with:
-          package_json_file: package.json
-          standalone: true
-
-      - name: Setup Node
-        uses: actions/setup-node@v6
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - run: pnpm install --frozen-lockfile
-
-      - name: Delete preview Worker
-        uses: cloudflare/wrangler-action@v3
-        with:
-          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          command: delete --name ${{ env.PREVIEW_WORKER_NAME }} --force
-
-      - name: Comment cleanup on PR
-        uses: marocchino/sticky-pull-request-comment@v2
-        with:
-          header: preview-url
-          message: |
-            Preview Worker `${{ env.PREVIEW_WORKER_NAME }}` deleted.
diff --git a/.github/workflows/pr-deploy-preview.yml b/.github/workflows/pr-deploy-preview.yml
deleted file mode 100644
index 9fa8876..0000000
--- a/.github/workflows/pr-deploy-preview.yml
+++ /dev/null
@@ -1,67 +0,0 @@
-name: PR - Deploy preview
-
-on:
-  pull_request:
-    types: [opened, synchronize, reopened]
-    branches:
-      - main
-
-concurrency:
-  group: deploy-pr-${{ github.event.number }}
-  cancel-in-progress: true
-
-permissions:
-  contents: read
-  pull-requests: write
-  deployments: write
-
-jobs:
-  deploy-preview:
-    name: Deploy preview
-    # Skip fork PRs — they cannot read repository secrets
-    if: github.event.pull_request.head.repo.full_name == github.repository
-    runs-on: ubuntu-latest
-    timeout-minutes: 20
-    environment:
-      name: pr-${{ github.event.number }}
-      url: ${{ steps.deploy.outputs.deployment-url }}
-    env:
-      PREVIEW_WORKER_NAME: ssw-website-global-pr-${{ github.event.number }}
-    steps:
-      - uses: actions/checkout@v6
-
-      - uses: pnpm/action-setup@v6
-        with:
-          package_json_file: package.json
-          standalone: true
-
-      - name: Setup Node
-        uses: actions/setup-node@v6
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
-
-      - run: pnpm install --frozen-lockfile
-
-      - name: Build (Tina + Astro)
-        run: pnpm run build
-        env:
-          NODE_OPTIONS: --max-old-space-size=4096
-          SITE_URL: https://${{ env.PREVIEW_WORKER_NAME }}.${{ secrets.CLOUDFLARE_WORKERS_SUBDOMAIN }}.workers.dev
-
-      - name: Deploy preview Worker
-        id: deploy
-        uses: cloudflare/wrangler-action@v3
-        with:
-          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          command: deploy --name ${{ env.PREVIEW_WORKER_NAME }}
-
-      - name: Comment preview URL on PR
-        uses: marocchino/sticky-pull-request-comment@v2
-        with:
-          header: preview-url
-          message: |
-            Preview deployed: <https://${{ env.PREVIEW_WORKER_NAME }}.${{ secrets.CLOUDFLARE_WORKERS_SUBDOMAIN }}.workers.dev/>
-
-            (Worker `${{ env.PREVIEW_WORKER_NAME }}` — auto-deleted when this PR closes.)

From 9b3f05e5d27f40b0e343daaecdad9d43bbe17247 Mon Sep 17 00:00:00 2001
From: 0xharkirat <sandhukirat23@gmail.com>
Date: Tue, 26 May 2026 16:06:48 +1000
Subject: [PATCH 4/9] Revert "Reformat codebase with Prettier (no behavior
 change)"

This reverts commit d92982b845e318af345ad6bb48088b53b7a48f3b.
---
 AGENTS.md                                   |    3 +-
 astro.config.mjs                            |   14 +-
 public/assets/colors_and_type.css           |  599 +++----
 src/components/BaseHead.astro               |   16 +-
 src/components/Footer.astro                 |   57 +-
 src/components/Header.astro                 |   61 +-
 src/components/HeaderLink.astro             |    2 +-
 src/components/IconLink.astro               |   86 +-
 src/components/islands/BlogBody.astro       |   66 +-
 src/components/islands/LandingBody.astro    | 1526 ++++++----------
 src/components/islands/PageBody.astro       |   13 +-
 src/components/mdx/YouTubeEmbed.astro       |   15 +-
 src/components/mdx/YouTubeEmbed.template.ts |   24 +-
 src/lib/data.ts                             |   16 +-
 src/pages/[...slug].astro                   |    7 +-
 src/pages/blog/[...slug].astro              |    7 +-
 src/pages/blog/index.astro                  |   38 +-
 src/pages/index.astro                       |  211 +--
 src/pages/rss.xml.js                        |    2 +-
 src/styles/global.css                       |    5 +-
 src/styles/landing.css                      | 1764 +++++++------------
 tina/collections/blog.ts                    |   93 +-
 tina/collections/global-config.ts           |  207 +--
 tina/collections/landing.ts                 |  832 ++++-----
 tina/collections/page.ts                    |   50 +-
 tina/config.ts                              |   66 +-
 tsconfig.json                               |   17 +-
 27 files changed, 2225 insertions(+), 3572 deletions(-)

diff --git a/AGENTS.md b/AGENTS.md
index c6e93ac..1d69ffc 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -23,7 +23,6 @@ The only exception is hotfixes the user explicitly authorises.
 **Every piece of content on every page must be editable via the Tina editor (`/admin/`).** Never hardcode user-visible text, images, links, or list items into `.astro` files. If you're about to type a sentence the user might want to change later, stop and model it as a Tina field first.
 
 This means:
-
 - New section → new fields in a Tina collection, new data in the matching content file, then read it in the component
 - New page → new collection (or new file in an existing collection) before any markup
 - Every rendered text node should have a `data-tina-field={tinaField(parent, 'fieldName')}` so inline editing works
@@ -120,7 +119,7 @@ When verifying inline editing, open `/admin/` and confirm: (a) the new fields ap
 
   **Before pushing a PR that adds a new schema field:**
   1. Reproduce the prod build locally — `rm -rf dist && SITE_URL=https://... pnpm run build` — and check `dist/<affected-route>/index.html` is real HTML, not the 9-byte body
-  2. If it errors with "Cannot query field", trigger a Tina Cloud schema sync (Settings → Rebuild on app.tina.io) _before_ the Cloudflare deploy goes out
+  2. If it errors with "Cannot query field", trigger a Tina Cloud schema sync (Settings → Rebuild on app.tina.io) *before* the Cloudflare deploy goes out
   3. Or split it into two PRs: schema-only first (so Tina Cloud rebuilds), then a follow-up that reads the field
 
   This bit us in PR #14 → #15 on 2026-05-22. See PR #15's description for the full incident.
diff --git a/astro.config.mjs b/astro.config.mjs
index 8c84274..c6769fc 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -26,15 +26,13 @@ export default defineConfig({
 		build: {
 			rollupOptions: {
 				onwarn(warning, warn) {
-					if (
-						warning.code === 'UNUSED_EXTERNAL_IMPORT' &&
-						warning.exporter === 'tinacms/dist/client'
-					) {
+					if (warning.code === 'UNUSED_EXTERNAL_IMPORT' &&
+						warning.exporter === 'tinacms/dist/client') {
 						return;
 					}
 					warn(warning);
-				},
-			},
-		},
-	},
+				}
+			}
+		}
+	}
 });
diff --git a/public/assets/colors_and_type.css b/public/assets/colors_and_type.css
index cc22ce6..91d0e2d 100644
--- a/public/assets/colors_and_type.css
+++ b/public/assets/colors_and_type.css
@@ -9,393 +9,334 @@
    Geist and Roboto Mono are still pulled from Google Fonts until brand files arrive.
 */
 @font-face {
-	font-family: 'Inter';
-	src:
-		url('fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype-variations'),
-		url('fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype');
-	font-weight: 100 900;
-	font-style: normal;
-	font-display: swap;
+  font-family: 'Inter';
+  src: url('fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype-variations'),
+       url('fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
 }
 @font-face {
-	font-family: 'Inter';
-	src:
-		url('fonts/Inter-Italic-VariableFont_opsz_wght.ttf')
-			format('truetype-variations'),
-		url('fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype');
-	font-weight: 100 900;
-	font-style: italic;
-	font-display: swap;
+  font-family: 'Inter';
+  src: url('fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype-variations'),
+       url('fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype');
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: swap;
 }
 @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap');
 
 :root {
-	/* ═══════════════════════════════════════════════════════════
+  /* ═══════════════════════════════════════════════════════════
      PRIMITIVES  (never reference directly in product code)
      ═══════════════════════════════════════════════════════════ */
 
-	/* Neutral — warm greys derived from the brand crimson */
-	--grey-0: #ffffff;
-	--grey-50: #fafafa;
-	--grey-100: #f5f5f5;
-	--grey-200: #e5e5e5;
-	--grey-300: #d4d4d4;
-	--grey-400: #a3a3a3;
-	--grey-500: #737373;
-	--grey-600: #525252;
-	--grey-700: #404040;
-	--grey-800: #262626;
-	--grey-900: #171717;
-	--grey-1000: #000000;
-
-	/* Red — brand primary scale (SSW crimson) */
-	--red-50: #fdecec;
-	--red-100: #fad3d3;
-	--red-200: #f5a8a8;
-	--red-300: #ee7f7f;
-	--red-400: #e06161;
-	--red-500: #cc4141; /* brand */
-	--red-600: #b93535;
-	--red-700: #9d2929;
-	--red-800: #7a1e1e;
-	--red-900: #5a1515;
-
-	/* Destructive (shadcn-style harder red) */
-	--destructive-500: #dc2626;
-	--destructive-600: #b91c1c;
-
-	/* Blue — links / info */
-	--blue-100: #dbeafe;
-	--blue-300: #8ec5ff;
-	--blue-500: #3f8dff;
-	--blue-600: #2563eb;
-	--blue-700: #1d4ed8;
-
-	/* Green — success */
-	--green-100: #d1fae5;
-	--green-500: #10b981;
-	--green-600: #1e7b57;
-	--green-700: #047857;
-
-	/* Amber — warning */
-	--amber-100: #fef3c7;
-	--amber-500: #f59e0b;
-	--amber-600: #d97706;
-
-	/* Orange — accent */
-	--orange-500: #f54a00;
-
-	/* Teal — accent */
-	--teal-500: #009689;
-
-	/* ═══════════════════════════════════════════════════════════
+  /* Neutral — warm greys derived from the brand crimson */
+  --grey-0:    #ffffff;
+  --grey-50:   #fafafa;
+  --grey-100:  #f5f5f5;
+  --grey-200:  #e5e5e5;
+  --grey-300:  #d4d4d4;
+  --grey-400:  #a3a3a3;
+  --grey-500:  #737373;
+  --grey-600:  #525252;
+  --grey-700:  #404040;
+  --grey-800:  #262626;
+  --grey-900:  #171717;
+  --grey-1000: #000000;
+
+  /* Red — brand primary scale (SSW crimson) */
+  --red-50:    #fdecec;
+  --red-100:   #fad3d3;
+  --red-200:   #f5a8a8;
+  --red-300:   #ee7f7f;
+  --red-400:   #e06161;
+  --red-500:   #cc4141; /* brand */
+  --red-600:   #b93535;
+  --red-700:   #9d2929;
+  --red-800:   #7a1e1e;
+  --red-900:   #5a1515;
+
+  /* Destructive (shadcn-style harder red) */
+  --destructive-500: #dc2626;
+  --destructive-600: #b91c1c;
+
+  /* Blue — links / info */
+  --blue-100:  #dbeafe;
+  --blue-300:  #8ec5ff;
+  --blue-500:  #3f8dff;
+  --blue-600:  #2563eb;
+  --blue-700:  #1d4ed8;
+
+  /* Green — success */
+  --green-100: #d1fae5;
+  --green-500: #10b981;
+  --green-600: #1e7b57;
+  --green-700: #047857;
+
+  /* Amber — warning */
+  --amber-100: #fef3c7;
+  --amber-500: #f59e0b;
+  --amber-600: #d97706;
+
+  /* Orange — accent */
+  --orange-500: #f54a00;
+
+  /* Teal — accent */
+  --teal-500:  #009689;
+
+  /* ═══════════════════════════════════════════════════════════
      SEMANTIC TOKENS — Light mode
      Structure: element.tone.emphasis.state
      ═══════════════════════════════════════════════════════════ */
 
-	/* Text */
-	--text-neutral-strong: rgba(0, 0, 0, 0.9);
-	--text-neutral: rgba(0, 0, 0, 0.78);
-	--text-neutral-weak: rgba(0, 0, 0, 0.6);
-	--text-neutral-weaker: rgba(0, 0, 0, 0.45);
-	--text-brand: var(--red-500);
-	--text-brand-strong: var(--red-700);
-	--text-error: var(--destructive-500);
-	--text-warning: var(--amber-600);
-	--text-success: var(--green-700);
-	--text-link: var(--blue-600);
-	--text-inverse: #ffffff;
-	--text-disabled: rgba(0, 0, 0, 0.35);
-
-	/* Icon */
-	--icon-neutral-strong: rgba(0, 0, 0, 0.9);
-	--icon-neutral: rgba(0, 0, 0, 0.6);
-	--icon-neutral-weak: rgba(0, 0, 0, 0.45);
-	--icon-brand: var(--red-500);
-	--icon-error: var(--destructive-500);
-	--icon-inverse: #ffffff;
-
-	/* Stroke (borders) */
-	--stroke-neutral-strong: rgba(0, 0, 0, 0.2);
-	--stroke-neutral: rgba(0, 0, 0, 0.1);
-	--stroke-neutral-weak: rgba(0, 0, 0, 0.06);
-	--stroke-brand: var(--red-500);
-	--stroke-focus: var(--red-500);
-	--stroke-error: var(--destructive-500);
-
-	/* Fill (foreground component surfaces) */
-	--fill-neutral-strong: var(--grey-900);
-	--fill-neutral: var(--grey-800);
-	--fill-neutral-weak: var(--grey-100);
-	--fill-neutral-weaker: var(--grey-50);
-	--fill-brand: var(--red-500);
-	--fill-brand-hover: var(--red-600);
-	--fill-brand-press: var(--red-700);
-	--fill-error: var(--destructive-500);
-	--fill-warning: var(--amber-500);
-	--fill-success: var(--green-500);
-	--fill-inverse: #ffffff;
-
-	/* Background (surfaces) */
-	--bg-base: #ffffff;
-	--bg-sunken: var(--grey-50);
-	--bg-raised: #ffffff;
-	--bg-overlay: #ffffff;
-	--bg-inverse: var(--grey-900);
-	--bg-brand-soft: var(--red-50);
-	--bg-error-soft: rgba(220, 38, 38, 0.05);
-
-	/* ═══════════════════════════════════════════════════════════
+  /* Text */
+  --text-neutral-strong:   rgba(0,0,0,0.9);
+  --text-neutral:          rgba(0,0,0,0.78);
+  --text-neutral-weak:     rgba(0,0,0,0.6);
+  --text-neutral-weaker:   rgba(0,0,0,0.45);
+  --text-brand:            var(--red-500);
+  --text-brand-strong:     var(--red-700);
+  --text-error:            var(--destructive-500);
+  --text-warning:          var(--amber-600);
+  --text-success:          var(--green-700);
+  --text-link:             var(--blue-600);
+  --text-inverse:          #ffffff;
+  --text-disabled:         rgba(0,0,0,0.35);
+
+  /* Icon */
+  --icon-neutral-strong:   rgba(0,0,0,0.9);
+  --icon-neutral:          rgba(0,0,0,0.6);
+  --icon-neutral-weak:     rgba(0,0,0,0.45);
+  --icon-brand:            var(--red-500);
+  --icon-error:            var(--destructive-500);
+  --icon-inverse:          #ffffff;
+
+  /* Stroke (borders) */
+  --stroke-neutral-strong: rgba(0,0,0,0.2);
+  --stroke-neutral:        rgba(0,0,0,0.1);
+  --stroke-neutral-weak:   rgba(0,0,0,0.06);
+  --stroke-brand:          var(--red-500);
+  --stroke-focus:          var(--red-500);
+  --stroke-error:          var(--destructive-500);
+
+  /* Fill (foreground component surfaces) */
+  --fill-neutral-strong:   var(--grey-900);
+  --fill-neutral:          var(--grey-800);
+  --fill-neutral-weak:     var(--grey-100);
+  --fill-neutral-weaker:   var(--grey-50);
+  --fill-brand:            var(--red-500);
+  --fill-brand-hover:      var(--red-600);
+  --fill-brand-press:      var(--red-700);
+  --fill-error:            var(--destructive-500);
+  --fill-warning:          var(--amber-500);
+  --fill-success:          var(--green-500);
+  --fill-inverse:          #ffffff;
+
+  /* Background (surfaces) */
+  --bg-base:               #ffffff;
+  --bg-sunken:             var(--grey-50);
+  --bg-raised:             #ffffff;
+  --bg-overlay:            #ffffff;
+  --bg-inverse:            var(--grey-900);
+  --bg-brand-soft:         var(--red-50);
+  --bg-error-soft:         rgba(220,38,38,0.05);
+
+  /* ═══════════════════════════════════════════════════════════
      RADII — shadcn scale
      ═══════════════════════════════════════════════════════════ */
-	--radius-none: 0;
-	--radius-xs: 2px;
-	--radius-sm: 4px;
-	--radius-md: 6px; /* default shadcn `--radius` */
-	--radius-lg: 8px;
-	--radius-xl: 12px;
-	--radius-2xl: 16px;
-	--radius-full: 9999px;
-	--radius: 6px;
-
-	/* ═══════════════════════════════════════════════════════════
+  --radius-none: 0;
+  --radius-xs:   2px;
+  --radius-sm:   4px;
+  --radius-md:   6px;  /* default shadcn `--radius` */
+  --radius-lg:   8px;
+  --radius-xl:   12px;
+  --radius-2xl:  16px;
+  --radius-full: 9999px;
+  --radius:      6px;
+
+  /* ═══════════════════════════════════════════════════════════
      SHADOWS — elevation system
      ═══════════════════════════════════════════════════════════ */
-	--shadow-none: none;
-	--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-	--shadow-sm:
-		0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.05);
-	--shadow-raised:
-		0px 4px 8px -2px rgba(0, 0, 0, 0.04), 0px 2px 4px -2px rgba(0, 0, 0, 0.08);
-	--shadow-overlay:
-		0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.04);
-	--shadow-brand: 0 1px 2px 0 rgba(204, 65, 65, 0.2);
-	--shadow-error: 0 1px 2px 0 rgba(220, 38, 38, 0.05);
-	--shadow-ring: 0 0 0 3px rgba(204, 65, 65, 0.2);
-
-	/* ═══════════════════════════════════════════════════════════
+  --shadow-none:    none;
+  --shadow-xs:      0 1px 2px 0 rgba(0,0,0,0.05);
+  --shadow-sm:      0 1px 3px 0 rgba(0,0,0,0.08), 0 1px 2px -1px rgba(0,0,0,0.05);
+  --shadow-raised:  0px 4px 8px -2px rgba(0,0,0,0.04), 0px 2px 4px -2px rgba(0,0,0,0.08);
+  --shadow-overlay: 0px 20px 24px -4px rgba(0,0,0,0.08), 0px 8px 8px -4px rgba(0,0,0,0.04);
+  --shadow-brand:   0 1px 2px 0 rgba(204,65,65,0.2);
+  --shadow-error:   0 1px 2px 0 rgba(220,38,38,0.05);
+  --shadow-ring:    0 0 0 3px rgba(204,65,65,0.2);
+
+  /* ═══════════════════════════════════════════════════════════
      SPACING — 4px base (shadcn/tailwind)
      ═══════════════════════════════════════════════════════════ */
-	--space-0: 0;
-	--space-1: 4px;
-	--space-2: 8px;
-	--space-3: 12px;
-	--space-4: 16px;
-	--space-5: 20px;
-	--space-6: 24px;
-	--space-8: 32px;
-	--space-10: 40px;
-	--space-12: 48px;
-	--space-16: 64px;
-	--space-20: 80px;
-	--space-24: 96px;
-
-	/* ═══════════════════════════════════════════════════════════
+  --space-0:  0;
+  --space-1:  4px;
+  --space-2:  8px;
+  --space-3:  12px;
+  --space-4:  16px;
+  --space-5:  20px;
+  --space-6:  24px;
+  --space-8:  32px;
+  --space-10: 40px;
+  --space-12: 48px;
+  --space-16: 64px;
+  --space-20: 80px;
+  --space-24: 96px;
+
+  /* ═══════════════════════════════════════════════════════════
      TYPE — font stacks
      ═══════════════════════════════════════════════════════════ */
-	--font-sans:
-		'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-	--font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
-	--font-mono: 'Inter', ui-monospace, 'SF Mono', Menlo, monospace;
+  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+  --font-mono:    'Inter', ui-monospace, 'SF Mono', Menlo, monospace;
 
-	/* ═══════════════════════════════════════════════════════════
+  /* ═══════════════════════════════════════════════════════════
      MOTION
      ═══════════════════════════════════════════════════════════ */
-	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
-	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
-	--duration-fast: 120ms;
-	--duration-normal: 200ms;
-	--duration-slow: 320ms;
+  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
+  --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);
+  --duration-fast:   120ms;
+  --duration-normal: 200ms;
+  --duration-slow:   320ms;
 }
 
 /* ═══════════════════════════════════════════════════════════
    DARK MODE — semantic tokens remap
    ═══════════════════════════════════════════════════════════ */
-[data-theme='dark'],
+[data-theme="dark"],
 .dark {
-	/* Text — opacities of white */
-	--text-neutral-strong: rgba(255, 255, 255, 0.95);
-	--text-neutral: rgba(255, 255, 255, 0.78);
-	--text-neutral-weak: rgba(255, 255, 255, 0.6);
-	--text-neutral-weaker: rgba(255, 255, 255, 0.4);
-	--text-disabled: rgba(255, 255, 255, 0.3);
-	--text-inverse: rgba(0, 0, 0, 0.9);
-
-	--icon-neutral-strong: rgba(255, 255, 255, 0.95);
-	--icon-neutral: rgba(255, 255, 255, 0.7);
-	--icon-neutral-weak: rgba(255, 255, 255, 0.45);
-	--icon-inverse: var(--grey-900);
-
-	--stroke-neutral-strong: rgba(255, 255, 255, 0.18);
-	--stroke-neutral: rgba(255, 255, 255, 0.12);
-	--stroke-neutral-weak: rgba(255, 255, 255, 0.06);
-
-	/* Elevation via background lightness (light comes from above) */
-	--bg-base: var(--grey-900);
-	--bg-sunken: #000000;
-	--bg-raised: var(--grey-800);
-	--bg-overlay: #44403c;
-	--bg-inverse: #ffffff;
-
-	--fill-neutral-strong: #ffffff;
-	--fill-neutral: var(--grey-100);
-	--fill-neutral-weak: var(--grey-800);
-	--fill-neutral-weaker: var(--grey-700);
-	--fill-inverse: var(--grey-900);
+  /* Text — opacities of white */
+  --text-neutral-strong: rgba(255,255,255,0.95);
+  --text-neutral:        rgba(255,255,255,0.78);
+  --text-neutral-weak:   rgba(255,255,255,0.6);
+  --text-neutral-weaker: rgba(255,255,255,0.4);
+  --text-disabled:       rgba(255,255,255,0.3);
+  --text-inverse:        rgba(0,0,0,0.9);
+
+  --icon-neutral-strong: rgba(255,255,255,0.95);
+  --icon-neutral:        rgba(255,255,255,0.7);
+  --icon-neutral-weak:   rgba(255,255,255,0.45);
+  --icon-inverse:        var(--grey-900);
+
+  --stroke-neutral-strong: rgba(255,255,255,0.18);
+  --stroke-neutral:        rgba(255,255,255,0.12);
+  --stroke-neutral-weak:   rgba(255,255,255,0.06);
+
+  /* Elevation via background lightness (light comes from above) */
+  --bg-base:     var(--grey-900);
+  --bg-sunken:   #000000;
+  --bg-raised:   var(--grey-800);
+  --bg-overlay:  #44403c;
+  --bg-inverse:  #ffffff;
+
+  --fill-neutral-strong: #ffffff;
+  --fill-neutral:        var(--grey-100);
+  --fill-neutral-weak:   var(--grey-800);
+  --fill-neutral-weaker: var(--grey-700);
+  --fill-inverse:        var(--grey-900);
 }
 
 /* ═══════════════════════════════════════════════════════════
    TYPOGRAPHY — semantic classes
    ═══════════════════════════════════════════════════════════ */
 
-html,
-body {
-	font-family: var(--font-sans);
-	font-size: 14px;
-	line-height: 1.5;
-	color: var(--text-neutral-strong);
-	background: var(--bg-base);
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+html, body {
+  font-family: var(--font-sans);
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--text-neutral-strong);
+  background: var(--bg-base);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
-.h1,
-h1 {
-	font-family: var(--font-display);
-	font-weight: 700;
-	font-size: 48px;
-	line-height: 1;
-	letter-spacing: -0.01em;
-	color: var(--text-neutral-strong);
+.h1, h1 {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 48px;
+  line-height: 1;
+  letter-spacing: -0.01em;
+  color: var(--text-neutral-strong);
 }
-.h2,
-h2 {
-	font-family: var(--font-display);
-	font-weight: 700;
-	font-size: 36px;
-	line-height: 1.1;
-	letter-spacing: -0.02em;
-	color: var(--text-neutral-strong);
+.h2, h2 {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 36px;
+  line-height: 1.1;
+  letter-spacing: -0.02em;
+  color: var(--text-neutral-strong);
 }
-.h3,
-h3 {
-	font-family: var(--font-display);
-	font-weight: 700;
-	font-size: 28px;
-	line-height: 1.15;
-	letter-spacing: -0.02em;
-	color: var(--text-neutral-strong);
+.h3, h3 {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 1.15;
+  letter-spacing: -0.02em;
+  color: var(--text-neutral-strong);
 }
-.h4,
-h4 {
-	font-family: var(--font-display);
-	font-weight: 700;
-	font-size: 24px;
-	line-height: 1.2;
-	letter-spacing: -0.02em;
-	color: var(--text-neutral-strong);
+.h4, h4 {
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 1.2;
+  letter-spacing: -0.02em;
+  color: var(--text-neutral-strong);
 }
 
 .p-large {
-	font-family: var(--font-sans);
-	font-size: 18px;
-	line-height: 1.55;
-	color: var(--text-neutral);
+  font-family: var(--font-sans);
+  font-size: 18px;
+  line-height: 1.55;
+  color: var(--text-neutral);
 }
-.p-large-medium {
-	font-family: var(--font-sans);
-	font-size: 18px;
-	font-weight: 500;
-	line-height: 1.55;
-}
-.p-large-bold {
-	font-family: var(--font-sans);
-	font-size: 18px;
-	font-weight: 700;
-	line-height: 1.55;
-}
-
-.p,
-p {
-	font-family: var(--font-sans);
-	font-size: 14px;
-	line-height: 1.5;
-	color: var(--text-neutral);
-}
-.p-medium {
-	font-family: var(--font-sans);
-	font-size: 14px;
-	font-weight: 500;
-	line-height: 1.5;
-}
-.p-bold {
-	font-family: var(--font-sans);
-	font-size: 14px;
-	font-weight: 700;
-	line-height: 1.5;
+.p-large-medium  { font-family: var(--font-sans); font-size: 18px; font-weight: 500; line-height: 1.55; }
+.p-large-bold    { font-family: var(--font-sans); font-size: 18px; font-weight: 700; line-height: 1.55; }
+
+.p, p {
+  font-family: var(--font-sans);
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--text-neutral);
 }
+.p-medium        { font-family: var(--font-sans); font-size: 14px; font-weight: 500; line-height: 1.5; }
+.p-bold          { font-family: var(--font-sans); font-size: 14px; font-weight: 700; line-height: 1.5; }
 
-.p-small {
-	font-family: var(--font-sans);
-	font-size: 12px;
-	line-height: 1.5;
-}
-.p-small-medium {
-	font-family: var(--font-sans);
-	font-size: 12px;
-	font-weight: 500;
-	line-height: 1.5;
-}
+.p-small         { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; }
+.p-small-medium  { font-family: var(--font-sans); font-size: 12px; font-weight: 500; line-height: 1.5; }
 
-.p-mini {
-	font-family: var(--font-sans);
-	font-size: 11px;
-	line-height: 1.45;
-}
-.p-mini-medium {
-	font-family: var(--font-sans);
-	font-size: 11px;
-	font-weight: 500;
-	line-height: 1.45;
-}
-.p-mini-bold {
-	font-family: var(--font-sans);
-	font-size: 11px;
-	font-weight: 700;
-	line-height: 1.45;
-}
+.p-mini          { font-family: var(--font-sans); font-size: 11px; line-height: 1.45; }
+.p-mini-medium   { font-family: var(--font-sans); font-size: 11px; font-weight: 500; line-height: 1.45; }
+.p-mini-bold     { font-family: var(--font-sans); font-size: 11px; font-weight: 700; line-height: 1.45; }
 
 .caption {
-	font-family: var(--font-sans);
-	font-size: 11px;
-	font-weight: 500;
-	line-height: 1.45;
-	letter-spacing: 0.06em;
-	text-transform: uppercase;
-	color: var(--text-neutral-weak);
+  font-family: var(--font-sans);
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 1.45;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--text-neutral-weak);
 }
 
-.code,
-code,
-kbd,
-.mono {
-	font-family: var(--font-mono);
-	font-size: 13px;
-	line-height: 1.5;
+.code, code, kbd, .mono {
+  font-family: var(--font-mono);
+  font-size: 13px;
+  line-height: 1.5;
 }
 
 /* Button typography (Inter Medium 14/1.5 with slight negative tracking) */
 .button-label {
-	font-family: var(--font-sans);
-	font-weight: 500;
-	font-size: 14px;
-	line-height: 1.5;
-	letter-spacing: -0.025em;
+  font-family: var(--font-sans);
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 1.5;
+  letter-spacing: -0.025em;
 }
 
 /* Focus ring — brand red at low opacity */
 :focus-visible {
-	outline: 2px solid transparent;
-	box-shadow: var(--shadow-ring);
-	border-radius: inherit;
+  outline: 2px solid transparent;
+  box-shadow: var(--shadow-ring);
+  border-radius: inherit;
 }
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index 0f8150c..f9f3163 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -26,20 +26,8 @@ const { title, description, image = '/blog-placeholder-1.jpg' } = Astro.props;
 <meta name="generator" content={Astro.generator} />
 
 <!-- Font preloads -->
-<link
-	rel="preload"
-	href="/fonts/atkinson-regular.woff"
-	as="font"
-	type="font/woff"
-	crossorigin
-/>
-<link
-	rel="preload"
-	href="/fonts/atkinson-bold.woff"
-	as="font"
-	type="font/woff"
-	crossorigin
-/>
+<link rel="preload" href="/fonts/atkinson-regular.woff" as="font" type="font/woff" crossorigin />
+<link rel="preload" href="/fonts/atkinson-bold.woff" as="font" type="font/woff" crossorigin />
 
 <!-- Canonical URL -->
 <link rel="canonical" href={canonicalURL} />
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 2c2a8c6..0c4a114 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,49 +1,38 @@
 ---
-import { tinaField } from '@tinacms/astro/tina-field';
-import type { ConfigQuery } from '../../tina/__generated__/types';
-import IconLink from './IconLink.astro';
+import { tinaField } from "@tinacms/astro/tina-field";
+import type { ConfigQuery } from "../../tina/__generated__/types";
+import IconLink from "./IconLink.astro";
 
 interface Props {
-	config?: ConfigQuery['config'] | null;
+	config?: ConfigQuery["config"] | null;
 }
 
 const { config } = Astro.props;
 const seo = config?.seo ?? null;
-const contactLinks = (config?.contactLinks ?? []).filter(
-	(item) => item !== null
-);
+const contactLinks = (config?.contactLinks ?? []).filter((item) => item !== null);
 const today = new Date();
 ---
-
 <div class="tina-footer">
-	<div class="tina-banner-content">
-		<img src="/llama.svg" alt="Tina CMS Llama Logo" /><a
-			href="https://tina.io"
-			target="_blank"
-			rel="noopener noreferrer">Powered by TinaCMS</a
-		>
+	<div class="tina-banner-content"><img src="/llama.svg" alt="Tina CMS Llama Logo" /><a href="https://tina.io" target="_blank" rel="noopener noreferrer">Powered by TinaCMS</a>
 	</div>
 </div>
-<footer class="copyright-footer">
-	&copy; {today.getFullYear()}
-	<span data-tina-field={seo ? tinaField(seo, 'siteOwner') : undefined}
-		>{seo?.siteOwner}</span
-	>. All rights reserved.
-	<div class="social-links">
-		{
-			contactLinks.map((link) => (
+	<footer class="copyright-footer">
+		&copy; {today.getFullYear()}
+		<span data-tina-field={seo ? tinaField(seo, "siteOwner") : undefined}>{seo?.siteOwner}</span>. All rights reserved.
+		<div class="social-links">
+			{contactLinks.map((link) => (
 				<IconLink
 					title={link.title}
 					link={link.link}
 					icon={link.icon}
-					data-tina-field={tinaField(link, 'title')}
+					data-tina-field={tinaField(link, "title")}
 				/>
-			))
-		}
-	</div>
-</footer>
+			))}
+		</div>
+	</footer>
 
 <style>
+
 	.copyright-footer {
 		padding: 2em 1em 2em 1em;
 		background: linear-gradient(var(--gray-gradient)) no-repeat;
@@ -73,12 +62,7 @@ const today = new Date();
 		position: relative;
 		width: 100%;
 		overflow: hidden;
-		background-image: linear-gradient(
-			60deg,
-			#000000 0%,
-			#ec4815 50%,
-			#000000 100%
-		);
+		background-image: linear-gradient(60deg, #000000 0%,  #EC4815 50%, #000000 100%);
 		padding: 1.5em 0;
 	}
 
@@ -98,12 +82,7 @@ const today = new Date();
 		left: -50%;
 		width: 200%;
 		height: 100%;
-		background-image: linear-gradient(
-			60deg,
-			#1f1e24 25%,
-			#ec4815 50%,
-			#1f1e24 75%
-		);
+		background-image: linear-gradient(60deg, #1F1E24 25%,   #EC4815 50%, #1F1E24 75%);
 		transition: transform 1s ease-in-out;
 		z-index: 1;
 	}
diff --git a/src/components/Header.astro b/src/components/Header.astro
index f402c1d..8fe38b3 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,64 +1,41 @@
 ---
-import { tinaField } from '@tinacms/astro/tina-field';
-import type { ConfigQuery } from '../../tina/__generated__/types';
-import HeaderLink from './HeaderLink.astro';
-import IconLink from './IconLink.astro';
+import { tinaField } from "@tinacms/astro/tina-field";
+import type { ConfigQuery } from "../../tina/__generated__/types";
+import HeaderLink from "./HeaderLink.astro";
+import IconLink from "./IconLink.astro";
 
 interface Props {
-	config?: ConfigQuery['config'] | null;
+	config?: ConfigQuery["config"] | null;
 }
 
 const { config } = Astro.props;
 const seo = config?.seo ?? null;
 const nav = (config?.nav ?? []).filter((item) => item !== null);
-const contactLinks = (config?.contactLinks ?? []).filter(
-	(item) => item !== null
-);
+const contactLinks = (config?.contactLinks ?? []).filter((item) => item !== null);
 ---
 
 <header>
 	<nav>
 		<h2>
 			<a href="/" class="nav-header">
-				{
-					seo?.logo && (
-						<img
-							src={seo.logo}
-							alt="Logo"
-							width="50"
-							height="50"
-							data-tina-field={tinaField(seo, 'logo')}
-						/>
-					)
-				}
-				<span data-tina-field={seo ? tinaField(seo, 'title') : undefined}
-					>{seo?.title}</span
-				>
+				{seo?.logo && <img src={seo.logo} alt="Logo" width="50" height="50" data-tina-field={tinaField(seo, "logo")} />}
+				<span data-tina-field={seo ? tinaField(seo, "title") : undefined}>{seo?.title}</span>
 			</a>
 		</h2>
 		<div class="internal-links">
-			{
-				nav.map((item) => (
-					<HeaderLink
-						href={item.link}
-						data-tina-field={tinaField(item, 'title')}
-					>
-						{item.title}
-					</HeaderLink>
-				))
-			}
+			{nav.map((item) => (
+				<HeaderLink href={item.link} data-tina-field={tinaField(item, "title")}>{item.title}</HeaderLink>
+			))}
 		</div>
 		<div class="social-links">
-			{
-				contactLinks.map((link) => (
-					<IconLink
-						title={link.title}
-						link={link.link}
-						icon={link.icon}
-						data-tina-field={tinaField(link, 'title')}
-					/>
-				))
-			}
+			{contactLinks.map((link) => (
+				<IconLink
+					title={link.title}
+					link={link.link}
+					icon={link.icon}
+					data-tina-field={tinaField(link, "title")}
+				/>
+			))}
 		</div>
 	</nav>
 </header>
diff --git a/src/components/HeaderLink.astro b/src/components/HeaderLink.astro
index dab7398..41da846 100644
--- a/src/components/HeaderLink.astro
+++ b/src/components/HeaderLink.astro
@@ -5,7 +5,7 @@ type Props = HTMLAttributes<'a'>;
 
 const { href, class: className, ...props } = Astro.props;
 const pathname = Astro.url.pathname.replace(import.meta.env.BASE_URL, '');
-const subpath = pathname.match(/[^/]+/g);
+const subpath = pathname.match(/[^\/]+/g);
 const isActive = href === pathname || href === '/' + (subpath?.[0] || '');
 ---
 
diff --git a/src/components/IconLink.astro b/src/components/IconLink.astro
index e2008a5..5168dbe 100644
--- a/src/components/IconLink.astro
+++ b/src/components/IconLink.astro
@@ -8,70 +8,32 @@ type Props = HTMLAttributes<'a'> & {
 };
 
 const { title, link, icon, ...rest } = Astro.props;
-const safeTitle = title ?? '';
-const safeLink = link ?? '#';
-const safeIcon = icon ?? '';
+const safeTitle = title ?? "";
+const safeLink = link ?? "#";
+const safeIcon = icon ?? "";
 ---
 
 <a href={safeLink} target="_blank" aria-label={`Go to ${safeTitle}`} {...rest}>
 	<span class="sr-only">{safeTitle}</span>
-	{
-		safeIcon === 'TbBrandX' && (
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="32"
-				height="32"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			>
-				<path d="M4 4l11.733 16h4.267l-11.733 -16z" />
-				<path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
-			</svg>
-		)
-	}
-	{
-		safeIcon === 'TbBook2' && (
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="32"
-				height="32"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			>
-				<path d="M19 4v16h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12z" />
-				<path d="M19 16h-12a2 2 0 0 0 -2 2" />
-				<path d="M9 8h6" />
-			</svg>
-		)
-	}
-	{
-		safeIcon === 'TbBrandGithub' && (
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				width="32"
-				height="32"
-				viewBox="0 0 24 24"
-				fill="none"
-				stroke="currentColor"
-				stroke-width="2"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			>
-				<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
-			</svg>
-		)
-	}
-	{
-		!['TbBrandX', 'TbBook2', 'TbBrandGithub'].includes(icon) && (
-			<span>Icon "{icon}" not found</span>
-		)
-	}
+	{safeIcon === "TbBrandX" && (
+		<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+			<path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
+			<path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path>
+		</svg>
+	)}
+	{safeIcon === "TbBook2" && (
+		<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+			<path d="M19 4v16h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12z"></path>
+			<path d="M19 16h-12a2 2 0 0 0 -2 2"></path>
+			<path d="M9 8h6"></path>
+		</svg>
+	)}
+	{safeIcon === "TbBrandGithub" && (
+		<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+			<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"></path>
+		</svg>
+	)}
+	{!["TbBrandX", "TbBook2", "TbBrandGithub"].includes(icon) && (
+		<span>Icon "{icon}" not found</span>
+	)}
 </a>
diff --git a/src/components/islands/BlogBody.astro b/src/components/islands/BlogBody.astro
index 4620707..c4504f2 100644
--- a/src/components/islands/BlogBody.astro
+++ b/src/components/islands/BlogBody.astro
@@ -14,53 +14,29 @@ const title = data?.title;
 const pubDate = data?.pubDate;
 const updatedDate = data?.updatedDate;
 ---
-
-{
-	heroImage && (
-		<div
-			data-tina-field={data ? tinaField(data, 'heroImage') : undefined}
-			class="hero-image"
-		>
-			<img width={1020} height={510} src={heroImage} alt="" />
-		</div>
-	)
-}
+{heroImage && (
+	<div data-tina-field={data ? tinaField(data, 'heroImage') : undefined} class="hero-image">
+		<img width={1020} height={510} src={heroImage} alt="" />
+	</div>
+)}
 <div class="prose">
 	<div class="title">
-		{
-			pubDate && (
-				<div
-					data-tina-field={data ? tinaField(data, 'pubDate') : undefined}
-					class="date"
-				>
-					<FormattedDate date={new Date(pubDate)} />
-					{updatedDate && (
-						<div
-							data-tina-field={
-								data ? tinaField(data, 'updatedDate') : undefined
-							}
-							class="last-updated-on"
-						>
-							Last updated on <FormattedDate date={new Date(updatedDate)} />
-						</div>
-					)}
-				</div>
-			)
-		}
-		{
-			title && (
-				<h1 data-tina-field={data ? tinaField(data, 'title') : undefined}>
-					{title}
-				</h1>
-			)
-		}
+		{pubDate && (
+			<div data-tina-field={data ? tinaField(data, 'pubDate') : undefined} class="date">
+				<FormattedDate date={new Date(pubDate)} />
+				{updatedDate && (
+					<div data-tina-field={data ? tinaField(data, 'updatedDate') : undefined} class="last-updated-on">
+						Last updated on <FormattedDate date={new Date(updatedDate)} />
+					</div>
+				)}
+			</div>
+		)}
+		{title && <h1 data-tina-field={data ? tinaField(data, 'title') : undefined}>{title}</h1>}
 		<hr />
 	</div>
-	{
-		data?.body && (
-			<div data-tina-field={tinaField(data, 'body')}>
-				<TinaMarkdown content={data.body} />
-			</div>
-		)
-	}
+	{data?.body && (
+		<div data-tina-field={tinaField(data, 'body')}>
+			<TinaMarkdown content={data.body} />
+		</div>
+	)}
 </div>
diff --git a/src/components/islands/LandingBody.astro b/src/components/islands/LandingBody.astro
index b8acb8a..dfdab05 100644
--- a/src/components/islands/LandingBody.astro
+++ b/src/components/islands/LandingBody.astro
@@ -3,7 +3,7 @@ import { tinaField } from '@tinacms/astro/tina-field';
 import type { LandingQuery } from '../../../tina/__generated__/types';
 
 interface Props {
-	data?: LandingQuery['landing'] | null;
+  data?: LandingQuery['landing'] | null;
 }
 
 const { data } = Astro.props;
@@ -14,31 +14,26 @@ const hero = data.hero;
 
 // Split a title on **accent** markers into alternating plain/accent segments.
 const parseAccentTitle = (s: string | null | undefined) => {
-	if (!s) return [] as Array<{ text: string; accent: boolean }>;
-	return s
-		.split(/\*\*([^*]+)\*\*/g)
-		.map((part, i) => ({ text: part, accent: i % 2 === 1 }));
+  if (!s) return [] as Array<{ text: string; accent: boolean }>;
+  return s.split(/\*\*([^*]+)\*\*/g).map((part, i) => ({ text: part, accent: i % 2 === 1 }));
 };
 const heroTitleParts = parseAccentTitle(hero?.title);
 
 // Parse [label](url) inline markdown links into render-ready segments.
-type InlinePart =
-	| { type: 'text'; value: string }
-	| { type: 'link'; label: string; href: string };
+type InlinePart = { type: 'text'; value: string } | { type: 'link'; label: string; href: string };
 const parseInlineLinks = (s: string | null | undefined): InlinePart[] => {
-	if (!s) return [];
-	const out: InlinePart[] = [];
-	const re = /\[([^\]]+)\]\(([^)]+)\)/g;
-	let last = 0;
-	let m: RegExpExecArray | null;
-	while ((m = re.exec(s)) !== null) {
-		if (m.index > last)
-			out.push({ type: 'text', value: s.slice(last, m.index) });
-		out.push({ type: 'link', label: m[1], href: m[2] });
-		last = m.index + m[0].length;
-	}
-	if (last < s.length) out.push({ type: 'text', value: s.slice(last) });
-	return out;
+  if (!s) return [];
+  const out: InlinePart[] = [];
+  const re = /\[([^\]]+)\]\(([^)]+)\)/g;
+  let last = 0;
+  let m: RegExpExecArray | null;
+  while ((m = re.exec(s)) !== null) {
+    if (m.index > last) out.push({ type: 'text', value: s.slice(last, m.index) });
+    out.push({ type: 'link', label: m[1], href: m[2] });
+    last = m.index + m[0].length;
+  }
+  if (last < s.length) out.push({ type: 'text', value: s.slice(last) });
+  return out;
 };
 const stats = data.stats ?? [];
 const benefits = data.benefitsSection;
@@ -52,658 +47,321 @@ const footer = data.footer;
 ---
 
 <header class="nav" id="nav">
-	<div class="container nav-inner">
-		<a href="#top" class="nav-logo" aria-label="SSW home">
-			{
-				nav?.logo && (
-					<img
-						src={nav.logo}
-						alt="SSW"
-						data-tina-field={tinaField(nav, 'logo')}
-					/>
-				)
-			}
-			{
-				nav?.region && (
-					<span class="region" data-tina-field={tinaField(nav, 'region')}>
-						{nav.region}
-					</span>
-				)
-			}
-		</a>
-		{
-			nav && (
-				<nav class="nav-links" aria-label="Primary">
-					<div class="nav-item">
-						<a
-							href="#services"
-							data-tina-field={tinaField(nav, 'capabilitiesLabel')}
-						>
-							{nav.capabilitiesLabel}{' '}
-							<i class="fa-solid fa-chevron-down caret" />
-						</a>
-						{nav.capabilities && nav.capabilities.length > 0 && (
-							<div class="nav-dropdown" role="menu">
-								<ul>
-									{nav.capabilities.map(
-										(cap) =>
-											cap && (
-												<li>
-													<a href={cap.href ?? '#services'}>
-														<span class="ico">
-															<i class={`fa-solid ${cap.icon ?? ''}`} />
-														</span>
-														<span>
-															<strong data-tina-field={tinaField(cap, 'title')}>
-																{cap.title}
-															</strong>
-															<span
-																data-tina-field={tinaField(cap, 'description')}
-															>
-																{cap.description}
-															</span>
-														</span>
-													</a>
-												</li>
-											)
-									)}
-								</ul>
-							</div>
-						)}
-					</div>
-					{nav.links?.map(
-						(link) =>
-							link && (
-								<div class="nav-item">
-									<a
-										href={link.href ?? '#'}
-										data-tina-field={tinaField(link, 'label')}
-									>
-										{link.label}
-									</a>
-								</div>
-							)
-					)}
-				</nav>
-			)
-		}
-		{
-			nav?.ctaLabel && (
-				<div class="nav-cta">
-					<a
-						href={nav.ctaHref ?? '#contact'}
-						class="btn btn-primary"
-						data-tina-field={tinaField(nav, 'ctaLabel')}
-					>
-						<i class="fa-regular fa-calendar" /> {nav.ctaLabel}
-					</a>
-				</div>
-			)
-		}
-	</div>
+  <div class="container nav-inner">
+    <a href="#top" class="nav-logo" aria-label="SSW home">
+      {nav?.logo && <img src={nav.logo} alt="SSW" data-tina-field={tinaField(nav, 'logo')} />}
+      {nav?.region && <span class="region" data-tina-field={tinaField(nav, 'region')}>{nav.region}</span>}
+    </a>
+    {nav && (
+      <nav class="nav-links" aria-label="Primary">
+        <div class="nav-item">
+          <a href="#services" data-tina-field={tinaField(nav, 'capabilitiesLabel')}>
+            {nav.capabilitiesLabel} <i class="fa-solid fa-chevron-down caret"></i>
+          </a>
+          {nav.capabilities && nav.capabilities.length > 0 && (
+            <div class="nav-dropdown" role="menu">
+              <ul>
+                {nav.capabilities.map((cap) => cap && (
+                  <li>
+                    <a href={cap.href ?? '#services'}>
+                      <span class="ico"><i class={`fa-solid ${cap.icon ?? ''}`}></i></span>
+                      <span>
+                        <strong data-tina-field={tinaField(cap, 'title')}>{cap.title}</strong>
+                        <span data-tina-field={tinaField(cap, 'description')}>{cap.description}</span>
+                      </span>
+                    </a>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+        </div>
+        {nav.links?.map((link) => link && (
+          <div class="nav-item">
+            <a href={link.href ?? '#'} data-tina-field={tinaField(link, 'label')}>{link.label}</a>
+          </div>
+        ))}
+      </nav>
+    )}
+    {nav?.ctaLabel && (
+      <div class="nav-cta">
+        <a href={nav.ctaHref ?? '#contact'} class="btn btn-primary" data-tina-field={tinaField(nav, 'ctaLabel')}>
+          <i class="fa-regular fa-calendar"></i> {nav.ctaLabel}
+        </a>
+      </div>
+    )}
+  </div>
 </header>
 
 <main id="top">
-	{
-		hero && (
-			<section class="hero">
-				<div class="container hero-grid">
-					<div class="hero-copy">
-						{hero.eyebrow && (
-							<span
-								class="eyebrow"
-								data-tina-field={tinaField(hero, 'eyebrow')}
-							>
-								<span class="dot" />
-								{hero.eyebrow}
-							</span>
-						)}
-						<h1 class="display" data-tina-field={tinaField(hero, 'title')}>
-							{heroTitleParts.map((part) =>
-								part.accent ? (
-									<em>{part.text}</em>
-								) : (
-									<Fragment>{part.text}</Fragment>
-								)
-							)}
-						</h1>
-						{hero.lead && (
-							<p class="lead" data-tina-field={tinaField(hero, 'lead')}>
-								{hero.lead}
-							</p>
-						)}
-						<div class="hero-ctas">
-							{hero.primaryCta && (
-								<a
-									href={hero.primaryCta.href ?? '#contact'}
-									class="btn btn-primary btn-lg"
-									data-tina-field={tinaField(hero.primaryCta, 'label')}
-								>
-									{hero.primaryCta.icon && <i class={hero.primaryCta.icon} />}{' '}
-									{hero.primaryCta.label}
-								</a>
-							)}
-							{hero.secondaryCta && (
-								<a
-									href={hero.secondaryCta.href ?? '#how'}
-									class="btn btn-secondary btn-lg"
-									data-tina-field={tinaField(hero.secondaryCta, 'label')}
-								>
-									{hero.secondaryCta.label}{' '}
-									{hero.secondaryCta.icon && (
-										<i class={hero.secondaryCta.icon} />
-									)}
-								</a>
-							)}
-						</div>
-						{hero.checks && hero.checks.length > 0 && (
-							<div class="hero-meta">
-								{hero.checks.map(
-									(c) =>
-										c && (
-											<span class="item">
-												<span class="check-pill">
-													<i class="fa-solid fa-check" />
-												</span>
-												<span data-tina-field={tinaField(c, 'text')}>
-													{c.text}
-												</span>
-											</span>
-										)
-								)}
-							</div>
-						)}
-					</div>
 
-					{hero.image && (
-						<div class="hero-visual">
-							<img
-								class="hero-image"
-								src={hero.image}
-								alt={hero.imageAlt ?? ''}
-								data-tina-field={tinaField(hero, 'image')}
-							/>
-						</div>
-					)}
-				</div>
-			</section>
-		)
-	}
+  {hero && (
+    <section class="hero">
+      <div class="container hero-grid">
+        <div class="hero-copy">
+          {hero.eyebrow && (
+            <span class="eyebrow" data-tina-field={tinaField(hero, 'eyebrow')}>
+              <span class="dot"></span>{hero.eyebrow}
+            </span>
+          )}
+          <h1 class="display" data-tina-field={tinaField(hero, 'title')}>
+            {heroTitleParts.map((part) => (part.accent ? <em>{part.text}</em> : <Fragment>{part.text}</Fragment>))}
+          </h1>
+          {hero.lead && <p class="lead" data-tina-field={tinaField(hero, 'lead')}>{hero.lead}</p>}
+          <div class="hero-ctas">
+            {hero.primaryCta && (
+              <a href={hero.primaryCta.href ?? '#contact'} class="btn btn-primary btn-lg" data-tina-field={tinaField(hero.primaryCta, 'label')}>
+                {hero.primaryCta.icon && <i class={hero.primaryCta.icon}></i>} {hero.primaryCta.label}
+              </a>
+            )}
+            {hero.secondaryCta && (
+              <a href={hero.secondaryCta.href ?? '#how'} class="btn btn-secondary btn-lg" data-tina-field={tinaField(hero.secondaryCta, 'label')}>
+                {hero.secondaryCta.label} {hero.secondaryCta.icon && <i class={hero.secondaryCta.icon}></i>}
+              </a>
+            )}
+          </div>
+          {hero.checks && hero.checks.length > 0 && (
+            <div class="hero-meta">
+              {hero.checks.map((c) => c && (
+                <span class="item">
+                  <span class="check-pill"><i class="fa-solid fa-check"></i></span>
+                  <span data-tina-field={tinaField(c, 'text')}>{c.text}</span>
+                </span>
+              ))}
+            </div>
+          )}
+        </div>
 
-	{
-		stats.length > 0 && (
-			<div class="stats">
-				<div class="container">
-					<div class="stats-grid">
-						{stats.map(
-							(s) =>
-								s && (
-									<div class="stat">
-										<div class="num">
-											<span data-tina-field={tinaField(s, 'number')}>
-												{s.number}
-											</span>
-											<em data-tina-field={tinaField(s, 'suffix')}>
-												{s.suffix}
-											</em>
-										</div>
-										<div class="label" data-tina-field={tinaField(s, 'label')}>
-											{s.label}
-										</div>
-									</div>
-								)
-						)}
-					</div>
-				</div>
-			</div>
-		)
-	}
+        {hero.image && (
+          <div class="hero-visual">
+            <img class="hero-image" src={hero.image} alt={hero.imageAlt ?? ''} data-tina-field={tinaField(hero, 'image')} />
+          </div>
+        )}
+      </div>
+    </section>
+  )}
 
-	{
-		benefits && (
-			<section class="block">
-				<div class="container">
-					<div class="block-head">
-						{benefits.kicker && (
-							<div
-								class="section-kicker"
-								data-tina-field={tinaField(benefits, 'kicker')}
-							>
-								{benefits.kicker}
-							</div>
-						)}
-						{benefits.title && (
-							<h2
-								class="section-title"
-								data-tina-field={tinaField(benefits, 'title')}
-							>
-								{benefits.title}
-							</h2>
-						)}
-						{benefits.lead && (
-							<p class="lead" data-tina-field={tinaField(benefits, 'lead')}>
-								{parseInlineLinks(benefits.lead).map((part) =>
-									part.type === 'link' ? (
-										<a
-											href={part.href}
-											target="_blank"
-											rel="noopener noreferrer"
-										>
-											{part.label}
-										</a>
-									) : (
-										<Fragment>{part.value}</Fragment>
-									)
-								)}
-							</p>
-						)}
-					</div>
-					{benefits.items && benefits.items.length > 0 && (
-						<div class="benefits-grid">
-							{benefits.items.map(
-								(b) =>
-									b && (
-										<article class="benefit">
-											<div class="icon">
-												<i class={`fa-solid ${b.icon ?? ''}`} />
-											</div>
-											<h3 data-tina-field={tinaField(b, 'title')}>{b.title}</h3>
-											<p data-tina-field={tinaField(b, 'description')}>
-												{parseInlineLinks(b.description).map((part) =>
-													part.type === 'link' ? (
-														<a
-															href={part.href}
-															target="_blank"
-															rel="noopener noreferrer"
-														>
-															{part.label}
-														</a>
-													) : (
-														<Fragment>{part.value}</Fragment>
-													)
-												)}
-											</p>
-										</article>
-									)
-							)}
-						</div>
-					)}
-				</div>
-			</section>
-		)
-	}
+  {stats.length > 0 && (
+    <div class="stats">
+      <div class="container">
+        <div class="stats-grid">
+          {stats.map((s) => s && (
+            <div class="stat">
+              <div class="num">
+                <span data-tina-field={tinaField(s, 'number')}>{s.number}</span><em data-tina-field={tinaField(s, 'suffix')}>{s.suffix}</em>
+              </div>
+              <div class="label" data-tina-field={tinaField(s, 'label')}>{s.label}</div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  )}
 
-	{
-		services && (
-			<section class="block sunken" id="services">
-				<div class="container">
-					<div class="block-head">
-						{services.kicker && (
-							<div
-								class="section-kicker"
-								data-tina-field={tinaField(services, 'kicker')}
-							>
-								{services.kicker}
-							</div>
-						)}
-						{services.title && (
-							<h2
-								class="section-title"
-								data-tina-field={tinaField(services, 'title')}
-							>
-								{services.title}
-							</h2>
-						)}
-						{services.lead && (
-							<p class="lead" data-tina-field={tinaField(services, 'lead')}>
-								{services.lead}
-							</p>
-						)}
-					</div>
-					{services.items && services.items.length > 0 && (
-						<div class="services-grid">
-							{services.items.map(
-								(s) =>
-									s && (
-										<article class="service">
-											<div class="icon">
-												<i class={`fa-solid ${s.icon ?? ''}`} />
-											</div>
-											<div class="body">
-												<h3 data-tina-field={tinaField(s, 'title')}>
-													{s.title}
-												</h3>
-												<p data-tina-field={tinaField(s, 'description')}>
-													{parseInlineLinks(s.description).map((part) =>
-														part.type === 'link' ? (
-															<a
-																href={part.href}
-																target="_blank"
-																rel="noopener noreferrer"
-															>
-																{part.label}
-															</a>
-														) : (
-															<Fragment>{part.value}</Fragment>
-														)
-													)}
-												</p>
-											</div>
-										</article>
-									)
-							)}
-						</div>
-					)}
-				</div>
-			</section>
-		)
-	}
+  {benefits && (
+    <section class="block">
+      <div class="container">
+        <div class="block-head">
+          {benefits.kicker && <div class="section-kicker" data-tina-field={tinaField(benefits, 'kicker')}>{benefits.kicker}</div>}
+          {benefits.title && <h2 class="section-title" data-tina-field={tinaField(benefits, 'title')}>{benefits.title}</h2>}
+          {benefits.lead && (
+            <p class="lead" data-tina-field={tinaField(benefits, 'lead')}>
+              {parseInlineLinks(benefits.lead).map((part) =>
+                part.type === 'link'
+                  ? <a href={part.href} target="_blank" rel="noopener noreferrer">{part.label}</a>
+                  : <Fragment>{part.value}</Fragment>,
+              )}
+            </p>
+          )}
+        </div>
+        {benefits.items && benefits.items.length > 0 && (
+          <div class="benefits-grid">
+            {benefits.items.map((b) => b && (
+              <article class="benefit">
+                <div class="icon"><i class={`fa-solid ${b.icon ?? ''}`}></i></div>
+                <h3 data-tina-field={tinaField(b, 'title')}>{b.title}</h3>
+                <p data-tina-field={tinaField(b, 'description')}>
+                  {parseInlineLinks(b.description).map((part) =>
+                    part.type === 'link'
+                      ? <a href={part.href} target="_blank" rel="noopener noreferrer">{part.label}</a>
+                      : <Fragment>{part.value}</Fragment>,
+                  )}
+                </p>
+              </article>
+            ))}
+          </div>
+        )}
+      </div>
+    </section>
+  )}
 
-	{
-		how && (
-			<section class="block" id="how">
-				<div class="container">
-					<div class="block-head">
-						{how.kicker && (
-							<div
-								class="section-kicker"
-								data-tina-field={tinaField(how, 'kicker')}
-							>
-								{how.kicker}
-							</div>
-						)}
-						{how.title && (
-							<h2
-								class="section-title"
-								data-tina-field={tinaField(how, 'title')}
-							>
-								{how.title}
-							</h2>
-						)}
-						{how.lead && (
-							<p class="lead" data-tina-field={tinaField(how, 'lead')}>
-								{how.lead}
-							</p>
-						)}
-					</div>
-					{how.steps && how.steps.length > 0 && (
-						<div class="steps">
-							{how.steps.map(
-								(s) =>
-									s && (
-										<article class="step">
-											<div class="icon">
-												<i class={`fa-solid ${s.icon ?? ''}`} />
-											</div>
-											<div
-												class="step-num"
-												data-tina-field={tinaField(s, 'stepLabel')}
-											>
-												{s.stepLabel}
-											</div>
-											<h3 data-tina-field={tinaField(s, 'title')}>{s.title}</h3>
-											<p data-tina-field={tinaField(s, 'description')}>
-												{parseInlineLinks(s.description).map((part) =>
-													part.type === 'link' ? (
-														<a
-															href={part.href}
-															target="_blank"
-															rel="noopener noreferrer"
-														>
-															{part.label}
-														</a>
-													) : (
-														<Fragment>{part.value}</Fragment>
-													)
-												)}
-											</p>
-										</article>
-									)
-							)}
-						</div>
-					)}
-				</div>
-			</section>
-		)
-	}
+  {services && (
+    <section class="block sunken" id="services">
+      <div class="container">
+        <div class="block-head">
+          {services.kicker && <div class="section-kicker" data-tina-field={tinaField(services, 'kicker')}>{services.kicker}</div>}
+          {services.title && <h2 class="section-title" data-tina-field={tinaField(services, 'title')}>{services.title}</h2>}
+          {services.lead && <p class="lead" data-tina-field={tinaField(services, 'lead')}>{services.lead}</p>}
+        </div>
+        {services.items && services.items.length > 0 && (
+          <div class="services-grid">
+            {services.items.map((s) => s && (
+              <article class="service">
+                <div class="icon"><i class={`fa-solid ${s.icon ?? ''}`}></i></div>
+                <div class="body">
+                  <h3 data-tina-field={tinaField(s, 'title')}>{s.title}</h3>
+                  <p data-tina-field={tinaField(s, 'description')}>
+                    {parseInlineLinks(s.description).map((part) =>
+                      part.type === 'link'
+                        ? <a href={part.href} target="_blank" rel="noopener noreferrer">{part.label}</a>
+                        : <Fragment>{part.value}</Fragment>,
+                    )}
+                  </p>
+                </div>
+              </article>
+            ))}
+          </div>
+        )}
+      </div>
+    </section>
+  )}
 
-	{
-		why && (
-			<section class="block sunken" id="why">
-				<div class="container">
-					<div class="block-head">
-						{why.kicker && (
-							<div
-								class="section-kicker"
-								data-tina-field={tinaField(why, 'kicker')}
-							>
-								{why.kicker}
-							</div>
-						)}
-						{why.title && (
-							<h2
-								class="section-title"
-								data-tina-field={tinaField(why, 'title')}
-							>
-								{why.title}
-							</h2>
-						)}
-						{why.lead && (
-							<p class="lead" data-tina-field={tinaField(why, 'lead')}>
-								{why.lead}
-							</p>
-						)}
-					</div>
-					<div class="why-grid">
-						{why.rows && why.rows.length > 0 && (
-							<div class="why-list">
-								{why.rows.map(
-									(r) =>
-										r && (
-											<div class="why-row">
-												<div class="badge-ico">
-													<i class={`fa-solid ${r.icon ?? ''}`} />
-												</div>
-												<div>
-													<h4 data-tina-field={tinaField(r, 'title')}>
-														{r.title}
-													</h4>
-													<p data-tina-field={tinaField(r, 'description')}>
-														{parseInlineLinks(r.description).map((part) =>
-															part.type === 'link' ? (
-																<a
-																	href={part.href}
-																	target="_blank"
-																	rel="noopener noreferrer"
-																>
-																	{part.label}
-																</a>
-															) : (
-																<Fragment>{part.value}</Fragment>
-															)
-														)}
-													</p>
-												</div>
-											</div>
-										)
-								)}
-							</div>
-						)}
+  {how && (
+    <section class="block" id="how">
+      <div class="container">
+        <div class="block-head">
+          {how.kicker && <div class="section-kicker" data-tina-field={tinaField(how, 'kicker')}>{how.kicker}</div>}
+          {how.title && <h2 class="section-title" data-tina-field={tinaField(how, 'title')}>{how.title}</h2>}
+          {how.lead && <p class="lead" data-tina-field={tinaField(how, 'lead')}>{how.lead}</p>}
+        </div>
+        {how.steps && how.steps.length > 0 && (
+          <div class="steps">
+            {how.steps.map((s) => s && (
+              <article class="step">
+                <div class="icon"><i class={`fa-solid ${s.icon ?? ''}`}></i></div>
+                <div class="step-num" data-tina-field={tinaField(s, 'stepLabel')}>{s.stepLabel}</div>
+                <h3 data-tina-field={tinaField(s, 'title')}>{s.title}</h3>
+                <p data-tina-field={tinaField(s, 'description')}>
+                  {parseInlineLinks(s.description).map((part) =>
+                    part.type === 'link'
+                      ? <a href={part.href} target="_blank" rel="noopener noreferrer">{part.label}</a>
+                      : <Fragment>{part.value}</Fragment>,
+                  )}
+                </p>
+              </article>
+            ))}
+          </div>
+        )}
+      </div>
+    </section>
+  )}
 
-						{why.testimonial && (
-							<aside class="why-card">
-								<div>
-									<div class="quote-mark">“</div>
-									<blockquote
-										data-tina-field={tinaField(why.testimonial, 'quote')}
-									>
-										{why.testimonial.quote}
-									</blockquote>
-								</div>
-								<div class="attr">
-									<div
-										class="avatar"
-										data-tina-field={tinaField(
-											why.testimonial,
-											'avatarInitials'
-										)}
-									>
-										{why.testimonial.avatarInitials}
-									</div>
-									<div>
-										<div
-											class="name"
-											data-tina-field={tinaField(why.testimonial, 'name')}
-										>
-											{why.testimonial.name}
-										</div>
-										<div
-											class="role"
-											data-tina-field={tinaField(why.testimonial, 'role')}
-										>
-											{why.testimonial.role}
-										</div>
-									</div>
-								</div>
-							</aside>
-						)}
-					</div>
-				</div>
-			</section>
-		)
-	}
+  {why && (
+    <section class="block sunken" id="why">
+      <div class="container">
+        <div class="block-head">
+          {why.kicker && <div class="section-kicker" data-tina-field={tinaField(why, 'kicker')}>{why.kicker}</div>}
+          {why.title && <h2 class="section-title" data-tina-field={tinaField(why, 'title')}>{why.title}</h2>}
+          {why.lead && <p class="lead" data-tina-field={tinaField(why, 'lead')}>{why.lead}</p>}
+        </div>
+        <div class="why-grid">
+          {why.rows && why.rows.length > 0 && (
+            <div class="why-list">
+              {why.rows.map((r) => r && (
+                <div class="why-row">
+                  <div class="badge-ico"><i class={`fa-solid ${r.icon ?? ''}`}></i></div>
+                  <div>
+                    <h4 data-tina-field={tinaField(r, 'title')}>{r.title}</h4>
+                    <p data-tina-field={tinaField(r, 'description')}>
+                      {parseInlineLinks(r.description).map((part) =>
+                        part.type === 'link'
+                          ? <a href={part.href} target="_blank" rel="noopener noreferrer">{part.label}</a>
+                          : <Fragment>{part.value}</Fragment>,
+                      )}
+                    </p>
+                  </div>
+                </div>
+              ))}
+            </div>
+          )}
 
-	{
-		faq && (
-			<section class="block" id="faq">
-				<div class="container">
-					<div class="faq-grid">
-						<div class="faq-head">
-							{faq.kicker && (
-								<div
-									class="section-kicker"
-									data-tina-field={tinaField(faq, 'kicker')}
-								>
-									{faq.kicker}
-								</div>
-							)}
-							{faq.title && (
-								<h2
-									class="section-title"
-									data-tina-field={tinaField(faq, 'title')}
-								>
-									{faq.title}
-								</h2>
-							)}
-							{faq.lead && (
-								<p class="lead" data-tina-field={tinaField(faq, 'lead')}>
-									{faq.lead}
-								</p>
-							)}
-							{faq.helper && (
-								<div class="faq-helper">
-									{faq.helper.kicker && (
-										<div
-											class="helper-kicker"
-											data-tina-field={tinaField(faq.helper, 'kicker')}
-										>
-											{faq.helper.kicker}
-										</div>
-									)}
-									{faq.helper.title && (
-										<h3 data-tina-field={tinaField(faq.helper, 'title')}>
-											{faq.helper.title}
-										</h3>
-									)}
-									{faq.helper.description && (
-										<p data-tina-field={tinaField(faq.helper, 'description')}>
-											{faq.helper.description}
-										</p>
-									)}
-									{faq.helper.ctaLabel && (
-										<div class="helper-actions">
-											<a
-												href={faq.helper.ctaHref ?? '#contact'}
-												class="btn btn-primary"
-												data-tina-field={tinaField(faq.helper, 'ctaLabel')}
-											>
-												{faq.helper.ctaIcon && <i class={faq.helper.ctaIcon} />}{' '}
-												{faq.helper.ctaLabel}
-											</a>
-										</div>
-									)}
-								</div>
-							)}
-						</div>
+          {why.testimonial && (
+            <aside class="why-card">
+              <div>
+                <div class="quote-mark">“</div>
+                <blockquote data-tina-field={tinaField(why.testimonial, 'quote')}>{why.testimonial.quote}</blockquote>
+              </div>
+              <div class="attr">
+                <div class="avatar" data-tina-field={tinaField(why.testimonial, 'avatarInitials')}>{why.testimonial.avatarInitials}</div>
+                <div>
+                  <div class="name" data-tina-field={tinaField(why.testimonial, 'name')}>{why.testimonial.name}</div>
+                  <div class="role" data-tina-field={tinaField(why.testimonial, 'role')}>{why.testimonial.role}</div>
+                </div>
+              </div>
+            </aside>
+          )}
+        </div>
+      </div>
+    </section>
+  )}
 
-						{faq.items && faq.items.length > 0 && (
-							<div class="faq-list">
-								{faq.items.map(
-									(item) =>
-										item && (
-											<details
-												class="faq-item"
-												open={item.openByDefault ?? false}
-											>
-												<summary>
-													<span data-tina-field={tinaField(item, 'question')}>
-														{item.question}
-													</span>
-													<span class="toggle">
-														<i class="fa-solid fa-plus" />
-													</span>
-												</summary>
-												<div class="answer">
-													{item.paragraphs?.map(
-														(p) =>
-															p && (
-																<p data-tina-field={tinaField(p, 'text')}>
-																	{p.text}
-																</p>
-															)
-													)}
-												</div>
-											</details>
-										)
-								)}
-							</div>
-						)}
-					</div>
-				</div>
-			</section>
-		)
-	}
+  {faq && (
+    <section class="block" id="faq">
+      <div class="container">
+        <div class="faq-grid">
+          <div class="faq-head">
+            {faq.kicker && <div class="section-kicker" data-tina-field={tinaField(faq, 'kicker')}>{faq.kicker}</div>}
+            {faq.title && <h2 class="section-title" data-tina-field={tinaField(faq, 'title')}>{faq.title}</h2>}
+            {faq.lead && <p class="lead" data-tina-field={tinaField(faq, 'lead')}>{faq.lead}</p>}
+            {faq.helper && (
+              <div class="faq-helper">
+                {faq.helper.kicker && <div class="helper-kicker" data-tina-field={tinaField(faq.helper, 'kicker')}>{faq.helper.kicker}</div>}
+                {faq.helper.title && <h3 data-tina-field={tinaField(faq.helper, 'title')}>{faq.helper.title}</h3>}
+                {faq.helper.description && <p data-tina-field={tinaField(faq.helper, 'description')}>{faq.helper.description}</p>}
+                {faq.helper.ctaLabel && (
+                  <div class="helper-actions">
+                    <a href={faq.helper.ctaHref ?? '#contact'} class="btn btn-primary" data-tina-field={tinaField(faq.helper, 'ctaLabel')}>
+                      {faq.helper.ctaIcon && <i class={faq.helper.ctaIcon}></i>} {faq.helper.ctaLabel}
+                    </a>
+                  </div>
+                )}
+              </div>
+            )}
+          </div>
 
-	{
-		contact && (
-			<section class="block" id="contact">
-				<div class="container">
-					<div class="block-head">
-						{contact.kicker && (
-							<div
-								class="section-kicker"
-								data-tina-field={tinaField(contact, 'kicker')}
-							>
-								{contact.kicker}
-							</div>
-						)}
-						{contact.title && (
-							<h2
-								class="section-title"
-								data-tina-field={tinaField(contact, 'title')}
-							>
-								{contact.title}
-							</h2>
-						)}
-						{contact.lead && (
-							<p class="lead" data-tina-field={tinaField(contact, 'lead')}>
-								{contact.lead}
-							</p>
-						)}
-					</div>
+          {faq.items && faq.items.length > 0 && (
+            <div class="faq-list">
+              {faq.items.map((item) => item && (
+                <details class="faq-item" open={item.openByDefault ?? false}>
+                  <summary>
+                    <span data-tina-field={tinaField(item, 'question')}>{item.question}</span>
+                    <span class="toggle"><i class="fa-solid fa-plus"></i></span>
+                  </summary>
+                  <div class="answer">
+                    {item.paragraphs?.map((p) => p && (
+                      <p data-tina-field={tinaField(p, 'text')}>{p.text}</p>
+                    ))}
+                  </div>
+                </details>
+              ))}
+            </div>
+          )}
+        </div>
+      </div>
+    </section>
+  )}
 
-					<div class="contact-grid">
-						{/*
+  {contact && (
+    <section class="block" id="contact">
+      <div class="container">
+        <div class="block-head">
+          {contact.kicker && <div class="section-kicker" data-tina-field={tinaField(contact, 'kicker')}>{contact.kicker}</div>}
+          {contact.title && <h2 class="section-title" data-tina-field={tinaField(contact, 'title')}>{contact.title}</h2>}
+          {contact.lead && <p class="lead" data-tina-field={tinaField(contact, 'lead')}>{contact.lead}</p>}
+        </div>
+
+        <div class="contact-grid">
+          {/*
             Submits directly to Jotform. As shipped in HTML, this is a plain
             <form action method=POST>: with JS off the browser does its own
             required-field validation, posts straight to Jotform, and the user
@@ -719,353 +377,211 @@ const footer = data.footer;
             content, etc.) we render an email fallback instead of an
             action-less form that would silently post back to this page.
           */}
-						{contact.form?.jotformId ? (
-							<>
-								<iframe
-									name="jotform-receiver"
-									id="jotform-receiver"
-									title="Form submission"
-									aria-hidden="true"
-									tabindex="-1"
-									style="position:absolute;width:0;height:0;border:0;visibility:hidden"
-								/>
-								<form
-									class="form-card"
-									id="contact-form"
-									method="POST"
-									action={`https://submit.jotform.com/submit/${contact.form.jotformId}/`}
-								>
-									{contact.form && (
-										<div class="form-header">
-											{contact.form.title && (
-												<h3 data-tina-field={tinaField(contact.form, 'title')}>
-													{contact.form.title}
-												</h3>
-											)}
-											{contact.form.description && (
-												<p
-													data-tina-field={tinaField(
-														contact.form,
-														'description'
-													)}
-												>
-													{contact.form.description}
-												</p>
-											)}
-										</div>
-									)}
-									<div class="form-row">
-										<div class="field">
-											<label for="f-name">
-												Name <span class="req">*</span>
-											</label>
-											<input
-												id="f-name"
-												name="name"
-												type="text"
-												required
-												placeholder="Jane Smith"
-											/>
-										</div>
-										<div class="field">
-											<label for="f-company">
-												Company <span class="req">*</span>
-											</label>
-											<input
-												id="f-company"
-												name="company"
-												type="text"
-												required
-												placeholder="Acme Inc."
-											/>
-										</div>
-									</div>
-									<div class="form-row">
-										<div class="field" style="grid-column: 1 / -1;">
-											<label for="f-email">
-												Work email <span class="req">*</span>
-											</label>
-											<input
-												id="f-email"
-												name="email"
-												type="email"
-												required
-												placeholder="jane@acme.com"
-											/>
-										</div>
-									</div>
-									<div class="form-row">
-										<div class="field">
-											<label for="f-country">
-												Country <span class="req">*</span>
-											</label>
-											<select id="f-country" name="country" required>
-												<option value="">Select a country</option>
-												<option>United States</option>
-												<option>Canada</option>
-												<option>Other</option>
-											</select>
-										</div>
-										<div class="field">
-											<label for="f-project">
-												Project type <span class="req">*</span>
-											</label>
-											<select id="f-project" name="project_type" required>
-												<option value="">Select project type</option>
-												{services?.items?.map(
-													(s) => s && <option>{s.title}</option>
-												)}
-												<option>Not sure yet</option>
-											</select>
-										</div>
-									</div>
-									<div class="field">
-										<label for="f-budget">Estimated budget</label>
-										<select id="f-budget" name="budget">
-											<option value="">Select a range</option>
-											<option>Under $50K</option>
-											<option>$50K to $150K</option>
-											<option>$150K to $500K</option>
-											<option>$500K to $1M</option>
-											<option>$1M and above</option>
-											<option>Not sure yet</option>
-										</select>
-									</div>
-									<div class="field">
-										<label for="f-message">
-											Tell us about your project <span class="req">*</span>
-										</label>
-										<textarea
-											id="f-message"
-											name="message"
-											required
-											placeholder="What are you trying to build, modernize, or accelerate? Timelines, constraints, and current systems are helpful."
-										/>
-									</div>
-									<input
-										type="text"
-										name="website"
-										tabindex="-1"
-										autocomplete="off"
-										aria-hidden="true"
-										style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0"
-									/>
-									<div class="form-actions">
-										{contact.form?.privacy && (
-											<div
-												class="privacy"
-												data-tina-field={tinaField(contact.form, 'privacy')}
-											>
-												{(() => {
-													const text = contact.form.privacy ?? '';
-													const linkLabel =
-														contact.form.privacyLinkLabel ?? 'privacy policy';
-													const linkHref = contact.form.privacyLinkHref ?? '#';
-													const parts = text.split('{link}');
-													return (
-														<>
-															{parts[0]}
-															<a href={linkHref}>{linkLabel}</a>
-															{parts[1] ?? ''}
-														</>
-													);
-												})()}
-											</div>
-										)}
-										{contact.form?.submitLabel && (
-											<button
-												type="submit"
-												class="btn btn-primary btn-lg"
-												data-tina-field={tinaField(contact.form, 'submitLabel')}
-											>
-												{contact.form.submitIcon && (
-													<i class={contact.form.submitIcon} />
-												)}{' '}
-												{contact.form.submitLabel}
-											</button>
-										)}
-									</div>
-									{contact.form?.successText && (
-										<div class="form-success" id="form-success">
-											<i
-												class="fa-solid fa-circle-check"
-												style="font-size:18px;"
-											/>
-											<div
-												data-tina-field={tinaField(contact.form, 'successText')}
-											>
-												{contact.form.successText}
-											</div>
-										</div>
-									)}
-									<div class="form-error" id="form-error" role="alert" hidden>
-										<i
-											class="fa-solid fa-circle-exclamation"
-											style="font-size:18px;"
-										/>
-										<div>
-											Something went wrong. Please try again or email{' '}
-											<a href="mailto:info@ssw.com">info@ssw.com</a>.
-										</div>
-									</div>
-								</form>
-							</>
-						) : (
-							<div class="form-card form-card-fallback" role="alert">
-								<div class="form-header">
-									<h3>Contact form unavailable</h3>
-									<p>
-										The form is temporarily offline. Please email{' '}
-										<a href="mailto:info@ssw.com">info@ssw.com</a> and a senior
-										consultant will get back to you within one business day.
-									</p>
-								</div>
-							</div>
-						)}
+          {contact.form?.jotformId ? (
+            <>
+              <iframe
+                name="jotform-receiver"
+                id="jotform-receiver"
+                title="Form submission"
+                aria-hidden="true"
+                tabindex="-1"
+                style="position:absolute;width:0;height:0;border:0;visibility:hidden"
+              ></iframe>
+              <form
+                class="form-card"
+                id="contact-form"
+                method="POST"
+                action={`https://submit.jotform.com/submit/${contact.form.jotformId}/`}
+              >
+            {contact.form && (
+              <div class="form-header">
+                {contact.form.title && <h3 data-tina-field={tinaField(contact.form, 'title')}>{contact.form.title}</h3>}
+                {contact.form.description && <p data-tina-field={tinaField(contact.form, 'description')}>{contact.form.description}</p>}
+              </div>
+            )}
+            <div class="form-row">
+              <div class="field">
+                <label for="f-name">Name <span class="req">*</span></label>
+                <input id="f-name" name="name" type="text" required placeholder="Jane Smith" />
+              </div>
+              <div class="field">
+                <label for="f-company">Company <span class="req">*</span></label>
+                <input id="f-company" name="company" type="text" required placeholder="Acme Inc." />
+              </div>
+            </div>
+            <div class="form-row">
+              <div class="field" style="grid-column: 1 / -1;">
+                <label for="f-email">Work email <span class="req">*</span></label>
+                <input id="f-email" name="email" type="email" required placeholder="jane@acme.com" />
+              </div>
+            </div>
+            <div class="form-row">
+              <div class="field">
+                <label for="f-country">Country <span class="req">*</span></label>
+                <select id="f-country" name="country" required>
+                  <option value="">Select a country</option>
+                  <option>United States</option>
+                  <option>Canada</option>
+                  <option>Other</option>
+                </select>
+              </div>
+              <div class="field">
+                <label for="f-project">Project type <span class="req">*</span></label>
+                <select id="f-project" name="project_type" required>
+                  <option value="">Select project type</option>
+                  {services?.items?.map((s) => s && <option>{s.title}</option>)}
+                  <option>Not sure yet</option>
+                </select>
+              </div>
+            </div>
+            <div class="field">
+              <label for="f-budget">Estimated budget</label>
+              <select id="f-budget" name="budget">
+                <option value="">Select a range</option>
+                <option>Under $50K</option>
+                <option>$50K to $150K</option>
+                <option>$150K to $500K</option>
+                <option>$500K to $1M</option>
+                <option>$1M and above</option>
+                <option>Not sure yet</option>
+              </select>
+            </div>
+            <div class="field">
+              <label for="f-message">Tell us about your project <span class="req">*</span></label>
+              <textarea
+                id="f-message"
+                name="message"
+                required
+                placeholder="What are you trying to build, modernize, or accelerate? Timelines, constraints, and current systems are helpful."
+              ></textarea>
+            </div>
+            <input
+              type="text"
+              name="website"
+              tabindex="-1"
+              autocomplete="off"
+              aria-hidden="true"
+              style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0"
+            />
+            <div class="form-actions">
+              {contact.form?.privacy && (
+                <div class="privacy" data-tina-field={tinaField(contact.form, 'privacy')}>
+                  {(() => {
+                    const text = contact.form.privacy ?? '';
+                    const linkLabel = contact.form.privacyLinkLabel ?? 'privacy policy';
+                    const linkHref = contact.form.privacyLinkHref ?? '#';
+                    const parts = text.split('{link}');
+                    return (
+                      <>
+                        {parts[0]}
+                        <a href={linkHref}>{linkLabel}</a>
+                        {parts[1] ?? ''}
+                      </>
+                    );
+                  })()}
+                </div>
+              )}
+              {contact.form?.submitLabel && (
+                <button type="submit" class="btn btn-primary btn-lg" data-tina-field={tinaField(contact.form, 'submitLabel')}>
+                  {contact.form.submitIcon && <i class={contact.form.submitIcon}></i>} {contact.form.submitLabel}
+                </button>
+              )}
+            </div>
+            {contact.form?.successText && (
+              <div class="form-success" id="form-success">
+                <i class="fa-solid fa-circle-check" style="font-size:18px;"></i>
+                <div data-tina-field={tinaField(contact.form, 'successText')}>{contact.form.successText}</div>
+              </div>
+            )}
+            <div class="form-error" id="form-error" role="alert" hidden>
+              <i class="fa-solid fa-circle-exclamation" style="font-size:18px;"></i>
+              <div>Something went wrong. Please try again or email <a href="mailto:info@ssw.com">info@ssw.com</a>.</div>
+            </div>
+          </form>
+            </>
+          ) : (
+            <div class="form-card form-card-fallback" role="alert">
+              <div class="form-header">
+                <h3>Contact form unavailable</h3>
+                <p>The form is temporarily offline. Please email <a href="mailto:info@ssw.com">info@ssw.com</a> and a senior consultant will get back to you within one business day.</p>
+              </div>
+            </div>
+          )}
 
-						{contact.asideItems && contact.asideItems.length > 0 && (
-							<aside class="contact-aside">
-								{contact.asideItems.map(
-									(item) =>
-										item && (
-											<div class="item">
-												<div class="icon">
-													<i class={`fa-solid ${item.icon ?? ''}`} />
-												</div>
-												<div>
-													<h4 data-tina-field={tinaField(item, 'title')}>
-														{item.title}
-													</h4>
-													<p data-tina-field={tinaField(item, 'description')}>
-														{item.description}
-													</p>
-												</div>
-											</div>
-										)
-								)}
-							</aside>
-						)}
-					</div>
-				</div>
-			</section>
-		)
-	}
+          {contact.asideItems && contact.asideItems.length > 0 && (
+            <aside class="contact-aside">
+              {contact.asideItems.map((item) => item && (
+                <div class="item">
+                  <div class="icon"><i class={`fa-solid ${item.icon ?? ''}`}></i></div>
+                  <div>
+                    <h4 data-tina-field={tinaField(item, 'title')}>{item.title}</h4>
+                    <p data-tina-field={tinaField(item, 'description')}>{item.description}</p>
+                  </div>
+                </div>
+              ))}
+            </aside>
+          )}
+        </div>
+      </div>
+    </section>
+  )}
 
-	{
-		ctaBanner && (
-			<section class="cta-banner">
-				<div class="container">
-					{ctaBanner.title && (
-						<h2 data-tina-field={tinaField(ctaBanner, 'title')}>
-							{ctaBanner.title}
-						</h2>
-					)}
-					{ctaBanner.description && (
-						<p data-tina-field={tinaField(ctaBanner, 'description')}>
-							{ctaBanner.description}
-						</p>
-					)}
-					{ctaBanner.ctaLabel && (
-						<div style="display:flex; gap:12px; justify-content:center; flex-wrap:wrap;">
-							<a
-								href={ctaBanner.ctaHref ?? '#contact'}
-								class="btn btn-primary btn-lg"
-								data-tina-field={tinaField(ctaBanner, 'ctaLabel')}
-							>
-								{ctaBanner.ctaIcon && <i class={ctaBanner.ctaIcon} />}{' '}
-								{ctaBanner.ctaLabel}
-							</a>
-						</div>
-					)}
-				</div>
-			</section>
-		)
-	}
+  {ctaBanner && (
+    <section class="cta-banner">
+      <div class="container">
+        {ctaBanner.title && <h2 data-tina-field={tinaField(ctaBanner, 'title')}>{ctaBanner.title}</h2>}
+        {ctaBanner.description && <p data-tina-field={tinaField(ctaBanner, 'description')}>{ctaBanner.description}</p>}
+        {ctaBanner.ctaLabel && (
+          <div style="display:flex; gap:12px; justify-content:center; flex-wrap:wrap;">
+            <a href={ctaBanner.ctaHref ?? '#contact'} class="btn btn-primary btn-lg" data-tina-field={tinaField(ctaBanner, 'ctaLabel')}>
+              {ctaBanner.ctaIcon && <i class={ctaBanner.ctaIcon}></i>} {ctaBanner.ctaLabel}
+            </a>
+          </div>
+        )}
+      </div>
+    </section>
+  )}
 </main>
 
-{
-	footer && (
-		<footer>
-			<div class="container">
-				<div class="footer-grid">
-					<div class="footer-brand">
-						{footer.logo && (
-							<img
-								src={footer.logo}
-								alt="SSW"
-								data-tina-field={tinaField(footer, 'logo')}
-							/>
-						)}
-						{footer.tagline && (
-							<p data-tina-field={tinaField(footer, 'tagline')}>
-								{footer.tagline}
-							</p>
-						)}
-					</div>
-					<div class="footer-col">
-						{footer.columnTitle && (
-							<h5 data-tina-field={tinaField(footer, 'columnTitle')}>
-								{footer.columnTitle}
-							</h5>
-						)}
-						{footer.links && (
-							<ul>
-								{footer.links.map(
-									(link) =>
-										link && (
-											<li>
-												<a
-													href={link.href ?? '#'}
-													data-tina-field={tinaField(link, 'label')}
-												>
-													{link.label}
-												</a>
-											</li>
-										)
-								)}
-							</ul>
-						)}
-					</div>
-				</div>
-				<div class="footer-bottom">
-					<div class="legal">
-						<span data-tina-field={tinaField(footer, 'copyright')}>
-							{footer.copyright}
-						</span>
-						{footer.termsLabel && (
-							<>
-								<span class="sep">·</span>
-								<a
-									href={footer.termsHref ?? '#'}
-									target="_blank"
-									rel="noopener"
-									data-tina-field={tinaField(footer, 'termsLabel')}
-								>
-									{footer.termsLabel}
-								</a>
-							</>
-						)}
-					</div>
-					{footer.builtWithName && (
-						<a
-							class="built"
-							href={footer.builtWithHref ?? '#'}
-							target="_blank"
-							rel="noopener"
-						>
-							<span data-tina-field={tinaField(footer, 'builtWithText')}>
-								{footer.builtWithText}
-							</span>
-							{footer.builtWithLogo && (
-								<img src={footer.builtWithLogo} alt={footer.builtWithName} />
-							)}
-							<strong data-tina-field={tinaField(footer, 'builtWithName')}>
-								{footer.builtWithName}
-							</strong>
-						</a>
-					)}
-				</div>
-			</div>
-		</footer>
-	)
-}
+{footer && (
+  <footer>
+    <div class="container">
+      <div class="footer-grid">
+        <div class="footer-brand">
+          {footer.logo && <img src={footer.logo} alt="SSW" data-tina-field={tinaField(footer, 'logo')} />}
+          {footer.tagline && <p data-tina-field={tinaField(footer, 'tagline')}>{footer.tagline}</p>}
+        </div>
+        <div class="footer-col">
+          {footer.columnTitle && <h5 data-tina-field={tinaField(footer, 'columnTitle')}>{footer.columnTitle}</h5>}
+          {footer.links && (
+            <ul>
+              {footer.links.map((link) => link && (
+                <li>
+                  <a href={link.href ?? '#'} data-tina-field={tinaField(link, 'label')}>{link.label}</a>
+                </li>
+              ))}
+            </ul>
+          )}
+        </div>
+      </div>
+      <div class="footer-bottom">
+        <div class="legal">
+          <span data-tina-field={tinaField(footer, 'copyright')}>{footer.copyright}</span>
+          {footer.termsLabel && (
+            <>
+              <span class="sep">·</span>
+              <a href={footer.termsHref ?? '#'} target="_blank" rel="noopener" data-tina-field={tinaField(footer, 'termsLabel')}>{footer.termsLabel}</a>
+            </>
+          )}
+        </div>
+        {footer.builtWithName && (
+          <a class="built" href={footer.builtWithHref ?? '#'} target="_blank" rel="noopener">
+            <span data-tina-field={tinaField(footer, 'builtWithText')}>{footer.builtWithText}</span>
+            {footer.builtWithLogo && <img src={footer.builtWithLogo} alt={footer.builtWithName} />}
+            <strong data-tina-field={tinaField(footer, 'builtWithName')}>{footer.builtWithName}</strong>
+          </a>
+        )}
+      </div>
+    </div>
+  </footer>
+)}
diff --git a/src/components/islands/PageBody.astro b/src/components/islands/PageBody.astro
index 51485b2..6dad2e7 100644
--- a/src/components/islands/PageBody.astro
+++ b/src/components/islands/PageBody.astro
@@ -15,11 +15,8 @@ const components: CustomComponentsMap = {
 	YouTubeEmbed,
 };
 ---
-
-{
-	data?.body && (
-		<div data-tina-field={tinaField(data, 'body')} class="page-body">
-			<TinaMarkdown content={data.body} components={components} />
-		</div>
-	)
-}
+{data?.body && (
+	<div data-tina-field={tinaField(data, 'body')} class="page-body">
+		<TinaMarkdown content={data.body} components={components} />
+	</div>
+)}
diff --git a/src/components/mdx/YouTubeEmbed.astro b/src/components/mdx/YouTubeEmbed.astro
index 546b4a5..c3008af 100644
--- a/src/components/mdx/YouTubeEmbed.astro
+++ b/src/components/mdx/YouTubeEmbed.astro
@@ -1,19 +1,10 @@
 ---
 interface Props {
-	videoId: string;
+  videoId: string;
 }
 
 const { videoId } = Astro.props;
 ---
-
 <div>
-	<iframe
-		width="560"
-		height="315"
-		src={`https://www.youtube.com/embed/${videoId}`}
-		title="YouTube video player"
-		frameborder="0"
-		allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-		referrerpolicy="strict-origin-when-cross-origin"
-		allowfullscreen></iframe>
-</div>
+    <iframe width="560" height="315" src={`https://www.youtube.com/embed/${videoId}`} title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+</div>
\ No newline at end of file
diff --git a/src/components/mdx/YouTubeEmbed.template.ts b/src/components/mdx/YouTubeEmbed.template.ts
index a1b3e5c..9fcc5d5 100644
--- a/src/components/mdx/YouTubeEmbed.template.ts
+++ b/src/components/mdx/YouTubeEmbed.template.ts
@@ -1,15 +1,15 @@
-import type { Template } from 'tinacms';
+import type { Template } from "tinacms";
 
 export const youTubeEmbedTemplate: Template = {
-	name: 'YouTubeEmbed',
-	label: 'YouTube Embed',
-	fields: [
-		{
-			name: 'videoId',
-			label: 'YouTube video ID',
-			type: 'string',
-			required: true,
-			description: 'The 11-character ID from a YouTube URL (e.g. dQw4w9WgXcQ)',
-		},
-	],
+  name: "YouTubeEmbed",
+  label: "YouTube Embed",
+  fields: [
+    {
+      name: "videoId",
+      label: "YouTube video ID",
+      type: "string",
+      required: true,
+      description: "The 11-character ID from a YouTube URL (e.g. dQw4w9WgXcQ)",
+    },
+  ],
 };
diff --git a/src/lib/data.ts b/src/lib/data.ts
index cd56fd3..9dd3756 100644
--- a/src/lib/data.ts
+++ b/src/lib/data.ts
@@ -11,19 +11,21 @@ export const getConfig = () =>
 	requestWithMetadata(client.queries.config({ relativePath: 'config.json' }));
 
 export const getPage = (slug: string) =>
-	requestWithMetadata(client.queries.page({ relativePath: `${slug}.mdx` }), {
-		priority: 'primary',
-	});
+	requestWithMetadata(
+		client.queries.page({ relativePath: `${slug}.mdx` }),
+		{ priority: 'primary' },
+	);
 
 export const getBlog = (slug: string) =>
-	requestWithMetadata(client.queries.blog({ relativePath: `${slug}.mdx` }), {
-		priority: 'primary',
-	});
+	requestWithMetadata(
+		client.queries.blog({ relativePath: `${slug}.mdx` }),
+		{ priority: 'primary' },
+	);
 
 export const getLanding = (slug: string) =>
 	requestWithMetadata(
 		client.queries.landing({ relativePath: `${slug}.json` }),
-		{ priority: 'primary' }
+		{ priority: 'primary' },
 	);
 
 export async function listPages() {
diff --git a/src/pages/[...slug].astro b/src/pages/[...slug].astro
index 4da4c68..6740ba3 100644
--- a/src/pages/[...slug].astro
+++ b/src/pages/[...slug].astro
@@ -24,12 +24,7 @@ const config = (await getConfig()).data?.config ?? null;
 	title={data.seoTitle || config?.seo?.title || 'TinaCMS + Astro'}
 	description={config?.seo?.description ?? 'Welcome to my website!'}
 >
-	<TinaIsland
-		name="page"
-		wrapper={islands.page.wrapper}
-		params={{ slug }}
-		primary
-	>
+	<TinaIsland name="page" wrapper={islands.page.wrapper} params={{ slug }} primary>
 		<PageBody data={data} />
 	</TinaIsland>
 </Base>
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 1bc8c42..402fd4f 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -28,12 +28,7 @@ const layoutProps = {
 ---
 
 <BlogPost {...layoutProps}>
-	<TinaIsland
-		name="blog"
-		wrapper={islands.blog.wrapper}
-		params={{ slug }}
-		primary
-	>
+	<TinaIsland name="blog" wrapper={islands.blog.wrapper} params={{ slug }} primary>
 		<BlogBody data={data} />
 	</TinaIsland>
 </BlogPost>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index de73843..678271b 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -14,26 +14,24 @@ const config = (await getConfig()).data?.config ?? null;
 	<main>
 		<section>
 			<ul>
-				{
-					posts.map((post) => {
-						const slug = post._sys?.relativePath?.replace(/\.mdx?$/, '') ?? '';
-						return (
-							<li>
-								<a href={`/blog/${slug}/`}>
-									{post.heroImage && (
-										<img width={720} height={360} src={post.heroImage} alt="" />
-									)}
-									<h4 class="title">{post.title}</h4>
-									{post.pubDate && (
-										<p class="date">
-											<FormattedDate date={new Date(post.pubDate)} />
-										</p>
-									)}
-								</a>
-							</li>
-						);
-					})
-				}
+				{posts.map((post) => {
+					const slug = post._sys?.relativePath?.replace(/\.mdx?$/, "") ?? "";
+					return (
+						<li>
+							<a href={`/blog/${slug}/`}>
+								{post.heroImage && (
+									<img width={720} height={360} src={post.heroImage} alt="" />
+								)}
+								<h4 class="title">{post.title}</h4>
+								{post.pubDate && (
+									<p class="date">
+										<FormattedDate date={new Date(post.pubDate)} />
+									</p>
+								)}
+							</a>
+						</li>
+					);
+				})}
 			</ul>
 		</section>
 	</main>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 54e332e..8674bb5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -15,129 +15,104 @@ const meta = data.meta;
 
 <!doctype html>
 <html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<title>{meta?.title ?? 'SSW'}</title>
-		<meta name="description" content={meta?.description ?? ''} />
-		<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
-		<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
-		<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
-		<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#cc4141" />
-		<link rel="shortcut icon" href="/favicon.ico" />
-		<link rel="stylesheet" href="/assets/colors_and_type.css" />
-		<link
-			rel="stylesheet"
-			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
-			integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
-			crossorigin="anonymous"
-			referrerpolicy="no-referrer"
-		/>
-		<ClientRouter />
-	</head>
-	<body>
-		<TinaIsland
-			name="landing"
-			wrapper={islands.landing.wrapper}
-			params={{ slug }}
-			primary
-		>
-			<LandingBody data={data} />
-		</TinaIsland>
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>{meta?.title ?? 'SSW'}</title>
+  <meta name="description" content={meta?.description ?? ''} />
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
+  <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
+  <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#cc4141" />
+  <link rel="shortcut icon" href="/favicon.ico" />
+  <link rel="stylesheet" href="/assets/colors_and_type.css" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <ClientRouter />
+</head>
+<body>
+  <TinaIsland name="landing" wrapper={islands.landing.wrapper} params={{ slug }} primary>
+    <LandingBody data={data} />
+  </TinaIsland>
 
-		<script>
-			const nav = document.getElementById('nav');
-			const onScroll = () => {
-				if (nav)
-					(nav as HTMLElement).dataset.scrolled =
-						window.scrollY > 12 ? 'true' : 'false';
-			};
-			window.addEventListener('scroll', onScroll, { passive: true });
-			onScroll();
+  <script>
+    const nav = document.getElementById('nav');
+    const onScroll = () => { if (nav) (nav as HTMLElement).dataset.scrolled = window.scrollY > 12 ? 'true' : 'false'; };
+    window.addEventListener('scroll', onScroll, { passive: true });
+    onScroll();
 
-			// Progressive enhancement for the Jotform contact form.
-			//
-			// Default (no JS): the <form> in the HTML is a plain action+method=POST,
-			// so the browser handles native validation, posts directly to Jotform,
-			// and the user lands on Jotform's hosted thank-you page. Functional but
-			// visually inconsistent.
-			//
-			// With JS: retarget submissions into the hidden iframe (so the user stays
-			// on our page) and add novalidate (so our handler owns error display).
-			// The iframe's `load` event after a submit means Jotform has rendered its
-			// thank-you page inside it -- we treat that as success.
-			const form = document.getElementById(
-				'contact-form'
-			) as HTMLFormElement | null;
-			const receiver = document.getElementById(
-				'jotform-receiver'
-			) as HTMLIFrameElement | null;
-			// Both `success` and `errorBox` are optional — they're only rendered when
-			// Tina content supplies the matching copy. Don't gate the form upgrade on
-			// them, or an editor blanking successText would break the iframe handoff.
-			const success = document.getElementById('form-success');
-			const errorBox = document.getElementById('form-error');
-			if (form && receiver) {
-				form.target = 'jotform-receiver';
-				form.noValidate = true;
+    // Progressive enhancement for the Jotform contact form.
+    //
+    // Default (no JS): the <form> in the HTML is a plain action+method=POST,
+    // so the browser handles native validation, posts directly to Jotform,
+    // and the user lands on Jotform's hosted thank-you page. Functional but
+    // visually inconsistent.
+    //
+    // With JS: retarget submissions into the hidden iframe (so the user stays
+    // on our page) and add novalidate (so our handler owns error display).
+    // The iframe's `load` event after a submit means Jotform has rendered its
+    // thank-you page inside it -- we treat that as success.
+    const form = document.getElementById('contact-form') as HTMLFormElement | null;
+    const receiver = document.getElementById('jotform-receiver') as HTMLIFrameElement | null;
+    // Both `success` and `errorBox` are optional — they're only rendered when
+    // Tina content supplies the matching copy. Don't gate the form upgrade on
+    // them, or an editor blanking successText would break the iframe handoff.
+    const success = document.getElementById('form-success');
+    const errorBox = document.getElementById('form-error');
+    if (form && receiver) {
+      form.target = 'jotform-receiver';
+      form.noValidate = true;
 
-				const SUBMIT_TIMEOUT_MS = 15000;
-				let pendingSubmission = false;
-				let submitTimeoutId: ReturnType<typeof setTimeout> | null = null;
-				const submitBtn = form.querySelector(
-					'button[type="submit"]'
-				) as HTMLButtonElement | null;
+      const SUBMIT_TIMEOUT_MS = 15000;
+      let pendingSubmission = false;
+      let submitTimeoutId: ReturnType<typeof setTimeout> | null = null;
+      const submitBtn = form.querySelector('button[type="submit"]') as HTMLButtonElement | null;
 
-				const finishSubmission = () => {
-					pendingSubmission = false;
-					if (submitTimeoutId !== null) {
-						clearTimeout(submitTimeoutId);
-						submitTimeoutId = null;
-					}
-					if (submitBtn) submitBtn.disabled = false;
-				};
+      const finishSubmission = () => {
+        pendingSubmission = false;
+        if (submitTimeoutId !== null) {
+          clearTimeout(submitTimeoutId);
+          submitTimeoutId = null;
+        }
+        if (submitBtn) submitBtn.disabled = false;
+      };
 
-				form.addEventListener('submit', (e) => {
-					if (!form.checkValidity()) {
-						e.preventDefault();
-						form.reportValidity();
-						return;
-					}
-					if (!form.getAttribute('action')) {
-						e.preventDefault();
-						console.error('Contact form: no action set (missing jotformId)');
-						if (errorBox) errorBox.hidden = false;
-						return;
-					}
-					if (success) success.classList.remove('visible');
-					if (errorBox) errorBox.hidden = true;
-					if (submitBtn) submitBtn.disabled = true;
-					pendingSubmission = true;
+      form.addEventListener('submit', (e) => {
+        if (!form.checkValidity()) {
+          e.preventDefault();
+          form.reportValidity();
+          return;
+        }
+        if (!form.getAttribute('action')) {
+          e.preventDefault();
+          console.error('Contact form: no action set (missing jotformId)');
+          if (errorBox) errorBox.hidden = false;
+          return;
+        }
+        if (success) success.classList.remove('visible');
+        if (errorBox) errorBox.hidden = true;
+        if (submitBtn) submitBtn.disabled = true;
+        pendingSubmission = true;
 
-					// If the iframe never loads (ad blocker on submit.jotform.com, network
-					// drop, CSP refuses the navigation, etc.) the user would be stuck on a
-					// disabled button. Time out, re-enable, and surface the error UI so
-					// they can retry or fall back to email.
-					if (submitTimeoutId !== null) clearTimeout(submitTimeoutId);
-					submitTimeoutId = setTimeout(() => {
-						if (!pendingSubmission) return;
-						console.error(
-							'Contact form: Jotform iframe did not load within',
-							SUBMIT_TIMEOUT_MS,
-							'ms'
-						);
-						if (errorBox) errorBox.hidden = false;
-						finishSubmission();
-					}, SUBMIT_TIMEOUT_MS);
-				});
+        // If the iframe never loads (ad blocker on submit.jotform.com, network
+        // drop, CSP refuses the navigation, etc.) the user would be stuck on a
+        // disabled button. Time out, re-enable, and surface the error UI so
+        // they can retry or fall back to email.
+        if (submitTimeoutId !== null) clearTimeout(submitTimeoutId);
+        submitTimeoutId = setTimeout(() => {
+          if (!pendingSubmission) return;
+          console.error('Contact form: Jotform iframe did not load within', SUBMIT_TIMEOUT_MS, 'ms');
+          if (errorBox) errorBox.hidden = false;
+          finishSubmission();
+        }, SUBMIT_TIMEOUT_MS);
+      });
 
-				receiver.addEventListener('load', () => {
-					if (!pendingSubmission) return; // ignore the initial blank load
-					if (success) success.classList.add('visible');
-					form.reset();
-					finishSubmission();
-				});
-			}
-		</script>
-	</body>
+      receiver.addEventListener('load', () => {
+        if (!pendingSubmission) return; // ignore the initial blank load
+        if (success) success.classList.add('visible');
+        form.reset();
+        finishSubmission();
+      });
+    }
+  </script>
+</body>
 </html>
diff --git a/src/pages/rss.xml.js b/src/pages/rss.xml.js
index a4fb987..2756cb2 100644
--- a/src/pages/rss.xml.js
+++ b/src/pages/rss.xml.js
@@ -1,7 +1,7 @@
 export const prerender = true;
 import rss from '@astrojs/rss';
 import { getCollection } from 'astro:content';
-import config from '../content/config/config.json';
+import config from '../content/config/config.json'
 
 export async function GET(context) {
 	const posts = await getCollection('blog');
diff --git a/src/styles/global.css b/src/styles/global.css
index 7ae33fc..886221f 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -12,8 +12,7 @@
 	--gray-light: 229, 233, 240;
 	--gray-dark: 34, 41, 57;
 	--gray-gradient: rgba(var(--gray-light), 50%), #fff;
-	--box-shadow:
-		0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%),
+	--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%),
 		0 16px 32px rgba(var(--gray), 33%);
 }
 @font-face {
@@ -182,4 +181,4 @@ hr {
 
 .page-body {
 	min-height: 100vh;
-}
+}
\ No newline at end of file
diff --git a/src/styles/landing.css b/src/styles/landing.css
index 487e0b2..3a33e7b 100644
--- a/src/styles/landing.css
+++ b/src/styles/landing.css
@@ -1,1261 +1,779 @@
-*,
-*::before,
-*::after {
-	box-sizing: border-box;
-}
-html {
-	scroll-behavior: smooth;
-}
+*, *::before, *::after { box-sizing: border-box; }
+html { scroll-behavior: smooth; }
 body {
-	margin: 0;
-	font-size: 16px;
-	line-height: 1.6;
-	color: var(--text-neutral);
-	background: var(--bg-base);
-}
-a {
-	color: inherit;
-	text-decoration: none;
-}
-img {
-	max-width: 100%;
-	display: block;
-}
-button {
-	font: inherit;
-	cursor: pointer;
-}
-::selection {
-	background: var(--red-100);
-	color: var(--red-900);
-}
+  margin: 0;
+  font-size: 16px;
+  line-height: 1.6;
+  color: var(--text-neutral);
+  background: var(--bg-base);
+}
+a { color: inherit; text-decoration: none; }
+img { max-width: 100%; display: block; }
+button { font: inherit; cursor: pointer; }
+::selection { background: var(--red-100); color: var(--red-900); }
 
 :root {
-	--page-max: 1240px;
-	--gutter: clamp(20px, 4vw, 48px);
-	--section-pad: clamp(72px, 9vw, 128px);
-	--hairline: 1px solid var(--stroke-neutral);
+  --page-max: 1240px;
+  --gutter: clamp(20px, 4vw, 48px);
+  --section-pad: clamp(72px, 9vw, 128px);
+  --hairline: 1px solid var(--stroke-neutral);
 }
 
 .container {
-	max-width: var(--page-max);
-	margin: 0 auto;
-	padding-left: var(--gutter);
-	padding-right: var(--gutter);
+  max-width: var(--page-max);
+  margin: 0 auto;
+  padding-left: var(--gutter);
+  padding-right: var(--gutter);
 }
 
-body,
-p {
-	font-size: 16px;
-	line-height: 1.6;
-}
+body, p { font-size: 16px; line-height: 1.6; }
 .eyebrow {
-	display: inline-flex;
-	align-self: flex-start;
-	align-items: center;
-	gap: 8px;
-	font-family: var(--font-sans);
-	font-size: 12px;
-	font-weight: 500;
-	letter-spacing: 0.08em;
-	text-transform: uppercase;
-	color: var(--text-brand);
-	padding: 6px 12px;
-	border: 1px solid var(--red-200);
-	background: var(--bg-brand-soft);
-	border-radius: var(--radius-full);
+  display: inline-flex;
+  align-self: flex-start;
+  align-items: center;
+  gap: 8px;
+  font-family: var(--font-sans);
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--text-brand);
+  padding: 6px 12px;
+  border: 1px solid var(--red-200);
+  background: var(--bg-brand-soft);
+  border-radius: var(--radius-full);
 }
 .eyebrow .dot {
-	width: 6px;
-	height: 6px;
-	border-radius: 50%;
-	background: var(--red-500);
-	box-shadow: 0 0 0 4px rgba(204, 65, 65, 0.18);
+  width: 6px; height: 6px; border-radius: 50%;
+  background: var(--red-500);
+  box-shadow: 0 0 0 4px rgba(204,65,65,0.18);
 }
 .display {
-	font-family: var(--font-display);
-	font-weight: 700;
-	font-size: clamp(40px, 6vw, 72px);
-	line-height: 1.02;
-	letter-spacing: -0.025em;
-	color: var(--text-neutral-strong);
-	margin: 0;
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: clamp(40px, 6vw, 72px);
+  line-height: 1.02;
+  letter-spacing: -0.025em;
+  color: var(--text-neutral-strong);
+  margin: 0;
 }
 .display em {
-	font-style: normal;
-	color: var(--red-500);
+  font-style: normal;
+  color: var(--red-500);
 }
 h2.section-title {
-	font-family: var(--font-display);
-	font-weight: 700;
-	font-size: clamp(32px, 4.2vw, 48px);
-	line-height: 1.05;
-	letter-spacing: -0.02em;
-	color: var(--text-neutral-strong);
-	margin: 0 0 16px;
-	text-wrap: balance;
-}
-h3 {
-	margin: 0;
-}
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: clamp(32px, 4.2vw, 48px);
+  line-height: 1.05;
+  letter-spacing: -0.02em;
+  color: var(--text-neutral-strong);
+  margin: 0 0 16px;
+  text-wrap: balance;
+}
+h3 { margin: 0; }
 .lead {
-	font-size: clamp(18px, 1.6vw, 20px);
-	line-height: 1.55;
-	color: var(--text-neutral-weak);
-	margin: 0;
-	max-width: 60ch;
-	text-wrap: pretty;
+  font-size: clamp(18px, 1.6vw, 20px);
+  line-height: 1.55;
+  color: var(--text-neutral-weak);
+  margin: 0;
+  max-width: 60ch;
+  text-wrap: pretty;
 }
 .section-kicker {
-	font-family: var(--font-sans);
-	font-size: 12px;
-	font-weight: 600;
-	letter-spacing: 0.12em;
-	text-transform: uppercase;
-	color: var(--red-500);
-	margin-bottom: 16px;
+  font-family: var(--font-sans);
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--red-500);
+  margin-bottom: 16px;
 }
 
 .btn {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	gap: 10px;
-	font-family: var(--font-sans);
-	font-weight: 500;
-	font-size: 16px;
-	letter-spacing: -0.01em;
-	padding: 12px 20px;
-	border-radius: var(--radius);
-	border: 1px solid transparent;
-	transition:
-		background var(--duration-fast) var(--ease-out),
-		color var(--duration-fast) var(--ease-out),
-		border-color var(--duration-fast) var(--ease-out),
-		transform var(--duration-fast) var(--ease-out);
-	white-space: nowrap;
-}
-.btn i {
-	font-size: 14px;
-}
-.btn-primary {
-	background: var(--red-500);
-	color: #fff;
-}
-.btn-primary:hover {
-	background: var(--red-600);
-}
-.btn-primary:active {
-	background: var(--red-700);
-}
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  font-family: var(--font-sans);
+  font-weight: 500;
+  font-size: 16px;
+  letter-spacing: -0.01em;
+  padding: 12px 20px;
+  border-radius: var(--radius);
+  border: 1px solid transparent;
+  transition: background var(--duration-fast) var(--ease-out),
+              color var(--duration-fast) var(--ease-out),
+              border-color var(--duration-fast) var(--ease-out),
+              transform var(--duration-fast) var(--ease-out);
+  white-space: nowrap;
+}
+.btn i { font-size: 14px; }
+.btn-primary { background: var(--red-500); color: #fff; }
+.btn-primary:hover { background: var(--red-600); }
+.btn-primary:active { background: var(--red-700); }
 .btn-secondary {
-	background: #fff;
-	color: var(--text-neutral-strong);
-	border-color: var(--stroke-neutral-strong);
-}
-.btn-secondary:hover {
-	background: var(--grey-50);
-}
-.btn-ghost {
-	color: var(--text-neutral-strong);
-	padding: 10px 14px;
-}
-.btn-ghost:hover {
-	background: var(--grey-100);
-}
-.btn-lg {
-	padding: 14px 22px;
-	font-size: 17px;
-}
-.btn-lg i {
-	font-size: 16px;
-}
+  background: #fff;
+  color: var(--text-neutral-strong);
+  border-color: var(--stroke-neutral-strong);
+}
+.btn-secondary:hover { background: var(--grey-50); }
+.btn-ghost { color: var(--text-neutral-strong); padding: 10px 14px; }
+.btn-ghost:hover { background: var(--grey-100); }
+.btn-lg { padding: 14px 22px; font-size: 17px; }
+.btn-lg i { font-size: 16px; }
 
 .nav {
-	position: sticky;
-	top: 0;
-	z-index: 50;
-	background: rgba(255, 255, 255, 0.82);
-	backdrop-filter: saturate(180%) blur(12px);
-	-webkit-backdrop-filter: saturate(180%) blur(12px);
-	border-bottom: 1px solid transparent;
-	transition:
-		border-color var(--duration-normal) var(--ease-out),
-		background var(--duration-normal) var(--ease-out);
-}
-.nav[data-scrolled='true'] {
-	border-bottom-color: var(--stroke-neutral-weak);
-	background: rgba(255, 255, 255, 0.92);
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  background: rgba(255,255,255,0.82);
+  backdrop-filter: saturate(180%) blur(12px);
+  -webkit-backdrop-filter: saturate(180%) blur(12px);
+  border-bottom: 1px solid transparent;
+  transition: border-color var(--duration-normal) var(--ease-out),
+              background var(--duration-normal) var(--ease-out);
+}
+.nav[data-scrolled="true"] {
+  border-bottom-color: var(--stroke-neutral-weak);
+  background: rgba(255,255,255,0.92);
 }
 .nav-inner {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	height: 88px;
-	gap: 24px;
-}
-.nav-logo {
-	display: flex;
-	align-items: center;
-	gap: 14px;
-	flex-shrink: 0;
-}
-.nav-logo img {
-	height: 42px;
-	width: auto;
-}
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 88px;
+  gap: 24px;
+}
+.nav-logo { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
+.nav-logo img { height: 42px; width: auto; }
 .nav-logo .region {
-	white-space: nowrap;
-	font-size: 11px;
-	font-weight: 600;
-	letter-spacing: 0.12em;
-	text-transform: uppercase;
-	color: var(--text-neutral-weak);
-}
-.nav-links {
-	display: flex;
-	align-items: center;
-	gap: 0;
-}
-.nav-item {
-	position: relative;
-}
+  white-space: nowrap;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--text-neutral-weak);
+}
+.nav-links { display: flex; align-items: center; gap: 0; }
+.nav-item { position: relative; }
 .nav-item > a {
-	position: relative;
-	padding: 10px 18px;
-	font-size: 16px;
-	font-weight: 500;
-	color: var(--text-neutral);
-	letter-spacing: -0.005em;
-	display: inline-flex;
-	align-items: center;
-	gap: 6px;
-	transition: color var(--duration-fast) var(--ease-out);
+  position: relative;
+  padding: 10px 18px;
+  font-size: 16px;
+  font-weight: 500;
+  color: var(--text-neutral);
+  letter-spacing: -0.005em;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  transition: color var(--duration-fast) var(--ease-out);
 }
 .nav-item > a::after {
-	content: '';
-	position: absolute;
-	left: 18px;
-	right: 18px;
-	bottom: 4px;
-	height: 1px;
-	background: var(--red-500);
-	transform: scaleX(0);
-	transform-origin: left;
-	transition: transform var(--duration-normal) var(--ease-out);
-}
-.nav-item:hover > a {
-	color: var(--text-neutral-strong);
-}
-.nav-item:hover > a::after {
-	transform: scaleX(1);
-}
-.nav-item .caret {
-	font-size: 9px;
-	opacity: 0.5;
-	transition: transform var(--duration-fast) var(--ease-out);
-}
-.nav-item:hover .caret {
-	transform: rotate(180deg);
-	opacity: 0.9;
-}
+  content: "";
+  position: absolute;
+  left: 18px; right: 18px;
+  bottom: 4px;
+  height: 1px;
+  background: var(--red-500);
+  transform: scaleX(0);
+  transform-origin: left;
+  transition: transform var(--duration-normal) var(--ease-out);
+}
+.nav-item:hover > a { color: var(--text-neutral-strong); }
+.nav-item:hover > a::after { transform: scaleX(1); }
+.nav-item .caret { font-size: 9px; opacity: 0.5; transition: transform var(--duration-fast) var(--ease-out); }
+.nav-item:hover .caret { transform: rotate(180deg); opacity: 0.9; }
 
 .nav-dropdown {
-	position: absolute;
-	top: calc(100% + 4px);
-	left: 50%;
-	transform: translateX(-50%) translateY(-4px);
-	width: 620px;
-	background: #fff;
-	border: 1px solid var(--stroke-neutral);
-	border-radius: var(--radius-xl);
-	box-shadow: var(--shadow-overlay);
-	padding: 12px;
-	opacity: 0;
-	pointer-events: none;
-	transition:
-		opacity var(--duration-normal) var(--ease-out),
-		transform var(--duration-normal) var(--ease-out);
-	z-index: 60;
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 50%;
+  transform: translateX(-50%) translateY(-4px);
+  width: 620px;
+  background: #fff;
+  border: 1px solid var(--stroke-neutral);
+  border-radius: var(--radius-xl);
+  box-shadow: var(--shadow-overlay);
+  padding: 12px;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--duration-normal) var(--ease-out),
+              transform var(--duration-normal) var(--ease-out);
+  z-index: 60;
 }
 .nav-item:hover .nav-dropdown,
 .nav-item:focus-within .nav-dropdown {
-	opacity: 1;
-	pointer-events: auto;
-	transform: translateX(-50%) translateY(0);
+  opacity: 1;
+  pointer-events: auto;
+  transform: translateX(-50%) translateY(0);
 }
 .nav-dropdown ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	gap: 2px;
+  list-style: none;
+  margin: 0; padding: 0;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 2px;
 }
 .nav-dropdown li a {
-	display: flex;
-	gap: 12px;
-	padding: 12px;
-	border-radius: var(--radius);
-	align-items: flex-start;
-	transition: background var(--duration-fast) var(--ease-out);
-}
-.nav-dropdown li a:hover {
-	background: var(--grey-50);
-}
+  display: flex;
+  gap: 12px;
+  padding: 12px;
+  border-radius: var(--radius);
+  align-items: flex-start;
+  transition: background var(--duration-fast) var(--ease-out);
+}
+.nav-dropdown li a:hover { background: var(--grey-50); }
 .nav-dropdown li a .ico {
-	width: 32px;
-	height: 32px;
-	border-radius: var(--radius-sm);
-	background: var(--bg-brand-soft);
-	color: var(--red-600);
-	display: grid;
-	place-items: center;
-	flex-shrink: 0;
-}
-.nav-dropdown li a .ico i {
-	font-size: 13px;
-}
+  width: 32px; height: 32px;
+  border-radius: var(--radius-sm);
+  background: var(--bg-brand-soft);
+  color: var(--red-600);
+  display: grid; place-items: center;
+  flex-shrink: 0;
+}
+.nav-dropdown li a .ico i { font-size: 13px; }
 .nav-dropdown li a strong {
-	display: block;
-	font-size: 16px;
-	font-weight: 600;
-	color: var(--text-neutral-strong);
-	margin-bottom: 4px;
+  display: block;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--text-neutral-strong);
+  margin-bottom: 4px;
 }
 .nav-dropdown li a span {
-	font-size: 14px;
-	color: var(--text-neutral-weak);
-	line-height: 1.4;
-}
-.nav-cta {
-	display: flex;
-	align-items: center;
-	gap: 8px;
+  font-size: 14px;
+  color: var(--text-neutral-weak);
+  line-height: 1.4;
 }
+.nav-cta { display: flex; align-items: center; gap: 8px; }
 @media (max-width: 980px) {
-	.nav-links {
-		display: none;
-	}
-	.nav-inner {
-		height: 76px;
-	}
-	.nav-logo img {
-		height: 36px;
-	}
+  .nav-links { display: none; }
+  .nav-inner { height: 76px; }
+  .nav-logo img { height: 36px; }
 }
 
 .hero {
-	position: relative;
-	padding: clamp(72px, 10vw, 128px) 0 clamp(64px, 8vw, 96px);
-	overflow: hidden;
+  position: relative;
+  padding: clamp(72px, 10vw, 128px) 0 clamp(64px, 8vw, 96px);
+  overflow: hidden;
 }
 .hero::before {
-	content: '';
-	position: absolute;
-	inset: -200px -200px auto auto;
-	width: 900px;
-	height: 900px;
-	background: radial-gradient(
-		closest-side,
-		rgba(204, 65, 65, 0.07),
-		transparent 70%
-	);
-	pointer-events: none;
-	z-index: 0;
+  content: "";
+  position: absolute;
+  inset: -200px -200px auto auto;
+  width: 900px; height: 900px;
+  background: radial-gradient(closest-side, rgba(204,65,65,0.07), transparent 70%);
+  pointer-events: none;
+  z-index: 0;
 }
 .hero-grid {
-	position: relative;
-	z-index: 1;
-	display: grid;
-	grid-template-columns: 1.05fr 0.95fr;
-	gap: clamp(40px, 6vw, 80px);
-	align-items: center;
-}
-@media (max-width: 980px) {
-	.hero-grid {
-		grid-template-columns: 1fr;
-	}
-}
-.hero-copy {
-	display: flex;
-	flex-direction: column;
-	gap: 28px;
-}
-.hero-copy p.lead {
-	font-size: clamp(18px, 1.7vw, 21px);
-}
-.hero-ctas {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 12px;
-	margin-top: 4px;
-}
-.hero-meta {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 14px 28px;
-	margin-top: 16px;
-}
-.hero-meta .item {
-	display: flex;
-	align-items: center;
-	gap: 10px;
-	font-size: 16px;
-	font-weight: 500;
-	color: var(--text-neutral);
-}
+  position: relative;
+  z-index: 1;
+  display: grid;
+  grid-template-columns: 1.05fr 0.95fr;
+  gap: clamp(40px, 6vw, 80px);
+  align-items: center;
+}
+@media (max-width: 980px) { .hero-grid { grid-template-columns: 1fr; } }
+.hero-copy { display: flex; flex-direction: column; gap: 28px; }
+.hero-copy p.lead { font-size: clamp(18px, 1.7vw, 21px); }
+.hero-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
+.hero-meta { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-top: 16px; }
+.hero-meta .item { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 500; color: var(--text-neutral); }
 .hero-meta .check-pill {
-	width: 22px;
-	height: 22px;
-	border-radius: 50%;
-	background: var(--red-50);
-	color: var(--red-600);
-	display: grid;
-	place-items: center;
-	font-size: 11px;
-	flex-shrink: 0;
+  width: 22px; height: 22px;
+  border-radius: 50%;
+  background: var(--red-50);
+  color: var(--red-600);
+  display: grid; place-items: center;
+  font-size: 11px;
+  flex-shrink: 0;
 }
 
 .hero-visual {
-	position: relative;
-	aspect-ratio: 5 / 4;
-	min-height: 380px;
+  position: relative;
+  aspect-ratio: 5 / 4;
+  min-height: 380px;
 }
 .hero-image {
-	width: 100%;
-	height: 100%;
-	object-fit: contain;
-	border-radius: var(--radius-xl);
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  border-radius: var(--radius-xl);
 }
 
 .stats {
-	background: #fff;
-	border-top: 1px solid var(--stroke-neutral-weak);
-	border-bottom: 1px solid var(--stroke-neutral-weak);
-}
-.stats-grid {
-	display: grid;
-	grid-template-columns: repeat(4, 1fr);
-}
-@media (max-width: 760px) {
-	.stats-grid {
-		grid-template-columns: repeat(2, 1fr);
-	}
-}
-.stat {
-	padding: 32px 24px;
-	border-right: 1px solid var(--stroke-neutral-weak);
-}
-.stat:last-child {
-	border-right: none;
-}
+  background: #fff;
+  border-top: 1px solid var(--stroke-neutral-weak);
+  border-bottom: 1px solid var(--stroke-neutral-weak);
+}
+.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
+@media (max-width: 760px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } }
+.stat { padding: 32px 24px; border-right: 1px solid var(--stroke-neutral-weak); }
+.stat:last-child { border-right: none; }
 @media (max-width: 760px) {
-	.stat:nth-child(2) {
-		border-right: none;
-	}
-	.stat:nth-child(1),
-	.stat:nth-child(2) {
-		border-bottom: 1px solid var(--stroke-neutral-weak);
-	}
+  .stat:nth-child(2) { border-right: none; }
+  .stat:nth-child(1), .stat:nth-child(2) { border-bottom: 1px solid var(--stroke-neutral-weak); }
 }
 .stat .num {
-	font-family: var(--font-display);
-	font-size: clamp(32px, 3.6vw, 42px);
-	font-weight: 700;
-	letter-spacing: -0.025em;
-	line-height: 1;
-	color: var(--text-neutral-strong);
-}
-.stat .num em {
-	font-style: normal;
-	color: var(--red-500);
-}
-.stat .label {
-	margin-top: 8px;
-	font-size: 16px;
-	color: var(--text-neutral-weak);
-	line-height: 1.45;
-}
+  font-family: var(--font-display);
+  font-size: clamp(32px, 3.6vw, 42px);
+  font-weight: 700;
+  letter-spacing: -0.025em;
+  line-height: 1;
+  color: var(--text-neutral-strong);
+}
+.stat .num em { font-style: normal; color: var(--red-500); }
+.stat .label { margin-top: 8px; font-size: 16px; color: var(--text-neutral-weak); line-height: 1.45; }
 
-section.block {
-	padding: var(--section-pad) 0;
-}
-section.block.sunken {
-	background: var(--grey-50);
-}
-.block-head {
-	max-width: 720px;
-	margin-bottom: clamp(48px, 6vw, 72px);
-}
+section.block { padding: var(--section-pad) 0; }
+section.block.sunken { background: var(--grey-50); }
+.block-head { max-width: 720px; margin-bottom: clamp(48px, 6vw, 72px); }
 
 .benefits-grid {
-	display: grid;
-	grid-template-columns: repeat(3, 1fr);
-	gap: 1px;
-	background: var(--stroke-neutral-weak);
-	border: 1px solid var(--stroke-neutral-weak);
-	border-radius: var(--radius-xl);
-	overflow: hidden;
-}
-@media (max-width: 920px) {
-	.benefits-grid {
-		grid-template-columns: repeat(2, 1fr);
-	}
-}
-@media (max-width: 560px) {
-	.benefits-grid {
-		grid-template-columns: 1fr;
-	}
-}
-.benefit {
-	background: #fff;
-	padding: 32px 28px;
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-}
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1px;
+  background: var(--stroke-neutral-weak);
+  border: 1px solid var(--stroke-neutral-weak);
+  border-radius: var(--radius-xl);
+  overflow: hidden;
+}
+@media (max-width: 920px) { .benefits-grid { grid-template-columns: repeat(2, 1fr); } }
+@media (max-width: 560px) { .benefits-grid { grid-template-columns: 1fr; } }
+.benefit { background: #fff; padding: 32px 28px; display: flex; flex-direction: column; gap: 12px; }
 .benefit .icon {
-	width: 40px;
-	height: 40px;
-	border-radius: var(--radius-md);
-	background: var(--bg-brand-soft);
-	color: var(--red-600);
-	display: grid;
-	place-items: center;
-	margin-bottom: 8px;
-}
-.benefit .icon i {
-	font-size: 18px;
-}
-.benefit h3 {
-	font-size: 18px;
-	font-weight: 600;
-	letter-spacing: -0.015em;
-	color: var(--text-neutral-strong);
-}
-.benefit p {
-	font-size: 16px;
-	color: var(--text-neutral-weak);
-	line-height: 1.55;
-	margin: 0;
-}
+  width: 40px; height: 40px;
+  border-radius: var(--radius-md);
+  background: var(--bg-brand-soft);
+  color: var(--red-600);
+  display: grid; place-items: center;
+  margin-bottom: 8px;
+}
+.benefit .icon i { font-size: 18px; }
+.benefit h3 { font-size: 18px; font-weight: 600; letter-spacing: -0.015em; color: var(--text-neutral-strong); }
+.benefit p { font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; margin: 0; }
 
-.services-grid {
-	display: grid;
-	grid-template-columns: repeat(2, 1fr);
-	gap: 16px;
-}
-@media (max-width: 760px) {
-	.services-grid {
-		grid-template-columns: 1fr;
-	}
-}
+.services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
+@media (max-width: 760px) { .services-grid { grid-template-columns: 1fr; } }
 .service {
-	background: #fff;
-	border: 1px solid var(--stroke-neutral);
-	border-radius: var(--radius-xl);
-	padding: 28px;
-	display: flex;
-	gap: 20px;
-	align-items: flex-start;
-	transition:
-		border-color var(--duration-normal) var(--ease-out),
-		box-shadow var(--duration-normal) var(--ease-out),
-		transform var(--duration-normal) var(--ease-out);
-}
-.service:hover {
-	border-color: var(--red-200);
-	box-shadow: var(--shadow-raised);
-}
+  background: #fff;
+  border: 1px solid var(--stroke-neutral);
+  border-radius: var(--radius-xl);
+  padding: 28px;
+  display: flex;
+  gap: 20px;
+  align-items: flex-start;
+  transition: border-color var(--duration-normal) var(--ease-out),
+              box-shadow var(--duration-normal) var(--ease-out),
+              transform var(--duration-normal) var(--ease-out);
+}
+.service:hover { border-color: var(--red-200); box-shadow: var(--shadow-raised); }
 .service .icon {
-	width: 44px;
-	height: 44px;
-	flex-shrink: 0;
-	border-radius: var(--radius-md);
-	background: var(--bg-brand-soft);
-	color: var(--red-600);
-	display: grid;
-	place-items: center;
-}
-.service .icon i {
-	font-size: 18px;
-}
-.service .body {
-	display: flex;
-	flex-direction: column;
-	gap: 6px;
-}
-.service h3 {
-	font-size: 17px;
-	font-weight: 600;
-	letter-spacing: -0.015em;
-	color: var(--text-neutral-strong);
-}
-.service p {
-	font-size: 16px;
-	color: var(--text-neutral-weak);
-	line-height: 1.55;
-	margin: 0;
-}
+  width: 44px; height: 44px;
+  flex-shrink: 0;
+  border-radius: var(--radius-md);
+  background: var(--bg-brand-soft);
+  color: var(--red-600);
+  display: grid; place-items: center;
+}
+.service .icon i { font-size: 18px; }
+.service .body { display: flex; flex-direction: column; gap: 6px; }
+.service h3 { font-size: 17px; font-weight: 600; letter-spacing: -0.015em; color: var(--text-neutral-strong); }
+.service p { font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; margin: 0; }
 
 .steps {
-	display: grid;
-	grid-template-columns: repeat(4, 1fr);
-	gap: 40px;
-	position: relative;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 40px;
+  position: relative;
 }
 .steps::before {
-	content: '';
-	position: absolute;
-	top: 32px;
-	left: 32px;
-	right: 32px;
-	height: 1px;
-	border-top: 1px dashed var(--stroke-neutral);
-	z-index: 0;
+  content: "";
+  position: absolute;
+  top: 32px; left: 32px; right: 32px;
+  height: 1px;
+  border-top: 1px dashed var(--stroke-neutral);
+  z-index: 0;
 }
 @media (max-width: 920px) {
-	.steps {
-		grid-template-columns: repeat(2, 1fr);
-		gap: 48px 32px;
-	}
-	.steps::before {
-		display: none;
-	}
-}
-@media (max-width: 540px) {
-	.steps {
-		grid-template-columns: 1fr;
-	}
-}
-.step {
-	position: relative;
-	z-index: 1;
-	background: transparent;
-	border: 0;
-	padding: 0;
+  .steps { grid-template-columns: repeat(2, 1fr); gap: 48px 32px; }
+  .steps::before { display: none; }
 }
+@media (max-width: 540px) { .steps { grid-template-columns: 1fr; } }
+.step { position: relative; z-index: 1; background: transparent; border: 0; padding: 0; }
 .step .icon {
-	position: relative;
-	width: 64px;
-	height: 64px;
-	border-radius: 50%;
-	background: var(--bg-brand-soft);
-	color: var(--red-600);
-	display: grid;
-	place-items: center;
-	margin-bottom: 24px;
-	box-shadow: 0 0 0 8px var(--bg-base);
-}
-.step .icon i {
-	font-size: 22px;
-}
+  position: relative;
+  width: 64px; height: 64px;
+  border-radius: 50%;
+  background: var(--bg-brand-soft);
+  color: var(--red-600);
+  display: grid; place-items: center;
+  margin-bottom: 24px;
+  box-shadow: 0 0 0 8px var(--bg-base);
+}
+.step .icon i { font-size: 22px; }
 .step .step-num {
-	font-family: var(--font-mono);
-	font-size: 12px;
-	font-weight: 600;
-	letter-spacing: 0.14em;
-	text-transform: uppercase;
-	color: var(--red-500);
-	margin-bottom: 8px;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: var(--red-500);
+  margin-bottom: 8px;
 }
 .step h3 {
-	font-family: var(--font-display);
-	font-size: 22px;
-	font-weight: 700;
-	letter-spacing: -0.02em;
-	line-height: 1.2;
-	color: var(--text-neutral-strong);
-	margin: 0 0 12px;
-}
-.step p {
-	font-size: 16px;
-	color: var(--text-neutral-weak);
-	line-height: 1.55;
-	margin: 0;
-	max-width: 32ch;
-}
+  font-family: var(--font-display);
+  font-size: 22px;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  line-height: 1.2;
+  color: var(--text-neutral-strong);
+  margin: 0 0 12px;
+}
+.step p { font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; margin: 0; max-width: 32ch; }
 
-.why-grid {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	gap: clamp(48px, 6vw, 88px);
-	align-items: center;
-}
-@media (max-width: 880px) {
-	.why-grid {
-		grid-template-columns: 1fr;
-	}
-}
-.why-list {
-	display: flex;
-	flex-direction: column;
-	border-top: 1px solid var(--stroke-neutral-weak);
-}
+.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(48px, 6vw, 88px); align-items: center; }
+@media (max-width: 880px) { .why-grid { grid-template-columns: 1fr; } }
+.why-list { display: flex; flex-direction: column; border-top: 1px solid var(--stroke-neutral-weak); }
 .why-row {
-	display: grid;
-	grid-template-columns: 44px 1fr;
-	gap: 18px;
-	padding: 22px 0;
-	border-bottom: 1px solid var(--stroke-neutral-weak);
-	align-items: flex-start;
+  display: grid;
+  grid-template-columns: 44px 1fr;
+  gap: 18px;
+  padding: 22px 0;
+  border-bottom: 1px solid var(--stroke-neutral-weak);
+  align-items: flex-start;
 }
 .why-row .badge-ico {
-	width: 36px;
-	height: 36px;
-	border-radius: var(--radius-md);
-	background: var(--bg-brand-soft);
-	color: var(--red-600);
-	display: grid;
-	place-items: center;
-	margin-top: 2px;
-}
-.why-row .badge-ico i {
-	font-size: 15px;
-}
-.why-row h4 {
-	font-size: 17px;
-	font-weight: 600;
-	letter-spacing: -0.015em;
-	color: var(--text-neutral-strong);
-	margin: 0 0 4px;
-}
-.why-row p {
-	font-size: 16px;
-	color: var(--text-neutral-weak);
-	line-height: 1.55;
-	margin: 0;
-}
+  width: 36px; height: 36px;
+  border-radius: var(--radius-md);
+  background: var(--bg-brand-soft);
+  color: var(--red-600);
+  display: grid; place-items: center;
+  margin-top: 2px;
+}
+.why-row .badge-ico i { font-size: 15px; }
+.why-row h4 { font-size: 17px; font-weight: 600; letter-spacing: -0.015em; color: var(--text-neutral-strong); margin: 0 0 4px; }
+.why-row p { font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; margin: 0; }
 .why-card {
-	background: var(--grey-900);
-	color: #fff;
-	border-radius: var(--radius-2xl);
-	padding: 40px;
-	display: flex;
-	flex-direction: column;
-	gap: 24px;
-	min-height: 440px;
-	justify-content: space-between;
-}
-.why-card .quote-mark {
-	font-family: var(--font-display);
-	font-size: 64px;
-	line-height: 0.5;
-	color: var(--red-500);
-	height: 32px;
-}
+  background: var(--grey-900);
+  color: #fff;
+  border-radius: var(--radius-2xl);
+  padding: 40px;
+  display: flex; flex-direction: column;
+  gap: 24px;
+  min-height: 440px;
+  justify-content: space-between;
+}
+.why-card .quote-mark { font-family: var(--font-display); font-size: 64px; line-height: 0.5; color: var(--red-500); height: 32px; }
 .why-card blockquote {
-	margin: 0;
-	font-size: 22px;
-	font-weight: 500;
-	line-height: 1.4;
-	letter-spacing: -0.015em;
-	color: rgba(255, 255, 255, 0.95);
-	text-wrap: pretty;
-}
-.why-card .attr {
-	display: flex;
-	align-items: center;
-	gap: 14px;
-	padding-top: 24px;
-	border-top: 1px solid rgba(255, 255, 255, 0.12);
-}
+  margin: 0;
+  font-size: 22px;
+  font-weight: 500;
+  line-height: 1.4;
+  letter-spacing: -0.015em;
+  color: rgba(255,255,255,0.95);
+  text-wrap: pretty;
+}
+.why-card .attr { display: flex; align-items: center; gap: 14px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.12); }
 .why-card .avatar {
-	width: 44px;
-	height: 44px;
-	border-radius: 50%;
-	background: linear-gradient(135deg, var(--red-400), var(--red-700));
-	display: grid;
-	place-items: center;
-	font-weight: 600;
-	font-size: 15px;
-	color: #fff;
-}
-.why-card .name {
-	font-weight: 600;
-	color: #fff;
-	font-size: 16px;
-}
-.why-card .role {
-	font-size: 14px;
-	color: rgba(255, 255, 255, 0.55);
-}
+  width: 44px; height: 44px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, var(--red-400), var(--red-700));
+  display: grid; place-items: center;
+  font-weight: 600;
+  font-size: 15px;
+  color: #fff;
+}
+.why-card .name { font-weight: 600; color: #fff; font-size: 16px; }
+.why-card .role { font-size: 14px; color: rgba(255,255,255,0.55); }
 
 .contact-grid {
-	display: grid;
-	grid-template-columns: 1.25fr 0.9fr;
-	gap: clamp(40px, 5vw, 64px);
-	align-items: start;
-}
-@media (max-width: 920px) {
-	.contact-grid {
-		grid-template-columns: 1fr;
-	}
+  display: grid;
+  grid-template-columns: 1.25fr 0.9fr;
+  gap: clamp(40px, 5vw, 64px);
+  align-items: start;
 }
+@media (max-width: 920px) { .contact-grid { grid-template-columns: 1fr; } }
 
 .form-card {
-	background: #fff;
-	border: 1px solid var(--stroke-neutral);
-	border-top: 4px solid var(--red-500);
-	border-radius: var(--radius-2xl);
-	padding: clamp(32px, 4vw, 48px);
-	box-shadow: var(--shadow-overlay);
-	position: relative;
+  background: #fff;
+  border: 1px solid var(--stroke-neutral);
+  border-top: 4px solid var(--red-500);
+  border-radius: var(--radius-2xl);
+  padding: clamp(32px, 4vw, 48px);
+  box-shadow: var(--shadow-overlay);
+  position: relative;
 }
 .form-card::before {
-	content: '';
-	position: absolute;
-	inset: -2px;
-	border-radius: var(--radius-2xl);
-	background: linear-gradient(180deg, rgba(204, 65, 65, 0.18), transparent 30%);
-	z-index: -1;
-	pointer-events: none;
-}
-.form-card .form-header {
-	margin-bottom: 24px;
-	padding-bottom: 20px;
-	border-bottom: 1px solid var(--stroke-neutral-weak);
-}
+  content: "";
+  position: absolute;
+  inset: -2px;
+  border-radius: var(--radius-2xl);
+  background: linear-gradient(180deg, rgba(204,65,65,0.18), transparent 30%);
+  z-index: -1;
+  pointer-events: none;
+}
+.form-card .form-header { margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--stroke-neutral-weak); }
 .form-card .form-header h3 {
-	font-family: var(--font-display);
-	font-size: 22px;
-	font-weight: 700;
-	letter-spacing: -0.02em;
-	color: var(--text-neutral-strong);
-	margin: 0 0 6px;
-}
-.form-card .form-header p {
-	font-size: 16px;
-	color: var(--text-neutral-weak);
-	margin: 0;
-}
-.form-row {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	gap: 16px;
-}
-@media (max-width: 560px) {
-	.form-row {
-		grid-template-columns: 1fr;
-	}
-}
-.field {
-	display: flex;
-	flex-direction: column;
-	gap: 6px;
-	margin-bottom: 16px;
-}
+  font-family: var(--font-display);
+  font-size: 22px;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  color: var(--text-neutral-strong);
+  margin: 0 0 6px;
+}
+.form-card .form-header p { font-size: 16px; color: var(--text-neutral-weak); margin: 0; }
+.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+@media (max-width: 560px) { .form-row { grid-template-columns: 1fr; } }
+.field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
 .field label {
-	font-size: 13px;
-	font-weight: 600;
-	letter-spacing: 0.08em;
-	text-transform: uppercase;
-	color: var(--text-neutral-weak);
-}
-.field label .req {
-	color: var(--red-500);
-	margin-left: 2px;
-}
-.field input,
-.field select,
-.field textarea {
-	font: inherit;
-	font-size: 16px;
-	font-weight: 500;
-	padding: 12px 14px;
-	border: 1px solid var(--stroke-neutral);
-	border-radius: var(--radius);
-	background: #fff;
-	color: var(--text-neutral-strong);
-	transition:
-		border-color var(--duration-fast) var(--ease-out),
-		box-shadow var(--duration-fast) var(--ease-out);
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--text-neutral-weak);
+}
+.field label .req { color: var(--red-500); margin-left: 2px; }
+.field input, .field select, .field textarea {
+  font: inherit;
+  font-size: 16px;
+  font-weight: 500;
+  padding: 12px 14px;
+  border: 1px solid var(--stroke-neutral);
+  border-radius: var(--radius);
+  background: #fff;
+  color: var(--text-neutral-strong);
+  transition: border-color var(--duration-fast) var(--ease-out),
+              box-shadow var(--duration-fast) var(--ease-out);
 }
 .field select {
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	appearance: none;
-	padding-right: 42px;
-	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");
-	background-repeat: no-repeat;
-	background-position: right 14px center;
-	background-size: 16px 16px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  padding-right: 42px;
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");
+  background-repeat: no-repeat;
+  background-position: right 14px center;
+  background-size: 16px 16px;
 }
 .field select:focus {
-	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23cc4141' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23cc4141' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");
 }
-.field textarea {
-	resize: vertical;
-	min-height: 110px;
-	line-height: 1.55;
-}
-.field input:focus,
-.field select:focus,
-.field textarea:focus {
-	outline: none;
-	border-color: var(--red-400);
-	box-shadow: var(--shadow-ring);
+.field textarea { resize: vertical; min-height: 110px; line-height: 1.55; }
+.field input:focus, .field select:focus, .field textarea:focus {
+  outline: none;
+  border-color: var(--red-400);
+  box-shadow: var(--shadow-ring);
 }
 .form-actions {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	gap: 16px;
-	margin-top: 12px;
-	flex-wrap: wrap;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 16px;
+  margin-top: 12px;
+  flex-wrap: wrap;
 }
 .form-actions .privacy {
-	font-size: 16px;
-	color: var(--text-neutral-weaker);
-	line-height: 1.5;
-	flex: 1;
-	min-width: 240px;
-}
-.form-actions .privacy a {
-	color: var(--text-neutral);
-	text-decoration: underline;
-	text-underline-offset: 2px;
+  font-size: 16px;
+  color: var(--text-neutral-weaker);
+  line-height: 1.5;
+  flex: 1;
+  min-width: 240px;
 }
+.form-actions .privacy a { color: var(--text-neutral); text-decoration: underline; text-underline-offset: 2px; }
 
 .form-success {
-	display: none;
-	padding: 20px;
-	background: var(--green-100);
-	border: 1px solid var(--green-500);
-	border-radius: var(--radius-md);
-	color: var(--green-700);
-	font-size: 16px;
-	margin-top: 16px;
-}
-.form-success.visible {
-	display: flex;
-	gap: 10px;
-	align-items: center;
-}
+  display: none;
+  padding: 20px;
+  background: var(--green-100);
+  border: 1px solid var(--green-500);
+  border-radius: var(--radius-md);
+  color: var(--green-700);
+  font-size: 16px;
+  margin-top: 16px;
+}
+.form-success.visible { display: flex; gap: 10px; align-items: center; }
 
-.form-error[hidden] {
-	display: none;
-}
+.form-error[hidden] { display: none; }
 .form-error {
-	display: flex;
-	gap: 10px;
-	align-items: center;
-	padding: 20px;
-	background: var(--red-50);
-	border: 1px solid var(--red-200);
-	border-radius: var(--radius-md);
-	color: var(--red-800);
-	font-size: 16px;
-	margin-top: 16px;
-}
-.form-error i {
-	color: var(--red-500);
-	flex-shrink: 0;
-}
-.form-error a {
-	color: var(--red-700);
-	text-decoration: underline;
-	text-underline-offset: 2px;
-}
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  padding: 20px;
+  background: var(--red-50);
+  border: 1px solid var(--red-200);
+  border-radius: var(--radius-md);
+  color: var(--red-800);
+  font-size: 16px;
+  margin-top: 16px;
+}
+.form-error i { color: var(--red-500); flex-shrink: 0; }
+.form-error a { color: var(--red-700); text-decoration: underline; text-underline-offset: 2px; }
 
-.contact-aside {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	padding-top: 8px;
-}
-.contact-aside .item {
-	display: flex;
-	gap: 16px;
-	padding: 20px 0;
-	border-bottom: 1px solid var(--stroke-neutral-weak);
-}
-.contact-aside .item:last-child {
-	border-bottom: none;
-}
+.contact-aside { display: flex; flex-direction: column; gap: 4px; padding-top: 8px; }
+.contact-aside .item { display: flex; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--stroke-neutral-weak); }
+.contact-aside .item:last-child { border-bottom: none; }
 .contact-aside .item .icon {
-	width: 36px;
-	height: 36px;
-	border-radius: var(--radius-md);
-	background: var(--bg-brand-soft);
-	color: var(--red-600);
-	display: grid;
-	place-items: center;
-	flex-shrink: 0;
-}
-.contact-aside .item .icon i {
-	font-size: 14px;
-}
-.contact-aside h4 {
-	font-size: 17px;
-	font-weight: 600;
-	color: var(--text-neutral-strong);
-	margin: 0 0 4px;
-}
-.contact-aside p {
-	font-size: 16px;
-	color: var(--text-neutral-weak);
-	margin: 0;
-	line-height: 1.5;
-}
+  width: 36px; height: 36px;
+  border-radius: var(--radius-md);
+  background: var(--bg-brand-soft);
+  color: var(--red-600);
+  display: grid; place-items: center;
+  flex-shrink: 0;
+}
+.contact-aside .item .icon i { font-size: 14px; }
+.contact-aside h4 { font-size: 17px; font-weight: 600; color: var(--text-neutral-strong); margin: 0 0 4px; }
+.contact-aside p { font-size: 16px; color: var(--text-neutral-weak); margin: 0; line-height: 1.5; }
 
 .faq-grid {
-	display: grid;
-	grid-template-columns: 0.85fr 1.15fr;
-	gap: clamp(40px, 6vw, 80px);
-	align-items: start;
-}
-@media (max-width: 880px) {
-	.faq-grid {
-		grid-template-columns: 1fr;
-	}
-}
-.faq-head .lead {
-	margin-top: 8px;
+  display: grid;
+  grid-template-columns: 0.85fr 1.15fr;
+  gap: clamp(40px, 6vw, 80px);
+  align-items: start;
 }
+@media (max-width: 880px) { .faq-grid { grid-template-columns: 1fr; } }
+.faq-head .lead { margin-top: 8px; }
 .faq-head .faq-helper {
-	margin-top: 36px;
-	padding: 28px;
-	background: #fff;
-	border: 1px solid var(--stroke-neutral);
-	border-top: 4px solid var(--red-500);
-	border-radius: var(--radius-xl);
-	box-shadow: var(--shadow-raised);
-	position: relative;
+  margin-top: 36px;
+  padding: 28px;
+  background: #fff;
+  border: 1px solid var(--stroke-neutral);
+  border-top: 4px solid var(--red-500);
+  border-radius: var(--radius-xl);
+  box-shadow: var(--shadow-raised);
+  position: relative;
 }
 .faq-helper .helper-kicker {
-	font-size: 12px;
-	font-weight: 600;
-	letter-spacing: 0.12em;
-	text-transform: uppercase;
-	color: var(--red-500);
-	margin-bottom: 8px;
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--red-500);
+  margin-bottom: 8px;
 }
 .faq-helper h3 {
-	font-family: var(--font-display);
-	font-size: 22px;
-	font-weight: 700;
-	letter-spacing: -0.02em;
-	line-height: 1.2;
-	color: var(--text-neutral-strong);
-	margin: 0 0 10px;
-}
-.faq-helper p {
-	font-size: 16px;
-	color: var(--text-neutral-weak);
-	line-height: 1.55;
-	margin: 0 0 20px;
-}
-.faq-helper .helper-actions {
-	display: flex;
-	gap: 10px;
-	flex-wrap: wrap;
-}
-.faq-list {
-	display: flex;
-	flex-direction: column;
-	border-top: 1px solid var(--stroke-neutral);
-}
-details.faq-item {
-	border-bottom: 1px solid var(--stroke-neutral);
-}
+  font-family: var(--font-display);
+  font-size: 22px;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  line-height: 1.2;
+  color: var(--text-neutral-strong);
+  margin: 0 0 10px;
+}
+.faq-helper p { font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; margin: 0 0 20px; }
+.faq-helper .helper-actions { display: flex; gap: 10px; flex-wrap: wrap; }
+.faq-list { display: flex; flex-direction: column; border-top: 1px solid var(--stroke-neutral); }
+details.faq-item { border-bottom: 1px solid var(--stroke-neutral); }
 details.faq-item summary {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 24px;
-	padding: 24px 0;
-	cursor: pointer;
-	list-style: none;
-	font-family: var(--font-display);
-	font-weight: 600;
-	font-size: clamp(18px, 1.6vw, 22px);
-	letter-spacing: -0.015em;
-	line-height: 1.3;
-	color: var(--text-neutral-strong);
-	transition: color var(--duration-fast) var(--ease-out);
-}
-details.faq-item summary::-webkit-details-marker {
-	display: none;
-}
-details.faq-item summary:hover {
-	color: var(--red-600);
-}
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 24px;
+  padding: 24px 0;
+  cursor: pointer;
+  list-style: none;
+  font-family: var(--font-display);
+  font-weight: 600;
+  font-size: clamp(18px, 1.6vw, 22px);
+  letter-spacing: -0.015em;
+  line-height: 1.3;
+  color: var(--text-neutral-strong);
+  transition: color var(--duration-fast) var(--ease-out);
+}
+details.faq-item summary::-webkit-details-marker { display: none; }
+details.faq-item summary:hover { color: var(--red-600); }
 details.faq-item .toggle {
-	flex-shrink: 0;
-	width: 36px;
-	height: 36px;
-	border-radius: 50%;
-	background: var(--grey-50);
-	border: 1px solid var(--stroke-neutral);
-	display: grid;
-	place-items: center;
-	color: var(--text-neutral);
-	transition:
-		background var(--duration-fast) var(--ease-out),
-		color var(--duration-fast) var(--ease-out),
-		transform var(--duration-normal) var(--ease-out);
-}
-details.faq-item .toggle i {
-	font-size: 12px;
-}
+  flex-shrink: 0;
+  width: 36px; height: 36px;
+  border-radius: 50%;
+  background: var(--grey-50);
+  border: 1px solid var(--stroke-neutral);
+  display: grid; place-items: center;
+  color: var(--text-neutral);
+  transition: background var(--duration-fast) var(--ease-out),
+              color var(--duration-fast) var(--ease-out),
+              transform var(--duration-normal) var(--ease-out);
+}
+details.faq-item .toggle i { font-size: 12px; }
 details[open].faq-item .toggle {
-	background: var(--red-500);
-	border-color: var(--red-500);
-	color: #fff;
-	transform: rotate(45deg);
-}
-details.faq-item .answer {
-	padding: 0 0 24px;
-	max-width: 64ch;
-}
-details.faq-item .answer p {
-	font-size: 16px;
-	line-height: 1.6;
-	color: var(--text-neutral-weak);
-	margin: 0 0 12px;
-}
-details.faq-item .answer p:last-child {
-	margin-bottom: 0;
-}
+  background: var(--red-500);
+  border-color: var(--red-500);
+  color: #fff;
+  transform: rotate(45deg);
+}
+details.faq-item .answer { padding: 0 0 24px; max-width: 64ch; }
+details.faq-item .answer p { font-size: 16px; line-height: 1.6; color: var(--text-neutral-weak); margin: 0 0 12px; }
+details.faq-item .answer p:last-child { margin-bottom: 0; }
 
 .cta-banner {
-	background: var(--grey-900);
-	color: #fff;
-	padding: clamp(56px, 8vw, 96px) 0;
-	text-align: center;
-	position: relative;
-	overflow: hidden;
+  background: var(--grey-900);
+  color: #fff;
+  padding: clamp(56px, 8vw, 96px) 0;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
 }
 .cta-banner::before {
-	content: '';
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-	width: 1100px;
-	height: 1100px;
-	background: radial-gradient(
-		closest-side,
-		rgba(204, 65, 65, 0.18),
-		transparent 70%
-	);
-	pointer-events: none;
-}
-.cta-banner .container {
-	position: relative;
-	z-index: 1;
-}
+  content: "";
+  position: absolute;
+  top: 50%; left: 50%;
+  transform: translate(-50%, -50%);
+  width: 1100px; height: 1100px;
+  background: radial-gradient(closest-side, rgba(204,65,65,0.18), transparent 70%);
+  pointer-events: none;
+}
+.cta-banner .container { position: relative; z-index: 1; }
 .cta-banner h2 {
-	font-family: var(--font-display);
-	font-size: clamp(32px, 4.4vw, 52px);
-	font-weight: 700;
-	letter-spacing: -0.025em;
-	line-height: 1.05;
-	margin: 0 0 16px;
-	color: #fff;
-	text-wrap: balance;
-}
-.cta-banner p {
-	font-size: 18px;
-	color: rgba(255, 255, 255, 0.7);
-	max-width: 600px;
-	margin: 0 auto 32px;
-}
+  font-family: var(--font-display);
+  font-size: clamp(32px, 4.4vw, 52px);
+  font-weight: 700;
+  letter-spacing: -0.025em;
+  line-height: 1.05;
+  margin: 0 0 16px;
+  color: #fff;
+  text-wrap: balance;
+}
+.cta-banner p { font-size: 18px; color: rgba(255,255,255,0.7); max-width: 600px; margin: 0 auto 32px; }
 
-footer {
-	background: #fff;
-	padding: 64px 0 32px;
-	border-top: 1px solid var(--stroke-neutral-weak);
-}
-.footer-grid {
-	display: grid;
-	grid-template-columns: 2fr 1fr;
-	gap: 48px;
-	margin-bottom: 48px;
-}
+footer { background: #fff; padding: 64px 0 32px; border-top: 1px solid var(--stroke-neutral-weak); }
+.footer-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 48px; margin-bottom: 48px; }
 @media (max-width: 880px) {
-	.footer-grid {
-		grid-template-columns: 1fr 1fr;
-	}
-	.footer-grid > div:first-child {
-		grid-column: 1 / -1;
-	}
-}
-.footer-brand img {
-	height: 36px;
-}
-.footer-brand p {
-	margin-top: 18px;
-	font-size: 16px;
-	color: var(--text-neutral-weak);
-	line-height: 1.55;
-	max-width: 36ch;
+  .footer-grid { grid-template-columns: 1fr 1fr; }
+  .footer-grid > div:first-child { grid-column: 1 / -1; }
 }
+.footer-brand img { height: 36px; }
+.footer-brand p { margin-top: 18px; font-size: 16px; color: var(--text-neutral-weak); line-height: 1.55; max-width: 36ch; }
 .footer-col h5 {
-	font-size: 12px;
-	font-weight: 600;
-	letter-spacing: 0.08em;
-	text-transform: uppercase;
-	color: var(--text-neutral-strong);
-	margin: 0 0 16px;
-}
-.footer-col ul {
-	list-style: none;
-	padding: 0;
-	margin: 0;
-	display: flex;
-	flex-direction: column;
-	gap: 10px;
-}
-.footer-col a {
-	font-size: 16px;
-	color: var(--text-neutral-weak);
-	transition: color var(--duration-fast) var(--ease-out);
-}
-.footer-col a:hover {
-	color: var(--red-500);
-}
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--text-neutral-strong);
+  margin: 0 0 16px;
+}
+.footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
+.footer-col a { font-size: 16px; color: var(--text-neutral-weak); transition: color var(--duration-fast) var(--ease-out); }
+.footer-col a:hover { color: var(--red-500); }
 .footer-bottom {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding-top: 24px;
-	border-top: 1px solid var(--stroke-neutral-weak);
-	flex-wrap: wrap;
-	gap: 12px;
-}
-.footer-bottom .legal {
-	font-size: 16px;
-	color: var(--text-neutral-weaker);
-}
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 24px;
+  border-top: 1px solid var(--stroke-neutral-weak);
+  flex-wrap: wrap;
+  gap: 12px;
+}
+.footer-bottom .legal { font-size: 16px; color: var(--text-neutral-weaker); }
 .footer-bottom .legal a {
-	color: var(--text-neutral-weak);
-	text-decoration: underline;
-	text-underline-offset: 2px;
-	text-decoration-thickness: 1px;
-	transition: color var(--duration-fast) var(--ease-out);
-}
-.footer-bottom .legal a:hover {
-	color: var(--red-500);
-}
-.footer-bottom .legal .sep {
-	margin: 0 10px;
-	color: var(--stroke-neutral);
-}
-.footer-bottom .built {
-	display: inline-flex;
-	align-items: center;
-	gap: 8px;
-	font-size: 16px;
-	color: var(--text-neutral-weaker);
-}
-.footer-bottom .built img {
-	height: 22px;
-	width: auto;
-}
-.footer-bottom .built strong {
-	color: var(--text-neutral);
-	font-weight: 600;
-}
+  color: var(--text-neutral-weak);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  text-decoration-thickness: 1px;
+  transition: color var(--duration-fast) var(--ease-out);
+}
+.footer-bottom .legal a:hover { color: var(--red-500); }
+.footer-bottom .legal .sep { margin: 0 10px; color: var(--stroke-neutral); }
+.footer-bottom .built { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; color: var(--text-neutral-weaker); }
+.footer-bottom .built img { height: 22px; width: auto; }
+.footer-bottom .built strong { color: var(--text-neutral); font-weight: 600; }
diff --git a/tina/collections/blog.ts b/tina/collections/blog.ts
index 23a6eaf..a25805d 100644
--- a/tina/collections/blog.ts
+++ b/tina/collections/blog.ts
@@ -1,48 +1,49 @@
-import type { Collection } from 'tinacms';
+import type { Collection } from "tinacms";
 
 export const BlogCollection: Collection = {
-	name: 'blog',
-	label: 'Blogs',
-	path: 'src/content/blog',
-	format: 'mdx',
-	ui: {
-		router({ document }) {
-			return `/blog/${document._sys.filename}`;
-		},
-	},
-	fields: [
-		{
-			type: 'string',
-			name: 'title',
-			label: 'Title',
-			isTitle: true,
-			required: true,
-		},
-		{
-			name: 'description',
-			label: 'Description',
-			type: 'string',
-		},
-		{
-			name: 'pubDate',
-			label: 'Publication Date',
-			type: 'datetime',
-		},
-		{
-			name: 'updatedDate',
-			label: 'Updated Date',
-			type: 'datetime',
-		},
-		{
-			name: 'heroImage',
-			label: 'Hero Image',
-			type: 'image',
-		},
-		{
-			type: 'rich-text',
-			name: 'body',
-			label: 'Body',
-			isBody: true,
-		},
-	],
-};
+
+  name: "blog",
+  label: "Blogs",
+  path: "src/content/blog",
+  format: "mdx",
+  ui: {
+    router({ document }) {
+      return `/blog/${document._sys.filename}`;
+    },
+  },
+  fields: [
+    {
+      type: "string",
+      name: "title",
+      label: "Title",
+      isTitle: true,
+      required: true,
+    },
+    {
+      name: "description",
+      label: "Description",
+      type: "string",
+    },
+    {
+      name: "pubDate",
+      label: "Publication Date",
+      type: "datetime",
+    },
+    {
+      name: "updatedDate",
+      label: "Updated Date",
+      type: "datetime",
+    },
+    {
+      name: "heroImage",
+      label: "Hero Image",
+      type: "image",
+    },
+    {
+      type: "rich-text",
+      name: "body",
+      label: "Body",
+      isBody: true,
+    },
+  ],
+}
diff --git a/tina/collections/global-config.ts b/tina/collections/global-config.ts
index 7550937..a4db2aa 100644
--- a/tina/collections/global-config.ts
+++ b/tina/collections/global-config.ts
@@ -1,106 +1,107 @@
-import type { Collection } from 'tinacms';
+import type { Collection } from "tinacms";
 
 export const GlobalConfigCollection: Collection = {
-	name: 'config',
-	label: 'Global Config',
-	path: 'src/content/config',
-	format: 'json',
-	ui: {
-		global: true,
-	},
-	fields: [
-		{
-			name: 'seo',
-			label: 'General site config',
-			type: 'object',
-			fields: [
-				{
-					name: 'title',
-					label: 'Site title for SEO',
-					type: 'string',
-					required: true,
-				},
-				{
-					name: 'description',
-					label: 'Site description for SEO',
-					type: 'string',
-					required: true,
-				},
-				{
-					name: 'siteOwner',
-					label: 'Your Name, Company Name (Used in the footer',
-					required: true,
-					type: 'string',
-					ui: {
-						defaultValue: 'Your name here',
-					},
-				},
-				{
-					name: 'logo',
-					label: 'Logo',
-					type: 'image',
-				},
-				//Add more site settings here...
-			],
-		},
-		{
-			name: 'nav',
-			label: 'Site Navigation Menu (Reorder, Add, Remove)',
-			type: 'object',
-			list: true,
-			ui: {
-				itemProps: (item) => {
-					return {
-						label: item.title,
-					};
-				},
-			},
-			fields: [
-				{
-					name: 'title',
-					label: 'Title of Nav Item',
-					type: 'string',
-					required: true,
-				},
-				{
-					name: 'link',
-					label: 'Path of the Nav Item',
-					type: 'string',
-					required: true,
-				},
-			],
-		},
-		{
-			name: 'contactLinks',
-			label: 'Contact Links',
-			type: 'object',
-			list: true,
-			ui: {
-				itemProps: (item) => {
-					return {
-						label: item.title,
-					};
-				},
-			},
-			fields: [
-				{
-					name: 'title',
-					label: 'Title',
-					type: 'string',
-				},
-				{
-					name: 'link',
-					label: 'Link',
-					type: 'string',
-				},
-				{
-					name: 'icon',
-					label: 'Icon (e.g. TbBrandX, TbBook2, TbBrandGithub)',
-					type: 'string',
-				},
-			],
-		},
+  name: "config",
+  label: "Global Config",
+  path: "src/content/config",
+  format: "json",
+  ui: {
+    global: true,
+  },
+  fields: [
+    {
+      name: "seo",
+      label: "General site config",
+      type: "object",
+      fields: [
+        {
+          name: "title",
+          label: "Site title for SEO",
+          type: "string",
+          required: true,
+        },
+        {
+          name: "description",
+          label: "Site description for SEO",
+          type: "string",
+          required: true,
+        },
+        {
+          name: "siteOwner",
+          label: "Your Name, Company Name (Used in the footer",
+          required: true,
+          type: "string",
+          ui: {
+            defaultValue: "Your name here"
+          },
+        },
+        {
+          name: 'logo',
+          label: 'Logo',
+          type: 'image',
+        }
+        //Add more site settings here...
+      ],
+    },
+    {
+      name: "nav",
+      label: "Site Navigation Menu (Reorder, Add, Remove)",
+      type: "object",
+      list: true,
+      ui: {
+        itemProps: (item) => {
+          return {
+            label: item.title
+          };
+        },
+      },
+      fields: [
+        {
+          name: "title",
+          label: "Title of Nav Item",
+          type: "string",
+          required: true
+        },
+        {
+          name: "link",
+          label: "Path of the Nav Item",
+          type: "string",
+          required: true
 
-		// Add other config fields here...
-	],
-};
+        }
+      ]
+    },
+    {
+      name: "contactLinks",
+      label: "Contact Links",
+      type: "object",
+      list: true,
+      ui: {
+        itemProps: (item) => {
+          return {
+            label: item.title
+          }
+        },
+      },
+      fields: [
+        {
+          name: "title",
+          label: "Title",
+          type: "string"
+        },
+        {
+          name: "link",
+          label: "Link",
+          type: "string"
+        },
+        {
+          name: "icon",
+          label: "Icon (e.g. TbBrandX, TbBook2, TbBrandGithub)",
+          type: "string"
+        }
+      ],
+    }
+
+    // Add other config fields here...
+  ]
+}
diff --git a/tina/collections/landing.ts b/tina/collections/landing.ts
index 8691382..b157a17 100644
--- a/tina/collections/landing.ts
+++ b/tina/collections/landing.ts
@@ -1,505 +1,355 @@
-import type { Collection } from 'tinacms';
+import type { Collection } from "tinacms";
 
 export const LandingCollection: Collection = {
-	name: 'landing',
-	label: 'Landing page',
-	path: 'src/content/landing',
-	format: 'json',
-	ui: {
-		allowedActions: { create: false, delete: false },
-		router: ({ document }) =>
-			document._sys.filename === 'home' ? '/' : `/${document._sys.filename}`,
-	},
-	fields: [
-		{
-			type: 'object',
-			name: 'meta',
-			label: 'SEO metadata',
-			fields: [
-				{ type: 'string', name: 'title', label: 'Page title', required: true },
-				{
-					type: 'string',
-					name: 'description',
-					label: 'Meta description',
-					ui: { component: 'textarea' },
-					required: true,
-				},
-			],
-		},
+  name: "landing",
+  label: "Landing page",
+  path: "src/content/landing",
+  format: "json",
+  ui: {
+    allowedActions: { create: false, delete: false },
+    router: ({ document }) =>
+      document._sys.filename === "home" ? "/" : `/${document._sys.filename}`,
+  },
+  fields: [
+    {
+      type: "object",
+      name: "meta",
+      label: "SEO metadata",
+      fields: [
+        { type: "string", name: "title", label: "Page title", required: true },
+        { type: "string", name: "description", label: "Meta description", ui: { component: "textarea" }, required: true },
+      ],
+    },
 
-		{
-			type: 'object',
-			name: 'nav',
-			label: 'Navigation',
-			fields: [
-				{ type: 'image', name: 'logo', label: 'Logo' },
-				{ type: 'string', name: 'region', label: 'Region label' },
-				{
-					type: 'string',
-					name: 'capabilitiesLabel',
-					label: 'Capabilities menu label',
-				},
-				{
-					type: 'object',
-					name: 'capabilities',
-					label: 'Capabilities dropdown',
-					list: true,
-					ui: { itemProps: (item) => ({ label: item?.title }) },
-					fields: [
-						{
-							type: 'string',
-							name: 'icon',
-							label: 'Font Awesome icon (e.g. fa-robot)',
-						},
-						{ type: 'string', name: 'title', label: 'Title' },
-						{ type: 'string', name: 'description', label: 'Description' },
-						{ type: 'string', name: 'href', label: 'Link' },
-					],
-				},
-				{
-					type: 'object',
-					name: 'links',
-					label: 'Nav links',
-					list: true,
-					ui: { itemProps: (item) => ({ label: item?.label }) },
-					fields: [
-						{ type: 'string', name: 'label', label: 'Label' },
-						{ type: 'string', name: 'href', label: 'Link' },
-					],
-				},
-				{ type: 'string', name: 'ctaLabel', label: 'CTA button label' },
-				{ type: 'string', name: 'ctaHref', label: 'CTA button link' },
-			],
-		},
+    {
+      type: "object",
+      name: "nav",
+      label: "Navigation",
+      fields: [
+        { type: "image", name: "logo", label: "Logo" },
+        { type: "string", name: "region", label: "Region label" },
+        { type: "string", name: "capabilitiesLabel", label: "Capabilities menu label" },
+        {
+          type: "object",
+          name: "capabilities",
+          label: "Capabilities dropdown",
+          list: true,
+          ui: { itemProps: (item) => ({ label: item?.title }) },
+          fields: [
+            { type: "string", name: "icon", label: "Font Awesome icon (e.g. fa-robot)" },
+            { type: "string", name: "title", label: "Title" },
+            { type: "string", name: "description", label: "Description" },
+            { type: "string", name: "href", label: "Link" },
+          ],
+        },
+        {
+          type: "object",
+          name: "links",
+          label: "Nav links",
+          list: true,
+          ui: { itemProps: (item) => ({ label: item?.label }) },
+          fields: [
+            { type: "string", name: "label", label: "Label" },
+            { type: "string", name: "href", label: "Link" },
+          ],
+        },
+        { type: "string", name: "ctaLabel", label: "CTA button label" },
+        { type: "string", name: "ctaHref", label: "CTA button link" },
+      ],
+    },
 
-		{
-			type: 'object',
-			name: 'hero',
-			label: 'Hero',
-			fields: [
-				{ type: 'string', name: 'eyebrow', label: 'Eyebrow' },
-				{
-					type: 'string',
-					name: 'title',
-					label: 'Title',
-					description:
-						'Wrap the red accent part in **double asterisks**. Example: Enterprise software, shipped at **AI speed**.',
-				},
-				{
-					type: 'string',
-					name: 'lead',
-					label: 'Lead paragraph',
-					ui: { component: 'textarea' },
-				},
-				{
-					type: 'object',
-					name: 'primaryCta',
-					label: 'Primary CTA',
-					fields: [
-						{ type: 'string', name: 'label', label: 'Label' },
-						{ type: 'string', name: 'href', label: 'Link' },
-						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
-					],
-				},
-				{
-					type: 'object',
-					name: 'secondaryCta',
-					label: 'Secondary CTA',
-					fields: [
-						{ type: 'string', name: 'label', label: 'Label' },
-						{ type: 'string', name: 'href', label: 'Link' },
-						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
-					],
-				},
-				{
-					type: 'object',
-					name: 'checks',
-					label: 'Trust checks',
-					list: true,
-					ui: { itemProps: (item) => ({ label: item?.text }) },
-					fields: [{ type: 'string', name: 'text', label: 'Text' }],
-				},
-				{ type: 'image', name: 'image', label: 'Hero image' },
-				{ type: 'string', name: 'imageAlt', label: 'Hero image alt text' },
-			],
-		},
+    {
+      type: "object",
+      name: "hero",
+      label: "Hero",
+      fields: [
+        { type: "string", name: "eyebrow", label: "Eyebrow" },
+        {
+          type: "string",
+          name: "title",
+          label: "Title",
+          description: "Wrap the red accent part in **double asterisks**. Example: Enterprise software, shipped at **AI speed**.",
+        },
+        { type: "string", name: "lead", label: "Lead paragraph", ui: { component: "textarea" } },
+        {
+          type: "object",
+          name: "primaryCta",
+          label: "Primary CTA",
+          fields: [
+            { type: "string", name: "label", label: "Label" },
+            { type: "string", name: "href", label: "Link" },
+            { type: "string", name: "icon", label: "Font Awesome icon" },
+          ],
+        },
+        {
+          type: "object",
+          name: "secondaryCta",
+          label: "Secondary CTA",
+          fields: [
+            { type: "string", name: "label", label: "Label" },
+            { type: "string", name: "href", label: "Link" },
+            { type: "string", name: "icon", label: "Font Awesome icon" },
+          ],
+        },
+        {
+          type: "object",
+          name: "checks",
+          label: "Trust checks",
+          list: true,
+          ui: { itemProps: (item) => ({ label: item?.text }) },
+          fields: [{ type: "string", name: "text", label: "Text" }],
+        },
+        { type: "image", name: "image", label: "Hero image" },
+        { type: "string", name: "imageAlt", label: "Hero image alt text" },
+      ],
+    },
 
-		{
-			type: 'object',
-			name: 'stats',
-			label: 'Stats strip',
-			list: true,
-			ui: {
-				itemProps: (item) => ({
-					label: `${item?.number ?? ''}${item?.suffix ?? ''} — ${item?.label ?? ''}`,
-				}),
-			},
-			fields: [
-				{ type: 'string', name: 'number', label: 'Number' },
-				{ type: 'string', name: 'suffix', label: 'Suffix (red, e.g. +, ×, %)' },
-				{
-					type: 'string',
-					name: 'label',
-					label: 'Label',
-					ui: { component: 'textarea' },
-				},
-			],
-		},
+    {
+      type: "object",
+      name: "stats",
+      label: "Stats strip",
+      list: true,
+      ui: { itemProps: (item) => ({ label: `${item?.number ?? ""}${item?.suffix ?? ""} — ${item?.label ?? ""}` }) },
+      fields: [
+        { type: "string", name: "number", label: "Number" },
+        { type: "string", name: "suffix", label: "Suffix (red, e.g. +, ×, %)" },
+        { type: "string", name: "label", label: "Label", ui: { component: "textarea" } },
+      ],
+    },
 
-		{
-			type: 'object',
-			name: 'benefitsSection',
-			label: 'Benefits section',
-			fields: [
-				{ type: 'string', name: 'kicker', label: 'Kicker' },
-				{ type: 'string', name: 'title', label: 'Section title' },
-				{
-					type: 'string',
-					name: 'lead',
-					label: 'Lead',
-					ui: { component: 'textarea' },
-				},
-				{
-					type: 'object',
-					name: 'items',
-					label: 'Benefits',
-					list: true,
-					ui: { itemProps: (item) => ({ label: item?.title }) },
-					fields: [
-						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
-						{ type: 'string', name: 'title', label: 'Title' },
-						{
-							type: 'string',
-							name: 'description',
-							label: 'Description',
-							ui: { component: 'textarea' },
-						},
-					],
-				},
-			],
-		},
+    {
+      type: "object",
+      name: "benefitsSection",
+      label: "Benefits section",
+      fields: [
+        { type: "string", name: "kicker", label: "Kicker" },
+        { type: "string", name: "title", label: "Section title" },
+        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
+        {
+          type: "object",
+          name: "items",
+          label: "Benefits",
+          list: true,
+          ui: { itemProps: (item) => ({ label: item?.title }) },
+          fields: [
+            { type: "string", name: "icon", label: "Font Awesome icon" },
+            { type: "string", name: "title", label: "Title" },
+            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
+          ],
+        },
+      ],
+    },
 
-		{
-			type: 'object',
-			name: 'servicesSection',
-			label: 'Capabilities section',
-			fields: [
-				{ type: 'string', name: 'kicker', label: 'Kicker' },
-				{ type: 'string', name: 'title', label: 'Section title' },
-				{
-					type: 'string',
-					name: 'lead',
-					label: 'Lead',
-					ui: { component: 'textarea' },
-				},
-				{
-					type: 'object',
-					name: 'items',
-					label: 'Services',
-					list: true,
-					ui: { itemProps: (item) => ({ label: item?.title }) },
-					fields: [
-						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
-						{ type: 'string', name: 'title', label: 'Title' },
-						{
-							type: 'string',
-							name: 'description',
-							label: 'Description',
-							ui: { component: 'textarea' },
-						},
-					],
-				},
-			],
-		},
+    {
+      type: "object",
+      name: "servicesSection",
+      label: "Capabilities section",
+      fields: [
+        { type: "string", name: "kicker", label: "Kicker" },
+        { type: "string", name: "title", label: "Section title" },
+        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
+        {
+          type: "object",
+          name: "items",
+          label: "Services",
+          list: true,
+          ui: { itemProps: (item) => ({ label: item?.title }) },
+          fields: [
+            { type: "string", name: "icon", label: "Font Awesome icon" },
+            { type: "string", name: "title", label: "Title" },
+            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
+          ],
+        },
+      ],
+    },
 
-		{
-			type: 'object',
-			name: 'howSection',
-			label: 'How it works section',
-			fields: [
-				{ type: 'string', name: 'kicker', label: 'Kicker' },
-				{ type: 'string', name: 'title', label: 'Section title' },
-				{
-					type: 'string',
-					name: 'lead',
-					label: 'Lead',
-					ui: { component: 'textarea' },
-				},
-				{
-					type: 'object',
-					name: 'steps',
-					label: 'Steps',
-					list: true,
-					ui: { itemProps: (item) => ({ label: item?.title }) },
-					fields: [
-						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
-						{
-							type: 'string',
-							name: 'stepLabel',
-							label: 'Step label (e.g. Step 01)',
-						},
-						{ type: 'string', name: 'title', label: 'Title' },
-						{
-							type: 'string',
-							name: 'description',
-							label: 'Description',
-							ui: { component: 'textarea' },
-						},
-					],
-				},
-			],
-		},
+    {
+      type: "object",
+      name: "howSection",
+      label: "How it works section",
+      fields: [
+        { type: "string", name: "kicker", label: "Kicker" },
+        { type: "string", name: "title", label: "Section title" },
+        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
+        {
+          type: "object",
+          name: "steps",
+          label: "Steps",
+          list: true,
+          ui: { itemProps: (item) => ({ label: item?.title }) },
+          fields: [
+            { type: "string", name: "icon", label: "Font Awesome icon" },
+            { type: "string", name: "stepLabel", label: "Step label (e.g. Step 01)" },
+            { type: "string", name: "title", label: "Title" },
+            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
+          ],
+        },
+      ],
+    },
 
-		{
-			type: 'object',
-			name: 'whySection',
-			label: 'Why SSW section',
-			fields: [
-				{ type: 'string', name: 'kicker', label: 'Kicker' },
-				{ type: 'string', name: 'title', label: 'Section title' },
-				{
-					type: 'string',
-					name: 'lead',
-					label: 'Lead',
-					ui: { component: 'textarea' },
-				},
-				{
-					type: 'object',
-					name: 'rows',
-					label: 'Rows',
-					list: true,
-					ui: { itemProps: (item) => ({ label: item?.title }) },
-					fields: [
-						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
-						{ type: 'string', name: 'title', label: 'Title' },
-						{
-							type: 'string',
-							name: 'description',
-							label: 'Description',
-							ui: { component: 'textarea' },
-						},
-					],
-				},
-				{
-					type: 'object',
-					name: 'testimonial',
-					label: 'Testimonial',
-					fields: [
-						{
-							type: 'string',
-							name: 'quote',
-							label: 'Quote',
-							ui: { component: 'textarea' },
-						},
-						{
-							type: 'string',
-							name: 'avatarInitials',
-							label: 'Avatar initials',
-						},
-						{ type: 'string', name: 'name', label: 'Name' },
-						{ type: 'string', name: 'role', label: 'Role / company' },
-					],
-				},
-			],
-		},
+    {
+      type: "object",
+      name: "whySection",
+      label: "Why SSW section",
+      fields: [
+        { type: "string", name: "kicker", label: "Kicker" },
+        { type: "string", name: "title", label: "Section title" },
+        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
+        {
+          type: "object",
+          name: "rows",
+          label: "Rows",
+          list: true,
+          ui: { itemProps: (item) => ({ label: item?.title }) },
+          fields: [
+            { type: "string", name: "icon", label: "Font Awesome icon" },
+            { type: "string", name: "title", label: "Title" },
+            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
+          ],
+        },
+        {
+          type: "object",
+          name: "testimonial",
+          label: "Testimonial",
+          fields: [
+            { type: "string", name: "quote", label: "Quote", ui: { component: "textarea" } },
+            { type: "string", name: "avatarInitials", label: "Avatar initials" },
+            { type: "string", name: "name", label: "Name" },
+            { type: "string", name: "role", label: "Role / company" },
+          ],
+        },
+      ],
+    },
 
-		{
-			type: 'object',
-			name: 'faqSection',
-			label: 'FAQ section',
-			fields: [
-				{ type: 'string', name: 'kicker', label: 'Kicker' },
-				{ type: 'string', name: 'title', label: 'Section title' },
-				{
-					type: 'string',
-					name: 'lead',
-					label: 'Lead',
-					ui: { component: 'textarea' },
-				},
-				{
-					type: 'object',
-					name: 'helper',
-					label: 'Helper card',
-					fields: [
-						{ type: 'string', name: 'kicker', label: 'Kicker' },
-						{ type: 'string', name: 'title', label: 'Title' },
-						{
-							type: 'string',
-							name: 'description',
-							label: 'Description',
-							ui: { component: 'textarea' },
-						},
-						{ type: 'string', name: 'ctaLabel', label: 'CTA label' },
-						{ type: 'string', name: 'ctaHref', label: 'CTA link' },
-						{ type: 'string', name: 'ctaIcon', label: 'CTA Font Awesome icon' },
-					],
-				},
-				{
-					type: 'object',
-					name: 'items',
-					label: 'Questions',
-					list: true,
-					ui: { itemProps: (item) => ({ label: item?.question }) },
-					fields: [
-						{ type: 'string', name: 'question', label: 'Question' },
-						{
-							type: 'object',
-							name: 'paragraphs',
-							label: 'Answer paragraphs',
-							list: true,
-							ui: {
-								itemProps: (item) => ({ label: item?.text?.slice(0, 60) }),
-							},
-							fields: [
-								{
-									type: 'string',
-									name: 'text',
-									label: 'Paragraph',
-									ui: { component: 'textarea' },
-								},
-							],
-						},
-						{
-							type: 'boolean',
-							name: 'openByDefault',
-							label: 'Open by default',
-						},
-					],
-				},
-			],
-		},
+    {
+      type: "object",
+      name: "faqSection",
+      label: "FAQ section",
+      fields: [
+        { type: "string", name: "kicker", label: "Kicker" },
+        { type: "string", name: "title", label: "Section title" },
+        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
+        {
+          type: "object",
+          name: "helper",
+          label: "Helper card",
+          fields: [
+            { type: "string", name: "kicker", label: "Kicker" },
+            { type: "string", name: "title", label: "Title" },
+            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
+            { type: "string", name: "ctaLabel", label: "CTA label" },
+            { type: "string", name: "ctaHref", label: "CTA link" },
+            { type: "string", name: "ctaIcon", label: "CTA Font Awesome icon" },
+          ],
+        },
+        {
+          type: "object",
+          name: "items",
+          label: "Questions",
+          list: true,
+          ui: { itemProps: (item) => ({ label: item?.question }) },
+          fields: [
+            { type: "string", name: "question", label: "Question" },
+            {
+              type: "object",
+              name: "paragraphs",
+              label: "Answer paragraphs",
+              list: true,
+              ui: { itemProps: (item) => ({ label: item?.text?.slice(0, 60) }) },
+              fields: [{ type: "string", name: "text", label: "Paragraph", ui: { component: "textarea" } }],
+            },
+            { type: "boolean", name: "openByDefault", label: "Open by default" },
+          ],
+        },
+      ],
+    },
 
-		{
-			type: 'object',
-			name: 'contactSection',
-			label: 'Contact section',
-			fields: [
-				{ type: 'string', name: 'kicker', label: 'Kicker' },
-				{ type: 'string', name: 'title', label: 'Section title' },
-				{
-					type: 'string',
-					name: 'lead',
-					label: 'Lead',
-					ui: { component: 'textarea' },
-				},
-				{
-					type: 'object',
-					name: 'form',
-					label: 'Form copy',
-					fields: [
-						{ type: 'string', name: 'title', label: 'Form title' },
-						{ type: 'string', name: 'description', label: 'Form description' },
-						{
-							type: 'string',
-							name: 'submitLabel',
-							label: 'Submit button label',
-						},
-						{
-							type: 'string',
-							name: 'submitIcon',
-							label: 'Submit icon (Font Awesome)',
-						},
-						{
-							type: 'string',
-							name: 'privacy',
-							label: 'Privacy text',
-							ui: { component: 'textarea' },
-						},
-						{
-							type: 'string',
-							name: 'privacyLinkLabel',
-							label: 'Privacy link label',
-						},
-						{
-							type: 'string',
-							name: 'privacyLinkHref',
-							label: 'Privacy link URL',
-						},
-						{ type: 'string', name: 'successText', label: 'Success message' },
-						{
-							type: 'string',
-							name: 'jotformId',
-							label: 'Jotform form ID',
-							required: true,
-							description:
-								'Numeric ID from https://form.jotform.com/{id}. Submissions POST to https://submit.jotform.com/submit/{id}/ — Jotform field names must match: name, company, email, country, project_type, budget, message. Required: without it the form cannot submit anywhere useful.',
-						},
-					],
-				},
-				{
-					type: 'object',
-					name: 'asideItems',
-					label: 'Contact details',
-					list: true,
-					ui: { itemProps: (item) => ({ label: item?.title }) },
-					fields: [
-						{ type: 'string', name: 'icon', label: 'Font Awesome icon' },
-						{ type: 'string', name: 'title', label: 'Title' },
-						{
-							type: 'string',
-							name: 'description',
-							label: 'Description',
-							ui: { component: 'textarea' },
-						},
-					],
-				},
-			],
-		},
+    {
+      type: "object",
+      name: "contactSection",
+      label: "Contact section",
+      fields: [
+        { type: "string", name: "kicker", label: "Kicker" },
+        { type: "string", name: "title", label: "Section title" },
+        { type: "string", name: "lead", label: "Lead", ui: { component: "textarea" } },
+        {
+          type: "object",
+          name: "form",
+          label: "Form copy",
+          fields: [
+            { type: "string", name: "title", label: "Form title" },
+            { type: "string", name: "description", label: "Form description" },
+            { type: "string", name: "submitLabel", label: "Submit button label" },
+            { type: "string", name: "submitIcon", label: "Submit icon (Font Awesome)" },
+            { type: "string", name: "privacy", label: "Privacy text", ui: { component: "textarea" } },
+            { type: "string", name: "privacyLinkLabel", label: "Privacy link label" },
+            { type: "string", name: "privacyLinkHref", label: "Privacy link URL" },
+            { type: "string", name: "successText", label: "Success message" },
+            {
+              type: "string",
+              name: "jotformId",
+              label: "Jotform form ID",
+              required: true,
+              description:
+                "Numeric ID from https://form.jotform.com/{id}. Submissions POST to https://submit.jotform.com/submit/{id}/ — Jotform field names must match: name, company, email, country, project_type, budget, message. Required: without it the form cannot submit anywhere useful.",
+            },
+          ],
+        },
+        {
+          type: "object",
+          name: "asideItems",
+          label: "Contact details",
+          list: true,
+          ui: { itemProps: (item) => ({ label: item?.title }) },
+          fields: [
+            { type: "string", name: "icon", label: "Font Awesome icon" },
+            { type: "string", name: "title", label: "Title" },
+            { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
+          ],
+        },
+      ],
+    },
 
-		{
-			type: 'object',
-			name: 'ctaBanner',
-			label: 'CTA banner',
-			fields: [
-				{ type: 'string', name: 'title', label: 'Title' },
-				{
-					type: 'string',
-					name: 'description',
-					label: 'Description',
-					ui: { component: 'textarea' },
-				},
-				{ type: 'string', name: 'ctaLabel', label: 'CTA label' },
-				{ type: 'string', name: 'ctaHref', label: 'CTA link' },
-				{ type: 'string', name: 'ctaIcon', label: 'CTA Font Awesome icon' },
-			],
-		},
+    {
+      type: "object",
+      name: "ctaBanner",
+      label: "CTA banner",
+      fields: [
+        { type: "string", name: "title", label: "Title" },
+        { type: "string", name: "description", label: "Description", ui: { component: "textarea" } },
+        { type: "string", name: "ctaLabel", label: "CTA label" },
+        { type: "string", name: "ctaHref", label: "CTA link" },
+        { type: "string", name: "ctaIcon", label: "CTA Font Awesome icon" },
+      ],
+    },
 
-		{
-			type: 'object',
-			name: 'footer',
-			label: 'Footer',
-			fields: [
-				{ type: 'image', name: 'logo', label: 'Logo' },
-				{
-					type: 'string',
-					name: 'tagline',
-					label: 'Tagline',
-					ui: { component: 'textarea' },
-				},
-				{ type: 'string', name: 'columnTitle', label: 'Links column title' },
-				{
-					type: 'object',
-					name: 'links',
-					label: 'Links',
-					list: true,
-					ui: { itemProps: (item) => ({ label: item?.label }) },
-					fields: [
-						{ type: 'string', name: 'label', label: 'Label' },
-						{ type: 'string', name: 'href', label: 'Link' },
-					],
-				},
-				{ type: 'string', name: 'copyright', label: 'Copyright' },
-				{ type: 'string', name: 'termsLabel', label: 'Terms link label' },
-				{ type: 'string', name: 'termsHref', label: 'Terms link URL' },
-				{ type: 'string', name: 'builtWithText', label: 'Built with text' },
-				{
-					type: 'string',
-					name: 'builtWithName',
-					label: 'Built with name (e.g. TinaCMS)',
-				},
-				{ type: 'string', name: 'builtWithHref', label: 'Built with link URL' },
-				{ type: 'image', name: 'builtWithLogo', label: 'Built with logo' },
-			],
-		},
-	],
+    {
+      type: "object",
+      name: "footer",
+      label: "Footer",
+      fields: [
+        { type: "image", name: "logo", label: "Logo" },
+        { type: "string", name: "tagline", label: "Tagline", ui: { component: "textarea" } },
+        { type: "string", name: "columnTitle", label: "Links column title" },
+        {
+          type: "object",
+          name: "links",
+          label: "Links",
+          list: true,
+          ui: { itemProps: (item) => ({ label: item?.label }) },
+          fields: [
+            { type: "string", name: "label", label: "Label" },
+            { type: "string", name: "href", label: "Link" },
+          ],
+        },
+        { type: "string", name: "copyright", label: "Copyright" },
+        { type: "string", name: "termsLabel", label: "Terms link label" },
+        { type: "string", name: "termsHref", label: "Terms link URL" },
+        { type: "string", name: "builtWithText", label: "Built with text" },
+        { type: "string", name: "builtWithName", label: "Built with name (e.g. TinaCMS)" },
+        { type: "string", name: "builtWithHref", label: "Built with link URL" },
+        { type: "image", name: "builtWithLogo", label: "Built with logo" },
+      ],
+    },
+  ],
 };
diff --git a/tina/collections/page.ts b/tina/collections/page.ts
index e407bf9..29c0ca9 100644
--- a/tina/collections/page.ts
+++ b/tina/collections/page.ts
@@ -1,28 +1,28 @@
-import type { Collection } from 'tinacms';
-import { youTubeEmbedTemplate } from '../../src/components/mdx/YouTubeEmbed.template';
+import type { Collection } from "tinacms";
+import { youTubeEmbedTemplate } from "../../src/components/mdx/YouTubeEmbed.template";
 
 export const PageCollection: Collection = {
-	name: 'page',
-	label: 'Pages',
-	path: 'src/content/page',
-	format: 'mdx',
-	ui: {
-		router: ({ document }) => {
-			return `/${document._sys.filename}`;
-		},
-	},
-	fields: [
-		{
-			name: 'seoTitle',
-			type: 'string',
-			required: true,
-		},
-		{
-			name: 'body',
-			type: 'rich-text',
-			isBody: true,
-			required: true,
-			templates: [youTubeEmbedTemplate],
-		},
-	],
+  name: "page",
+  label: "Pages",
+  path: "src/content/page",
+  format: "mdx",
+  ui: {
+    router: ({ document }) => {
+      return `/${document._sys.filename}`;
+    },
+  },
+  fields: [
+    {
+      name: "seoTitle",
+      type: "string",
+      required: true,
+    },
+    {
+      name: "body",
+      type: "rich-text",
+      isBody: true,
+      required: true,
+      templates: [youTubeEmbedTemplate],
+    },
+  ],
 };
diff --git a/tina/config.ts b/tina/config.ts
index ea1c8e2..ce3384c 100644
--- a/tina/config.ts
+++ b/tina/config.ts
@@ -1,41 +1,41 @@
-import { defineConfig } from 'tinacms';
-import { BlogCollection } from './collections/blog';
-import { GlobalConfigCollection } from './collections/global-config';
-import { LandingCollection } from './collections/landing';
-import { PageCollection } from './collections/page';
+import { defineConfig } from "tinacms";
+import { BlogCollection } from "./collections/blog";
+import { GlobalConfigCollection } from "./collections/global-config";
+import { LandingCollection } from "./collections/landing";
+import { PageCollection } from "./collections/page";
 
 // Your hosting provider likely exposes this as an environment variable
 const branch =
-	process.env.GITHUB_BRANCH ||
-	process.env.VERCEL_GIT_COMMIT_REF ||
-	process.env.HEAD ||
-	'main';
+  process.env.GITHUB_BRANCH ||
+  process.env.VERCEL_GIT_COMMIT_REF ||
+  process.env.HEAD ||
+  "main";
 
 export default defineConfig({
-	branch,
+  branch,
 
-	// Get this from tina.io
-	clientId: process.env.PUBLIC_TINA_CLIENT_ID,
-	// Get this from tina.io
-	token: process.env.TINA_TOKEN,
+  // Get this from tina.io
+  clientId: process.env.PUBLIC_TINA_CLIENT_ID,
+  // Get this from tina.io
+  token: process.env.TINA_TOKEN,
 
-	build: {
-		outputFolder: 'admin',
-		publicFolder: 'public',
-	},
-	media: {
-		tina: {
-			mediaRoot: '',
-			publicFolder: 'public',
-		},
-	},
-	// See docs on content modeling for more info on how to setup new content models: https://tina.io/docs/schema/
-	schema: {
-		collections: [
-			LandingCollection,
-			BlogCollection,
-			PageCollection,
-			GlobalConfigCollection,
-		],
-	},
+  build: {
+    outputFolder: "admin",
+    publicFolder: "public",
+  },
+  media: {
+    tina: {
+      mediaRoot: "",
+      publicFolder: "public",
+    },
+  },
+  // See docs on content modeling for more info on how to setup new content models: https://tina.io/docs/schema/
+  schema: {
+    collections: [
+      LandingCollection,
+      BlogCollection,
+      PageCollection,
+      GlobalConfigCollection,
+    ],
+  },
 });
diff --git a/tsconfig.json b/tsconfig.json
index 3e3cdb2..a4fd774 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,13 +1,8 @@
 {
-	"extends": "astro/tsconfigs/strict",
-	"include": [".astro/types.d.ts", "**/*"],
-	"exclude": [
-		"dist",
-		"tina/__generated__",
-		"tina/collections",
-		"tina/config.ts"
-	],
-	"compilerOptions": {
-		"strictNullChecks": true
-	}
+  "extends": "astro/tsconfigs/strict",
+  "include": [".astro/types.d.ts", "**/*"],
+  "exclude": ["dist", "tina/__generated__", "tina/collections", "tina/config.ts"],
+  "compilerOptions": {
+    "strictNullChecks": true
+  }
 }

From d96316d6a23abee5e70f966ee5aa33f252270b9d Mon Sep 17 00:00:00 2001
From: 0xharkirat <sandhukirat23@gmail.com>
Date: Tue, 26 May 2026 16:08:46 +1000
Subject: [PATCH 5/9] Drop Prettier; switch build check to full CF parity build

Per review feedback:

1. Prettier removed entirely. The mass reformat in d92982b made the
   PR diff unreviewable. The earlier revert already restored file
   contents; this commit removes the config, scripts, and devDeps:
   - delete .prettierrc, .prettierignore
   - drop prettier + prettier-plugin-astro from devDependencies
   - drop format, format:check scripts
   - drop the Prettier step from pr-lint-code.yml
   ESLint remains as the lint gate (configured to be lenient).

2. pr-build now runs `pnpm run build` (the same script Cloudflare
   Workers Builds runs) instead of `build:local`. This catches the
   Tina Cloud schema-sync class of bug that previously only showed
   up after deploy (see AGENTS.md gotchas section).

   Requires two new repo secrets:
   - PUBLIC_TINA_CLIENT_ID
   - TINA_TOKEN
   (both from app.tina.io). Without them this job will fail.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .github/workflows/pr-build.yml     |  15 +++--
 .github/workflows/pr-lint-code.yml |   7 +-
 .prettierignore                    |  11 ----
 .prettierrc                        |  14 ----
 package.json                       | 100 ++++++++++++++---------------
 pnpm-lock.yaml                     |  42 ------------
 src/components/HeaderLink.astro    |   2 +-
 7 files changed, 60 insertions(+), 131 deletions(-)
 delete mode 100644 .prettierignore
 delete mode 100644 .prettierrc

diff --git a/.github/workflows/pr-build.yml b/.github/workflows/pr-build.yml
index 7c79b14..544d603 100644
--- a/.github/workflows/pr-build.yml
+++ b/.github/workflows/pr-build.yml
@@ -25,14 +25,17 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v6
         with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
+          node-version-file: ".nvmrc"
+          cache: "pnpm"
 
       - run: pnpm install --frozen-lockfile
 
-      # Fully local Tina + Astro build — no Tina Cloud creds, no Cloudflare deploy.
-      # Catches schema/type/render breakage before the deploy workflows touch CF.
-      - name: Tina + Astro build (local)
-        run: pnpm run build:local
+      # Mirrors what Cloudflare Workers Builds runs on every push, so any
+      # Tina Cloud schema-sync or Astro render breakage shows up here first.
+      # Requires repo secrets: PUBLIC_TINA_CLIENT_ID, TINA_TOKEN.
+      - name: Tina + Astro build (CF parity)
+        run: pnpm run build
         env:
           NODE_OPTIONS: --max-old-space-size=4096
+          PUBLIC_TINA_CLIENT_ID: ${{ secrets.PUBLIC_TINA_CLIENT_ID }}
+          TINA_TOKEN: ${{ secrets.TINA_TOKEN }}
diff --git a/.github/workflows/pr-lint-code.yml b/.github/workflows/pr-lint-code.yml
index 15d9d83..56b6298 100644
--- a/.github/workflows/pr-lint-code.yml
+++ b/.github/workflows/pr-lint-code.yml
@@ -24,13 +24,10 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v6
         with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
+          node-version-file: ".nvmrc"
+          cache: "pnpm"
 
       - run: pnpm install --frozen-lockfile
 
       - name: ESLint
         run: pnpm lint
-
-      - name: Prettier check
-        run: pnpm format:check
diff --git a/.prettierignore b/.prettierignore
deleted file mode 100644
index 1f8bcc9..0000000
--- a/.prettierignore
+++ /dev/null
@@ -1,11 +0,0 @@
-tina/__generated__
-tina/tina-lock.json
-.astro
-.wrangler
-.vercel
-dist
-node_modules
-pnpm-lock.yaml
-public/admin
-# Tina writes content files in its own format — leave them alone
-src/content
diff --git a/.prettierrc b/.prettierrc
deleted file mode 100644
index bd55ec6..0000000
--- a/.prettierrc
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"semi": true,
-	"singleQuote": true,
-	"tabWidth": 2,
-	"useTabs": true,
-	"trailingComma": "es5",
-	"plugins": ["prettier-plugin-astro"],
-	"overrides": [
-		{
-			"files": "*.astro",
-			"options": { "parser": "astro" }
-		}
-	]
-}
diff --git a/package.json b/package.json
index 4b23af1..f12778f 100644
--- a/package.json
+++ b/package.json
@@ -1,54 +1,50 @@
 {
-	"name": "astro-starter",
-	"type": "module",
-	"version": "0.0.1",
-	"packageManager": "pnpm@10.28.2",
-	"scripts": {
-		"dev": "tinacms dev -c \"astro dev\"",
-		"build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 tinacms build --content=local --skip-cloud-checks -c \"astro build\"",
-		"build:local": "tinacms build --local --skip-cloud-checks -c \"astro build\"",
-		"build:search": "tinacms search-index",
-		"preview": "astro preview",
-		"preview:cf": "wrangler dev",
-		"astro": "astro",
-		"lint": "eslint .",
-		"format": "prettier --write .",
-		"format:check": "prettier --check ."
-	},
-	"dependencies": {
-		"@astrojs/cloudflare": "^12.6.13",
-		"@astrojs/mdx": "^4.3.0",
-		"@astrojs/rss": "^4.0.15",
-		"@astrojs/sitemap": "^3.7.0",
-		"@tinacms/astro": "0.0.0-c724883-20260514062230",
-		"astro": "^5.16.0"
-	},
-	"devDependencies": {
-		"@eslint/js": "^9.18.0",
-		"@tinacms/cli": "0.0.0-c724883-20260514062230",
-		"@types/node": "^25.1.0",
-		"cross-env": "^7.0.3",
-		"eslint": "^9.18.0",
-		"eslint-plugin-astro": "^1.3.1",
-		"globals": "^15.14.0",
-		"prettier": "^3.4.2",
-		"prettier-plugin-astro": "^0.14.1",
-		"tinacms": "0.0.0-c724883-20260514062230",
-		"typescript-eslint": "^8.20.0",
-		"wrangler": "4.59.2"
-	},
-	"pnpm": {
-		"overrides": {
-			"react": "18.3.1",
-			"react-dom": "18.3.1"
-		},
-		"onlyBuiltDependencies": [
-			"better-sqlite3",
-			"core-js",
-			"esbuild",
-			"protobufjs",
-			"sharp",
-			"workerd"
-		]
-	}
+  "name": "astro-starter",
+  "type": "module",
+  "version": "0.0.1",
+  "packageManager": "pnpm@10.28.2",
+  "scripts": {
+    "dev": "tinacms dev -c \"astro dev\"",
+    "build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 tinacms build --content=local --skip-cloud-checks -c \"astro build\"",
+    "build:local": "tinacms build --local --skip-cloud-checks -c \"astro build\"",
+    "build:search": "tinacms search-index",
+    "preview": "astro preview",
+    "preview:cf": "wrangler dev",
+    "astro": "astro",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "@astrojs/cloudflare": "^12.6.13",
+    "@astrojs/mdx": "^4.3.0",
+    "@astrojs/rss": "^4.0.15",
+    "@astrojs/sitemap": "^3.7.0",
+    "@tinacms/astro": "0.0.0-c724883-20260514062230",
+    "astro": "^5.16.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.18.0",
+    "@tinacms/cli": "0.0.0-c724883-20260514062230",
+    "@types/node": "^25.1.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^9.18.0",
+    "eslint-plugin-astro": "^1.3.1",
+    "globals": "^15.14.0",
+    "tinacms": "0.0.0-c724883-20260514062230",
+    "typescript-eslint": "^8.20.0",
+    "wrangler": "4.59.2"
+  },
+  "pnpm": {
+    "overrides": {
+      "react": "18.3.1",
+      "react-dom": "18.3.1"
+    },
+    "onlyBuiltDependencies": [
+      "better-sqlite3",
+      "core-js",
+      "esbuild",
+      "protobufjs",
+      "sharp",
+      "workerd"
+    ]
+  }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e814431..ceb1fd7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -52,12 +52,6 @@ importers:
       globals:
         specifier: ^15.14.0
         version: 15.15.0
-      prettier:
-        specifier: ^3.4.2
-        version: 3.8.3
-      prettier-plugin-astro:
-        specifier: ^0.14.1
-        version: 0.14.1
       tinacms:
         specifier: 0.0.0-c724883-20260514062230
         version: 0.0.0-c724883-20260514062230(@types/node@25.9.1)(abstract-level@1.0.4)(immer@10.2.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.27.0)(slate-dom@0.114.0(slate@0.114.0))(slate@0.114.0)(typescript@5.9.3)(use-sync-external-store@1.6.0(react@18.3.1))
@@ -5640,20 +5634,11 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
-  prettier-plugin-astro@0.14.1:
-    resolution: {integrity: sha512-RiBETaaP9veVstE4vUwSIcdATj6dKmXljouXc/DDNwBSPTp8FRkLGDSGFClKsAFeeg+13SB0Z1JZvbD76bigJw==}
-    engines: {node: ^14.15.0 || >=16.0.0}
-
   prettier@2.8.8:
     resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
     engines: {node: '>=10.13.0'}
     hasBin: true
 
-  prettier@3.8.3:
-    resolution: {integrity: sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==}
-    engines: {node: '>=14'}
-    hasBin: true
-
   prism-react-renderer@2.4.1:
     resolution: {integrity: sha512-ey8Ls/+Di31eqzUxC46h8MksNuGx/n0AAC8uKpwFau4RPDYLuE3EXTp8N8G2vX2N7UC/+IXeNUnlWBGGcAG+Ig==}
     peerDependencies:
@@ -6049,9 +6034,6 @@ packages:
   rw@1.3.3:
     resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
 
-  s.color@0.0.15:
-    resolution: {integrity: sha512-AUNrbEUHeKY8XsYr/DYpl+qk5+aM+DChopnWOPEzn8YKzOhv4l2zH6LzZms3tOZP3wwdOyc0RmTciyi46HLIuA==}
-
   sade@1.8.1:
     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
     engines: {node: '>=6'}
@@ -6062,9 +6044,6 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  sass-formatter@0.7.9:
-    resolution: {integrity: sha512-CWZ8XiSim+fJVG0cFLStwDvft1VI7uvXdCNJYXhDvowiv+DsbD1nXLiQ4zrE5UBvj5DWZJ93cwN0NX5PMsr1Pw==}
-
   sax@1.6.0:
     resolution: {integrity: sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==}
     engines: {node: '>=11.0.0'}
@@ -6336,9 +6315,6 @@ packages:
     engines: {node: '>=16 || 14 >=14.17'}
     hasBin: true
 
-  suf-log@2.5.3:
-    resolution: {integrity: sha512-KvC8OPjzdNOe+xQ4XWJV2whQA0aM1kGVczMQ8+dStAO6KfEB140JEVQ9dE76ONZ0/Ylf67ni4tILPJB41U0eow==}
-
   supports-color@10.2.2:
     resolution: {integrity: sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==}
     engines: {node: '>=18'}
@@ -13431,16 +13407,8 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
-  prettier-plugin-astro@0.14.1:
-    dependencies:
-      '@astrojs/compiler': 2.13.1
-      prettier: 3.8.3
-      sass-formatter: 0.7.9
-
   prettier@2.8.8: {}
 
-  prettier@3.8.3: {}
-
   prism-react-renderer@2.4.1(react@18.3.1):
     dependencies:
       '@types/prismjs': 1.26.6
@@ -13994,8 +13962,6 @@ snapshots:
 
   rw@1.3.3: {}
 
-  s.color@0.0.15: {}
-
   sade@1.8.1:
     dependencies:
       mri: 1.2.0
@@ -14004,10 +13970,6 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  sass-formatter@0.7.9:
-    dependencies:
-      suf-log: 2.5.3
-
   sax@1.6.0: {}
 
   scheduler@0.23.2:
@@ -14379,10 +14341,6 @@ snapshots:
       tinyglobby: 0.2.16
       ts-interface-checker: 0.1.13
 
-  suf-log@2.5.3:
-    dependencies:
-      s.color: 0.0.15
-
   supports-color@10.2.2: {}
 
   supports-color@7.2.0:
diff --git a/src/components/HeaderLink.astro b/src/components/HeaderLink.astro
index 41da846..dab7398 100644
--- a/src/components/HeaderLink.astro
+++ b/src/components/HeaderLink.astro
@@ -5,7 +5,7 @@ type Props = HTMLAttributes<'a'>;
 
 const { href, class: className, ...props } = Astro.props;
 const pathname = Astro.url.pathname.replace(import.meta.env.BASE_URL, '');
-const subpath = pathname.match(/[^\/]+/g);
+const subpath = pathname.match(/[^/]+/g);
 const isActive = href === pathname || href === '/' + (subpath?.[0] || '');
 ---
 

From 20f6f012b77ce952630a3700e5c7a887851eeff1 Mon Sep 17 00:00:00 2001
From: 0xharkirat <sandhukirat23@gmail.com>
Date: Tue, 26 May 2026 16:13:17 +1000
Subject: [PATCH 6/9] Fix CODEOWNERS handle: @0xharkirat (was @harkirat-singh)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .github/CODEOWNERS | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index 7648494..43418b1 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -1,5 +1,5 @@
 # Default owners for everything
-* @harkirat-singh
+* @0xharkirat
 
 # .github folder is owned by repo maintainers
 /.github @wicksipedia @GordonBeeming @tiagov8

From eb3780980da8efcf4ff73041ae045d2aa1dc56ee Mon Sep 17 00:00:00 2001
From: 0xharkirat <sandhukirat23@gmail.com>
Date: Tue, 26 May 2026 16:16:11 +1000
Subject: [PATCH 7/9] Document GHA build secrets in README

Adds a "CI / GitHub Actions secrets" section listing the two Tina
Cloud secrets the PR - Build workflow needs (PUBLIC_TINA_CLIENT_ID,
TINA_TOKEN), with a direct link to the repo's Secrets page and a
note that only Admin/Maintain roles can view them.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 README.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/README.md b/README.md
index 9792721..7bb3117 100644
--- a/README.md
+++ b/README.md
@@ -30,6 +30,17 @@ Open the site at [http://localhost:4321/](http://localhost:4321/) and the CMS at
 
 The homepage, nav, hero, capabilities, testimonial, FAQ, contact form copy, and footer all live in `src/content/landing/home.json` and are editable through the **Landing page** collection in Tina. Save in `/admin/` and the JSON file updates on disk; live preview reflects changes as you type.
 
+## CI / GitHub Actions secrets
+
+The `PR - Build` workflow mirrors the production Cloudflare Workers Builds command (`pnpm run build`), which talks to Tina Cloud for schema validation at prerender time. Two repository secrets are required:
+
+| Secret | Where to get it |
+|---|---|
+| `PUBLIC_TINA_CLIENT_ID` | [app.tina.io](https://app.tina.io) → Project → Overview |
+| `TINA_TOKEN` | [app.tina.io](https://app.tina.io) → Project → Tokens |
+
+Manage them at [Settings → Secrets and variables → Actions](https://github.com/SSWConsulting/SSW.Website.Global/settings/secrets/actions). Only users with **Admin** or **Maintain** permission on the repo can view or rotate them; the values are encrypted at rest and auto-masked in workflow logs.
+
 ## Contributing
 
 See [AGENTS.md](./AGENTS.md). The short version: **never hardcode user-visible copy into `.astro` files** — model it as a Tina field first, then render from data.

From c9048ac746e46020bcab10a286dc9ea277dcec59 Mon Sep 17 00:00:00 2001
From: 0xharkirat <sandhukirat23@gmail.com>
Date: Fri, 29 May 2026 14:26:39 +1000
Subject: [PATCH 8/9] Address Copilot review feedback
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- update-settings.yml: gate Apply step on `github.event_name !=
  'pull_request'` so PR runs only dry-run (Copilot caught the apply
  running on every PR). Add explicit `permissions: { contents: read,
  administration: write }` so the settings action can actually write
  via GITHUB_TOKEN, instead of erroring at apply time.
- pr-lint-pr.yml: diff the full PR range
  (`base.sha`...`head.sha`) with `fetch-depth: 0` instead of
  `git diff HEAD^ HEAD`, which only inspected the last commit and
  misclassified multi-commit PRs as content-only when the latest
  commit happened to be content-only.
- pr-build.yml: detect whether `TINA_TOKEN` is available and pick
  `pnpm run build` (full CF parity, Tina Cloud) for same-repo PRs
  vs `pnpm run build:local` (in-process datalayer) for fork PRs
  where GitHub strips secrets. Fork PRs no longer fail the
  required check; they still get a real build, just without the
  Tina Cloud schema-sync verification (which fires again on main).
- settings.yml: drop the stale Probot Settings header comment;
  document the actual mechanism (GuacamoleResearch/actions-settings
  driven by update-settings.yml).
- README.md: clarify that GitHub never exposes stored secret
  values to anyone — admins can create/update/rotate but not view
  the current value.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .github/settings.yml                  |  5 ++++-
 .github/workflows/pr-build.yml        | 28 ++++++++++++++++++++++-----
 .github/workflows/pr-lint-pr.yml      | 10 ++++++++--
 .github/workflows/update-settings.yml | 15 +++++++-------
 README.md                             |  2 +-
 5 files changed, 43 insertions(+), 17 deletions(-)

diff --git a/.github/settings.yml b/.github/settings.yml
index 03bce49..d0d3f58 100644
--- a/.github/settings.yml
+++ b/.github/settings.yml
@@ -1,4 +1,7 @@
-# Synced to GitHub by https://probot.github.io/apps/settings/ via update-settings.yml
+# Source of truth for repo metadata, labels, and branch protection.
+# Applied to GitHub on push to main by .github/workflows/update-settings.yml
+# (via GuacamoleResearch/actions-settings, the GitHub Actions port of the
+# Probot Settings app's schema).
 
 repository:
   name: SSW.Website.Global
diff --git a/.github/workflows/pr-build.yml b/.github/workflows/pr-build.yml
index 544d603..af9fd56 100644
--- a/.github/workflows/pr-build.yml
+++ b/.github/workflows/pr-build.yml
@@ -30,11 +30,29 @@ jobs:
 
       - run: pnpm install --frozen-lockfile
 
-      # Mirrors what Cloudflare Workers Builds runs on every push, so any
-      # Tina Cloud schema-sync or Astro render breakage shows up here first.
-      # Requires repo secrets: PUBLIC_TINA_CLIENT_ID, TINA_TOKEN.
-      - name: Tina + Astro build (CF parity)
-        run: pnpm run build
+      # Decide which build to run.
+      # Same-repo PRs: `pnpm run build` — mirrors Cloudflare Workers Builds,
+      # talks to Tina Cloud (needs PUBLIC_TINA_CLIENT_ID + TINA_TOKEN).
+      # Fork PRs: GitHub strips secrets, so fall back to `pnpm run build:local`
+      # (in-process Tina datalayer, no creds needed). Catches most breakage
+      # except the Tina Cloud schema-sync class — that's verified again
+      # post-merge on `main` via CF Builds.
+      - name: Decide build mode
+        id: mode
+        shell: bash
+        env:
+          HAS_TINA_TOKEN: ${{ secrets.TINA_TOKEN != '' }}
+        run: |
+          if [ "$HAS_TINA_TOKEN" = "true" ]; then
+            echo "script=build" >> "$GITHUB_OUTPUT"
+            echo "Using full CF parity build (Tina Cloud)"
+          else
+            echo "script=build:local" >> "$GITHUB_OUTPUT"
+            echo "::warning::Tina Cloud secrets unavailable (likely fork PR) — falling back to build:local"
+          fi
+
+      - name: Tina + Astro build
+        run: pnpm run ${{ steps.mode.outputs.script }}
         env:
           NODE_OPTIONS: --max-old-space-size=4096
           PUBLIC_TINA_CLIENT_ID: ${{ secrets.PUBLIC_TINA_CLIENT_ID }}
diff --git a/.github/workflows/pr-lint-pr.yml b/.github/workflows/pr-lint-pr.yml
index 7859b2a..142ed59 100644
--- a/.github/workflows/pr-lint-pr.yml
+++ b/.github/workflows/pr-lint-pr.yml
@@ -16,13 +16,19 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v6
         with:
-          fetch-depth: 2
+          fetch-depth: 0
 
       - name: Detect non-content changes
         id: check_file_changed
         shell: bash
+        env:
+          BASE_SHA: ${{ github.event.pull_request.base.sha }}
+          HEAD_SHA: ${{ github.event.pull_request.head.sha }}
         run: |
-          diff=$(git diff --name-only HEAD^ HEAD)
+          # Diff full PR range, not just last commit, so multi-commit PRs
+          # don't get misclassified as content-only when the latest commit
+          # happens to only touch content.
+          diff=$(git diff --name-only "$BASE_SHA" "$HEAD_SHA")
           source_diff=$(echo "$diff" | grep -Ev '^src/content/|^public/|^\.github/ISSUE_TEMPLATE/|^package\.json$|^pnpm-lock\.yaml$' || true)
           if [ -n "$source_diff" ]; then
             echo "hasCodeChanges=true" >> "$GITHUB_OUTPUT"
diff --git a/.github/workflows/update-settings.yml b/.github/workflows/update-settings.yml
index dd3851b..55bdcb8 100644
--- a/.github/workflows/update-settings.yml
+++ b/.github/workflows/update-settings.yml
@@ -11,13 +11,17 @@ on:
 
   workflow_dispatch:
 
+permissions:
+  contents: read
+  administration: write
+
 jobs:
   apply_settings:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v6
 
-      # Dry-run the PR's settings, log errors but don't apply
+      # PR runs: dry-run only — log errors, never apply
       - name: Dry-run settings (PR)
         id: dryrun
         continue-on-error: true
@@ -26,14 +30,9 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
-      # Reset to main before applying so the prod settings reflect main
-      - name: Checkout main
-        if: github.event_name == 'pull_request'
-        uses: actions/checkout@v6
-        with:
-          ref: main
-
+      # Push to main / workflow_dispatch only — actually apply settings
       - name: Apply production repo settings
+        if: github.event_name != 'pull_request'
         uses: GuacamoleResearch/actions-settings@v3-beta-updates
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/README.md b/README.md
index 7bb3117..bdf63dc 100644
--- a/README.md
+++ b/README.md
@@ -39,7 +39,7 @@ The `PR - Build` workflow mirrors the production Cloudflare Workers Builds comma
 | `PUBLIC_TINA_CLIENT_ID` | [app.tina.io](https://app.tina.io) → Project → Overview |
 | `TINA_TOKEN` | [app.tina.io](https://app.tina.io) → Project → Tokens |
 
-Manage them at [Settings → Secrets and variables → Actions](https://github.com/SSWConsulting/SSW.Website.Global/settings/secrets/actions). Only users with **Admin** or **Maintain** permission on the repo can view or rotate them; the values are encrypted at rest and auto-masked in workflow logs.
+Manage them at [Settings → Secrets and variables → Actions](https://github.com/SSWConsulting/SSW.Website.Global/settings/secrets/actions). Only users with **Admin** or **Maintain** permission on the repo can create, update, or rotate them — GitHub never exposes the stored values back to anyone, including admins. Values are encrypted at rest and auto-masked in workflow logs.
 
 ## Contributing
 

From 5e41cd3997bbac583765a47db04771f17f658024 Mon Sep 17 00:00:00 2001
From: 0xharkirat <65155920+0xharkirat@users.noreply.github.com>
Date: Fri, 12 Jun 2026 16:29:56 +1000
Subject: [PATCH 9/9] chore: address PR review feedback on CI/policy setup

Responds to review on PR #18:

- CODEOWNERS: use org teams instead of individuals
  (* -> @SSWConsulting/sswdevelopers,
   /.github -> @SSWConsulting/ssw-website-maintainers)
- dependabot: add cooldown windows, switch weekly -> monthly, emoji
  commit prefixes (mirrors SSW.Woodpecker house style)
- ISSUE_TEMPLATE: convert bug_report / feature_request / tech_debt from
  markdown templates to YAML issue forms
- pull_request_template: align header to the canonical SSW template
- drop settings-as-code: remove settings.yml + update-settings.yml
  (over-privileged administration:write token / misuse risk per review);
  branch protection + labels to be managed via repo settings instead

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .github/CODEOWNERS                         |  6 +-
 .github/ISSUE_TEMPLATE/bug_report.md       | 23 -------
 .github/ISSUE_TEMPLATE/bug_report.yml      | 39 +++++++++++
 .github/ISSUE_TEMPLATE/feature_request.md  | 19 ------
 .github/ISSUE_TEMPLATE/feature_request.yml | 33 +++++++++
 .github/ISSUE_TEMPLATE/tech_debt.md        | 13 ----
 .github/ISSUE_TEMPLATE/tech_debt.yml       | 19 ++++++
 .github/dependabot.yml                     | 15 +++--
 .github/pull_request_template.md           |  1 +
 .github/settings.yml                       | 78 ----------------------
 .github/workflows/update-settings.yml      | 38 -----------
 11 files changed, 106 insertions(+), 178 deletions(-)
 delete mode 100644 .github/ISSUE_TEMPLATE/bug_report.md
 create mode 100644 .github/ISSUE_TEMPLATE/bug_report.yml
 delete mode 100644 .github/ISSUE_TEMPLATE/feature_request.md
 create mode 100644 .github/ISSUE_TEMPLATE/feature_request.yml
 delete mode 100644 .github/ISSUE_TEMPLATE/tech_debt.md
 create mode 100644 .github/ISSUE_TEMPLATE/tech_debt.yml
 delete mode 100644 .github/settings.yml
 delete mode 100644 .github/workflows/update-settings.yml

diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index 43418b1..51d46ce 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -1,5 +1,5 @@
 # Default owners for everything
-* @0xharkirat
+* @SSWConsulting/sswdevelopers
 
-# .github folder is owned by repo maintainers
-/.github @wicksipedia @GordonBeeming @tiagov8
+# .github folder (CI, policies, deploy) is owned by the website maintainers team
+/.github @SSWConsulting/ssw-website-maintainers
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
deleted file mode 100644
index d5af2b2..0000000
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-name: "\U0001F41B Bug Report"
-about: Report a bug
-title: "\U0001F41B {{ TITLE }}"
-labels: 'Type: Bug'
-assignees: ''
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-
-1.
-2.
-3.
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots / Video**
-If applicable, add screenshots or video to help explain the problem.
-Remember to mark the area in the application that's impacted.
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
new file mode 100644
index 0000000..8f98c7f
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -0,0 +1,39 @@
+name: 🐛 Bug Report
+description: Report a bug
+title: '🐛 {{ TITLE }}'
+labels: ['Type: Bug']
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: Describe the bug
+      description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+  - type: textarea
+    id: reproduce
+    attributes:
+      label: To Reproduce
+      description: Steps to reproduce the behaviour.
+      value: |
+        1.
+        2.
+        3.
+    validations:
+      required: true
+  - type: textarea
+    id: expected
+    attributes:
+      label: Expected behavior
+      description: A clear and concise description of what you expected to happen.
+    validations:
+      required: true
+  - type: textarea
+    id: screenshots
+    attributes:
+      label: Screenshots / Video
+      description: |
+        If applicable, add screenshots or video to help explain the problem.
+        Remember to mark the area in the application that's impacted.
+    validations:
+      required: false
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
deleted file mode 100644
index 8bd9e74..0000000
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ /dev/null
@@ -1,19 +0,0 @@
----
-name: '✨ Feature Request'
-about: Suggest an idea for this project
-title: '✨ {{ TITLE }}'
-labels: 'Type: Feature'
-assignees: ''
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml
new file mode 100644
index 0000000..239345f
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.yml
@@ -0,0 +1,33 @@
+name: ✨ Feature Request
+description: Suggest an idea for this project
+title: '✨ {{ TITLE }}'
+labels: ['Type: Feature']
+body:
+  - type: textarea
+    id: problem
+    attributes:
+      label: Is your feature request related to a problem? Please describe.
+      description: "A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]"
+    validations:
+      required: true
+  - type: textarea
+    id: solution
+    attributes:
+      label: Describe the solution you'd like
+      description: A clear and concise description of what you want to happen.
+    validations:
+      required: true
+  - type: textarea
+    id: alternatives
+    attributes:
+      label: Describe alternatives you've considered
+      description: A clear and concise description of any alternative solutions or features you've considered.
+    validations:
+      required: false
+  - type: textarea
+    id: context
+    attributes:
+      label: Additional context
+      description: Add any other context or screenshots about the feature request here.
+    validations:
+      required: false
diff --git a/.github/ISSUE_TEMPLATE/tech_debt.md b/.github/ISSUE_TEMPLATE/tech_debt.md
deleted file mode 100644
index 4ce608c..0000000
--- a/.github/ISSUE_TEMPLATE/tech_debt.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-name: "\U0001F4B8 Tech Debt"
-about: Report tech debt
-title: "\U0001F4B8 {{ TITLE }}"
-labels: 'Type: Refactor'
-assignees: ''
----
-
-**Description**
-A clear and concise description of what the tech debt is and why it was created.
-
-**Proposed solution**
-How would you fix it?
diff --git a/.github/ISSUE_TEMPLATE/tech_debt.yml b/.github/ISSUE_TEMPLATE/tech_debt.yml
new file mode 100644
index 0000000..b3fba51
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/tech_debt.yml
@@ -0,0 +1,19 @@
+name: 💸 Tech Debt
+description: Report tech debt
+title: '💸 {{ TITLE }}'
+labels: ['Type: Refactor']
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: A clear and concise description of what the tech debt is and why it was created.
+    validations:
+      required: true
+  - type: textarea
+    id: solution
+    attributes:
+      label: Proposed solution
+      description: How would you fix it?
+    validations:
+      required: false
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index adb34f0..9d40dd1 100644
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -3,22 +3,29 @@ updates:
   - package-ecosystem: 'github-actions'
     directory: '/'
     schedule:
-      interval: 'weekly'
+      interval: 'monthly'
     labels:
       - 'Type: Dependencies'
     commit-message:
-      prefix: 'Actions'
+      prefix: '⬆️ github-actions'
     rebase-strategy: auto
+    cooldown:
+      default-days: 7
 
   - package-ecosystem: 'npm'
     directory: '/'
     schedule:
-      interval: 'weekly'
+      interval: 'monthly'
     labels:
       - 'Type: Dependencies'
     commit-message:
-      prefix: 'NPM'
+      prefix: '⬆️ npm'
     rebase-strategy: auto
+    cooldown:
+      default-days: 7
+      semver-major-days: 30
+      semver-minor-days: 14
+      semver-patch-days: 7
     ignore:
       # Tina canary releases use a pinned date-stamped version; let Hark bump these by hand
       - dependency-name: '@tinacms/astro'
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index 8fb52a4..65199ba 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -1,5 +1,6 @@
 <!-- describe the change, why it is needed, and what it accomplishes -->
 <!-- As per rule https://www.ssw.com.au/rules/over-the-shoulder-prs -->
+<!-- Getting the PR merged is part of the PBI - call someone to review your changes to get them merged ASAP -->
 
 - Affected routes: <!-- e.g. `/`, `/admin/` -->
 
diff --git a/.github/settings.yml b/.github/settings.yml
deleted file mode 100644
index d0d3f58..0000000
--- a/.github/settings.yml
+++ /dev/null
@@ -1,78 +0,0 @@
-# Source of truth for repo metadata, labels, and branch protection.
-# Applied to GitHub on push to main by .github/workflows/update-settings.yml
-# (via GuacamoleResearch/actions-settings, the GitHub Actions port of the
-# Probot Settings app's schema).
-
-repository:
-  name: SSW.Website.Global
-  description: SSW Global Website built with Astro + TinaCMS
-  homepage: https://ssw-website-global.workers.dev
-  topics: astro, tinacms, cloudflare-workers, ssw
-  private: false
-  has_issues: true
-  has_projects: true
-  has_wiki: false
-  has_downloads: false
-  default_branch: main
-  allow_squash_merge: true
-  allow_merge_commit: false
-  allow_rebase_merge: false
-  delete_branch_on_merge: true
-  enable_automated_security_fixes: true
-  enable_vulnerability_alerts: true
-
-labels:
-  - name: Good First Issue
-    color: '7057FF'
-
-  - name: 'Type: Bug'
-    color: 'FF2222'
-    description: A problem with existing functionality
-
-  - name: 'Type: DevOps'
-    color: '1D76DB'
-    description: Setting up of DevOps processes, e.g. GitHub Actions
-
-  - name: 'Type: Documentation'
-    color: 'BABABA'
-    description: Updating documentation (e.g. README, Wiki, Guides)
-
-  - name: 'Type: Feature'
-    color: '6DFF6D'
-    description: A suggested idea for this project
-
-  - name: 'Type: Refactor'
-    color: '0E8A16'
-    description: A code-quality improvement, e.g. tech debt
-
-  - name: 'Type: Dependencies'
-    color: 'FF2222'
-    description: Dependabot found dependencies to upgrade
-
-teams:
-  - name: sswdevelopers
-    permission: push
-  - name: ssw-website-maintainers
-    permission: maintain
-
-branches:
-  - name: main
-    protection:
-      required_pull_request_reviews:
-        required_approving_review_count: 1
-        dismiss_stale_reviews: false
-        require_code_owner_reviews: true
-        dismissal_restrictions:
-          users: []
-          teams: []
-      required_status_checks:
-        strict: false
-        contexts:
-          - 'Check linked issues'
-          - 'dependency-review'
-          - 'lint-code'
-          - 'build'
-          - 'CodeQL'
-      enforce_admins: false
-      required_linear_history: true
-      restrictions: null
diff --git a/.github/workflows/update-settings.yml b/.github/workflows/update-settings.yml
deleted file mode 100644
index 55bdcb8..0000000
--- a/.github/workflows/update-settings.yml
+++ /dev/null
@@ -1,38 +0,0 @@
-name: Update Repo Settings
-
-on:
-  push:
-    branches: [main]
-    paths: [.github/settings.yml]
-
-  pull_request:
-    branches: [main]
-    paths: [.github/settings.yml]
-
-  workflow_dispatch:
-
-permissions:
-  contents: read
-  administration: write
-
-jobs:
-  apply_settings:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v6
-
-      # PR runs: dry-run only — log errors, never apply
-      - name: Dry-run settings (PR)
-        id: dryrun
-        continue-on-error: true
-        if: github.event_name == 'pull_request'
-        uses: GuacamoleResearch/actions-settings@v3-beta-updates
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      # Push to main / workflow_dispatch only — actually apply settings
-      - name: Apply production repo settings
-        if: github.event_name != 'pull_request'
-        uses: GuacamoleResearch/actions-settings@v3-beta-updates
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}