diff --git a/.agent/archive/post-migration-visual-corrections-history.md b/.agent/archive/post-migration-visual-corrections-history.md
new file mode 100644
index 00000000..e52665fd
--- /dev/null
+++ b/.agent/archive/post-migration-visual-corrections-history.md
@@ -0,0 +1,51 @@
+<!--
+SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+SPDX-License-Identifier: MIT
+-->
+
+# Post-migration visual corrections history
+
+## M0 — Narrow regression baseline
+
+Completed 2026-08-10 without implementation changes. The source head contract,
+favicon/icon binaries, footer, legacy social component, license header model, and one
+existing generated artifact were inspected directly. The regression is bounded to a
+malformed tiny favicon plus incomplete head metadata, six footer text placeholders,
+missing external-link protections, and source SPDX comments emitted into 19 generated
+HTML documents. Large-image delivery remains assigned to the follow-up ExecPlan.
+
+## M1 — Favicon and social/external icon parity
+
+Completed 2026-08-10. Broken 16/32px favicon derivatives were regenerated from the
+existing 512px TotalCross emblem, and a matching 180px Apple-touch icon was added.
+The shared head now links ICO, PNG, touch, and manifest metadata; the cleaned manifest
+describes all eight existing icon sizes under the root application scope.
+
+The footer keeps all legacy destinations but replaces initials with the corresponding
+Font Awesome Free Brands paths rendered by a small Astro component. Links have labels,
+titles, new-tab behavior, and noopener/noreferrer protection; the generated site ships
+no icon JavaScript. Build, route, content, icon-contract, and desktop/mobile visual
+checks passed without a design or navigation change.
+
+## M2 — Source-only SPDX metadata
+
+Completed 2026-08-10. License policy now distinguishes rendered formats from ordinary
+documentation. Astro headers are JavaScript blocks inside component frontmatter;
+blog Markdown/MDX headers are YAML comments inside content frontmatter. Exact known
+legacy HTML forms migrate idempotently, including the repository's no-blank-line
+variant, while conflicts and partial metadata remain refusals.
+
+The deliberate fixer migrated every project-authored renderable source. The mapped
+Tecdet page and article retained their customer-material holder and license during a
+manual placement-only move. Site validation now rejects recognized SPDX authoring
+comments in generated HTML. The final M2 build contained zero such comments across
+20 HTML documents while all existing routes, links, archives, feeds, sitemaps, drafts,
+and translations continued to validate.
+
+## M3 — Final correction validation and handoff
+
+Completed 2026-08-10. The Unreleased changelog and factual editorial report describe
+the visible correction without introducing a standalone version bump. The final
+Level 3 matrix passed every unit, licensing, release, workflow, Astro, route, link,
+content, feed, sitemap, draft, translation, and rendered-header assertion. This plan
+is closed; the combined v1.0.1 release remains owned by the asset-performance plan.
diff --git a/.agent/archive/site-asset-performance-optimization-history.md b/.agent/archive/site-asset-performance-optimization-history.md
new file mode 100644
index 00000000..183fa032
--- /dev/null
+++ b/.agent/archive/site-asset-performance-optimization-history.md
@@ -0,0 +1,38 @@
+<!--
+SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+SPDX-License-Identifier: MIT
+-->
+
+# Site asset performance optimization history
+
+## M0 — Deterministic asset baseline
+
+Completed 2026-08-10 without changing image delivery. A dependency-light reporter
+uses explicit Sharp metadata plus repository/output traversal to rank source and
+generated media. A tested fallback-resource graph provides representative page
+payload proxies without claiming browser/network fidelity. The first fresh build
+proved every 30.09 MiB source media byte was copied into generated output, with home
+and get-started proxies at 16.34 MiB and 9.07 MiB respectively.
+
+## M1 — Responsive static raster delivery
+
+Completed 2026-08-10. Astro now generates responsive AVIF/WebP pictures, an optimized
+eager LCP image, and optimized CSS backgrounds while preserving intrinsic dimensions
+and below-fold lazy loading. Static generated media excluding the deferred GIF fell
+81.0%, the home proxy fell 87.7% to 2.01 MiB, and automated desktop/mobile screenshots
+covered every changed page class.
+
+## M2 — Efficient animated media delivery
+
+Completed 2026-08-10. Deterministic ffmpeg commands converted the sole 8.3 MB GIF to
+VP9/WebM, H.264/MP4, and a WebP poster totaling 461 KB (94.5% smaller). Semantic video
+markup preserves autoplay/muted/loop/playsinline behavior and adds native controls,
+metadata preload, intrinsic sizing, and fallback content. Automated playback reached
+2.5 seconds unpaused with the preferred WebM source.
+
+## M3 — Enforced asset policy
+
+Completed 2026-08-10. A tested canonical budget module protects generated raster,
+GIF, total-media, home, and get-started output while source masters remain report-only.
+PR CI and Pages enforce budgets in build order. A validated repository skill routes
+future media work through Astro optimization, provenance review, and the same checks.
diff --git a/.agent/evidence/post-migration-visual-corrections.md b/.agent/evidence/post-migration-visual-corrections.md
new file mode 100644
index 00000000..6b21c9b2
--- /dev/null
+++ b/.agent/evidence/post-migration-visual-corrections.md
@@ -0,0 +1,61 @@
+<!--
+SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+SPDX-License-Identifier: MIT
+-->
+
+# Post-migration visual corrections evidence
+
+- 2026-08-10, M0 branch baseline: focused branch and remote `main` both resolve to
+  `5a1abc26f751f3680ac4cbff47d98d3169454d6f`; the two supplied ExecPlans were the
+  only untracked paths.
+- 2026-08-10, M0 favicon/head: `BaseLayout.astro` links only `/favicon.ico` with
+  `sizes="any"` and omits the 32px PNG, Apple touch icon, and web manifest. The ICO is
+  a 16×16 two-color Windows resource. The 32×32 PNG visibly contains only a small red
+  mark, while `public/icons/icon-192x192.png` is a complete TotalCross emblem; all
+  eight manifest PNGs have the dimensions declared by their filenames.
+- 2026-08-10, M0 social parity: the current footer emits two-character placeholders
+  for GitHub, X, Telegram, YouTube, Instagram, and LinkedIn with neither `target` nor
+  `rel`. Legacy `site` used the corresponding Font Awesome brand glyphs. Destinations
+  survived the migration unchanged.
+- 2026-08-10, M0 SPDX emission: the existing generated `dist/` contains recognized
+  project SPDX header comments in 19 HTML documents; `dist/index.html` begins with
+  both authoring tags. Policy classifies Astro/HTML/Markdown/MDX as HTML-comment
+  style, and the fixer inserts that header immediately after frontmatter, where Astro
+  renders it into output.
+- 2026-08-10, M1 implementation: regenerated 32px PNG/ICO and 180px Apple-touch
+  derivatives from the existing 512px TotalCross brand emblem. The head now declares
+  ICO, PNG, Apple touch, manifest, and theme color metadata; the manifest declares
+  stable root scope plus eight verified PNG sizes. Font Awesome Free Brands 7.3.1 is
+  build-time-only, with CC BY 4.0/MIT provenance recorded in `NOTICE.md`.
+- 2026-08-10, M1 social output: GitHub, legacy Twitter bird labeled X (Twitter),
+  Telegram, YouTube, Instagram, and LinkedIn render as static SVG paths inside labeled
+  links with `target="_blank"` and `rel="noopener noreferrer"`. Generated home HTML
+  contains all six and no client `<script>`.
+- 2026-08-10, M1 validation: targeted licensing passed 8/8 changed policy paths;
+  Astro check reported 49 files and zero diagnostics; the build produced 18 pages;
+  site/content validation reported `routes=14 html=20 broken=0`, complete archives,
+  RSS/sitemaps, draft exclusion, and translation pairing. The focused checker found
+  four head relationships, six social icons, eight manifest icons, and zero scripts.
+- 2026-08-10, M1 visual evidence: local production full-page captures at 1440×900 and
+  390×844 preserve layout and show six recognizable footer glyphs. SHA-256 values are
+  `5d0ecd282e9dce9f11ef411e9a93e88bb0f99f4065bc411649f3b6a06a9b642f` and
+  `1bcfac838791ec8ca3ab80c41e029bcddcbb4090f64e61e45103b6e9ef35d544`.
+- 2026-08-10, M2 header model: `.astro` uses the canonical JavaScript block inside
+  Astro frontmatter; renderable `src/content/blog` Markdown/MDX uses YAML comments
+  inside content frontmatter; other Markdown retains non-rendered documentation
+  headers. The fixer creates minimal Astro frontmatter when absent, migrates only
+  verified legacy values, normalizes duplicates, and refuses conflicts.
+- 2026-08-10, M2 migration: the deliberate all-files fixer accepted 151/151 and moved
+  29 known authored headers, then four approved no-blank-line variants after their
+  focused regression test. Tecdet page/article headers were moved manually with the
+  existing third-party holder and `LicenseRef-ThirdParty-Material` unchanged.
+- 2026-08-10, M2 validation: 11 license tests passed; all-files validation accepted
+  151/151 with 62 mapped and 20 ignored paths. Astro check reported 49 files and zero
+  diagnostics; 18 pages built; generated validation reported
+  `routes=14 html=20 broken=0 rendered-spdx=0`, with complete content/feed/sitemap
+  assertions. An independent recognized-comment scan also found `html=20 leaked=0`.
+- 2026-08-10, M3 closure: the exact Level 3 matrix passed 17 total unit tests,
+  151/151 all-files licensing, release identity at 1.0.0/tag v1.0.0, workflow policy,
+  zero Astro diagnostics, 18 native pages, `routes=14 html=20 broken=0
+  rendered-spdx=0`, and all article/archive/feed/sitemap/draft/translation checks.
+  Production publication is intentionally deferred to the combined v1.0.1 boundary.
diff --git a/.agent/evidence/screenshots/assets-m1-article-1440x900.png b/.agent/evidence/screenshots/assets-m1-article-1440x900.png
new file mode 100644
index 00000000..fe250b2d
Binary files /dev/null and b/.agent/evidence/screenshots/assets-m1-article-1440x900.png differ
diff --git a/.agent/evidence/screenshots/assets-m1-article-390x844.png b/.agent/evidence/screenshots/assets-m1-article-390x844.png
new file mode 100644
index 00000000..e39080ed
Binary files /dev/null and b/.agent/evidence/screenshots/assets-m1-article-390x844.png differ
diff --git a/.agent/evidence/screenshots/assets-m1-home-1440x900.png b/.agent/evidence/screenshots/assets-m1-home-1440x900.png
new file mode 100644
index 00000000..757e41b8
Binary files /dev/null and b/.agent/evidence/screenshots/assets-m1-home-1440x900.png differ
diff --git a/.agent/evidence/screenshots/assets-m1-home-390x844.png b/.agent/evidence/screenshots/assets-m1-home-390x844.png
new file mode 100644
index 00000000..956407b8
Binary files /dev/null and b/.agent/evidence/screenshots/assets-m1-home-390x844.png differ
diff --git a/.agent/evidence/screenshots/assets-m1-samples-1440x900.png b/.agent/evidence/screenshots/assets-m1-samples-1440x900.png
new file mode 100644
index 00000000..be87112d
Binary files /dev/null and b/.agent/evidence/screenshots/assets-m1-samples-1440x900.png differ
diff --git a/.agent/evidence/screenshots/assets-m1-samples-390x844.png b/.agent/evidence/screenshots/assets-m1-samples-390x844.png
new file mode 100644
index 00000000..2ee62409
Binary files /dev/null and b/.agent/evidence/screenshots/assets-m1-samples-390x844.png differ
diff --git a/.agent/evidence/screenshots/assets-m2-get-started-1440x900.png b/.agent/evidence/screenshots/assets-m2-get-started-1440x900.png
new file mode 100644
index 00000000..4d93830d
Binary files /dev/null and b/.agent/evidence/screenshots/assets-m2-get-started-1440x900.png differ
diff --git a/.agent/evidence/screenshots/assets-m2-get-started-390x844.png b/.agent/evidence/screenshots/assets-m2-get-started-390x844.png
new file mode 100644
index 00000000..0fffad46
Binary files /dev/null and b/.agent/evidence/screenshots/assets-m2-get-started-390x844.png differ
diff --git a/.agent/evidence/screenshots/assets-m2-playback-390x844.png b/.agent/evidence/screenshots/assets-m2-playback-390x844.png
new file mode 100644
index 00000000..100c66bc
Binary files /dev/null and b/.agent/evidence/screenshots/assets-m2-playback-390x844.png differ
diff --git a/.agent/evidence/screenshots/corrections-m1-home-1440x900.png b/.agent/evidence/screenshots/corrections-m1-home-1440x900.png
new file mode 100644
index 00000000..5f457893
Binary files /dev/null and b/.agent/evidence/screenshots/corrections-m1-home-1440x900.png differ
diff --git a/.agent/evidence/screenshots/corrections-m1-home-390x844.png b/.agent/evidence/screenshots/corrections-m1-home-390x844.png
new file mode 100644
index 00000000..e12e5041
Binary files /dev/null and b/.agent/evidence/screenshots/corrections-m1-home-390x844.png differ
diff --git a/.agent/evidence/site-asset-performance-optimization.md b/.agent/evidence/site-asset-performance-optimization.md
new file mode 100644
index 00000000..5d6ae150
--- /dev/null
+++ b/.agent/evidence/site-asset-performance-optimization.md
@@ -0,0 +1,69 @@
+<!--
+SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+SPDX-License-Identifier: MIT
+-->
+
+# Site asset performance optimization evidence
+
+- 2026-08-10, M0 reporter: `scripts/asset-validation.mjs` inventories tracked source
+  and generated media with deterministic path/extension/bytes/dimensions and reports
+  the 12 largest entries. Its fallback-only payload proxy includes HTML, local `src`/
+  poster resources, linked styles/icons/manifest, and recursive CSS URLs while
+  explicitly excluding `srcset` candidate selection. Two focused tests pass.
+- 2026-08-10, M0 baseline build: Node 24 built 18 pages. Source and generated media
+  both contain 50 files totaling 31,553,407 bytes (30.09 MiB), proving raw source
+  delivery. Largest outputs are Tecdet 10,846,651; GIF 8,325,288; coffee 2,952,258;
+  Tecdet article 1,720,676; sample banner 1,177,657; hero 1,108,142; and printer
+  1,092,660 bytes.
+- 2026-08-10, M0 payload proxies: `/` includes 72 unique fallback resources totaling
+  17,129,268 bytes (16.34 MiB). `/get-started/` includes 60 totaling 9,511,556 bytes
+  (9.07 MiB). These are deterministic static regression proxies, not browser transfer
+  measurements or `srcset` selection simulations.
+- 2026-08-10, M1 responsive raster result: the generated artifact is 12,746,822 bytes
+  including the unchanged 8,325,288-byte GIF; static media excluding that GIF fell
+  from 23,228,119 to 4,421,534 bytes (81.0%). The home proxy fell to 2,111,330 bytes
+  (2.01 MiB, 87.7% below M0). Delivered `home_tecdet` and `home_coffee` fallbacks fell
+  94.4% and 97.3%; no static raster exceeds 1 MiB. Warnings identify Tecdet WebP
+  fallbacks at 727,056 and 605,226 bytes for M3 policy.
+- 2026-08-10, M1 checks: reporter tests passed 2/2; Astro checked 52 files with zero
+  diagnostics; Node 24 built 18 pages and 79 optimized images; route/link/SPDX and
+  content validation passed. Six automated production-output screenshots cover home,
+  samples, and the Tecdet article at 1440x900 and 390x844. Their SHA-256 prefixes are
+  `86328f96`, `66f299d4`, `3155da4c`, `a6d1c8e7`, `40090155`, and `e7cc0fd7`.
+- 2026-08-10, M2 source: `led-totalcross.gif` was 8,325,288 bytes, 270x480,
+  185 frames, and 13.07 seconds; SHA-256 `8107547f...55e2b2`. Its only page reference
+  was get-started. Reproducible conversions (wrapped here for readability) were:
+
+  ```text
+  ffmpeg -hide_banner -loglevel error -i src/assets/led-totalcross.gif -map_metadata -1 -an -vf "scale=270:-2:flags=lanczos,format=yuv420p" -c:v libvpx-vp9 -crf 34 -b:v 0 -deadline good -cpu-used 2 -row-mt 1 -fps_mode vfr -y src/assets/led-totalcross.webm
+  ffmpeg -hide_banner -loglevel error -i src/assets/led-totalcross.gif -map_metadata -1 -an -vf "scale=270:-2:flags=lanczos,format=yuv420p" -c:v libx264 -preset slow -crf 24 -movflags +faststart -fps_mode vfr -y src/assets/led-totalcross.mp4
+  ffmpeg -hide_banner -loglevel error -i src/assets/led-totalcross.gif -map_metadata -1 -frames:v 1 -vf "scale=270:-2:flags=lanczos" -c:v libwebp -quality 80 -y src/assets/led-totalcross-poster.webp
+  ```
+- 2026-08-10, M2 result: WebM 191,142 bytes, MP4 260,976, and poster 8,928 total
+  461,046 bytes (94.5% below the GIF). Their SHA-256 prefixes are `31ed375a`,
+  `273c9b5b`, and `2fbdbc16`. Generated media is 4,882,580 bytes and get-started's
+  proxy fell from 9.07 to 1.57 MiB. No built or source page references a GIF.
+- 2026-08-10, M2 playback: headless Chromium selected the VP9/WebM source, reported
+  `paused=false`, `currentTime=2.5`, `duration=13.07`, `readyState=4`, and 270x480.
+  Focused plus desktop/mobile screenshots have SHA-256 prefixes `837c8ddf`,
+  `53d31210`, and `42b5eb74`. Astro check/build and route/link/SPDX/content validation
+  passed with 18 pages and zero diagnostics.
+- 2026-08-10, M3 policy: generated media ≤6 MiB; each generated raster ≤1 MiB with
+  warnings above 500 KiB; generated GIF ≤256 KiB; home proxy ≤3 MiB; get-started
+  proxy ≤2 MiB. Source masters are report-only. PR CI and Pages both run
+  `assets:check` after build and before site validation; workflow policy enforces order.
+- 2026-08-10, M3 Level 3: repository skill validation passed; asset tests passed 4/4;
+  license coverage passed 170/170; workflow policy passed; Astro checked 54 files with
+  zero diagnostics; Node 24 built 18 pages; route/link/SPDX/content checks passed.
+  Asset check reports zero failures and two warnings, with generated media at
+  4,882,580/6,291,456 bytes, home at 2,111,330/3,145,728, and get-started at
+  1,647,783/2,097,152.
+- 2026-08-10, M4 Level 3 candidate: package/lock/changelog identify v1.0.1. Eleven
+  license tests and six cross-post tests passed; license policy accepted 174/174;
+  release and workflow policy passed; Astro checked 54 files with zero diagnostics;
+  Node 24 built 18 pages; asset budgets passed with zero failures/two warnings; route,
+  link, rendered-SPDX, RSS/sitemap, draft, and translation validation passed.
+- 2026-08-10, production-check contract: HTTP validation now requires responsive
+  picture AVIF/WebP markup, autoplay/muted/loop/playsinline WebM+MP4 delivery, no GIF
+  reference, five fetchable optimized assets each below 1 MiB, and combined video plus
+  poster below 2 MiB. It remains deferred until the candidate is deployed.
diff --git a/.agent/plans/post-migration-visual-corrections.md b/.agent/plans/post-migration-visual-corrections.md
new file mode 100644
index 00000000..d236f157
--- /dev/null
+++ b/.agent/plans/post-migration-visual-corrections.md
@@ -0,0 +1,333 @@
+<!--
+SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+SPDX-License-Identifier: MIT
+-->
+
+# Correct post-migration favicon, iconography, and rendered SPDX metadata
+
+This ExecPlan follows `AGENTS.md` and `.agent/PLANS.md` in
+`TotalCross/totalcross.github.io`. Execute it before
+`.agent/plans/site-asset-performance-optimization.md`.
+
+## Purpose / Big Picture
+
+Correct the visible regressions found after the Gatsby-to-Astro production cutover
+without redesigning the site.
+
+At completion:
+
+- the TotalCross favicon and manifest/site icons work consistently;
+- social/external-link iconography uses meaningful brand icons rather than text
+  initials or placeholders;
+- the current TotalCross visual identity and destinations remain intact;
+- project SPDX metadata stays present and automatically validated in source but is
+  not emitted repeatedly into generated HTML;
+- renderable Markdown/MDX follows the same source-only SPDX rule;
+- all changes remain compatible with the current Astro `main` -> GitHub Pages
+  artifact deployment.
+
+Do not change the large-image delivery strategy in this plan. Asset performance is
+handled by the follow-up ExecPlan.
+
+## Working Set and Resume Protocol
+
+Use:
+
+- `.agent/state/post-migration-visual-corrections.md` — first read on resume;
+- `.agent/evidence/post-migration-visual-corrections.md` — concise commands,
+  generated-output checks, and screenshot/manual evidence;
+- `.agent/archive/post-migration-visual-corrections-history.md` — completed detail;
+- `.agent/reports/post-migration-visual-corrections-editorial.md` — final factual
+  handoff using the headings required by `.agent/PLANS.md`.
+
+Read `AGENTS.md` and `.agent/PLANS.md` once at start. Read
+`.agents/skills/license-validation/SKILL.md` when modifying header policy and
+`.agents/skills/logical-commits/SKILL.md` before staging. Use the legacy `site`
+branch and `.agent/baseline/screenshots/` only for targeted parity questions; do
+not reopen the complete migration audit.
+
+Keep implementation and active planning files ideally below 20 KB or about 600
+lines. Split a helper/test when responsibility becomes unclear rather than growing
+a monolithic file.
+
+## Progress
+
+- [x] M0 — Confirm the narrow regression baseline.
+- [x] M1 — Restore favicon and social/external icon parity.
+- [x] M2 — Keep SPDX metadata source-only while preserving validation/fix behavior.
+- [x] M3 — Final correction validation and handoff to asset optimization.
+
+Update only at logical commits or milestone closure.
+
+## Current Architecture and Scope
+
+Production source is `main`; ignored `dist/` is deployed by
+`.github/workflows/pages.yml` as a GitHub Pages artifact. Do not reintroduce Gatsby,
+React, or a generated deployment branch.
+
+`public/favicon.ico`, `public/favicon-32x32.png`, `public/icons/**`, and
+`public/manifest.webmanifest` exist. `src/layouts/BaseLayout.astro` currently links
+the ICO but favicon behavior is visibly broken, so the icon files and head contract
+need verification rather than assumption.
+
+`src/components/SiteFooter.astro` contains GitHub, Twitter/X, Telegram, YouTube,
+Instagram, and LinkedIn destinations but renders short text initials. The legacy
+Gatsby footer used Font Awesome Free brand icons and external links opened with
+`target="_blank"` plus `rel="noopener noreferrer"`.
+
+The license validator currently classifies `.astro` as HTML-comment content and
+inserts its header after frontmatter. Astro emits that comment into HTML. Similar
+rendered comments must not leak from Markdown/MDX content. Existing REUSE ownership
+boundaries remain authoritative, especially for brand/customer/third-party files.
+
+## Execution Policy
+
+Start from current `main` on a focused branch such as
+`fix/post-migration-visual-corrections`. Preserve unrelated local changes.
+
+Commits must be logical, descriptive, in English, and follow Conventional Commits.
+Suggested boundaries:
+
+- `fix(icons): restore site and social iconography`
+- `fix(license): keep SPDX metadata out of rendered pages`
+- `docs(plan): close visual correction milestone`
+
+Do not create WIP commits. For this plan, the `logical-commits` skill's focused
+validation means diff/scope checks such as `git diff --check` during implementation.
+Do not run Astro builds, test suites, or visual matrices before each commit. Finish
+the milestone implementation first and run its validation as the final stage.
+
+Keep token use low: inspect known paths first, record conclusions once in evidence,
+and avoid repeated repository listings or full-plan rereads.
+
+Interactive Browser availability is optional. Generated-output inspection and
+repository-local tooling are sufficient for plan continuation. Record only a narrow
+manual visual verification item when human judgment is genuinely required.
+
+## Plan of Work
+
+### M0 — Confirm the narrow regression baseline
+
+Goal: record only the evidence needed to prove these corrections.
+
+Inspect:
+
+- `src/layouts/BaseLayout.astro`;
+- `src/components/SiteFooter.astro`;
+- `public/favicon.ico`, `public/favicon-32x32.png`, `public/icons/**`, and
+  `public/manifest.webmanifest`;
+- legacy `site` branch footer/social components only as needed;
+- `scripts/license-validation.mjs`, `scripts/license/policy.mjs`,
+  `scripts/license/headers.mjs`, and their tests;
+- `REUSE.toml` and the two existing agent skills.
+
+Do not perform a broad site audit. Record one generated-HTML example showing SPDX
+leakage and one targeted footer/icon comparison. Verify favicon binary type and
+icon dimensions with lightweight local tools; do not modify files in M0.
+
+Acceptance: the evidence file identifies the exact favicon/head issue, current
+social placeholder behavior, and current SPDX emission mechanism.
+
+Final validation: one focused inspection/report only; no production build is
+required unless needed to capture the SPDX example and no prior `dist/` exists.
+
+### M1 — Restore favicon and social/external icons
+
+Goal: fix user-visible icon regressions while preserving the legacy identity.
+
+For favicon/site icons:
+
+- validate existing favicon/manifest files before replacing them;
+- regenerate only broken/malformed derivatives from an existing canonical
+  TotalCross brand asset; do not redraw or reinterpret the logo;
+- update `BaseLayout.astro` with explicit valid favicon relationships, including the
+  existing PNG/ICO and `manifest.webmanifest`;
+- add an Apple touch icon only when it can be derived from the existing brand set
+  without introducing a new design;
+- keep all brand derivatives under the existing
+  `LicenseRef-TotalCross-Brand` REUSE policy.
+
+For social/external icons:
+
+- replace footer initials with accessible SVG brand icons for GitHub, Twitter/X as
+  intentionally selected from the legacy baseline, Telegram, YouTube, Instagram,
+  and LinkedIn;
+- do not reintroduce React or a client-side FontAwesome runtime;
+- prefer one small `SocialIcon.astro` abstraction and either static SVG data with
+  preserved upstream licensing or a build-time-only free icon source;
+- keep link text available to assistive technology with `aria-label`;
+- restore `target="_blank"` and `rel="noopener noreferrer"` for true external
+  social destinations unless a current repository convention deliberately differs;
+- audit migrated pages only for obvious confirmed missing icon affordances; do not
+  redesign navigation or add speculative icons.
+
+If an icon package is introduced, ensure no client-side JS is shipped merely to
+render static brand SVG and record its license/provenance as required by existing
+repository policy.
+
+Acceptance: local output contains valid favicon/manifest links; the footer presents
+recognizable icons at the intended size/hover behavior; destinations and accessible
+labels are correct; no text-initial placeholder remains for the known social links.
+
+Final milestone validation: run `npm run license:check`, `npm run check`, one fresh
+`npm run build`, `npm run validate`, and a targeted local icon/head check once.
+Capture only representative desktop/mobile evidence for the footer if automated
+screenshots are already available; otherwise record one narrow manual check.
+
+### M2 — Keep SPDX metadata source-only
+
+Goal: preserve automatic licensing guarantees without inflating rendered HTML.
+
+Update the license header model so renderable authored formats have non-emitting
+metadata placement.
+
+For `.astro`:
+
+- add a dedicated header style that places the canonical JavaScript block comment
+  inside Astro frontmatter rather than after it;
+- when a component has no frontmatter, the fixer may create minimal frontmatter to
+  contain the source-only header;
+- inspection must recognize the new canonical placement;
+- migration/fix logic may normalize the repository's exact known legacy HTML header
+  form, but must continue refusing conflicting holders/licenses or unrelated
+  third-party notices.
+
+For `.md`/`.mdx`:
+
+- use a source-only frontmatter comment or reviewed REUSE mapping that does not
+  become article HTML;
+- preserve editorial CC-BY-4.0 versus third-party/customer classifications already
+  defined by policy;
+- do not insert visible license boilerplate into article bodies solely to satisfy
+  source validation.
+
+Update `scripts/license/policy.mjs`, `scripts/license/headers.mjs`, and focused tests.
+Keep files small; split Astro/frontmatter parsing helpers if the current module
+would otherwise become difficult to understand.
+
+Update `.agents/skills/license-validation/SKILL.md` only if its documented supported
+placement/fix behavior changes. Do not weaken its conservative refusal policy.
+
+Add a generated-output assertion to an appropriate existing site validation script
+or a small focused helper: built `dist/**/*.html` must contain zero occurrences of
+`SPDX-FileCopyrightText` and `SPDX-License-Identifier` authoring metadata. Avoid
+checking legitimate visible prose that might discuss SPDX in future blog content;
+scope the assertion to recognized header/comment forms when needed.
+
+Acceptance: repository-wide licensing validation passes; fixer tests cover Astro and
+renderable content placement; generated HTML no longer contains source headers; no
+third-party ownership classification changes unintentionally.
+
+Final milestone validation: run `npm run license:test`, `npm run license:check:all`,
+`npm run check`, one fresh build, and `npm run validate` once. If a command fails,
+fix the specific cause and rerun only the failed/dependent checks.
+
+### M3 — Final correction validation and handoff
+
+Goal: close visible corrections cleanly without duplicating the later performance
+plan.
+
+Update `CHANGELOG.md` `[Unreleased]` with favicon/social icon and source-only SPDX
+corrections. Do not bump the package version yet; the follow-up asset-performance
+plan owns the combined patch release unless the user explicitly chooses to release
+these corrections independently.
+
+Reconcile state/evidence/history and produce the factual editorial report. Record
+any remaining manual icon/browser check as a narrow item, not as a blocker for asset
+optimization if generated output is otherwise correct.
+
+Level 3 closure runs once after implementation is complete:
+
+    npm test
+    npm run license:check:all
+    npm run release:check
+    npm run workflow:check
+    npm run check
+    npm run build
+    npm run validate
+
+Do not run `production:check` unless this plan is being independently published.
+
+Acceptance: all commands pass, changelog is current, the branch is coherent, and the
+state file points explicitly to the asset-performance ExecPlan as the next work.
+
+## Surprises & Discoveries
+
+- Observation: footer destinations survived migration but their legacy brand icons
+  were replaced by text initials.
+  Evidence: keep one focused before/after reference in evidence.
+
+- Observation: SPDX HTML comments placed after Astro frontmatter are part of the
+  rendered template and therefore appear in generated HTML.
+  Evidence: keep one concise generated before/after sample.
+
+- Observation: the 32px favicon derivative contains only a small red mark while the
+  existing 192px manifest icon retains the complete TotalCross emblem.
+  Evidence: file/dimension inspection and the focused M0 image comparison recorded
+  in `.agent/evidence/post-migration-visual-corrections.md`.
+
+Move resolved detail to the archive at milestone closure.
+
+## Decision Log
+
+- Decision: restore icons as static/build-time SVG rather than React runtime.
+  Rationale: preserve the affordance without undoing the Astro static migration.
+  Date: 2026-08-10.
+
+- Decision: require SPDX metadata in source but not generated site HTML.
+  Rationale: source ownership remains machine-verifiable while repeated rendered
+  comments add no user value.
+  Date: 2026-08-10.
+
+- Decision: defer package version bump to the asset-performance follow-up plan.
+  Rationale: these post-migration corrections should normally ship as one patch
+  release rather than multiple artificial releases during one correction cycle.
+  Date: 2026-08-10.
+
+## Validation and Acceptance
+
+Use validation levels from `AGENTS.md`. M1 and M2 normally close at Level 2/3 only
+after implementation. M3 is the one combined Level 3 checkpoint.
+
+Overall acceptance requires:
+
+- functioning favicon/site icon relationships;
+- recognizable social icons with accessible labels and correct external behavior;
+- no known migrated icon placeholders for the audited scope;
+- no source SPDX header comments emitted into generated HTML;
+- unchanged routes, blog semantics, and GitHub Pages architecture;
+- repository licensing policy and conservative fixer behavior preserved.
+
+## Risks and Open Questions
+
+- Brand/social icons have their own trademark/license context. Preserve upstream
+  notices and do not treat third-party brand glyphs as Amalgam-authored MIT assets.
+- Favicon cache can make a correct build look stale. Verify generated files/links
+  before changing filenames repeatedly to defeat a local browser cache.
+- Markdown/MDX frontmatter handling must not break content collection schemas.
+- A future article may legitimately contain the string `SPDX-License-Identifier` in
+  prose. Generated-output checks should detect emitted authoring headers rather than
+  ban educational content indiscriminately.
+
+## Idempotence and Recovery
+
+Header fix operations must be idempotent. Running the fixer twice must not duplicate
+frontmatter or headers. It must continue refusing ambiguous/third-party conflicts.
+
+Favicon/icon generation must write explicit known paths and preserve REUSE mapping.
+Do not mass-replace assets or alter unrelated branding.
+
+If a visual correction is rejected, revert only that icon slice. SPDX work should
+remain independently recoverable. Never force-update `main` or deployment refs.
+
+## Outcomes & Retrospective
+
+At each checkpoint record only commits, behavior restored, generated-output proof,
+and validation result. Final narrative and article angles belong in the editorial
+report, not the active plan.
+
+## Revision Note
+
+2026-08-10: Split from the broader post-migration correction milestone to keep the
+active ExecPlan below repository size limits and separate visible regressions/license
+output from media performance work.
diff --git a/.agent/plans/site-asset-performance-optimization.md b/.agent/plans/site-asset-performance-optimization.md
new file mode 100644
index 00000000..7cc1cb62
--- /dev/null
+++ b/.agent/plans/site-asset-performance-optimization.md
@@ -0,0 +1,429 @@
+<!--
+SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+SPDX-License-Identifier: MIT
+-->
+
+# Optimize site assets, animated media, and performance budgets
+
+This ExecPlan follows `AGENTS.md` and `.agent/PLANS.md` in
+`TotalCross/totalcross.github.io`. Execute it after
+`.agent/plans/post-migration-visual-corrections.md`.
+
+## Purpose / Big Picture
+
+Materially reduce the TotalCross site's page payload after the Astro migration while
+preserving visual identity, routes, content, and licensing boundaries.
+
+At completion:
+
+- large local raster media is delivered through Astro's optimized image pipeline;
+- responsive sizes and modern formats prevent multi-megabyte source PNG/JPEG files
+  from becoming normal browser downloads;
+- PNG crunching/resizing is applied where PNG remains justified;
+- the roughly 8.3 MB animated GIF is replaced by much smaller web video delivery
+  when visual behavior is preserved;
+- generated asset sizes and a deterministic representative page-payload proxy are
+  enforced in pull-request CI and the GitHub Pages build;
+- `.agents/skills/asset-optimization/SKILL.md` documents the normal media workflow;
+- the correction cycle is finalized as a SemVer patch release, normally `v1.0.1`,
+  with measured before/after evidence.
+
+## Working Set and Resume Protocol
+
+Use:
+
+- `.agent/state/site-asset-performance-optimization.md` — first read on resume;
+- `.agent/evidence/site-asset-performance-optimization.md` — before/after sizes,
+  commands, build output, budget results, and limitations;
+- `.agent/archive/site-asset-performance-optimization-history.md` — completed detail;
+- `.agent/reports/site-asset-performance-optimization-editorial.md` — factual final
+  handoff using `.agent/PLANS.md` editorial headings.
+
+Read `AGENTS.md`, `.agent/PLANS.md`, and the state file first. Read the previous
+correction plan only if its state identifies an unresolved dependency. Use the
+`logical-commits` and `license-validation` skills only when needed. Do not reread
+legacy migration archives for routine image work.
+
+Keep implementation and plan files ideally below 20 KB or about 600 lines. Split
+asset-report parsing, budget configuration, or tests into focused files when useful.
+
+## Progress
+
+- [x] M0 — Capture one compact source/build performance baseline.
+- [x] M1 — Route static raster content through Astro image optimization.
+- [x] M2 — Replace oversized animated GIF delivery with efficient web video.
+- [x] M3 — Enforce asset budgets and add the asset-optimization skill.
+- [ ] M4 — Close `v1.0.1` and optionally verify production.
+
+## Current Architecture and Scope
+
+Production source is `main`; `dist/` is ignored and published by
+`.github/workflows/pages.yml` through the modern Pages artifact flow. The project
+uses Astro 7. Do not reintroduce Gatsby/React or generated deployment branches.
+
+Many local images under `src/assets/` are imported as Astro `ImageMetadata` but then
+passed to native `<img src={asset.src}>`, which can bypass build-time transformation.
+Known priority sources include:
+
+- `home_tecdet.png` — about 10.8 MB;
+- `home_coffee.png` — about 3.0 MB;
+- `led-totalcross.gif` — about 8.3 MB;
+- `tecdet.jpg`, `sample_banner.png`, `bghome_sitetc.png`, and `home_printer.png` —
+  each around 1 MB or more.
+
+The home page is the first optimization target. Other pages should be audited by
+script for large media rather than by repeatedly reading the entire asset tree.
+
+Astro provides `Image`, `Picture`, and `getImage` from `astro:assets`; its local
+image processing uses Sharp by default. The implementation should make Sharp a
+direct build dependency when required for deterministic local/CI behavior instead
+of relying on an accidental transitive install.
+
+Existing `REUSE.toml` classifies historical `src/assets/**` as third-party/mixed
+material unless overridden. Format conversion or derivative creation must preserve
+that provenance rather than assigning Amalgam MIT ownership.
+
+## Execution Policy
+
+Start from the completed visual-correction branch result or an updated `main`, then
+create a focused branch such as `perf/site-assets` if the earlier branch has already
+merged. Preserve unrelated changes.
+
+Commits must be logical, descriptive, English Conventional Commits. Typical scopes:
+
+- `chore(perf): add deterministic asset reporting`
+- `perf(images): optimize responsive homepage media`
+- `perf(images): optimize remaining oversized raster assets`
+- `perf(media): replace oversized animated gif delivery`
+- `ci(perf): enforce generated asset budgets`
+- `docs(agent): add asset optimization workflow`
+- `chore(release): prepare v1.0.1`
+
+Do not run test/build matrices before each commit. During implementation use only
+cheap scope/diff checks. Complete the milestone, then run its validation as the last
+implementation stage. If it fails, fix the narrow cause and rerun only the failed or
+directly dependent check.
+
+Keep token consumption low: use scripts to inventory sizes, inspect only referenced
+components, record measurements once, and avoid repeatedly listing binary assets or
+printing large generated HTML/CSS.
+
+Interactive Browser is optional. Use build-output checks and existing local tooling.
+A human visual check can be recorded narrowly when needed but cannot become a
+repeated execution blocker.
+
+## Plan of Work
+
+### M0 — Capture baseline and build asset reporting
+
+Goal: create one reproducible measurement path before optimizing files.
+
+Create `scripts/asset-validation.mjs` with report-only behavior first. Split helper
+logic under `scripts/assets/` if the main file approaches size/responsibility limits.
+The reporter should inspect tracked source media and generated `dist/` media and
+print concise deterministic summaries including path, extension, byte size, and the
+largest offenders. Include image dimensions when the selected image library can
+obtain them cheaply.
+
+Add a deterministic static page-payload proxy for `/` and the page(s) currently
+referencing `led-totalcross.gif`. The proxy should sum local fallback resources
+referenced by built HTML/CSS and clearly label itself as a proxy rather than claiming
+to reproduce browser `srcset` selection, compression, caching, or network timing.
+If existing local headless tooling can cheaply provide actual transferred bytes,
+record it as supplementary evidence only.
+
+Add `npm run assets:report` as a non-failing reporting command. Do not establish hard
+CI limits until after optimization.
+
+Record M0 before values in evidence, including the known large sources and one fresh
+production build. Do not change image quality or references in M0.
+
+Acceptance: one command reproduces source/build top offenders and payload proxy, and
+the evidence file contains the before baseline.
+
+Final milestone validation: one fresh `npm run build` followed by one
+`npm run assets:report` and focused reporter tests if parsing logic needs tests.
+
+### M1 — Optimize static raster delivery
+
+Goal: ensure the browser receives appropriately sized/encoded media instead of
+multi-megabyte originals.
+
+Use Astro's `astro:assets` pipeline:
+
+- `<Picture>` for large screenshots/photographic content that benefits from AVIF and
+  WebP plus responsive widths;
+- `<Image>` for local raster images that only need optimized resizing;
+- `getImage()` for CSS backgrounds and other generated image URLs;
+- SVG for true vector icons/logos;
+- native `<img>` only for deliberately untransformed small assets where the reason
+  is self-evident.
+
+Make `sharp` an explicit dependency if necessary. Configure reasonable encoder
+options in `astro.config.mjs` only when a project-wide default is clearly beneficial;
+do not maximize compression effort at the expense of extreme build times.
+
+Optimize the home page first:
+
+- `home_tecdet.png`;
+- `home_coffee.png`;
+- `home_printer.png`;
+- hero imagery and `bghome_sitetc.png`;
+- `bg_wavesdark.png` and any other CSS background that currently uses a raw
+  `ImageMetadata.src` URL;
+- other home raster assets reported as material contributors.
+
+Preserve aspect ratios/intrinsic dimensions to avoid CLS. Keep below-fold imagery
+lazy. Do not lazy-load the critical LCP image when doing so would delay startup.
+
+Then use the report to find remaining local raster sources above 500 KiB on other
+pages and apply the same pattern where it materially reduces delivery.
+
+PNG crunching is a secondary optimization for assets that remain PNG. Use lossless
+or visually reviewed compression, remove unnecessary metadata, and resize site-only
+sources that are clearly overprovisioned. Do not destructively replace a large
+source with no recovery path when it has an identified archival/reuse purpose.
+Photographic content should not remain PNG merely for historical reasons when
+modern lossy delivered formats preserve the appearance.
+
+Targets after M1:
+
+- no ordinary delivered raster fallback over 1 MiB without a documented exception;
+- report a warning for ordinary generated raster output above 500 KiB;
+- reduce the representative delivered `home_tecdet` image by at least 90% relative
+  to its original source size;
+- reduce representative `home_coffee` delivery by at least 80%;
+- reduce the home static payload proxy at least 70% from M0, with a preferred target
+  below 3 MiB for representative desktop output.
+
+If a target causes visible degradation, record the quality/size tradeoff and choose
+the smallest visually acceptable output rather than blindly lowering quality.
+
+Acceptance: large site images are transformed responsively, the original 10.8 MB
+and 3 MB home sources are not normal delivered fallbacks, and targets pass or have
+explicit evidence-backed exceptions.
+
+Final milestone validation: run focused image/reporter tests if present,
+`npm run check`, one fresh build, `assets:report`, `npm run validate`, and targeted
+visual comparison only for pages changed in this milestone.
+
+### M2 — Replace oversized animated GIF delivery
+
+Goal: preserve animation while eliminating the roughly 8.3 MB GIF as a normal page
+resource.
+
+Locate every reference to `src/assets/led-totalcross.gif` and confirm its role. Make
+one-time WebM and MP4 derivatives using a deterministic conversion command recorded
+in evidence. Do not make FFmpeg a normal site-build dependency unless future source
+regeneration is explicitly required. Generate a compact poster when it improves
+loading/appearance.
+
+Replace the GIF with semantic video markup when behavior matches the current asset:
+`autoplay`, `muted`, `loop`, and `playsinline` as applicable. Use
+`preload="metadata"` or a more conservative option for below-fold media. Preserve
+rendered dimensions and responsive behavior.
+
+Keep/remove the original GIF based on remaining source/reference value. If it is no
+longer tracked, Git history plus the recorded conversion command must be sufficient
+to reproduce derivatives.
+
+Preserve the original asset's third-party/legacy REUSE classification for converted
+derivatives. Do not add Amalgam MIT ownership merely because the container format
+changed.
+
+Target: normal video/poster delivery is at least 75% smaller than the original GIF,
+preferably substantially more, without obvious playback regression.
+
+Acceptance: no normal page references the large GIF and animation behavior plus size
+reduction are recorded.
+
+Final milestone validation: one build, one asset report, `npm run validate`, and one
+targeted local playback/visual check. Do not rerun the full M1 visual matrix.
+
+### M3 — Enforce budgets and add the asset-optimization skill
+
+Goal: make optimized delivery the repository default rather than a one-time cleanup.
+
+Promote the reporter into stable commands:
+
+- `npm run assets:report` — concise non-failing inventory;
+- `npm run assets:check` — fails generated-output budget violations;
+- `npm run assets:test` — focused Node tests when budget/parser logic is non-trivial.
+
+Budgets primarily protect `dist/`. Large source masters may warn but should not fail
+when correctly transformed for delivery. If exceptions are required, use a small
+reviewed config with path, threshold, and reason rather than hidden filename logic.
+
+At minimum enforce:
+
+- ordinary generated raster hard limit established in M1;
+- warning threshold for large generated raster output;
+- no oversized GIF delivered by the site;
+- home static payload proxy stays within its post-M1 budget;
+- source media above review thresholds appears in reports.
+
+Add `npm run assets:check` after `npm run build` in both
+`.github/workflows/ci.yml` and `.github/workflows/pages.yml`. Extend
+`scripts/check-workflows.mjs` if it validates mandatory CI steps.
+
+Create `.agents/skills/asset-optimization/SKILL.md`. It should tell future agents to:
+
+- inspect source dimensions, rendered size, format, and page role before editing;
+- prefer Astro `Image`/`Picture`/`getImage` for local raster content;
+- use PNG crunching when PNG is actually justified;
+- prefer efficient web video over large GIF animation;
+- preserve asset copyright/license/provenance and use `license-validation` when
+  creating derivatives;
+- measure before/after bytes and document meaningful exceptions;
+- keep files/responsibilities small;
+- avoid repeated tests/builds and validate only at the relevant milestone boundary.
+
+Reference the new skill from `AGENTS.md` for image/media additions, oversized asset
+review, and CI budget failures.
+
+Acceptance: CI and Pages enforce the same budgets, workflow validation knows about
+the new step where appropriate, and the skill provides a short reusable procedure.
+
+Final milestone validation: run `assets:test`, `license:check:all`,
+`workflow:check`, `check`, one fresh build, `assets:check`, and `validate` once.
+
+### M4 — Patch release and optional production closure
+
+Goal: reconcile version/changelog and verify the published result when state-changing
+operations are authorized.
+
+Carry forward the `[Unreleased]` corrections from the previous visual-corrections
+plan. Add measured image/media/performance changes. Unless repository state has
+changed materially, prepare patch release `1.0.1` in `package.json`, lockfile, and
+`CHANGELOG.md` because this cycle fixes regressions/performance without introducing
+a new incompatible site capability.
+
+Before push, PR, merge, tag, or production verification, recheck remote `main`, the
+active branch, current tags, Pages workflow state, and unrelated local changes.
+Commits are part of normal execution; push/PR/merge/tag happen only when the
+execution goal or explicit user instruction authorizes them. Never move an existing
+tag or force-update `main`.
+
+Final Level 3 validation, once after all implementation is complete:
+
+    npm test
+    npm run license:check:all
+    npm run release:check
+    npm run workflow:check
+    npm run check
+    npm run build
+    npm run assets:check
+    npm run validate
+
+Use a clean clone only when closing an authorized release/deployment boundary. If
+production publication is authorized, verify the synchronous workflow result and
+then run `npm run production:check` plus a small production asset check. Confirm the
+large originals/GIF are not normal production resources and record actual production
+before/after observations when available. Browser tooling remains optional.
+
+Acceptance: version/changelog are coherent, final checks pass, measured reduction is
+recorded, and authorized production serves optimized media without route/visual
+regression.
+
+## Surprises & Discoveries
+
+- Observation: Astro image metadata imports were frequently reduced to native
+  `.src` URLs, bypassing the transformation benefit of `astro:assets`.
+  Evidence: record only confirmed affected paths/output URLs.
+
+- Observation: a few legacy assets dominate page bytes, so pipeline correction has
+  higher leverage than broad micro-optimization of already-small icons.
+  Evidence: preserve top-offender before/after table in the evidence file, not here.
+
+Move resolved items to archive at milestone boundaries.
+
+## Decision Log
+
+- Decision: fix delivery architecture first, then crunch sources that still benefit.
+  Rationale: responsive transformation prevents oversized originals from escaping
+  again and scales to future content.
+  Date: 2026-08-10.
+
+- Decision: use Astro `Picture`/`Image`/`getImage` and Sharp rather than a separate
+  image CDN/service for this static GitHub Pages site.
+  Rationale: current needs can be satisfied at build time without new runtime
+  infrastructure.
+  Date: 2026-08-10.
+
+- Decision: use video rather than attempting to preserve GIF as the delivery format
+  when animation parity is achievable.
+  Rationale: the observable animation matters; the legacy container format does not.
+  Date: 2026-08-10.
+
+- Decision: enforce budgets primarily on generated output while reporting large
+  source masters separately.
+  Rationale: user download cost is the primary defect, while source preservation can
+  sometimes be deliberate.
+  Date: 2026-08-10.
+
+## Validation and Acceptance
+
+Follow `AGENTS.md` levels. M0 is focused reporting. M1-M3 close at Level 3 only after
+each milestone implementation. M4 runs the combined Level 3 matrix once and uses
+Level 4 only for an authorized release/production boundary.
+
+Never turn the final matrix into a per-commit requirement. Save large logs outside
+the active plan; evidence stores command, revision, key byte counts, result, and
+limitation.
+
+Overall acceptance requires:
+
+- large raster pages no longer deliver original multi-megabyte source images as
+  ordinary fallbacks;
+- `led-totalcross.gif` is not a normal production download;
+- M1/M2 reduction targets pass or have explicit measured visual exceptions;
+- asset budgets run in PR CI and Pages build;
+- asset-optimization skill and AGENTS routing are present;
+- existing route, blog, licensing, favicon/icon, and visual-identity behavior remains
+  correct;
+- final release/site validations pass.
+
+## Risks and Open Questions
+
+- Some `src/assets/**` files are third-party/mixed provenance. Derivatives retain
+  those classifications.
+- Very large dimensions can trigger Sharp input-pixel safety limits. Prefer safely
+  resizing/crunching the specific source; do not globally disable limits without a
+  documented need.
+- AVIF can reduce size but increase build cost. Use measured, reasonable encoder
+  effort rather than maximum settings by default.
+- GIF timing/transparency may require conversion tuning. Preserve playback behavior,
+  not the GIF format.
+- Static payload proxy is a regression guard, not an exact browser/network model.
+  Keep that limitation explicit.
+
+## Idempotence and Recovery
+
+Reporting/check commands are read-only and safe to rerun. Astro writes transformed
+media only to generated `dist/`.
+
+One-time media conversion writes explicit new derivative paths and records the
+command/input hash before source removal. Do not silently overwrite reviewed media.
+
+If an optimization is visually unacceptable, revert only that asset/component slice
+and retain measurement evidence. Do not roll back unrelated corrections or budget
+tooling.
+
+License fixing stays conservative. Never mass-relicense brand/customer/third-party
+assets to solve a validation failure.
+
+Never force-update `main`, tags, or deployment refs. Recheck remote state before
+state-changing GitHub operations and preserve unrelated local work.
+
+## Outcomes & Retrospective
+
+At milestone closure record factual commits, byte reductions, budget results, and
+validations. Final report should compare the original dominant assets and home/page
+payload proxy with the delivered result, distinguish measurements from estimates,
+and identify remaining large media that was intentionally retained.
+
+## Revision Note
+
+2026-08-10: Split from the broader correction milestone so media/performance work is
+independently resumable and both active plans remain below repository soft size
+limits.
diff --git a/.agent/reports/post-migration-visual-corrections-editorial.md b/.agent/reports/post-migration-visual-corrections-editorial.md
new file mode 100644
index 00000000..c0cff42a
--- /dev/null
+++ b/.agent/reports/post-migration-visual-corrections-editorial.md
@@ -0,0 +1,86 @@
+<!--
+SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+SPDX-License-Identifier: MIT
+-->
+
+# Post-migration visual corrections editorial report
+
+## Editorial Summary
+
+The correction restored the small but highly visible identity details lost during
+the Astro cutover. Browsers now receive valid TotalCross favicon and application-icon
+metadata, the footer again communicates six social destinations through recognizable
+glyphs, and automatic SPDX ownership metadata remains in source without appearing in
+served page markup.
+
+## Original Plan versus Actual Outcome
+
+All M0-M3 correction outcomes were delivered without changing routes, content
+semantics, deployment architecture, or the site's established layout. Existing PWA
+icons supplied the canonical emblem for repaired derivatives. The legacy Font Awesome
+brand family was reused as build-time data rather than through React or browser code.
+
+## What Changed
+
+- Regenerated the malformed 32px PNG/ICO and added a matching 180px Apple-touch icon.
+- Completed shared head and manifest relationships for all existing icon sizes.
+- Added a small Astro component that emits six Font Awesome brand paths as static SVG.
+- Restored accessible names, titles, new-tab behavior, and noopener/noreferrer links.
+- Added source-only Astro and renderable Markdown/MDX SPDX placements and migration.
+- Made generated-site validation reject recognized emitted SPDX authoring comments.
+
+## Decisions and Trade-offs
+
+The footer retains its migrated circle treatment and dimensions, changing only the
+placeholder content and confirmed interaction behavior. The Twitter bird from the
+legacy implementation remains the selected glyph and is labeled “X (Twitter)” for
+current clarity. Font Awesome adds a build dependency but no shipped runtime; its
+CC BY 4.0/MIT provenance is recorded explicitly.
+
+## Unexpected Problems and Discoveries
+
+The 32px favicon was not merely stale: it visibly contained only a small red mark,
+while the 192px and larger icon set preserved the full emblem. Four Astro templates
+used an approved legacy SPDX comment without the blank line used elsewhere. A focused
+regression test expanded migration only to that verified whitespace variant.
+
+## Validation and Measurable Results
+
+The icon milestone produced zero Astro diagnostics, 18 native pages, all 14 legacy
+routes, 20 prepared HTML files, zero broken links, four required head relationships,
+six protected social SVG links, eight manifest icons, and zero client scripts. The
+license milestone passed 11 focused tests and accepted 151/151 policy files; all 20
+generated HTML documents contain zero recognized authoring-header comments.
+
+## Useful Evidence and Examples
+
+Compact command results and screenshot hashes are in
+`.agent/evidence/post-migration-visual-corrections.md`. Desktop/mobile captures under
+`.agent/evidence/screenshots/` show the restored footer in the unchanged homepage.
+Completed implementation detail is in the corresponding archive history.
+
+## Limitations, Remaining Work, and Open Questions
+
+Interactive favicon cache behavior may still require a human hard-refresh check, but
+the generated files, dimensions, MIME formats, relationships, and production markup
+are deterministic. Large raster and animation payloads are intentionally unchanged
+here and are the complete scope of the next asset-performance ExecPlan.
+
+## Possible Article Angles
+
+- Why tiny migration regressions deserve generated-output contracts.
+- Keeping SPDX metadata enforceable without shipping it in every page.
+- Replacing a React icon runtime with static Astro SVG while preserving provenance.
+
+## Suggested Narrative
+
+Frame this as finishing work after a successful platform migration: the major routes
+were correct, but identity affordances and invisible source metadata still needed a
+purpose-built correction rather than being dismissed as cosmetic details.
+
+## Claims Requiring Human Review
+
+Brand owners should confirm long-term use of the legacy Twitter glyph versus an X
+glyph. Legal reviewers may independently verify Font Awesome attribution language;
+the implementation retains the package's published license metadata and does not
+claim ownership of any social mark.
diff --git a/.agent/state/post-migration-visual-corrections.md b/.agent/state/post-migration-visual-corrections.md
new file mode 100644
index 00000000..745f2ac7
--- /dev/null
+++ b/.agent/state/post-migration-visual-corrections.md
@@ -0,0 +1,26 @@
+<!--
+SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+SPDX-License-Identifier: MIT
+-->
+
+# Post-migration visual corrections state
+
+- Active milestone: none — M0-M3 are complete.
+- Active slice: none; handoff is ready for
+  `.agent/plans/site-asset-performance-optimization.md`.
+- Last completed logical slice: M3 changelog, editorial report, and Level 3 closure.
+- Active paths: none for this plan.
+- Next concrete action: create/read the asset-performance state and execute that
+  ExecPlan from its M0 baseline without revisiting this completed audit.
+- Focused validation completed: final Level 3 passed 17 tests; 151/151 all-files
+  licenses; release/workflow checks; zero Astro diagnostics; 18 built pages; 14 routes
+  and 20 HTML documents with zero broken links and zero rendered SPDX headers; full
+  content/feed/sitemap assertions.
+- Deferred validation: production publication and `v1.0.1` belong to the combined
+  correction release after the asset-performance plan.
+- Active decisions: Astro uses block comments inside frontmatter; renderable blog
+  Markdown/MDX uses YAML comments inside frontmatter; mapped Tecdet ownership values
+  were preserved verbatim.
+- Blockers: none.
+- Deliberate out of scope: image payload optimization belongs to the next ExecPlan.
+- Resume command: `sed -n '1,180p' .agent/state/post-migration-visual-corrections.md && git status --short --branch`.
diff --git a/.agent/state/site-asset-performance-optimization.md b/.agent/state/site-asset-performance-optimization.md
new file mode 100644
index 00000000..84f58cb0
--- /dev/null
+++ b/.agent/state/site-asset-performance-optimization.md
@@ -0,0 +1,32 @@
+<!--
+SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+SPDX-License-Identifier: MIT
+-->
+
+# Site asset performance optimization state
+
+- Active milestone: M4 — prepare v1.0.1 and complete review/deployment closure.
+- Active slice: Level 3 release candidate is complete; recheck remote/tags/workflows,
+  commit the candidate, then prove it in a clean clone before push/PR/merge/deploy.
+- Last completed logical slice: M3 tested generated-output budgets now run after builds
+  in PR CI and Pages; the repository asset-optimization skill is routed from `AGENTS.md`.
+- Active paths: package release metadata, changelog, release checker, plan reporting,
+  then clean-clone/GitHub/production evidence.
+- Next concrete action: run targeted license/diff checks, commit the v1.0.1 candidate,
+  recheck remote state, and execute the Level 4 clean-clone matrix.
+- Focused validation completed: skill validation passed; assets tests 4/4; license
+  coverage 170/170; workflow policy passed; Astro checked 54 files with zero
+  diagnostics; Node 24 built 18 pages; asset and site/content checks passed.
+- Budget evidence: generated media is 4,882,580/6,291,456 bytes; home is
+  2,111,330/3,145,728; get-started is 1,647,783/2,097,152; zero hard failures and two
+  warnings at 605,226 and 727,056 bytes under the 1 MiB raster ceiling.
+- Final Level 3: 17 tests passed; license coverage 174/174; release/workflow checks
+  passed; Astro checked 54 files with zero diagnostics; Node 24 built 18 pages; asset,
+  route/link/SPDX, and content checks passed.
+- Deferred validation: Level 4 clean clone, PR checks, merged Pages deployment,
+  production HTTP/asset proof, final closure reporting, and v1.0.1 tag.
+- Active decisions: release through normal review without bypass; tag only the exact
+  deployed source commit after production proof; Browser remains optional and unused.
+- Blockers: none.
+- Deliberate out of scope: no v1.0.2 feature work or unrelated redesign in this cycle.
+- Resume command: `sed -n '1,180p' .agent/state/site-asset-performance-optimization.md && git status --short --branch`.
diff --git a/.agents/skills/asset-optimization/SKILL.md b/.agents/skills/asset-optimization/SKILL.md
new file mode 100644
index 00000000..b06a753c
--- /dev/null
+++ b/.agents/skills/asset-optimization/SKILL.md
@@ -0,0 +1,36 @@
+---
+name: asset-optimization
+description: Optimize and validate media delivery in the TotalCross Astro website. Use when adding or replacing raster images, animation, or video; changing Astro Image, Picture, or getImage usage; investigating asset-size or page-payload budget failures; or reviewing source-versus-generated media provenance.
+---
+<!--
+SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+SPDX-License-Identifier: MIT
+-->
+
+# Asset optimization
+
+Measure generated delivery, preserve provenance, and keep optimization changes tied to
+the page that consumes each asset.
+
+## Workflow
+
+1. Read the active ExecPlan state and inspect the current asset report before editing.
+2. Locate page references with `rg`; do not scan or rewrite unrelated media.
+3. Preserve historical `src/assets/**` provenance under `REUSE.toml`. Run the
+   license-validation skill for new derivatives or moved files.
+4. Prefer Astro `Picture` for responsive AVIF/WebP photographic content, `Image` for
+   optimized local images, and `getImage` for CSS backgrounds. Keep intrinsic sizes,
+   eager-load only the LCP asset, and lazy-load below-fold images.
+5. Replace large animated GIF delivery with WebM plus MP4 fallback and a compact
+   poster. Record deterministic conversion commands; do not add ffmpeg to normal builds.
+6. Complete the coherent slice before final validation. Run `npm run assets:test`,
+   `npm run license:check`, `npm run workflow:check`, `npm run check`, one fresh
+   `npm run build`, `npm run assets:check`, then `npm run validate` as required by the
+   active milestone.
+
+## Budget policy
+
+Treat `scripts/assets/budgets.mjs` as canonical. Hard limits apply to generated
+`dist/` output and representative fallback-resource proxies. Source masters remain
+report-only when normal page delivery is transformed. Keep warnings visible; add a
+reviewed path-specific exception only when measured visual quality justifies one.
diff --git a/.agents/skills/asset-optimization/agents/openai.yaml b/.agents/skills/asset-optimization/agents/openai.yaml
new file mode 100644
index 00000000..b7eec87b
--- /dev/null
+++ b/.agents/skills/asset-optimization/agents/openai.yaml
@@ -0,0 +1,7 @@
+# SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+# SPDX-License-Identifier: MIT
+
+interface:
+  display_name: "Asset Optimization"
+  short_description: "Optimize and enforce website asset budgets"
+  default_prompt: "Use $asset-optimization to optimize site media and verify generated asset budgets."
diff --git a/.agents/skills/license-validation/SKILL.md b/.agents/skills/license-validation/SKILL.md
index 13adb9a9..9a4dc742 100644
--- a/.agents/skills/license-validation/SKILL.md
+++ b/.agents/skills/license-validation/SKILL.md
@@ -44,3 +44,8 @@ The fixer may add known project/editorial headers and normalize exact duplicates
 It must refuse different holders, unknown licenses, partial metadata, third-party
 notices, and brand classifications. Treat refusal as a request for human ownership
 review, not as permission to weaken the check.
+
+For renderable authored formats, metadata stays source-only: Astro block headers live
+inside Astro frontmatter, and blog Markdown/MDX uses YAML comments inside content
+frontmatter. The fixer may migrate only the exact known legacy HTML-comment form into
+those placements; conflicting or unrelated comments remain a refusal.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 066ec6e3..5c7f03af 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -30,6 +30,7 @@ jobs:
       - run: npm run release:check
       - run: npm run check
       - run: npm run build
+      - run: npm run assets:check
       - run: npm run validate
       - name: Package Pages artifact
         uses: actions/upload-pages-artifact@v4
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
index 43a68865..28a20b01 100644
--- a/.github/workflows/pages.yml
+++ b/.github/workflows/pages.yml
@@ -36,6 +36,7 @@ jobs:
       - run: npm run release:check
       - run: npm run check
       - run: npm run build
+      - run: npm run assets:check
       - run: npm run validate
       - name: Configure GitHub Pages
         uses: actions/configure-pages@v5
diff --git a/AGENTS.md b/AGENTS.md
index 0d95a933..4b2e7b92 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -12,6 +12,8 @@ the plan sections and repository paths needed for the next slice.
 Use `.agents/skills/license-validation/SKILL.md` whenever files are created, moved,
 split, or relicensed, or when license validation fails. Use
 `.agents/skills/logical-commits/SKILL.md` before staging or committing changes.
+Use `.agents/skills/asset-optimization/SKILL.md` when adding or replacing site media,
+changing Astro image delivery, or investigating asset-budget failures.
 
 Keep implementation and active planning files ideally below 20 KB or about 600
 lines. Split focused responsibilities when that improves maintainability. Preserve
diff --git a/CHANGELOG.md b/CHANGELOG.md
index f082f6ce..31f455d8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,7 +12,27 @@ capability and compatibility releases.
 
 ## [Unreleased]
 
-No unreleased changes.
+## [1.0.1] - 2026-08-10
+
+### Fixed
+
+- Restored complete TotalCross favicon, Apple-touch, and web-manifest icon metadata
+  from the existing brand emblem.
+- Replaced footer social-network initials with accessible static brand SVGs and
+  restored protected new-tab behavior for external destinations.
+- Kept authored Astro and blog SPDX metadata machine-verifiable in source frontmatter
+  without repeatedly emitting those headers into generated HTML.
+
+### Changed
+
+- Routed large photographic content and CSS backgrounds through responsive Astro
+  AVIF/WebP generation while preserving intrinsic dimensions and lazy/LCP behavior.
+- Replaced the 8.3 MB embedded-project GIF with accessible WebM/MP4 video and a WebP
+  poster totaling 461 KB, preserving its animation and responsive presentation.
+- Added deterministic source/generated media reporting and enforced generated-output
+  budgets in pull-request CI and GitHub Pages builds.
+- Reduced the homepage fallback-resource proxy from 16.34 MiB to 2.01 MiB and the
+  get-started proxy from 9.07 MiB to 1.57 MiB.
 
 ## [1.0.0] - 2026-08-10
 
diff --git a/NOTICE.md b/NOTICE.md
index 2a61803f..09000017 100644
--- a/NOTICE.md
+++ b/NOTICE.md
@@ -32,3 +32,8 @@ automatically relicensed.
 comment headers and for excluded or third-party groups. Existing third-party notices
 must be preserved when files are copied or transformed. Questions about ownership
 or permission require human review; automation must never guess.
+
+Footer social glyphs are rendered at build time from Font Awesome Free Brands. Font
+Awesome code is MIT-licensed and its free icon artwork is licensed under CC BY 4.0;
+the referenced social-network names and marks remain trademarks of their respective
+owners. No Font Awesome client runtime is shipped by the site.
diff --git a/REUSE.toml b/REUSE.toml
index 79d93b42..704cdf01 100644
--- a/REUSE.toml
+++ b/REUSE.toml
@@ -49,6 +49,7 @@ SPDX-License-Identifier = "LicenseRef-ThirdParty-Material"
 [[annotations]]
 path = [
   "src/assets/logo-totalcross.png",
+  "public/apple-touch-icon.png",
   "public/favicon.ico",
   "public/favicon-32x32.png",
   "public/icons/**",
diff --git a/package-lock.json b/package-lock.json
index 786f5334..e970269b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "totalcross-site",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "totalcross-site",
-      "version": "1.0.0",
+      "version": "1.0.1",
       "license": "MIT",
       "dependencies": {
         "typeface-merriweather": "0.0.72",
@@ -17,7 +17,9 @@
         "@astrojs/mdx": "^7.0.5",
         "@astrojs/rss": "^4.0.19",
         "@astrojs/sitemap": "^3.7.3",
+        "@fortawesome/free-brands-svg-icons": "7.3.1",
         "astro": "^7.2.0",
+        "sharp": "0.35.3",
         "typescript": "^6.0.3"
       },
       "engines": {
@@ -2204,13 +2206,35 @@
         "node": ">=18"
       }
     },
+    "node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.3.1.tgz",
+      "integrity": "sha512-k0C0sdHmZtAo6dRDtd1Z/qcpyHbL0CKsjV8seMY/21xGhY5Wsv0XRmiI/xEEH4y2c9b1+jvgNs/3EqhV27yUEA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-brands-svg-icons": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-7.3.1.tgz",
+      "integrity": "sha512-8eiNzycuFhy3mZsi5EVO8JpO3H8l7/kSCl4Gk4iUew9hJuzYFqAAD6kqgeEup3+YZ9hL+5cjjorGzrRLkYuURg==",
+      "dev": true,
+      "license": "(CC-BY-4.0 AND MIT)",
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "7.3.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@img/colour": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
       "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=18"
       }
@@ -4051,17 +4075,6 @@
       "dev": true,
       "license": "CC0-1.0"
     },
-    "node_modules/astro/node_modules/detect-libc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
-      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "optional": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/astro/node_modules/diff": {
       "version": "8.0.4",
       "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.4.tgz",
@@ -4267,70 +4280,6 @@
         "node": ">=11.0.0"
       }
     },
-    "node_modules/astro/node_modules/semver": {
-      "version": "7.8.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
-      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/astro/node_modules/sharp": {
-      "version": "0.35.3",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.35.3.tgz",
-      "integrity": "sha512-ej0zVHuZGHCiABXcNxeYhpRnPNPAcvbG8RMdBAhDAxLKkCRVSpK3Iyu7qbqw3JMzoj0REeM6f3tJLtVwl0023Q==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "optional": true,
-      "dependencies": {
-        "@img/colour": "^1.1.0",
-        "detect-libc": "^2.1.2",
-        "semver": "^7.8.5"
-      },
-      "engines": {
-        "node": ">=20.9.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-darwin-arm64": "0.35.3",
-        "@img/sharp-darwin-x64": "0.35.3",
-        "@img/sharp-freebsd-wasm32": "0.35.3",
-        "@img/sharp-libvips-darwin-arm64": "1.3.2",
-        "@img/sharp-libvips-darwin-x64": "1.3.2",
-        "@img/sharp-libvips-linux-arm": "1.3.2",
-        "@img/sharp-libvips-linux-arm64": "1.3.2",
-        "@img/sharp-libvips-linux-ppc64": "1.3.2",
-        "@img/sharp-libvips-linux-riscv64": "1.3.2",
-        "@img/sharp-libvips-linux-s390x": "1.3.2",
-        "@img/sharp-libvips-linux-x64": "1.3.2",
-        "@img/sharp-libvips-linuxmusl-arm64": "1.3.2",
-        "@img/sharp-libvips-linuxmusl-x64": "1.3.2",
-        "@img/sharp-linux-arm": "0.35.3",
-        "@img/sharp-linux-arm64": "0.35.3",
-        "@img/sharp-linux-ppc64": "0.35.3",
-        "@img/sharp-linux-riscv64": "0.35.3",
-        "@img/sharp-linux-s390x": "0.35.3",
-        "@img/sharp-linux-x64": "0.35.3",
-        "@img/sharp-linuxmusl-arm64": "0.35.3",
-        "@img/sharp-linuxmusl-x64": "0.35.3",
-        "@img/sharp-webcontainers-wasm32": "0.35.3",
-        "@img/sharp-win32-arm64": "0.35.3",
-        "@img/sharp-win32-ia32": "0.35.3",
-        "@img/sharp-win32-x64": "0.35.3"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/astro/node_modules/svgo": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/svgo/-/svgo-4.0.2.tgz",
@@ -4691,6 +4640,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/devalue": {
       "version": "5.9.0",
       "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.9.0.tgz",
@@ -6236,16 +6195,6 @@
         "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/lightningcss/node_modules/detect-libc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
-      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/magic-string": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-1.1.0.tgz",
@@ -9984,6 +9933,69 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.35.3.tgz",
+      "integrity": "sha512-ej0zVHuZGHCiABXcNxeYhpRnPNPAcvbG8RMdBAhDAxLKkCRVSpK3Iyu7qbqw3JMzoj0REeM6f3tJLtVwl0023Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@img/colour": "^1.1.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.8.5"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.35.3",
+        "@img/sharp-darwin-x64": "0.35.3",
+        "@img/sharp-freebsd-wasm32": "0.35.3",
+        "@img/sharp-libvips-darwin-arm64": "1.3.2",
+        "@img/sharp-libvips-darwin-x64": "1.3.2",
+        "@img/sharp-libvips-linux-arm": "1.3.2",
+        "@img/sharp-libvips-linux-arm64": "1.3.2",
+        "@img/sharp-libvips-linux-ppc64": "1.3.2",
+        "@img/sharp-libvips-linux-riscv64": "1.3.2",
+        "@img/sharp-libvips-linux-s390x": "1.3.2",
+        "@img/sharp-libvips-linux-x64": "1.3.2",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.3.2",
+        "@img/sharp-libvips-linuxmusl-x64": "1.3.2",
+        "@img/sharp-linux-arm": "0.35.3",
+        "@img/sharp-linux-arm64": "0.35.3",
+        "@img/sharp-linux-ppc64": "0.35.3",
+        "@img/sharp-linux-riscv64": "0.35.3",
+        "@img/sharp-linux-s390x": "0.35.3",
+        "@img/sharp-linux-x64": "0.35.3",
+        "@img/sharp-linuxmusl-arm64": "0.35.3",
+        "@img/sharp-linuxmusl-x64": "0.35.3",
+        "@img/sharp-webcontainers-wasm32": "0.35.3",
+        "@img/sharp-win32-arm64": "0.35.3",
+        "@img/sharp-win32-ia32": "0.35.3",
+        "@img/sharp-win32-x64": "0.35.3"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/shiki": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/shiki/-/shiki-4.4.3.tgz",
@@ -10253,19 +10265,6 @@
         "semver": "^7.3.8"
       }
     },
-    "node_modules/typescript-auto-import-cache/node_modules/semver": {
-      "version": "7.8.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
-      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/ufo": {
       "version": "1.6.4",
       "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.4.tgz",
@@ -10581,19 +10580,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/volar-service-typescript/node_modules/semver": {
-      "version": "7.8.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
-      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/volar-service-yaml": {
       "version": "0.0.71",
       "resolved": "https://registry.npmjs.org/volar-service-yaml/-/volar-service-yaml-0.0.71.tgz",
diff --git a/package.json b/package.json
index 49f9203c..d5dbf4a2 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "totalcross-site",
   "private": true,
   "description": "Source for the TotalCross project website at totalcross.com.",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "author": "TotalCross",
   "bugs": {
     "url": "https://github.com/TotalCross/totalcross.github.io/issues"
@@ -16,7 +16,9 @@
     "@astrojs/mdx": "^7.0.5",
     "@astrojs/rss": "^4.0.19",
     "@astrojs/sitemap": "^3.7.3",
+    "@fortawesome/free-brands-svg-icons": "7.3.1",
     "astro": "^7.2.0",
+    "sharp": "0.35.3",
     "typescript": "^6.0.3"
   },
   "homepage": "https://totalcross.com",
@@ -35,6 +37,9 @@
     "node": ">=22.12.0"
   },
   "scripts": {
+    "assets:report": "node scripts/asset-validation.mjs",
+    "assets:check": "node scripts/asset-validation.mjs --check",
+    "assets:test": "node --test scripts/assets/*.test.mjs",
     "build": "astro build && node scripts/prepare-dist.mjs",
     "check": "astro check",
     "cross-post": "node scripts/cross-post.mjs",
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 00000000..f520c90f
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
index dcda1fa4..d6466c87 100644
Binary files a/public/favicon-32x32.png and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 85a4d9fa..3868bc25 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
index 5f4f265b..a0d31683 100644
--- a/public/manifest.webmanifest
+++ b/public/manifest.webmanifest
@@ -1 +1,21 @@
-{"name":"TotalCross SDK","short_name":"TotalCross","start_url":"/","background_color":"#ffffff","theme_color":"#663399","display":"minimal-ui","cacheDigest":"afaaf00b5418aab214a4d4aee812fae7","icons":[{"src":"icons/icon-48x48.png?v=afaaf00b5418aab214a4d4aee812fae7","sizes":"48x48","type":"image/png"},{"src":"icons/icon-72x72.png?v=afaaf00b5418aab214a4d4aee812fae7","sizes":"72x72","type":"image/png"},{"src":"icons/icon-96x96.png?v=afaaf00b5418aab214a4d4aee812fae7","sizes":"96x96","type":"image/png"},{"src":"icons/icon-144x144.png?v=afaaf00b5418aab214a4d4aee812fae7","sizes":"144x144","type":"image/png"},{"src":"icons/icon-192x192.png?v=afaaf00b5418aab214a4d4aee812fae7","sizes":"192x192","type":"image/png"},{"src":"icons/icon-256x256.png?v=afaaf00b5418aab214a4d4aee812fae7","sizes":"256x256","type":"image/png"},{"src":"icons/icon-384x384.png?v=afaaf00b5418aab214a4d4aee812fae7","sizes":"384x384","type":"image/png"},{"src":"icons/icon-512x512.png?v=afaaf00b5418aab214a4d4aee812fae7","sizes":"512x512","type":"image/png"}]}
\ No newline at end of file
+{
+  "name": "TotalCross SDK",
+  "short_name": "TotalCross",
+  "description": "TotalCross cross-platform development framework",
+  "id": "/",
+  "start_url": "/",
+  "scope": "/",
+  "background_color": "#ffffff",
+  "theme_color": "#212121",
+  "display": "minimal-ui",
+  "icons": [
+    { "src": "/icons/icon-48x48.png", "sizes": "48x48", "type": "image/png", "purpose": "any" },
+    { "src": "/icons/icon-72x72.png", "sizes": "72x72", "type": "image/png", "purpose": "any" },
+    { "src": "/icons/icon-96x96.png", "sizes": "96x96", "type": "image/png", "purpose": "any" },
+    { "src": "/icons/icon-144x144.png", "sizes": "144x144", "type": "image/png", "purpose": "any" },
+    { "src": "/icons/icon-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
+    { "src": "/icons/icon-256x256.png", "sizes": "256x256", "type": "image/png", "purpose": "any" },
+    { "src": "/icons/icon-384x384.png", "sizes": "384x384", "type": "image/png", "purpose": "any" },
+    { "src": "/icons/icon-512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" }
+  ]
+}
diff --git a/scripts/asset-validation.mjs b/scripts/asset-validation.mjs
new file mode 100644
index 00000000..bdc235bc
--- /dev/null
+++ b/scripts/asset-validation.mjs
@@ -0,0 +1,48 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
+import { existsSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { evaluateAssetBudgets } from "./assets/budgets.mjs";
+import { formatBytes, generatedMedia, representativePages, sourceMedia } from "./assets/report.mjs";
+
+const root = fileURLToPath(new URL("../", import.meta.url));
+const topCount = 12;
+const checking = process.argv.includes("--check");
+
+function printInventory(label, items) {
+  const total = items.reduce((sum, item) => sum + item.bytes, 0);
+  console.log(`${label}: files=${items.length} bytes=${total} (${formatBytes(total)})`);
+  for (const item of items.slice(0, topCount)) {
+    console.log(`  ${item.bytes}\t${item.dimensions ?? "-"}\t${item.extension}\t${item.path}`);
+  }
+}
+
+const source = await sourceMedia(root);
+printInventory("source-media", source);
+
+if (existsSync(new URL("../dist/", import.meta.url))) {
+  const generated = await generatedMedia(root);
+  const pages = representativePages(root);
+  const result = evaluateAssetBudgets(generated, pages);
+  printInventory("generated-media", generated);
+  for (const warning of result.warnings) console.log(`warning: ${warning}`);
+  for (const page of pages) {
+    console.log(`payload-proxy: route=${page.route} files=${page.files.length} bytes=${page.bytes} (${formatBytes(page.bytes)}) selection=fallback-only`);
+  }
+  if (checking) {
+    for (const failure of result.failures) console.error(`error: ${failure}`);
+    if (result.failures.length) process.exitCode = 1;
+    else console.log(`asset-check: status=pass failures=0 warnings=${result.warnings.length}`);
+  }
+} else {
+  const message = "generated-media: absent (run npm run build before measuring output)";
+  if (checking) {
+    console.error(`error: ${message}`);
+    process.exitCode = 1;
+  } else {
+    console.log(message);
+  }
+}
diff --git a/scripts/assets/budgets.mjs b/scripts/assets/budgets.mjs
new file mode 100644
index 00000000..3b9ef61d
--- /dev/null
+++ b/scripts/assets/budgets.mjs
@@ -0,0 +1,51 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
+const MiB = 1024 ** 2;
+const KiB = 1024;
+
+export const assetBudgets = Object.freeze({
+  generatedMediaBytes: 6 * MiB,
+  generatedRasterBytes: 1 * MiB,
+  generatedGifBytes: 256 * KiB,
+  warningRasterBytes: 500 * KiB,
+  payloadProxyBytes: Object.freeze({
+    "/": 3 * MiB,
+    "/get-started/": 2 * MiB,
+  }),
+});
+
+const rasterExtensions = new Set([".avif", ".jpeg", ".jpg", ".png", ".webp"]);
+
+export function evaluateAssetBudgets(generated, pages, budgets = assetBudgets) {
+  const failures = [];
+  const warnings = [];
+  const totalBytes = generated.reduce((sum, item) => sum + item.bytes, 0);
+
+  if (totalBytes > budgets.generatedMediaBytes) {
+    failures.push(`generated-media-over-budget bytes=${totalBytes} limit=${budgets.generatedMediaBytes}`);
+  }
+
+  for (const item of [...generated].sort((left, right) => left.path.localeCompare(right.path))) {
+    if (rasterExtensions.has(item.extension) && item.bytes > budgets.warningRasterBytes) {
+      warnings.push(`generated-raster-over-500KiB bytes=${item.bytes} path=${item.path}`);
+    }
+    if (rasterExtensions.has(item.extension) && item.bytes > budgets.generatedRasterBytes) {
+      failures.push(`generated-raster-over-budget bytes=${item.bytes} limit=${budgets.generatedRasterBytes} path=${item.path}`);
+    }
+    if (item.extension === ".gif" && item.bytes > budgets.generatedGifBytes) {
+      failures.push(`generated-gif-over-budget bytes=${item.bytes} limit=${budgets.generatedGifBytes} path=${item.path}`);
+    }
+  }
+
+  for (const page of [...pages].sort((left, right) => left.route.localeCompare(right.route))) {
+    const limit = budgets.payloadProxyBytes[page.route];
+    if (limit !== undefined && page.bytes > limit) {
+      failures.push(`payload-proxy-over-budget route=${page.route} bytes=${page.bytes} limit=${limit}`);
+    }
+  }
+
+  return { failures, warnings };
+}
diff --git a/scripts/assets/budgets.test.mjs b/scripts/assets/budgets.test.mjs
new file mode 100644
index 00000000..6ac36ca6
--- /dev/null
+++ b/scripts/assets/budgets.test.mjs
@@ -0,0 +1,36 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
+import assert from "node:assert/strict";
+import test from "node:test";
+import { assetBudgets, evaluateAssetBudgets } from "./budgets.mjs";
+
+const media = (path, extension, bytes) => ({ path, extension, bytes });
+
+test("accepts the measured generated artifact within explicit budgets", () => {
+  const result = evaluateAssetBudgets(
+    [media("_astro/photo.webp", ".webp", 600 * 1024), media("_astro/demo.webm", ".webm", 200 * 1024)],
+    [{ route: "/", bytes: 2 * 1024 ** 2 }, { route: "/get-started/", bytes: 1.5 * 1024 ** 2 }],
+  );
+  assert.deepEqual(result.failures, []);
+  assert.deepEqual(result.warnings, ["generated-raster-over-500KiB bytes=614400 path=_astro/photo.webp"]);
+});
+
+test("reports deterministic hard-limit failures", () => {
+  const result = evaluateAssetBudgets(
+    [
+      media("_astro/large.png", ".png", assetBudgets.generatedRasterBytes + 1),
+      media("_astro/legacy.gif", ".gif", assetBudgets.generatedGifBytes + 1),
+      media("_astro/padding.webm", ".webm", assetBudgets.generatedMediaBytes),
+    ],
+    [{ route: "/", bytes: assetBudgets.payloadProxyBytes["/"] + 1 }],
+  );
+  assert.deepEqual(result.failures, [
+    `generated-media-over-budget bytes=7602178 limit=${assetBudgets.generatedMediaBytes}`,
+    `generated-raster-over-budget bytes=${assetBudgets.generatedRasterBytes + 1} limit=${assetBudgets.generatedRasterBytes} path=_astro/large.png`,
+    `generated-gif-over-budget bytes=${assetBudgets.generatedGifBytes + 1} limit=${assetBudgets.generatedGifBytes} path=_astro/legacy.gif`,
+    `payload-proxy-over-budget route=/ bytes=${assetBudgets.payloadProxyBytes["/"] + 1} limit=${assetBudgets.payloadProxyBytes["/"]}`,
+  ]);
+});
diff --git a/scripts/assets/report.mjs b/scripts/assets/report.mjs
new file mode 100644
index 00000000..30a3ac4f
--- /dev/null
+++ b/scripts/assets/report.mjs
@@ -0,0 +1,139 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
+import { execFileSync } from "node:child_process";
+import { existsSync, readFileSync, readdirSync, statSync } from "node:fs";
+import { dirname, extname, join, relative, resolve, sep } from "node:path";
+import sharp from "sharp";
+
+export const mediaExtensions = new Set([
+  ".avif", ".gif", ".ico", ".jpeg", ".jpg", ".mp4", ".png", ".svg", ".webm", ".webp",
+]);
+
+export function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 ** 2) return `${(bytes / 1024).toFixed(1)} KiB`;
+  return `${(bytes / 1024 ** 2).toFixed(2)} MiB`;
+}
+
+function walk(directory) {
+  if (!existsSync(directory)) return [];
+  return readdirSync(directory, { withFileTypes: true }).flatMap((entry) => {
+    const path = join(directory, entry.name);
+    return entry.isDirectory() ? walk(path) : [path];
+  });
+}
+
+async function mediaRecord(root, path) {
+  let dimensions = null;
+  if (![".ico", ".mp4", ".svg", ".webm"].includes(extname(path).toLowerCase())) {
+    try {
+      const metadata = await sharp(path, { animated: true }).metadata();
+      if (metadata.width && metadata.height) dimensions = `${metadata.width}x${metadata.height}`;
+    } catch {
+      dimensions = null;
+    }
+  }
+  return {
+    path: relative(root, path).split(sep).join("/"),
+    extension: extname(path).toLowerCase(),
+    bytes: statSync(path).size,
+    dimensions,
+  };
+}
+
+async function records(root, paths) {
+  const result = await Promise.all(paths.map((path) => mediaRecord(root, path)));
+  return result.sort((left, right) => right.bytes - left.bytes || left.path.localeCompare(right.path));
+}
+
+export async function sourceMedia(root) {
+  const output = execFileSync("git", ["ls-files", "-z", "src/assets", "public"], {
+    cwd: root,
+    encoding: "utf8",
+  });
+  const paths = output
+    .split("\0")
+    .filter(Boolean)
+    .filter((path) => mediaExtensions.has(extname(path).toLowerCase()))
+    .map((path) => join(root, path));
+  return records(root, paths);
+}
+
+export async function generatedMedia(root) {
+  const dist = join(root, "dist");
+  const paths = walk(dist).filter((path) => mediaExtensions.has(extname(path).toLowerCase()));
+  return records(dist, paths);
+}
+
+function cleanReference(reference) {
+  if (!reference || /^(?:[a-z]+:|#|\/\/|data:)/i.test(reference)) return null;
+  return reference.split(/[?#]/)[0];
+}
+
+function htmlReferences(source) {
+  const references = [];
+  for (const match of source.matchAll(/<(?:img|script|source|video)\b[^>]*?\b(?:src|poster)="([^"]+)"/gi)) {
+    references.push(match[1]);
+  }
+  for (const match of source.matchAll(/<link\b([^>]*?)>/gi)) {
+    const rel = match[1].match(/\brel="([^"]+)"/i)?.[1] ?? "";
+    const href = match[1].match(/\bhref="([^"]+)"/i)?.[1];
+    if (href && /(?:stylesheet|icon|manifest|preload)/i.test(rel)) references.push(href);
+  }
+  return references;
+}
+
+function cssReferences(source) {
+  return [...source.matchAll(/url\((?:"|')?([^"')]+)(?:"|')?\)/g)].map((match) => match[1]);
+}
+
+function resolveReference(dist, owner, reference) {
+  const clean = cleanReference(reference);
+  if (!clean) return null;
+  const path = clean.startsWith("/") ? resolve(dist, clean.slice(1)) : resolve(dirname(owner), clean);
+  const distPrefix = `${resolve(dist)}${sep}`;
+  if (!path.startsWith(distPrefix) || !existsSync(path) || !statSync(path).isFile()) return null;
+  return path;
+}
+
+export function payloadProxy(dist, htmlPath) {
+  const pending = [htmlPath];
+  const included = new Set();
+
+  while (pending.length) {
+    const path = pending.shift();
+    if (included.has(path)) continue;
+    included.add(path);
+    const extension = extname(path).toLowerCase();
+    if (extension !== ".html" && extension !== ".css") continue;
+    const source = readFileSync(path, "utf8");
+    const references = extension === ".html" ? htmlReferences(source) : cssReferences(source);
+    for (const reference of references) {
+      const resolved = resolveReference(dist, path, reference);
+      if (resolved && !included.has(resolved)) pending.push(resolved);
+    }
+  }
+
+  const files = [...included].sort();
+  return {
+    bytes: files.reduce((total, path) => total + statSync(path).size, 0),
+    files,
+  };
+}
+
+export function representativePages(root) {
+  const dist = join(root, "dist");
+  if (!existsSync(dist)) return [];
+  const html = walk(dist).filter((path) => extname(path) === ".html");
+  const pages = new Map([["/", join(dist, "index.html")]]);
+  for (const path of html) {
+    if (!readFileSync(path, "utf8").includes("led-totalcross")) continue;
+    const relativePath = relative(dist, path).split(sep).join("/");
+    const route = relativePath === "index.html" ? "/" : `/${relativePath.replace(/index\.html$/, "")}`;
+    pages.set(route, path);
+  }
+  return [...pages].map(([route, path]) => ({ route, path, ...payloadProxy(dist, path) }));
+}
diff --git a/scripts/assets/report.test.mjs b/scripts/assets/report.test.mjs
new file mode 100644
index 00000000..3a897f60
--- /dev/null
+++ b/scripts/assets/report.test.mjs
@@ -0,0 +1,37 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
+import assert from "node:assert/strict";
+import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import test from "node:test";
+import { formatBytes, payloadProxy } from "./report.mjs";
+
+test("formats deterministic byte units", () => {
+  assert.equal(formatBytes(512), "512 B");
+  assert.equal(formatBytes(1536), "1.5 KiB");
+  assert.equal(formatBytes(2 * 1024 * 1024), "2.00 MiB");
+});
+
+test("payload proxy sums unique fallback resources and CSS dependencies", () => {
+  const dist = mkdtempSync(join(tmpdir(), "totalcross-assets-"));
+  try {
+    const html = '<link rel="stylesheet" href="/styles/site.css"><img src="/images/fallback.png" srcset="/images/large.png 2x">';
+    const css = 'body{background:url("../images/fallback.png")}';
+    const fallback = "12345";
+    mkdirSync(join(dist, "styles"));
+    mkdirSync(join(dist, "images"));
+    writeFileSync(join(dist, "index.html"), html);
+    writeFileSync(join(dist, "styles/site.css"), css);
+    writeFileSync(join(dist, "images/fallback.png"), fallback);
+    writeFileSync(join(dist, "images/large.png"), "not-counted");
+    const result = payloadProxy(dist, join(dist, "index.html"));
+    assert.equal(result.files.length, 3);
+    assert.equal(result.bytes, Buffer.byteLength(html) + Buffer.byteLength(css) + Buffer.byteLength(fallback));
+  } finally {
+    rmSync(dist, { recursive: true, force: true });
+  }
+});
diff --git a/scripts/check-production.mjs b/scripts/check-production.mjs
index a1ed67e7..ea74b0d4 100644
--- a/scripts/check-production.mjs
+++ b/scripts/check-production.mjs
@@ -58,14 +58,57 @@ function requireMatch(path, pattern, label) {
   if (!pattern.test(bodies.get(path) ?? "")) failures.push(`${path}: missing ${label}`);
 }
 
+function requireNoMatch(path, pattern, label) {
+  if (pattern.test(bodies.get(path) ?? "")) failures.push(`${path}: contains ${label}`);
+}
+
 requireMatch("/", /<meta name="generator" content="Astro v7\.2\.0"/, "Astro generator metadata");
 requireMatch("/", /<link rel="canonical" href="https:\/\/totalcross\.com\/"/, "production canonical URL");
 requireMatch("/", /href="\/blog\/"/, "local blog navigation");
+requireMatch("/", /<picture>/, "responsive picture markup");
+requireMatch("/", /\.avif(?:\s|\?|\")/, "AVIF responsive image source");
+requireMatch("/", /\.webp(?:\s|\?|\")/, "WebP image fallback");
+requireMatch("/get-started/", /<video[^>]*autoplay[^>]*muted[^>]*loop[^>]*playsinline/, "animated video behavior");
+requireMatch("/get-started/", /<source src="[^"]+\.webm" type="video\/webm"/, "WebM video source");
+requireMatch("/get-started/", /<source src="[^"]+\.mp4" type="video\/mp4"/, "MP4 video fallback");
+requireNoMatch("/get-started/", /\.gif(?:\?|\")/i, "GIF media delivery");
 requireMatch("/traffic-control-system-by-tecdet/", /"@type":"BlogPosting"/, "article JSON-LD");
 requireMatch("/traffic-control-system-by-tecdet/", /<meta property="og:type" content="article"/, "article Open Graph type");
 requireMatch("/rss.xml", /https:\/\/totalcross\.com\/traffic-control-system-by-tecdet\//, "canonical RSS item");
 requireMatch("/sitemap.xml", /https:\/\/totalcross\.com\/sitemap-index\.xml/, "sitemap compatibility target");
 
+const optimizedAssetChecks = [
+  { page: "/", pattern: /src="([^"]*home_tecdet[^"]*\.webp)"/, label: "home Tecdet fallback", limit: 1024 ** 2, group: "home" },
+  { page: "/", pattern: /src="([^"]*home_coffee[^"]*\.webp)"/, label: "home coffee fallback", limit: 1024 ** 2, group: "home" },
+  { page: "/get-started/", pattern: /poster="([^"]+\.webp)"/, label: "video poster", limit: 1024 ** 2, group: "demo" },
+  { page: "/get-started/", pattern: /src="([^"]+\.webm)" type="video\/webm"/, label: "WebM video", limit: 1024 ** 2, group: "demo" },
+  { page: "/get-started/", pattern: /src="([^"]+\.mp4)" type="video\/mp4"/, label: "MP4 video", limit: 1024 ** 2, group: "demo" },
+];
+
+const optimizedAssets = await Promise.all(optimizedAssetChecks.map(async (check) => {
+  const path = bodies.get(check.page)?.match(check.pattern)?.[1];
+  if (!path) {
+    failures.push(`${check.page}: missing ${check.label} URL`);
+    return { ...check, bytes: 0 };
+  }
+  try {
+    const response = await fetch(new URL(path, `${origin}/`), {
+      headers: { "cache-control": "no-cache", "user-agent": "totalcross-release-check/1.0" },
+      signal: AbortSignal.timeout(30000),
+    });
+    const bytes = (await response.arrayBuffer()).byteLength;
+    if (response.status !== 200) failures.push(`${path}: expected 200, received ${response.status}`);
+    if (bytes > check.limit) failures.push(`${path}: ${check.label} is ${bytes} bytes (limit ${check.limit})`);
+    return { ...check, path, bytes };
+  } catch (error) {
+    failures.push(`${path}: ${error.message}`);
+    return { ...check, path, bytes: 0 };
+  }
+}));
+
+const demoBytes = optimizedAssets.filter((asset) => asset.group === "demo").reduce((sum, asset) => sum + asset.bytes, 0);
+if (demoBytes > 2 * 1024 ** 2) failures.push(`video delivery is ${demoBytes} bytes (limit ${2 * 1024 ** 2})`);
+
 try {
   const missing = await fetch(`${origin}/release-check-missing-page-${marker}/`, {
     redirect: "manual",
@@ -95,4 +138,4 @@ if (failures.length) {
   process.exit(1);
 }
 
-console.log(`production-check: origin=${origin} legacy-routes=${legacyRoutes.length} required=${required.length} missing-route=404 https-redirect=ok`);
+console.log(`production-check: origin=${origin} legacy-routes=${legacyRoutes.length} required=${required.length} optimized-assets=${optimizedAssets.length} video-bytes=${demoBytes} missing-route=404 https-redirect=ok`);
diff --git a/scripts/check-release.mjs b/scripts/check-release.mjs
index 4b423c87..ad2db86f 100644
--- a/scripts/check-release.mjs
+++ b/scripts/check-release.mjs
@@ -20,7 +20,7 @@ function requireValue(condition, message) {
 
 requireValue(packageJson.name === "totalcross-site", "Package name is not the repository identity");
 requireValue(/^\d+\.\d+\.\d+(?:-[0-9A-Za-z.-]+)?$/.test(packageJson.version), "Package version is not SemVer");
-requireValue(packageJson.version === "1.0.0", "Astro cutover candidate must be version 1.0.0");
+requireValue(packageJson.version === "1.0.1", "Post-migration correction release must be version 1.0.1");
 requireValue(packageJson.private === true, "Website package must remain private");
 requireValue(packageJson.homepage === "https://totalcross.com", "Package homepage is not production");
 requireValue(packageJson.repository?.url === expectedRepository, "Package repository metadata is incorrect");
diff --git a/scripts/check-site.mjs b/scripts/check-site.mjs
index e5858e56..01750a94 100644
--- a/scripts/check-site.mjs
+++ b/scripts/check-site.mjs
@@ -30,8 +30,12 @@ function htmlFiles(directory) {
 }
 
 const broken = [];
+const renderedSpdxHeaders = [];
 for (const file of htmlFiles(distPath)) {
   const html = readFileSync(file, "utf8");
+  if (/<!--\s*SPDX-FileCopyrightText:[\s\S]*?SPDX-License-Identifier:[\s\S]*?-->/m.test(html)) {
+    renderedSpdxHeaders.push(file.replace(distPath, ""));
+  }
   for (const match of html.matchAll(/(?:href|src)="([^"]+)"/g)) {
     const value = match[1];
     if (/^(?:[a-z]+:|#|\/\/)/i.test(value)) continue;
@@ -42,10 +46,11 @@ for (const file of htmlFiles(distPath)) {
   }
 }
 
-if (missingRoutes.length || broken.length) {
+if (missingRoutes.length || broken.length || renderedSpdxHeaders.length) {
   if (missingRoutes.length) console.error(`Missing legacy routes:\n${missingRoutes.join("\n")}`);
   if (broken.length) console.error(`Broken local references:\n${broken.join("\n")}`);
+  if (renderedSpdxHeaders.length) console.error(`Rendered SPDX authoring headers:\n${renderedSpdxHeaders.join("\n")}`);
   process.exit(1);
 }
 
-console.log(`site-check: routes=${routes.length} html=${htmlFiles(distPath).length} broken=0`);
+console.log(`site-check: routes=${routes.length} html=${htmlFiles(distPath).length} broken=0 rendered-spdx=0`);
diff --git a/scripts/check-workflows.mjs b/scripts/check-workflows.mjs
index 28070a4d..8e2d5fb4 100644
--- a/scripts/check-workflows.mjs
+++ b/scripts/check-workflows.mjs
@@ -15,12 +15,13 @@ function requireMatch(value, pattern, label) {
 }
 
 requireMatch(ci, /^  pull_request:$/m, "pull request CI trigger");
-requireMatch(ci, /npm run check[\s\S]*npm run build[\s\S]*npm run validate/, "CI Astro validation order");
+requireMatch(ci, /npm run check[\s\S]*npm run build[\s\S]*npm run assets:check[\s\S]*npm run validate/, "CI Astro and asset validation order");
 requireMatch(ci, /actions\/upload-pages-artifact@v4[\s\S]*path: dist/, "CI Pages artifact packaging");
 requireMatch(pages, /^      - main$/m, "main-only production push trigger");
 requireMatch(pages, /actions: read[\s\S]*contents: read[\s\S]*pages: write[\s\S]*id-token: write/, "Pages deployment permissions");
 requireMatch(pages, /group: pages\s+cancel-in-progress: true/, "Pages deployment concurrency");
 requireMatch(pages, /actions\/configure-pages@v5/, "Pages configuration action");
+requireMatch(pages, /npm run check[\s\S]*npm run build[\s\S]*npm run assets:check[\s\S]*npm run validate/, "Pages Astro and asset validation order");
 requireMatch(pages, /actions\/upload-pages-artifact@v4[\s\S]*path: dist/, "production Pages artifact");
 requireMatch(pages, /deploy:[\s\S]*needs: build[\s\S]*name: github-pages[\s\S]*actions\/deploy-pages@v4/, "dependent github-pages deployment");
 if (existsSync(new URL(".github/workflows/main.yml", root))) failures.push("Legacy Gatsby publish workflow still exists");
diff --git a/scripts/license-validation.test.mjs b/scripts/license-validation.test.mjs
index af2c33d1..f87350b0 100644
--- a/scripts/license-validation.test.mjs
+++ b/scripts/license-validation.test.mjs
@@ -10,7 +10,7 @@ import { tmpdir } from 'node:os'
 import { join } from 'node:path'
 import test from 'node:test'
 import { canonicalHeader, fixHeader, inspectHeader } from './license/headers.mjs'
-import { globToRegExp, policyFor, PROJECT_COPYRIGHT } from './license/policy.mjs'
+import { globToRegExp, headerStyleFor, policyFor, PROJECT_COPYRIGHT } from './license/policy.mjs'
 import { selectedFiles } from './license-validation.mjs'
 
 const blockPolicy = {
@@ -18,7 +18,8 @@ const blockPolicy = {
   copyright: PROJECT_COPYRIGHT,
   license: 'MIT',
 }
-const markdownPolicy = { ...blockPolicy, style: 'html', license: 'CC-BY-4.0' }
+const astroPolicy = { ...blockPolicy, style: 'astro' }
+const markdownPolicy = { ...blockPolicy, style: 'frontmatter', license: 'CC-BY-4.0' }
 
 test('adds an idempotent block header to project source', () => {
   const original = "export const answer = 42\n"
@@ -28,11 +29,43 @@ test('adds an idempotent block header to project source', () => {
   assert.equal(fixHeader(fixed.content, blockPolicy).changed, false)
 })
 
-test('places Markdown metadata after frontmatter', () => {
+test('places renderable Markdown metadata inside frontmatter', () => {
   const original = '---\ntitle: Example\n---\n\nArticle\n'
   const fixed = fixHeader(original, markdownPolicy)
-  assert.match(fixed.content, /^---\ntitle: Example\n---\n<!--\nSPDX-/)
+  assert.match(fixed.content, /^---\n# SPDX-FileCopyrightText:[^\n]+\n# SPDX-License-Identifier: CC-BY-4.0\n\ntitle:/)
   assert.equal(inspectHeader(fixed.content, markdownPolicy).status, 'ok')
+  assert.equal(fixHeader(fixed.content, markdownPolicy).changed, false)
+})
+
+test('places Astro metadata inside existing frontmatter', () => {
+  const original = '---\nconst answer = 42\n---\n<div>{answer}</div>\n'
+  const fixed = fixHeader(original, astroPolicy)
+  assert.match(fixed.content, /^---\n\/\*\n \* SPDX-FileCopyrightText:/)
+  assert.equal(fixed.content.indexOf('SPDX-'), fixed.content.lastIndexOf('SPDX-FileCopyrightText'))
+  assert.equal(inspectHeader(fixed.content, astroPolicy).status, 'ok')
+  assert.equal(fixHeader(fixed.content, astroPolicy).changed, false)
+})
+
+test('creates minimal Astro frontmatter for a template without it', () => {
+  const fixed = fixHeader('<p>Example</p>\n', astroPolicy)
+  assert.match(fixed.content, /^---\n\/\*[\s\S]*?\*\/\n\n---\n\n<p>/)
+  assert.equal(inspectHeader(fixed.content, astroPolicy).status, 'ok')
+})
+
+test('migrates only the exact legacy Astro HTML header', () => {
+  const legacy = '<!--\nSPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.\nSPDX-License-Identifier: MIT\n-->\n'
+  const original = `---\nconst answer = 42\n---\n${legacy}<div>{answer}</div>\n`
+  const fixed = fixHeader(original, astroPolicy)
+  assert.equal(fixed.changed, true)
+  assert.doesNotMatch(fixed.content, /<!--\nSPDX-/)
+  assert.equal(inspectHeader(fixed.content, astroPolicy).status, 'ok')
+})
+
+test('refuses conflicting metadata in a legacy Astro position', () => {
+  const original = '---\n---\n<!--\nSPDX-FileCopyrightText: 2020 Someone Else\nSPDX-License-Identifier: Apache-2.0\n-->\n'
+  const fixed = fixHeader(original, astroPolicy)
+  assert.equal(fixed.changed, false)
+  assert.equal(fixed.status, 'refused')
 })
 
 test('refuses different ownership or license metadata', () => {
@@ -59,7 +92,11 @@ test('matches REUSE double-star and exact path patterns', () => {
 
 test('applies the editorial license to Astro blog content', () => {
   const mappings = new Map()
-  assert.equal(policyFor('src/content/blog/post.mdx', mappings).license, 'CC-BY-4.0')
+  const policy = policyFor('src/content/blog/post.mdx', mappings)
+  assert.equal(policy.license, 'CC-BY-4.0')
+  assert.equal(policy.style, 'frontmatter')
+  assert.equal(headerStyleFor('docs/guide.md'), 'html')
+  assert.equal(headerStyleFor('src/pages/index.astro'), 'astro')
 })
 
 test('all-files selection excludes tracked paths deleted from the worktree', () => {
diff --git a/scripts/license/headers.mjs b/scripts/license/headers.mjs
index 8f0f5d19..0f38bc1b 100644
--- a/scripts/license/headers.mjs
+++ b/scripts/license/headers.mjs
@@ -10,26 +10,44 @@ function headerLines(policy) {
   ]
 }
 
+function blockHeader(policy) {
+  const [copyright, license] = headerLines(policy)
+  return `/*\n * ${copyright}\n * ${license}\n */\n\n`
+}
+
+function htmlHeader(policy) {
+  const [copyright, license] = headerLines(policy)
+  return `<!--\n${copyright}\n${license}\n-->\n\n`
+}
+
 export function canonicalHeader(policy) {
   const [copyright, license] = headerLines(policy)
-  if (policy.style === 'block') return `/*\n * ${copyright}\n * ${license}\n */\n\n`
-  if (policy.style === 'html') return `<!--\n${copyright}\n${license}\n-->\n\n`
-  if (policy.style === 'hash') return `# ${copyright}\n# ${license}\n\n`
+  if (policy.style === 'block' || policy.style === 'astro') return blockHeader(policy)
+  if (policy.style === 'html') return htmlHeader(policy)
+  if (policy.style === 'hash' || policy.style === 'frontmatter') {
+    return `# ${copyright}\n# ${license}\n\n`
+  }
   throw new Error(`Unsupported header style: ${policy.style}`)
 }
 
-function frontmatterEnd(content) {
+function frontmatterBounds(content) {
   if (!content.startsWith('---')) return null
-  const closing = content.slice(4).search(/^---\s*$/m)
-  if (closing < 0) return null
-  const closingStart = closing + 4
-  const closingEnd = content.indexOf('\n', closingStart)
-  return closingEnd < 0 ? content.length : closingEnd + 1
+  const openingEnd = content.indexOf('\n')
+  if (openingEnd < 0) return null
+  const closingMatch = /^---\s*$/m.exec(content.slice(openingEnd + 1))
+  if (!closingMatch) return null
+  const closingStart = openingEnd + 1 + closingMatch.index
+  const closingNewline = content.indexOf('\n', closingStart)
+  return {
+    openingEnd: openingEnd + 1,
+    closingStart,
+    closingEnd: closingNewline < 0 ? content.length : closingNewline + 1,
+  }
 }
 
 function metadataOffset(content) {
-  const frontmatter = frontmatterEnd(content)
-  if (frontmatter !== null) return frontmatter
+  const frontmatter = frontmatterBounds(content)
+  if (frontmatter) return frontmatter.closingEnd
   if (content.startsWith('#!')) {
     const newline = content.indexOf('\n')
     return newline < 0 ? content.length : newline + 1
@@ -37,18 +55,16 @@ function metadataOffset(content) {
   return 0
 }
 
-function scanRegion(content, policy) {
-  const offset = metadataOffset(content)
-  const candidate = content.slice(offset)
-  if (policy.style === 'block' && candidate.startsWith('/*')) {
+function leadingComment(candidate, style) {
+  if ((style === 'block' || style === 'astro') && candidate.startsWith('/*')) {
     const end = candidate.indexOf('*/')
     return end < 0 ? candidate : candidate.slice(0, end + 2)
   }
-  if (policy.style === 'html' && candidate.startsWith('<!--')) {
+  if (style === 'html' && candidate.startsWith('<!--')) {
     const end = candidate.indexOf('-->')
     return end < 0 ? candidate : candidate.slice(0, end + 3)
   }
-  if (policy.style === 'hash' && candidate.startsWith('#')) {
+  if ((style === 'hash' || style === 'frontmatter') && candidate.startsWith('#')) {
     const lines = candidate.split(/(?<=\n)/)
     let end = 0
     for (const line of lines) {
@@ -60,6 +76,24 @@ function scanRegion(content, policy) {
   return ''
 }
 
+function scanRegion(content, policy) {
+  if (policy.style === 'astro' || policy.style === 'frontmatter') {
+    const frontmatter = frontmatterBounds(content)
+    if (!frontmatter) return ''
+    return leadingComment(
+      content.slice(frontmatter.openingEnd, frontmatter.closingStart),
+      policy.style,
+    )
+  }
+  return leadingComment(content.slice(metadataOffset(content)), policy.style)
+}
+
+function legacyRegion(content, policy) {
+  if (policy.style !== 'astro' && policy.style !== 'frontmatter') return ''
+  const offset = metadataOffset(content)
+  return leadingComment(content.slice(offset), 'html')
+}
+
 function valuesFor(region, tag) {
   const expression = new RegExp(`${tag}:\\s*([^\\r\\n]+)`, 'g')
   return [...region.matchAll(expression)].map((match) =>
@@ -69,40 +103,57 @@ function valuesFor(region, tag) {
 
 export function inspectHeader(content, policy) {
   const region = scanRegion(content, policy)
-  const copyrights = valuesFor(region, 'SPDX-FileCopyrightText')
-  const licenses = valuesFor(region, 'SPDX-License-Identifier')
+  const legacy = legacyRegion(content, policy)
+  const copyrights = valuesFor(`${region}\n${legacy}`, 'SPDX-FileCopyrightText')
+  const licenses = valuesFor(`${region}\n${legacy}`, 'SPDX-License-Identifier')
   const conflicts = [
     ...copyrights.filter((value) => value !== policy.copyright),
     ...licenses.filter((value) => value !== policy.license),
   ]
-  const canonical = canonicalHeader(policy)
-  const canonicalCount = content.split(canonical).length - 1
 
   if (conflicts.length > 0) {
     return { status: 'conflict', reason: `different metadata: ${[...new Set(conflicts)].join(', ')}` }
   }
-  if (canonicalCount > 1) {
+  const canonicalCount = content.split(canonicalHeader(policy)).length - 1
+  const legacyCount = legacy ? content.split(htmlHeader(policy)).length - 1 : 0
+  if (canonicalCount + legacyCount > 1 || copyrights.length > 1 || licenses.length > 1) {
     return { status: 'duplicate', reason: 'duplicate SPDX header' }
   }
   if (copyrights.length === 0 && licenses.length === 0) {
     return { status: 'missing', reason: 'missing SPDX header' }
   }
   if (copyrights.length !== 1 || licenses.length !== 1) {
-    return {
-      status: 'partial',
-      reason: 'duplicate or incomplete SPDX header',
-    }
+    return { status: 'partial', reason: 'duplicate or incomplete SPDX header' }
+  }
+  if (legacy) {
+    return { status: 'legacy', reason: 'renderable SPDX header uses legacy HTML placement' }
   }
   return { status: 'ok' }
 }
 
-function insertionOffset(content) {
-  return metadataOffset(content)
+function insertHeader(content, policy, header) {
+  if (policy.style === 'astro' || policy.style === 'frontmatter') {
+    const frontmatter = frontmatterBounds(content)
+    if (frontmatter) {
+      return `${content.slice(0, frontmatter.openingEnd)}${header}${content.slice(frontmatter.openingEnd)}`
+    }
+    return `---\n${header}---\n\n${content}`
+  }
+  const offset = metadataOffset(content)
+  return `${content.slice(0, offset)}${header}${content.slice(offset)}`
 }
 
-function insertHeader(content, header) {
-  const offset = insertionOffset(content)
-  return `${content.slice(0, offset)}${header}${content.slice(offset)}`
+function removeLeadingLegacyHeader(content, policy) {
+  const offset = metadataOffset(content)
+  const legacy = legacyRegion(content, policy)
+  if (!legacy) return content
+  let end = offset + legacy.length
+  let newlines = 0
+  while (content[end] === '\n' && newlines < 2) {
+    end += 1
+    newlines += 1
+  }
+  return `${content.slice(0, offset)}${content.slice(end)}`
 }
 
 export function fixHeader(content, policy) {
@@ -111,13 +162,24 @@ export function fixHeader(content, policy) {
 
   if (inspection.status === 'ok') return { changed: false, content, status: 'ok' }
   if (inspection.status === 'missing') {
-    return { changed: true, content: insertHeader(content, header), status: 'fixed' }
+    return { changed: true, content: insertHeader(content, policy, header), status: 'fixed' }
+  }
+  if (inspection.status === 'legacy') {
+    const withoutLegacy = removeLeadingLegacyHeader(content, policy)
+    return {
+      changed: true,
+      content: insertHeader(withoutLegacy, policy, header),
+      status: 'fixed',
+    }
   }
   if (inspection.status === 'duplicate') {
-    const withoutKnownHeaders = content.split(header).join('')
+    let withoutKnownHeaders = content.split(header).join('')
+    if (policy.style === 'astro' || policy.style === 'frontmatter') {
+      withoutKnownHeaders = removeLeadingLegacyHeader(withoutKnownHeaders, policy)
+    }
     return {
       changed: true,
-      content: insertHeader(withoutKnownHeaders, header),
+      content: insertHeader(withoutKnownHeaders, policy, header),
       status: 'fixed',
     }
   }
diff --git a/scripts/license/policy.mjs b/scripts/license/policy.mjs
index 05227279..5885fe95 100644
--- a/scripts/license/policy.mjs
+++ b/scripts/license/policy.mjs
@@ -16,7 +16,7 @@ const ignoredPaths = new Set(['LICENSE'])
 const blockCommentExtensions = new Set([
   '.c', '.cc', '.cpp', '.css', '.js', '.jsx', '.mjs', '.ts', '.tsx',
 ])
-const htmlCommentExtensions = new Set(['.astro', '.html', '.md', '.mdx'])
+const htmlCommentExtensions = new Set(['.html', '.md', '.mdx'])
 const hashCommentExtensions = new Set([
   '.bash', '.conf', '.properties', '.py', '.sh', '.toml', '.yaml', '.yml',
 ])
@@ -83,6 +83,10 @@ export function mappedFiles(root, files) {
 export function headerStyleFor(file) {
   const extension = extname(file).toLowerCase()
   const name = file.split('/').at(-1)
+  if (extension === '.astro') return 'astro'
+  if (['.md', '.mdx'].includes(extension) && file.startsWith('src/content/blog/')) {
+    return 'frontmatter'
+  }
   if (blockCommentExtensions.has(extension)) return 'block'
   if (htmlCommentExtensions.has(extension)) return 'html'
   if (hashCommentExtensions.has(extension) || hashCommentNames.has(name)) return 'hash'
diff --git a/src/assets/led-totalcross-poster.webp b/src/assets/led-totalcross-poster.webp
new file mode 100644
index 00000000..8dad2421
Binary files /dev/null and b/src/assets/led-totalcross-poster.webp differ
diff --git a/src/assets/led-totalcross.gif b/src/assets/led-totalcross.gif
deleted file mode 100644
index 65bdb206..00000000
Binary files a/src/assets/led-totalcross.gif and /dev/null differ
diff --git a/src/assets/led-totalcross.mp4 b/src/assets/led-totalcross.mp4
new file mode 100644
index 00000000..c1b44bd1
Binary files /dev/null and b/src/assets/led-totalcross.mp4 differ
diff --git a/src/assets/led-totalcross.webm b/src/assets/led-totalcross.webm
new file mode 100644
index 00000000..73b8abde
Binary files /dev/null and b/src/assets/led-totalcross.webm differ
diff --git a/src/components/Button.astro b/src/components/Button.astro
index 87c357bb..5ad7a86c 100644
--- a/src/components/Button.astro
+++ b/src/components/Button.astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 interface Props {
   href: string;
   label: string;
@@ -7,11 +12,6 @@ interface Props {
 
 const { href, label, tone = "green" } = Astro.props;
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 
 <a class:list={["button", `button--${tone}`]} href={href}>{label}</a>
 
diff --git a/src/components/HomeHero.astro b/src/components/HomeHero.astro
index 6a47db12..dec1696d 100644
--- a/src/components/HomeHero.astro
+++ b/src/components/HomeHero.astro
@@ -1,16 +1,18 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
+import { Image } from "astro:assets";
+
 interface Props {
   background: string;
-  image: string;
+  image: ImageMetadata;
 }
 
 const { background, image } = Astro.props;
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 
 <section class="hero" style={`--hero-background: url(${background})`}>
   <div class="hero-inner container">
@@ -18,7 +20,17 @@ SPDX-License-Identifier: MIT
       <h1>The fastest way to build GUI for embedded devices</h1>
       <p>Open Source SDK providing a fast and easy way to build beautiful User Interfaces for Embedded, IoT, mobile, desktop, everything.</p>
     </div>
-    <img class="device" src={image} alt="Embedded system with a display showing a TotalCross GUI" width="700" height="525" />
+    <Image
+      class="device"
+      src={image}
+      widths={[240, 480, 700]}
+      sizes="(max-width: 900px) 240px, min(49vw, 700px)"
+      format="webp"
+      quality={82}
+      alt="Embedded system with a display showing a TotalCross GUI"
+      loading="eager"
+      fetchpriority="high"
+    />
   </div>
 </section>
 
diff --git a/src/components/NotFound.astro b/src/components/NotFound.astro
index 56f40f97..65eb4533 100644
--- a/src/components/NotFound.astro
+++ b/src/components/NotFound.astro
@@ -1,13 +1,13 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import BaseLayout from "../layouts/BaseLayout.astro";
 import Button from "./Button.astro";
 import PageHero from "./PageHero.astro";
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout title="Page not found · TotalCross" description="The requested TotalCross page could not be found.">
   <PageHero title="Page not found" tagline="The address may have changed, but the TotalCross site is still here." />
   <section class="page-content">
diff --git a/src/components/PageHero.astro b/src/components/PageHero.astro
index 6b2e2a01..4c9d3df2 100644
--- a/src/components/PageHero.astro
+++ b/src/components/PageHero.astro
@@ -1,4 +1,10 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
+import { getImage } from "astro:assets";
 import waves from "../assets/bg_wavesdark.png";
 
 interface Props {
@@ -8,13 +14,9 @@ interface Props {
 }
 
 const { title, tagline, tone = "dark" } = Astro.props;
+const optimizedWaves = await getImage({ src: waves, width: 1200, format: "webp", quality: 72 });
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
-<section class:list={["page-hero", `page-hero--${tone}`]} style={`--page-hero-bg: url(${waves.src})`}>
+<section class:list={["page-hero", `page-hero--${tone}`]} style={`--page-hero-bg: url(${optimizedWaves.src})`}>
   <div class="container">
     <h1>{title}</h1>
     {tagline && <p>{tagline}</p>}
diff --git a/src/components/PostList.astro b/src/components/PostList.astro
index edb84ce2..8adc8c64 100644
--- a/src/components/PostList.astro
+++ b/src/components/PostList.astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import type { CollectionEntry } from "astro:content";
 import { postPath, type BlogEntry } from "../lib/content";
 
@@ -6,11 +11,6 @@ interface Item { post: BlogEntry; author?: CollectionEntry<"authors">; }
 interface Props { items: Item[]; emptyMessage?: string; }
 const { items, emptyMessage = "No published articles found." } = Astro.props;
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <div class="post-list">
   {items.length === 0 && <p>{emptyMessage}</p>}
   {items.map(({ post, author }) => (
diff --git a/src/components/SiteFooter.astro b/src/components/SiteFooter.astro
index 90e0ad64..6ba0763c 100644
--- a/src/components/SiteFooter.astro
+++ b/src/components/SiteFooter.astro
@@ -1,5 +1,11 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import logo from "../assets/logo-totalcross.png";
+import SocialIcon from "./SocialIcon.astro";
 
 const groups = [
   {
@@ -16,13 +22,15 @@ const groups = [
   },
 ];
 
-const social = [["GitHub", "https://github.com/TotalCross/totalcross"], ["X", "https://twitter.com/TotalCross"], ["Telegram", "https://t.me/totalcrosscommunity"], ["YouTube", "https://bit.ly/youtube-totalcross"], ["Instagram", "https://www.instagram.com/totalcross/"], ["LinkedIn", "https://linkedin.com/company/totalcross"]];
+const social = [
+  { label: "GitHub", name: "github", href: "https://github.com/TotalCross/totalcross" },
+  { label: "X (Twitter)", name: "twitter", href: "https://twitter.com/TotalCross" },
+  { label: "Telegram", name: "telegram", href: "https://t.me/totalcrosscommunity" },
+  { label: "YouTube", name: "youtube", href: "https://bit.ly/youtube-totalcross" },
+  { label: "Instagram", name: "instagram", href: "https://www.instagram.com/totalcross/" },
+  { label: "LinkedIn", name: "linkedin", href: "https://linkedin.com/company/totalcross" },
+] as const;
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 
 <footer class="site-footer">
   <div class="footer-inner container">
@@ -39,7 +47,11 @@ SPDX-License-Identifier: MIT
     <div class="brand">
       <img src={logo.src} alt="TotalCross" width="180" height="40" />
       <div class="social" aria-label="Social networks">
-        {social.map(([label, href]) => <a href={href} aria-label={label}>{label.slice(0, 2)}</a>)}
+        {social.map(({ label, name, href }) => (
+          <a href={href} aria-label={label} title={label} target="_blank" rel="noopener noreferrer">
+            <SocialIcon name={name} />
+          </a>
+        ))}
       </div>
     </div>
   </div>
@@ -116,6 +128,7 @@ SPDX-License-Identifier: MIT
     align-items: center;
     border: 1px solid rgb(255 255 255 / 55%);
     border-radius: 50%;
+    color: var(--color-white);
     display: inline-flex;
     font-size: 0.65rem;
     height: 28px;
@@ -125,6 +138,13 @@ SPDX-License-Identifier: MIT
     width: 28px;
   }
 
+  .social a:hover,
+  .social a:focus-visible {
+    border-color: var(--color-brand-green);
+    color: var(--color-brand-green);
+    transform: scale(1.12);
+  }
+
   @media (max-width: 760px) {
     .footer-inner,
     .groups {
diff --git a/src/components/SiteHeader.astro b/src/components/SiteHeader.astro
index e3d23429..b468fc95 100644
--- a/src/components/SiteHeader.astro
+++ b/src/components/SiteHeader.astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import Button from "./Button.astro";
 import logo from "../assets/logo-totalcross.png";
 
@@ -11,11 +16,6 @@ const links = [
   ["Services", "/services/"],
 ];
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 
 <header class="site-header">
   <nav class="navigation container" aria-label="Primary navigation">
diff --git a/src/components/SocialIcon.astro b/src/components/SocialIcon.astro
new file mode 100644
index 00000000..549d4f54
--- /dev/null
+++ b/src/components/SocialIcon.astro
@@ -0,0 +1,45 @@
+---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
+import {
+  faGithub,
+  faInstagram,
+  faLinkedin,
+  faTelegram,
+  faTwitter,
+  faYoutube,
+} from "@fortawesome/free-brands-svg-icons";
+
+type SocialName = "github" | "twitter" | "telegram" | "youtube" | "instagram" | "linkedin";
+
+interface Props {
+  name: SocialName;
+}
+
+const icons = {
+  github: faGithub,
+  twitter: faTwitter,
+  telegram: faTelegram,
+  youtube: faYoutube,
+  instagram: faInstagram,
+  linkedin: faLinkedin,
+};
+
+const { name } = Astro.props;
+const [width, height, , , pathData] = icons[name].icon;
+const paths = Array.isArray(pathData) ? pathData : [pathData];
+---
+<svg viewBox={`0 0 ${width} ${height}`} aria-hidden="true" focusable="false">
+  {paths.map((path) => <path fill="currentColor" d={path} />)}
+</svg>
+
+<style>
+  svg {
+    display: block;
+    height: 1rem;
+    width: 1rem;
+  }
+</style>
diff --git a/src/content/blog/drafts/content-system-fixture.md b/src/content/blog/drafts/content-system-fixture.md
index e639a327..160128ae 100644
--- a/src/content/blog/drafts/content-system-fixture.md
+++ b/src/content/blog/drafts/content-system-fixture.md
@@ -1,4 +1,7 @@
 ---
+# SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+# SPDX-License-Identifier: CC-BY-4.0
+
 title: Content system fixture
 description: Non-production fixture proving the English authoring schema and developer rendering.
 publishDate: 2026-08-10
@@ -18,11 +21,6 @@ crossPost:
   dev: true
   medium: false
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: CC-BY-4.0
--->
-
 This draft is intentionally excluded from production. It validates English content metadata, translation pairing, series ordering, and code rendering.
 
 ```java
diff --git a/src/content/blog/drafts/pt-br/content-system-fixture.md b/src/content/blog/drafts/pt-br/content-system-fixture.md
index 56000854..e2d433dc 100644
--- a/src/content/blog/drafts/pt-br/content-system-fixture.md
+++ b/src/content/blog/drafts/pt-br/content-system-fixture.md
@@ -1,4 +1,7 @@
 ---
+# SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+# SPDX-License-Identifier: CC-BY-4.0
+
 title: Exemplo do sistema de conteúdo
 description: Rascunho que comprova o esquema de autoria e o vínculo de tradução em português.
 publishDate: 2026-08-10
@@ -18,9 +21,4 @@ crossPost:
   dev: false
   medium: false
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: CC-BY-4.0
--->
-
 Este rascunho é excluído da produção. Ele valida metadados em português e o vínculo com a versão principal em inglês.
diff --git a/src/content/blog/traffic-control-system-by-tecdet.md b/src/content/blog/traffic-control-system-by-tecdet.md
index d13f3d38..2c1f5d8b 100644
--- a/src/content/blog/traffic-control-system-by-tecdet.md
+++ b/src/content/blog/traffic-control-system-by-tecdet.md
@@ -1,4 +1,7 @@
 ---
+# SPDX-FileCopyrightText: Copyright holder(s) of the Tecdet customer material
+# SPDX-License-Identifier: LicenseRef-ThirdParty-Material
+
 title: Traffic control system by Tecdet
 description: Why Tecdet migrated its embedded traffic system to Linux Arm and chose TotalCross for its GUI.
 subtitle: Why Tecdet decided to migrate its embedded system to Linux Arm and built an innovative way to inspect Brazilian automotive traffic.
@@ -17,11 +20,6 @@ crossPost:
   dev: false
   medium: false
 ---
-<!--
-SPDX-FileCopyrightText: Copyright holder(s) of the Tecdet customer material
-SPDX-License-Identifier: LicenseRef-ThirdParty-Material
--->
-
 Tecdet develops systems for traffic control and inspection for the Brazilian government. Their engineers wanted to upgrade technology based on Windows x86, which was no longer satisfactory in terms of performance and energy consumption. They rebuilt the system for the Linux Arm architecture on Toradex modules and chose TotalCross to develop their GUI.
 
 ## Why did Tecdet choose TotalCross?
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 290a3733..a71ed0d9 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import "typeface-montserrat/index.css";
 import "typeface-merriweather/index.css";
 import "../styles/global.css";
@@ -38,11 +43,6 @@ const canonical = new URL(canonicalPath, Astro.site);
 const socialImage = new URL(image, Astro.site);
 const locale = language === "pt-BR" ? "pt_BR" : "en_US";
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 
 <!doctype html>
 <html lang={language}>
@@ -56,7 +56,11 @@ SPDX-License-Identifier: MIT
     <link rel="sitemap" href="/sitemap.xml" />
     {alternates.map((alternate) => <link rel="alternate" hreflang={alternate.language} href={new URL(alternate.href, Astro.site)} />)}
     {alternates.length > 0 && <link rel="alternate" hreflang="x-default" href={canonical} />}
-    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
+    <link rel="manifest" href="/manifest.webmanifest" />
+    <meta name="theme-color" content="#212121" />
     <meta name="robots" content={noindex ? "noindex, nofollow" : "index, follow"} />
     <meta property="og:type" content={socialType} />
     <meta property="og:site_name" content="TotalCross" />
diff --git a/src/layouts/BlogArticle.astro b/src/layouts/BlogArticle.astro
index 3c94ec97..27763722 100644
--- a/src/layouts/BlogArticle.astro
+++ b/src/layouts/BlogArticle.astro
@@ -1,4 +1,10 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
+import { Picture, getImage } from "astro:assets";
 import type { CollectionEntry } from "astro:content";
 import BaseLayout from "./BaseLayout.astro";
 import { postPath, taxonomySlug, type BlogEntry } from "../lib/content";
@@ -10,7 +16,7 @@ interface Props {
   headings: Heading[];
   translations?: BlogEntry[];
   seriesPosts?: BlogEntry[];
-  coverImage?: string;
+  coverImage?: ImageMetadata;
 }
 
 const { post, author, headings, translations = [], seriesPosts = [], coverImage } = Astro.props;
@@ -18,6 +24,9 @@ const path = postPath(post);
 const languageName = post.data.language === "pt-BR" ? "Português" : "English";
 const alternates = translations.map((translation) => ({ language: translation.data.language, href: postPath(translation) }));
 const toc = headings.filter((heading) => heading.depth === 2 || heading.depth === 3);
+const socialCover = coverImage
+  ? await getImage({ src: coverImage, width: 1200, format: "jpg", quality: 82 })
+  : undefined;
 const jsonLd = {
   "@context": "https://schema.org",
   "@type": "BlogPosting",
@@ -32,15 +41,10 @@ const jsonLd = {
   keywords: post.data.tags.join(", "),
 };
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout
   title={`${post.data.title} · TotalCross`}
   description={post.data.description}
-  image={coverImage}
+  image={socialCover?.src}
   canonicalPath={path}
   language={post.data.language}
   socialType="article"
@@ -66,7 +70,7 @@ SPDX-License-Identifier: MIT
       <div class="container article-grid">
         {toc.length > 0 && <aside class="toc"><h2>On this page</h2><ol>{toc.map((heading) => <li class:list={[`depth-${heading.depth}`]}><a href={`#${heading.slug}`}>{heading.text}</a></li>)}</ol></aside>}
         <div class="article-body" itemprop="articleBody">
-          {coverImage && <img class="cover" src={coverImage} alt="" />}
+          {coverImage && <Picture class="cover" src={coverImage} formats={["avif"]} fallbackFormat="webp" widths={[480, 760, 1200]} sizes="(max-width: 900px) 100vw, 760px" quality={80} alt="" loading="eager" />}
           <slot />
           {post.data.series && seriesPosts.length > 0 && (
             <nav class="series" aria-label="Article series">
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 7a9d066c..543eaba4 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,8 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import NotFound from "../components/NotFound.astro";
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
 <NotFound />
diff --git a/src/pages/about-us/index.astro b/src/pages/about-us/index.astro
index a8861c38..e3d1faa6 100644
--- a/src/pages/about-us/index.astro
+++ b/src/pages/about-us/index.astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import PageHero from "../../components/PageHero.astro";
 import timeline from "../../assets/aboutus_timeline.png";
@@ -9,11 +14,6 @@ import values from "../../assets/aboutus_values.png";
 
 const principles = [[mission.src, "Mission", "To be the software development tool most loved by embedded developers."], [vision.src, "Vision", "Software development made fast and easy for every device on the planet."], [values.src, "Values", "Ownership, driven by details and developers first."]];
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout title="Our History · TotalCross" description="TotalCross helps developers and companies create beautiful applications with a free and open-source tool.">
   <PageHero title="Our History" tagline="From a cross-platform mobile SDK to open-source embedded development." />
   <section class="page-content">
diff --git a/src/pages/blog/[...id].astro b/src/pages/blog/[...id].astro
index 32eebbac..28a60393 100644
--- a/src/pages/blog/[...id].astro
+++ b/src/pages/blog/[...id].astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import { getEntry, render } from "astro:content";
 import BlogArticle from "../../layouts/BlogArticle.astro";
 import { getPublishedPosts, postSlug, seriesFor, translationsFor, type BlogEntry } from "../../lib/content";
@@ -14,11 +19,6 @@ const author = await getEntry(post.data.author);
 if (!author) throw new Error(`Author not found for ${post.id}`);
 const { Content, headings } = await render(post);
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BlogArticle post={post} author={author} headings={headings} translations={translationsFor(post, posts)} seriesPosts={seriesFor(post, posts)}>
   <Content />
 </BlogArticle>
diff --git a/src/pages/blog/authors/[author].astro b/src/pages/blog/authors/[author].astro
index dc9e1460..01892a8e 100644
--- a/src/pages/blog/authors/[author].astro
+++ b/src/pages/blog/authors/[author].astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import { getEntry } from "astro:content";
 import BaseLayout from "../../../layouts/BaseLayout.astro";
 import PageHero from "../../../components/PageHero.astro";
@@ -16,8 +21,4 @@ const author = await getEntry("authors", authorId);
 if (!author) throw new Error(`Author not found: ${authorId}`);
 const items = posts.map((post: (typeof posts)[number]) => ({ post, author }));
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
 <BaseLayout title={`${author.data.name} · TotalCross`} description={author.data.bio}><PageHero title={author.data.name} tagline={author.data.bio} /><section class="page-content"><div class="container prose-wide"><PostList items={items} /></div></section></BaseLayout>
diff --git a/src/pages/blog/categories/[category].astro b/src/pages/blog/categories/[category].astro
index ebb3c9a7..c3839262 100644
--- a/src/pages/blog/categories/[category].astro
+++ b/src/pages/blog/categories/[category].astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import { getEntry } from "astro:content";
 import BaseLayout from "../../../layouts/BaseLayout.astro";
 import PageHero from "../../../components/PageHero.astro";
@@ -20,8 +25,4 @@ export async function getStaticPaths() {
 const { label, posts } = Astro.props;
 const items = await Promise.all(posts.map(async (post: BlogEntry) => ({ post, author: await getEntry(post.data.author) })));
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
 <BaseLayout title={`${label} · TotalCross Blog`} description={`TotalCross articles in ${label}.`}><PageHero title={label} tagline="A TotalCross blog category" /><section class="page-content"><div class="container prose-wide"><PostList items={items} /></div></section></BaseLayout>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index a1c99680..14957d2b 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import PageHero from "../../components/PageHero.astro";
 import PostList from "../../components/PostList.astro";
@@ -8,11 +13,6 @@ import { getPublishedPosts } from "../../lib/content";
 const posts = (await getPublishedPosts()).filter((post) => post.data.language === "en");
 const items = await Promise.all(posts.map(async (post) => ({ post, author: await getEntry(post.data.author) })));
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout title="TotalCross Blog" description="Everything about embedded systems development.">
   <PageHero title="TotalCross Blog" tagline="Everything about embedded systems development" />
   <section class="page-content"><div class="container prose-wide"><PostList items={items} /></div></section>
diff --git a/src/pages/blog/tags/[tag].astro b/src/pages/blog/tags/[tag].astro
index bfa0a4df..90e9cd3e 100644
--- a/src/pages/blog/tags/[tag].astro
+++ b/src/pages/blog/tags/[tag].astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import { getEntry } from "astro:content";
 import BaseLayout from "../../../layouts/BaseLayout.astro";
 import PageHero from "../../../components/PageHero.astro";
@@ -20,8 +25,4 @@ export async function getStaticPaths() {
 const { label, posts } = Astro.props;
 const items = await Promise.all(posts.map(async (post: BlogEntry) => ({ post, author: await getEntry(post.data.author) })));
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
 <BaseLayout title={`${label} articles · TotalCross`} description={`TotalCross articles tagged ${label}.`}><PageHero title={`#${label}`} tagline="Articles from the TotalCross blog" /><section class="page-content"><div class="container prose-wide"><PostList items={items} /></div></section></BaseLayout>
diff --git a/src/pages/community/index.astro b/src/pages/community/index.astro
index e690d4c3..a35f2413 100644
--- a/src/pages/community/index.astro
+++ b/src/pages/community/index.astro
@@ -1,15 +1,15 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import PageHero from "../../components/PageHero.astro";
 
 const contribute = [["Code", "https://github.com/TotalCross/totalcross"], ["Report an issue", "https://github.com/TotalCross/totalcross/issues"], ["Docs", "https://github.com/TotalCross/totalcross-docs"]];
 const conversation = [["Forum", "https://forum.totalcross.com/"], ["X / Twitter", "https://twitter.com/TotalCross"], ["Telegram", "https://t.me/totalcrosscommunity"], ["Discord", "https://discord.gg/KWwtDP5"], ["Articles", "https://medium.com/totalcross-community"], ["Video tutorials", "https://bit.ly/youtube-totalcross"], ["LinkedIn", "https://linkedin.com/company/totalcross"]];
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout title="Community · TotalCross" description="Join the TotalCross community and connect with developers using the framework.">
   <PageHero title="Join the TotalCross Community" tagline="Build, learn, and share with developers creating embedded experiences." />
   <section class="page-content"><div class="container"><h2 class="section-title">Become a TotalCross contributor</h2><div class="card-grid">{contribute.map(([label, href]) => <a class="link-card" href={href}>{label}</a>)}</div></div></section>
diff --git a/src/pages/contact/index.astro b/src/pages/contact/index.astro
index 4d4f7a12..c34b7530 100644
--- a/src/pages/contact/index.astro
+++ b/src/pages/contact/index.astro
@@ -1,12 +1,12 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import PageHero from "../../components/PageHero.astro";
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout title="Contact Us · TotalCross" description="Tell the TotalCross team how we can help with your embedded project.">
   <PageHero title="How can we help you?" tagline="Tell us about your project, question, or support need." />
   <section class="page-content">
diff --git a/src/pages/get-started/index.astro b/src/pages/get-started/index.astro
index 6ed4ca14..2c5077a1 100644
--- a/src/pages/get-started/index.astro
+++ b/src/pages/get-started/index.astro
@@ -1,13 +1,15 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import PageHero from "../../components/PageHero.astro";
-import led from "../../assets/led-totalcross.gif";
+import ledMp4 from "../../assets/led-totalcross.mp4?url";
+import ledPoster from "../../assets/led-totalcross-poster.webp";
+import ledWebm from "../../assets/led-totalcross.webm?url";
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout title="Get Started with TotalCross" description="Install the TotalCross SDK and create, package, and deploy your first application.">
   <PageHero title="Get Started With TotalCross" tagline="Install the tools, run Hello World, and deploy your first embedded interface." />
   <section class="page-content"><div class="container prose-wide">
@@ -16,7 +18,7 @@ SPDX-License-Identifier: MIT
     <h2>Download the TotalCross SDK</h2><div class="card-grid downloads"><article class="info-card"><h3>For VS Code</h3><p>Install the <a href="https://marketplace.visualstudio.com/items?itemName=totalcross.vscode-totalcross">TotalCross VS Code extension</a>. It includes the SDK and prepares the project folder.</p></article><article class="info-card"><h3>For another IDE</h3><p>Clone the <a href="https://github.com/TotalCross/hello-world">Hello World repository</a> and follow its README. IntelliJ and Eclipse guides remain available in the community archives.</p></article></div>
     <h2>Hello World with TotalCross</h2><h3>VS Code</h3><ol><li>Open the Command Palette and select <strong>TotalCross: Create new Project</strong>.</li><li>Name the project HelloWorld and select the current SDK and deployment platform.</li><li>Run <strong>RunHelloWorldApplication.java</strong>. The simulator opens your application.</li></ol><h3>Other IDEs</h3><ol><li>Import the Hello World repository.</li><li>Run <strong>RunHelloWorldApplication.java</strong> from the IDE.</li></ol>
     <h2>Packaging and deployment</h2><h3>VS Code</h3><p>Use <strong>TotalCross: Package</strong> from the Command Palette. The packaged program is written under <code>target/install/&lt;platform&gt;</code>.</p><p>For Linux Arm targets, use <strong>TotalCross: Deploy</strong> or <strong>TotalCross: Deploy&amp;Run</strong>, enter the SSH device details, and view the result on the attached display or through VNC.</p><h3>Other IDEs</h3><p>Follow the Maven packaging and deployment instructions in the project README or ask for help in <a href="https://t.me/totalcrosscommunity">Telegram</a> or <a href="https://discord.gg/KWwtDP5">Discord</a>.</p>
-    <h2>First embedded project</h2><p>Follow the community tutorial and connect the application to real hardware.</p><img class="led" src={led.src} alt="Raspberry Pi with an LED and TotalCross GUI application" />
+    <h2>First embedded project</h2><p>Follow the community tutorial and connect the application to real hardware.</p><video class="led" autoplay muted loop playsinline controls preload="metadata" poster={ledPoster.src} width={ledPoster.width} height={ledPoster.height} aria-label="Raspberry Pi controlling an LED from a TotalCross GUI application"><source src={ledWebm} type="video/webm" /><source src={ledMp4} type="video/mp4" />Your browser does not support embedded video. <a href={ledMp4}>Download the MP4 demonstration.</a></video>
   </div></section>
 </BaseLayout>
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 80ce3b60..3c62ce45 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,4 +1,10 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
+import { Picture, getImage } from "astro:assets";
 import BaseLayout from "../layouts/BaseLayout.astro";
 import Button from "../components/Button.astro";
 import HomeHero from "../components/HomeHero.astro";
@@ -28,15 +34,12 @@ const features = [
 ];
 
 const description = "Build beautiful and modern graphical user interfaces for embedded, IoT, mobile and desktop devices with a cross-platform Java SDK.";
+const heroBackground = await getImage({ src: background, width: 1920, format: "webp", quality: 78 });
+const wavesBackground = await getImage({ src: waves, width: 1600, format: "webp", quality: 72 });
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 
 <BaseLayout title="TotalCross · GUI Creator for Embedded Devices" description={description}>
-  <HomeHero background={background.src} image={raspberry.src} />
+  <HomeHero background={heroBackground.src} image={raspberry} />
 
   <section class="section section--light features-section">
     <div class="container">
@@ -53,11 +56,11 @@ SPDX-License-Identifier: MIT
     </div>
   </section>
 
-  <section class="section section--dark waves" style={`--waves: url(${waves.src})`}>
+  <section class="section section--dark waves" style={`--waves: url(${wavesBackground.src})`}>
     <div class="container">
       <h2 class="section-title light-title">What is TotalCross?</h2>
       <div class="two-column">
-        <img src={homeApp.src} alt="Home automation interface made with TotalCross" loading="lazy" />
+        <Picture src={homeApp} formats={["avif"]} fallbackFormat="webp" widths={[480, 768, 1024]} sizes="(max-width: 768px) 100vw, 50vw" quality={80} alt="Home automation interface made with TotalCross" loading="lazy" />
         <div class="prose">
           <p>TotalCross is an open-source cross-platform SDK developed to make your life easier when creating mobile-grade user experiences for embedded systems.</p>
           <p>All while delivering native performance with a low footprint.</p>
@@ -73,12 +76,12 @@ SPDX-License-Identifier: MIT
       <p class="section-subtitle">Wonderful User Interfaces for Embedded Devices</p>
       <div class="two-column samples">
         <article class="media-card">
-          <img src={coffee.src} alt="Coffee machine interface made with TotalCross" loading="lazy" />
+          <Picture src={coffee} formats={["avif"]} fallbackFormat="webp" widths={[360, 600, 900]} sizes="(max-width: 768px) 100vw, 50vw" quality={80} alt="Coffee machine interface made with TotalCross" loading="lazy" />
           <h3>Coffee Machine</h3>
           <p>Control the features of your machine and choose your coffee just the way you like it.</p>
         </article>
         <article class="media-card">
-          <img src={printer.src} alt="Printer interface made with TotalCross" loading="lazy" />
+          <Picture src={printer} formats={["avif"]} fallbackFormat="webp" widths={[360, 600, 900]} sizes="(max-width: 768px) 100vw, 50vw" quality={80} alt="Printer interface made with TotalCross" loading="lazy" />
           <h3>Printer</h3>
           <p>A clear embedded interface makes a printer smarter and easier to use.</p>
         </article>
@@ -96,7 +99,7 @@ SPDX-License-Identifier: MIT
         <p>They rebuilt their system for Linux Arm on Toradex modules and chose TotalCross to develop the GUI.</p>
         <Button href="/traffic-control-system-by-tecdet/" label="Read the case" tone="dark" />
       </div>
-      <img src={tecdet.src} alt="Tecdet traffic control system" loading="lazy" />
+      <Picture src={tecdet} formats={["avif"]} fallbackFormat="webp" widths={[360, 600, 900]} sizes="(max-width: 768px) 100vw, 50vw" quality={80} alt="Tecdet traffic control system" loading="lazy" />
     </div>
   </section>
 
@@ -167,7 +170,8 @@ SPDX-License-Identifier: MIT
     width: 140px;
   }
 
-  .case-study > img {
+  .case-study > :global(picture),
+  .case-study > :global(picture img) {
     width: 100%;
   }
 
@@ -206,7 +210,7 @@ SPDX-License-Identifier: MIT
       margin-inline: auto;
     }
 
-    .case-study > img {
+    .case-study > :global(picture) {
       grid-row: 1;
     }
   }
diff --git a/src/pages/licensing/index.astro b/src/pages/licensing/index.astro
index 2cbc7646..cb6de0f4 100644
--- a/src/pages/licensing/index.astro
+++ b/src/pages/licensing/index.astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import Button from "../../components/Button.astro";
 import PageHero from "../../components/PageHero.astro";
@@ -6,11 +11,6 @@ import licenseImage from "../../assets/licence.png";
 
 const features = ["Unlimited developers", "Unlimited runtime", "Community support", "Linux Arm, Android, WinCE, Windows, Linux, and iOS targets", "Documentation and guidelines", "Video tutorials", "Forum"];
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout title="Licensing · TotalCross" description="Understand the TotalCross LGPL v2.1 open-source license and commercial licensing option.">
   <PageHero title="Our Licenses" tagline="Choose the model that fits your TotalCross project." />
   <section class="page-content"><div class="container two-column">
diff --git a/src/pages/pt-br/blog/[...id].astro b/src/pages/pt-br/blog/[...id].astro
index 7ea3f991..ab153871 100644
--- a/src/pages/pt-br/blog/[...id].astro
+++ b/src/pages/pt-br/blog/[...id].astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import { getEntry, render } from "astro:content";
 import BlogArticle from "../../../layouts/BlogArticle.astro";
 import { getPublishedPosts, postSlug, seriesFor, translationsFor, type BlogEntry } from "../../../lib/content";
@@ -14,11 +19,6 @@ const author = await getEntry(post.data.author);
 if (!author) throw new Error(`Author not found for ${post.id}`);
 const { Content, headings } = await render(post);
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BlogArticle post={post} author={author} headings={headings} translations={translationsFor(post, posts)} seriesPosts={seriesFor(post, posts)}>
   <Content />
 </BlogArticle>
diff --git a/src/pages/samples/index.astro b/src/pages/samples/index.astro
index b36e87e7..2182d77e 100644
--- a/src/pages/samples/index.astro
+++ b/src/pages/samples/index.astro
@@ -1,4 +1,10 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
+import { Picture } from "astro:assets";
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import Button from "../../components/Button.astro";
 import PageHero from "../../components/PageHero.astro";
@@ -10,17 +16,19 @@ import medical from "../../assets/sample_medicaldevice.png";
 import dashboard from "../../assets/sample_dashboard.png";
 import badApple from "../../assets/sample_badapple.png";
 
-const samples = [[printer.src, "Printer", "Build a smart printer interface and improve its usability."], [breakout.src, "Breakout Game", "Recreate the classic game on an embedded device."], [corona.src, "Coronavirus Chart App", "Display public health data in an interactive embedded chart."], [medical.src, "Medical Device", "Create a clear interface for medical equipment."], [dashboard.src, "Dashboard", "Explore components commonly used in embedded systems."], [badApple.src, "Bad Apple", "Draw the animation frame by frame on a Raspberry Pi."]];
+const samples = [
+  { image: printer, title: "Printer", text: "Build a smart printer interface and improve its usability." },
+  { image: breakout, title: "Breakout Game", text: "Recreate the classic game on an embedded device." },
+  { image: corona, title: "Coronavirus Chart App", text: "Display public health data in an interactive embedded chart." },
+  { image: medical, title: "Medical Device", text: "Create a clear interface for medical equipment." },
+  { image: dashboard, title: "Dashboard", text: "Explore components commonly used in embedded systems." },
+  { image: badApple, title: "Bad Apple", text: "Draw the animation frame by frame on a Raspberry Pi." },
+];
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout title="Samples · TotalCross" description="Explore embedded graphical interfaces built with TotalCross.">
   <PageHero title="Samples with TotalCross" tagline="Explore sample embedded projects and their source code." />
-  <section class="section section--dark"><div class="container two-column"><div class="prose"><h2>Build a smart home</h2><p>Use this sample application to control temperature, security, alarms, connectivity, calendars, and more.</p><Button href="https://github.com/TotalCross" label="Get the code" tone="light" /></div><img src={banner.src} alt="Smart home sample made with TotalCross" /></div></section>
-  <section class="page-content"><div class="container"><h2 class="section-title">Check more samples</h2><p class="section-subtitle">Discover more applications from the TotalCross community.</p><div class="card-grid samples">{samples.map(([image, title, text]) => <article class="info-card"><img src={image} alt={`${title} interface`} /><h3>{title}</h3><p>{text}</p></article>)}</div></div></section>
+  <section class="section section--dark"><div class="container two-column"><div class="prose"><h2>Build a smart home</h2><p>Use this sample application to control temperature, security, alarms, connectivity, calendars, and more.</p><Button href="https://github.com/TotalCross" label="Get the code" tone="light" /></div><Picture src={banner} formats={["avif"]} fallbackFormat="webp" widths={[480, 800, 1200]} sizes="(max-width: 768px) 100vw, 50vw" quality={80} alt="Smart home sample made with TotalCross" loading="lazy" /></div></section>
+  <section class="page-content"><div class="container"><h2 class="section-title">Check more samples</h2><p class="section-subtitle">Discover more applications from the TotalCross community.</p><div class="card-grid samples">{samples.map(({ image, title, text }) => <article class="info-card"><Picture src={image} formats={["avif"]} fallbackFormat="webp" widths={[260, 520]} sizes="(max-width: 768px) 130px, 130px" quality={78} alt={`${title} interface`} loading="lazy" /><h3>{title}</h3><p>{text}</p></article>)}</div></div></section>
 </BaseLayout>
 
 <style>
diff --git a/src/pages/services/index.astro b/src/pages/services/index.astro
index 73c3f9de..580ee0ba 100644
--- a/src/pages/services/index.astro
+++ b/src/pages/services/index.astro
@@ -1,13 +1,13 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import Button from "../../components/Button.astro";
 import PageHero from "../../components/PageHero.astro";
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout title="Services · TotalCross" description="Support, interface engineering, and UI/UX services for TotalCross embedded projects.">
   <PageHero title="Our Services" tagline="Need extra hands? You can count on us." />
   <section class="page-content">
diff --git a/src/pages/traffic-control-system-by-tecdet/index.astro b/src/pages/traffic-control-system-by-tecdet/index.astro
index 49ff4338..af41bbdf 100644
--- a/src/pages/traffic-control-system-by-tecdet/index.astro
+++ b/src/pages/traffic-control-system-by-tecdet/index.astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: Copyright holder(s) of the Tecdet customer material
+ * SPDX-License-Identifier: LicenseRef-ThirdParty-Material
+ */
+
 import { getEntry, render } from "astro:content";
 import BlogArticle from "../../layouts/BlogArticle.astro";
 import articleImage from "../../assets/tecdet.jpg";
@@ -12,11 +17,6 @@ const { Content, headings } = await render(post);
 const posts = await getPublishedPosts();
 const translations = translationsFor(post, posts);
 ---
-<!--
-SPDX-FileCopyrightText: Copyright holder(s) of the Tecdet customer material
-SPDX-License-Identifier: LicenseRef-ThirdParty-Material
--->
-
-<BlogArticle post={post} author={author} headings={headings} translations={translations} seriesPosts={seriesFor(post, posts)} coverImage={articleImage.src}>
+<BlogArticle post={post} author={author} headings={headings} translations={translations} seriesPosts={seriesFor(post, posts)} coverImage={articleImage}>
   <Content />
 </BlogArticle>
diff --git a/src/pages/using-typescript/index.astro b/src/pages/using-typescript/index.astro
index 44933c54..1e861205 100644
--- a/src/pages/using-typescript/index.astro
+++ b/src/pages/using-typescript/index.astro
@@ -1,12 +1,12 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import PageHero from "../../components/PageHero.astro";
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout title="Using TypeScript · TotalCross" description="A preserved legacy Gatsby starter route about TypeScript.">
   <PageHero title="Gatsby supports TypeScript by default!" tagline="This historical starter page is preserved because it was part of the public site." />
   <section class="page-content"><div class="container prose-wide"><p>You can create and write <em>.ts</em> and <em>.tsx</em> files for pages and components. For type checking, install TypeScript and create a <em>tsconfig</em> file.</p><p>This page now lives in the Astro migration solely to preserve the legacy public URL.</p><p><a href="/">Go back to the homepage</a></p></div></section>
diff --git a/src/pages/why-totalcross/index.astro b/src/pages/why-totalcross/index.astro
index 8b824add..73c1ef4f 100644
--- a/src/pages/why-totalcross/index.astro
+++ b/src/pages/why-totalcross/index.astro
@@ -1,4 +1,9 @@
 ---
+/*
+ * SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
+ * SPDX-License-Identifier: MIT
+ */
+
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import Button from "../../components/Button.astro";
 import PageHero from "../../components/PageHero.astro";
@@ -10,11 +15,6 @@ import ide from "../../assets/whytotalcross_ide.png";
 import languages from "../../assets/whytotalcross_languages.png";
 import fast from "../../assets/whytotalcross_fast.png";
 ---
-<!--
-SPDX-FileCopyrightText: 2026 Amalgam Solucoes em TI Ltda.
-SPDX-License-Identifier: MIT
--->
-
 <BaseLayout title="Why TotalCross" description="Low footprint, high productivity, and a familiar developer experience for embedded interfaces.">
   <PageHero title="Why TotalCross" tagline="Three important points that make the difference when programming." />
   <section class="page-content"><div class="container"><h2 class="section-title">Low-footprint applications: be light</h2><p class="section-subtitle">The 5MB runtime brings mobile-grade experiences even to low-end MPUs.</p><div class="feature-rows"><article class="two-column"><img src={bytecode.src} alt="TotalCross bytecode architecture" /><div class="prose"><h3>TotalCross Bytecode</h3><p>Java and Kotlin bytecode is converted into optimized TotalCross bytecode. Frequently used operations are compressed to reduce instruction assembly and footprint.</p></div></article><article class="two-column reverse"><div class="prose"><h3>TotalCross Virtual Machine</h3><p>The register-based TCVM completes common operations with fewer instructions than a stack-based virtual machine, helping deliver high performance.</p></div><img src={vm.src} alt="TotalCross virtual machine architecture" /></article><article class="two-column"><img src={resources.src} alt="TotalCross resource use" /><div class="prose"><h3>Run higher with fewer resources</h3><p>Make the most of constrained hardware while retaining a high-level programming model and responsive interface.</p></div></article></div></div></section>