fix(website): improve layout and clarify homepage copy

scripts/website.py

@@ -23,8 +23,6 @@ NAVIGATION = (
     ("Showcases", "showcase/"),
     ("Blog", "blog/"),
     ("Guides", "guides/"),
-    ("FAQ", "faq/"),
-    ("Contributors", "contributors/"),
 )
 
 

website/README.md

@@ -360,35 +360,43 @@ Evidence. [evidence/dx-ball-sound-pan.md](evidence/dx-ball-sound-pan.md) records
 their provenance and the scope of the validation claims. The original executable
 and complete private Evidence records are not website assets.
 
-The homepage pairs a short introduction with the installation prompt and
-ordinary setup command. Get started is the primary action; a second link goes
-straight to the first interactive example. Short Showcases and Blog descriptions
-below those actions keep both reading paths available. An RL environments link
-in the same group leads to the recording and environment-building workflow. The introduction and
-setup retain the original equal-width desktop columns. Platform links go
+The homepage pairs a short introduction with the installation prompt. Get
+started is the primary action; a second link goes straight to the first
+interactive example. The terminal command and platform options use native
+disclosures that start open, and the setup-guide link stays visible. Platform links go
 directly to the Windows, macOS and Linux steps in Get started; the optional
-curl installer is listed separately and links to its on-site instructions.
-The setup-guide link
-starts on its own line. A full-width definition and three steps explain the
+curl installer links to its on-site instructions.
+RL environments, Showcases and Blog form a separate row below the introduction
+and setup, with a short description for each destination. The homepage uses a
+1200px content width and equal desktop columns, stacking the introduction and
+setup at 1100px and below. Reading pages retain their narrower content width.
+A full-width definition and three steps explain the
 workflow, followed by a short transition into the dinosaur and Calculator
-cases. The detailed manual/agent comparison is folded,
-as are each example's investigation flow and verification details. Plain
+cases. The full Calculator manual/agent comparison is visible by default.
+Each example's supporting investigation flow and verification details are folded. Plain
 paragraphs introduce the cases without repeating goal and purpose panels.
 Three case-study previews lead to further investigations. The closing sections
 offer a guided first task and target-specific guides. FAQ, Discord and issue
 links each have their own line explaining their purpose.
-Every content page's header and footer link GitHub, Discord and X.
-A right-side table of contents stays visible at widths of 1680px and above,
-with a 32px gap from the content. CSS owns this layout choice; the homepage
+Every content page's header and footer link GitHub, Discord and X. The main
+navigation contains Get started, Showcases, Blog and Guides. FAQ and Contributors
+are in the footer. Utility controls use quiet borders with visible hover and
+keyboard focus states.
+A right-side table of contents stays visible at widths of 1800px and above,
+with a 48px gap from the content. CSS owns this layout choice; the homepage
 script reads the displayed position when opening or closing the menu.
-On narrower screens it becomes a sticky, native disclosure; selecting a link
+On narrower screens it becomes a sticky, native disclosure after the opening
+section; selecting a link
 closes the menu and focuses the destination. The homepage script follows
 the reading position and marks the current link. Without JavaScript, the
 menu stays open and its fragment links remain usable.
+The RL environments section pairs its explanation and guide links with a
+copyable agent prompt on a contrasting surface. It follows the case studies
+and stacks into reading order on small screens.
 The comparison uses the same Calculator question on both sides: three
 selectable manual steps pair original instructions with an analyst illustration
 and thought bubbles; the agent side pairs a copyable question with an
-illustrative answer. The outer disclosure opens the complete comparison, with
+illustrative answer. The outer disclosure starts open, showing the complete comparison with
 the original desktop column proportions and the agent explanation first on
 mobile. Thoughts illustrate the reasoning behind the findings. The
 shared code-step script selects the initial note on load, so all three notes remain

website/public/assets/styles.css

@@ -113,7 +113,7 @@ section[id] {
   scroll-margin-top: 2rem;
 }
 .container {
-  width: min(1080px, calc(100% - 3.5rem));
+  width: min(var(--content-width, 1080px), calc(100% - 3.5rem));
   margin-inline: auto;
 }
 .skip-link {
@@ -168,13 +168,18 @@ section[id] {
   gap: 0.4rem;
   min-height: 44px;
   padding: 0.35rem 0.65rem;
-  border: 1px solid var(--line);
+  border: 1px solid transparent;
   border-radius: 5px;
   color: var(--muted);
   cursor: pointer;
   white-space: nowrap;
   list-style: none;
 }
+.language-picker summary:hover,
+.language-picker[open] summary {
+  background: var(--soft);
+  color: var(--ink);
+}
 .language-picker summary > span:last-child {
   min-inline-size: 0;
   overflow: hidden;
@@ -248,7 +253,7 @@ section[id] {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr) auto;
   align-items: center;
-  gap: 1.5rem;
+  gap: 2rem;
 }
 .brand {
   display: flex;
@@ -278,7 +283,7 @@ section[id] {
 .navigation a {
   display: inline-flex;
   align-items: center;
-  min-height: 24px;
+  min-height: 44px;
   color: var(--muted);
   text-decoration: none;
   white-space: nowrap;
@@ -308,7 +313,7 @@ section[id] {
   width: 44px;
   height: 44px;
   padding: 0;
-  border: 1px solid var(--line);
+  border: 1px solid transparent;
   border-radius: 5px;
   background: var(--page);
   color: var(--muted);
@@ -335,8 +340,8 @@ section[id] {
   height: 44px;
   padding-inline: 10px;
   gap: 8px;
-  border: 1px solid var(--line);
-  border-radius: 10px;
+  border: 1px solid transparent;
+  border-radius: 5px;
   color: var(--muted);
   text-decoration: none;
 }
@@ -437,7 +442,7 @@ section[id] {
   margin-top: 2.25rem;
 }
 .home-hero {
-  padding-block: 4rem 3.5rem;
+  padding-block: 5rem 3rem;
 }
 .home-calculation {
   margin: 0;
@@ -1721,6 +1726,12 @@ pre code {
   border: 0;
 }
 
+.home-page {
+  --content-width: 1200px;
+}
+.home-page .section {
+  padding-block: 5rem;
+}
 .home-page-nav {
   position: sticky;
   top: 0;
@@ -1808,11 +1819,11 @@ pre code {
   margin-top: 0.3rem;
   white-space: normal;
 }
-@media (min-width: 1680px) {
+@media (min-width: 1800px) {
   .home-page-nav {
     position: fixed;
     top: 7.5rem;
-    right: max(1.5rem, calc((100vw - 1080px) / 2 - 192px));
+    right: max(1.5rem, calc((100vw - var(--content-width)) / 2 - 208px));
     width: 160px;
     max-height: calc(100svh - 9rem);
     overflow-y: auto;
@@ -1857,22 +1868,29 @@ pre code {
 .home-start-grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-  gap: 3.5rem;
+  gap: clamp(3rem, 6vw, 5.5rem);
   align-items: start;
 }
 .home-start-grid h1 {
-  font-size: clamp(2.8rem, 5vw, 4.2rem);
+  font-size: clamp(2.8rem, 4.4vw, 3.75rem);
+  line-height: 1.12;
+}
+.home-start-grid .lede {
+  max-width: 30rem;
 }
 .home-reading-links {
-  margin-top: 1.75rem;
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 2.5rem;
+  margin-top: 3.5rem;
+  padding-top: 2rem;
+  border-top: 1px solid var(--line);
   color: var(--muted);
   font-size: 0.9rem;
 }
 .home-reading-links p {
-  margin-bottom: 0.5rem;
-}
-.home-reading-links p:last-child {
-  margin-bottom: 0;
+  max-width: 22rem;
+  margin: 0.5rem 0 0;
 }
 .home-setup {
   min-width: 0;
@@ -1882,17 +1900,11 @@ pre code {
   letter-spacing: -0.02em;
   margin-bottom: 0.7rem;
 }
-.home-setup-agent > p,
-.home-setup-command > p {
+.home-setup-agent > p {
   color: var(--muted);
   font-size: 0.9rem;
-}
-.home-setup-agent > p {
   margin-bottom: 1rem;
 }
-.home-setup-command > p:first-child {
-  margin-top: 1.5rem;
-}
 .home-install-resources {
   display: flex;
   flex-wrap: wrap;
@@ -1905,6 +1917,25 @@ pre code {
 .home-install-resources a {
   white-space: nowrap;
 }
+.home-install-options {
+  font-size: 0.85rem;
+}
+.home-setup-command > summary,
+.home-install-options > summary {
+  width: fit-content;
+  min-height: 44px;
+  padding-block: 0.65rem;
+  color: var(--muted);
+  font-size: 0.9rem;
+  cursor: pointer;
+}
+.home-setup-command[open] > summary,
+.home-install-options[open] > summary {
+  margin-bottom: 0.5rem;
+}
+.home-install-options .home-other-install-options {
+  margin-bottom: 0;
+}
 .home-other-install-options {
   margin-top: 0.65rem;
   color: var(--muted);
@@ -2214,13 +2245,13 @@ pre code {
 .home-case-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 1rem;
+  gap: 1.5rem;
 }
 .home-case-card {
   display: flex;
   min-width: 0;
   flex-direction: column;
-  padding: 1.5rem;
+  padding: 2rem;
   border: 1px solid var(--line);
   border-radius: 5px;
 }
@@ -2233,7 +2264,7 @@ pre code {
 }
 .home-case-card p:not(.eyebrow) {
   color: var(--muted);
-  font-size: 0.9rem;
+  font-size: 1rem;
 }
 .home-case-card .text-link {
   margin-top: auto;
@@ -2242,11 +2273,20 @@ pre code {
 .home-page #community p {
   color: var(--muted);
 }
+.home-environments {
+  background: var(--soft);
+}
+.home-environment-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: clamp(2rem, 4vw, 4rem);
+  align-items: start;
+}
 .home-example-grid {
   display: grid;
   grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
   align-items: start;
-  gap: 3rem;
+  gap: clamp(2rem, 4vw, 4rem);
 }
 .percent-figure,
 .dino-demo {
@@ -2464,9 +2504,21 @@ pre code {
 [hidden] {
   display: none !important;
 }
+@media (max-width: 1100px) {
+  .home-start-grid {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 3rem;
+    max-width: 760px;
+    margin-inline: auto;
+  }
+  .home-start-grid .lede {
+    max-width: 38rem;
+  }
+}
 @media (max-width: 850px) {
   .home-start-grid,
   .home-role-comparison,
+  .home-environment-grid,
   .home-example-grid {
     grid-template-columns: minmax(0, 1fr);
     gap: 2rem;
@@ -2475,9 +2527,6 @@ pre code {
   .home-case-grid {
     grid-template-columns: minmax(0, 1fr);
   }
-  .home-start-grid h1 {
-    font-size: clamp(2.7rem, 9vw, 4.65rem);
-  }
   .home-role-comparison figcaption {
     margin-top: 0;
   }
@@ -2489,20 +2538,18 @@ pre code {
   }
 }
 @media (max-width: 640px) {
+  .home-page .section {
+    padding-block: 3.5rem;
+  }
+  .home-reading-links {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 1.5rem;
+    margin-top: 2.5rem;
+  }
   .home-showcase-heading {
     align-items: flex-start;
     flex-direction: column;
   }
-  .home-start-grid .actions {
-    display: grid;
-    grid-template-columns: max-content max-content;
-    justify-content: start;
-    gap: 0.9rem 1.4rem;
-  }
-  .home-start-grid .actions .button {
-    grid-column: 1 / -1;
-    justify-self: start;
-  }
   .home-install-resources > span {
     flex-basis: 100%;
   }
@@ -2620,7 +2667,7 @@ pre code {
   }
   .navigation {
     display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-template-columns: repeat(4, minmax(0, 1fr));
     justify-content: space-between;
     gap: 0.5rem 0.8rem;
     font-size: 0.875rem;

website/public/blog/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../showcase/">Showcases</a>
           <a href="../blog/" aria-current="page">Blog</a>
           <a href="../guides/">Guides</a>
-          <a href="../faq/">FAQ</a>
-          <a href="../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../blog/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../zh-CN/blog/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../zh-TW/blog/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../ja/blog/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../ko/blog/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../tr/blog/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../ru/blog/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../vi/blog/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../th/blog/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../de/blog/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../es/blog/" lang="es" dir="ltr" data-language="es">Español</a><a href="../fr/blog/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../uk/blog/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../pl/blog/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../pt-BR/blog/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../ar/blog/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../fa/blog/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../id/blog/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../it/blog/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../el/blog/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../ml/blog/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../ur-Latn/blog/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../ro/blog/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -242,7 +240,8 @@
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../contributors/">Contributors</a
+          <a href="../faq/">FAQ</a
+          ><a href="../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/blog/reverse-engineering-models/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../../showcase/">Showcases</a>
           <a href="../../blog/" aria-current="page">Blog</a>
           <a href="../../guides/">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../blog/reverse-engineering-models/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/blog/reverse-engineering-models/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/blog/reverse-engineering-models/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/blog/reverse-engineering-models/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/blog/reverse-engineering-models/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/blog/reverse-engineering-models/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/blog/reverse-engineering-models/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/blog/reverse-engineering-models/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/blog/reverse-engineering-models/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/blog/reverse-engineering-models/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/blog/reverse-engineering-models/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/blog/reverse-engineering-models/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/blog/reverse-engineering-models/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/blog/reverse-engineering-models/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/blog/reverse-engineering-models/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/blog/reverse-engineering-models/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/blog/reverse-engineering-models/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/blog/reverse-engineering-models/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/blog/reverse-engineering-models/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/blog/reverse-engineering-models/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/blog/reverse-engineering-models/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/blog/reverse-engineering-models/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/blog/reverse-engineering-models/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -881,7 +879,8 @@
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/blog/touhou-reconstruction/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../../showcase/">Showcases</a>
           <a href="../../blog/" aria-current="page">Blog</a>
           <a href="../../guides/">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../blog/touhou-reconstruction/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/blog/touhou-reconstruction/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/blog/touhou-reconstruction/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/blog/touhou-reconstruction/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/blog/touhou-reconstruction/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/blog/touhou-reconstruction/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/blog/touhou-reconstruction/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/blog/touhou-reconstruction/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/blog/touhou-reconstruction/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/blog/touhou-reconstruction/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/blog/touhou-reconstruction/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/blog/touhou-reconstruction/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/blog/touhou-reconstruction/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/blog/touhou-reconstruction/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/blog/touhou-reconstruction/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/blog/touhou-reconstruction/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/blog/touhou-reconstruction/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/blog/touhou-reconstruction/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/blog/touhou-reconstruction/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/blog/touhou-reconstruction/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/blog/touhou-reconstruction/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/blog/touhou-reconstruction/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/blog/touhou-reconstruction/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -1078,7 +1076,8 @@
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/contributors/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -123,8 +123,6 @@
           <a href="../showcase/">Showcases</a>
           <a href="../blog/">Blog</a>
           <a href="../guides/">Guides</a>
-          <a href="../faq/">FAQ</a>
-          <a href="../contributors/" aria-current="page">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../contributors/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../zh-CN/contributors/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../zh-TW/contributors/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../ja/contributors/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../ko/contributors/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../tr/contributors/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../ru/contributors/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../vi/contributors/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../th/contributors/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../de/contributors/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../es/contributors/" lang="es" dir="ltr" data-language="es">Español</a><a href="../fr/contributors/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../uk/contributors/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../pl/contributors/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../pt-BR/contributors/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../ar/contributors/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../fa/contributors/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../id/contributors/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../it/contributors/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../el/contributors/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../ml/contributors/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../ur-Latn/contributors/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../ro/contributors/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -1129,7 +1127,8 @@
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../contributors/">Contributors</a
+          <a href="../faq/">FAQ</a
+          ><a href="../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/examples/dino-lab/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -123,8 +123,6 @@
           <a href="../../showcase/">Showcases</a>
           <a href="../../blog/">Blog</a>
           <a href="../../guides/">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../examples/dino-lab/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/examples/dino-lab/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/examples/dino-lab/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/examples/dino-lab/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/examples/dino-lab/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/examples/dino-lab/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/examples/dino-lab/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/examples/dino-lab/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/examples/dino-lab/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/examples/dino-lab/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/examples/dino-lab/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/examples/dino-lab/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/examples/dino-lab/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/examples/dino-lab/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/examples/dino-lab/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/examples/dino-lab/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/examples/dino-lab/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/examples/dino-lab/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/examples/dino-lab/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/examples/dino-lab/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/examples/dino-lab/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/examples/dino-lab/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/examples/dino-lab/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -473,7 +471,8 @@
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/faq/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../showcase/">Showcases</a>
           <a href="../blog/">Blog</a>
           <a href="../guides/">Guides</a>
-          <a href="../faq/" aria-current="page">FAQ</a>
-          <a href="../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../faq/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../zh-CN/faq/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../zh-TW/faq/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../ja/faq/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../ko/faq/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../tr/faq/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../ru/faq/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../vi/faq/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../th/faq/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../de/faq/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../es/faq/" lang="es" dir="ltr" data-language="es">Español</a><a href="../fr/faq/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../uk/faq/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../pl/faq/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../pt-BR/faq/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../ar/faq/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../fa/faq/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../id/faq/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../it/faq/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../el/faq/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../ml/faq/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../ur-Latn/faq/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../ro/faq/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -571,7 +569,8 @@
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../contributors/">Contributors</a
+          <a href="../faq/">FAQ</a
+          ><a href="../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/first-investigation/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../showcase/">Showcases</a>
           <a href="../blog/">Blog</a>
           <a href="../guides/">Guides</a>
-          <a href="../faq/">FAQ</a>
-          <a href="../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../first-investigation/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../zh-CN/first-investigation/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../zh-TW/first-investigation/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../ja/first-investigation/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../ko/first-investigation/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../tr/first-investigation/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../ru/first-investigation/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../vi/first-investigation/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../th/first-investigation/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../de/first-investigation/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../es/first-investigation/" lang="es" dir="ltr" data-language="es">Español</a><a href="../fr/first-investigation/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../uk/first-investigation/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../pl/first-investigation/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../pt-BR/first-investigation/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../ar/first-investigation/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../fa/first-investigation/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../id/first-investigation/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../it/first-investigation/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../el/first-investigation/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../ml/first-investigation/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../ur-Latn/first-investigation/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../ro/first-investigation/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -532,7 +530,8 @@ process.stdout.write(toCsv([{ id: 1, title: 'Hello, "REA"' }]));
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../contributors/">Contributors</a
+          <a href="../faq/">FAQ</a
+          ><a href="../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/get-started/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../showcase/">Showcases</a>
           <a href="../blog/">Blog</a>
           <a href="../guides/">Guides</a>
-          <a href="../faq/">FAQ</a>
-          <a href="../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../get-started/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../zh-CN/get-started/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../zh-TW/get-started/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../ja/get-started/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../ko/get-started/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../tr/get-started/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../ru/get-started/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../vi/get-started/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../th/get-started/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../de/get-started/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../es/get-started/" lang="es" dir="ltr" data-language="es">Español</a><a href="../fr/get-started/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../uk/get-started/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../pl/get-started/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../pt-BR/get-started/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../ar/get-started/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../fa/get-started/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../id/get-started/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../it/get-started/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../el/get-started/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../ml/get-started/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../ur-Latn/get-started/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../ro/get-started/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -1815,7 +1813,8 @@ npx rea-agents@latest setup</code></pre>
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../contributors/">Contributors</a
+          <a href="../faq/">FAQ</a
+          ><a href="../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/guides/browser/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../../showcase/">Showcases</a>
           <a href="../../blog/">Blog</a>
           <a href="../../guides/" aria-current="page">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../guides/browser/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/guides/browser/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/guides/browser/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/guides/browser/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/guides/browser/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/guides/browser/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/guides/browser/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/guides/browser/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/guides/browser/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/guides/browser/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/guides/browser/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/guides/browser/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/guides/browser/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/guides/browser/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/guides/browser/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/guides/browser/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/guides/browser/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/guides/browser/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/guides/browser/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/guides/browser/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/guides/browser/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/guides/browser/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/guides/browser/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -505,7 +503,8 @@ link.click();</code></pre>
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/guides/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../showcase/">Showcases</a>
           <a href="../blog/">Blog</a>
           <a href="../guides/" aria-current="page">Guides</a>
-          <a href="../faq/">FAQ</a>
-          <a href="../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../guides/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../zh-CN/guides/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../zh-TW/guides/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../ja/guides/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../ko/guides/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../tr/guides/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../ru/guides/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../vi/guides/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../th/guides/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../de/guides/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../es/guides/" lang="es" dir="ltr" data-language="es">Español</a><a href="../fr/guides/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../uk/guides/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../pl/guides/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../pt-BR/guides/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../ar/guides/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../fa/guides/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../id/guides/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../it/guides/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../el/guides/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../ml/guides/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../ur-Latn/guides/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../ro/guides/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -299,7 +297,8 @@
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../contributors/">Contributors</a
+          <a href="../faq/">FAQ</a
+          ><a href="../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/guides/javascript/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../../showcase/">Showcases</a>
           <a href="../../blog/">Blog</a>
           <a href="../../guides/" aria-current="page">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../guides/javascript/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/guides/javascript/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/guides/javascript/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/guides/javascript/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/guides/javascript/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/guides/javascript/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/guides/javascript/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/guides/javascript/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/guides/javascript/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/guides/javascript/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/guides/javascript/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/guides/javascript/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/guides/javascript/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/guides/javascript/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/guides/javascript/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/guides/javascript/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/guides/javascript/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/guides/javascript/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/guides/javascript/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/guides/javascript/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/guides/javascript/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/guides/javascript/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/guides/javascript/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -501,7 +499,8 @@
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/guides/native/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../../showcase/">Showcases</a>
           <a href="../../blog/">Blog</a>
           <a href="../../guides/" aria-current="page">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../guides/native/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/guides/native/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/guides/native/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/guides/native/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/guides/native/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/guides/native/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/guides/native/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/guides/native/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/guides/native/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/guides/native/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/guides/native/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/guides/native/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/guides/native/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/guides/native/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/guides/native/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/guides/native/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/guides/native/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/guides/native/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/guides/native/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/guides/native/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/guides/native/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/guides/native/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/guides/native/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -507,7 +505,8 @@ return (DxBallInt)pan;</code></pre>
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/guides/rl-environments/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../../showcase/">Showcases</a>
           <a href="../../blog/">Blog</a>
           <a href="../../guides/" aria-current="page">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../guides/rl-environments/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/guides/rl-environments/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/guides/rl-environments/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/guides/rl-environments/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/guides/rl-environments/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/guides/rl-environments/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/guides/rl-environments/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/guides/rl-environments/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/guides/rl-environments/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/guides/rl-environments/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/guides/rl-environments/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/guides/rl-environments/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/guides/rl-environments/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/guides/rl-environments/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/guides/rl-environments/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/guides/rl-environments/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/guides/rl-environments/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/guides/rl-environments/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/guides/rl-environments/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/guides/rl-environments/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/guides/rl-environments/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/guides/rl-environments/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/guides/rl-environments/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -496,7 +494,8 @@
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>REA — Reverse Engineering for Your Coding Agent</title>
+    <title>REA: Reverse Engineering for Your Coding Agent</title>
     <meta
       name="description"
       content="Reverse engineer apps, binaries and browser behavior with your coding agent. Follow clear guides and try interactive examples with REA."
@@ -66,7 +66,7 @@
     <!-- prettier-ignore -->
     <meta property="og:site_name" content="REA" />
     <!-- prettier-ignore -->
-    <meta property="og:title" content="REA — Reverse Engineering for Your Coding Agent" />
+    <meta property="og:title" content="REA: Reverse Engineering for Your Coding Agent" />
     <!-- prettier-ignore -->
     <meta property="og:description" content="Reverse engineer apps, binaries and browser behavior with your coding agent. Follow clear guides and try interactive examples with REA." />
     <!-- prettier-ignore -->
@@ -82,12 +82,12 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
     <!-- prettier-ignore -->
-    <meta name="twitter:title" content="REA — Reverse Engineering for Your Coding Agent" />
+    <meta name="twitter:title" content="REA: Reverse Engineering for Your Coding Agent" />
     <!-- prettier-ignore -->
     <meta name="twitter:description" content="Reverse engineer apps, binaries and browser behavior with your coding agent. Follow clear guides and try interactive examples with REA." />
     <!-- prettier-ignore -->
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -124,8 +124,6 @@
           <a href="./showcase/">Showcases</a>
           <a href="./blog/">Blog</a>
           <a href="./guides/">Guides</a>
-          <a href="./faq/">FAQ</a>
-          <a href="./contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="./" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="./zh-CN/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="./zh-TW/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="./ja/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="./ko/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="./tr/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="./ru/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="./vi/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="./th/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="./de/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="./es/" lang="es" dir="ltr" data-language="es">Español</a><a href="./fr/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="./uk/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="./pl/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="./pt-BR/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="./ar/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="./fa/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="./id/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="./it/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="./el/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="./ml/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="./ur-Latn/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="./ro/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -200,32 +198,6 @@
       </div>
     </header>
     <!-- website:header:end -->
-    <details class="home-page-nav" data-home-nav open>
-      <summary class="container">
-        <span>On this page</span>
-        <span class="home-nav-current" data-home-nav-current aria-hidden="true"
-          >Set up REA</span
-        >
-        <svg width="12" height="12" viewBox="0 0 12 12" aria-hidden="true">
-          <path d="m2 4 4 4 4-4" fill="none" stroke="currentColor" />
-        </svg>
-      </summary>
-      <nav class="home-nav-links" aria-label="On this page">
-        <div class="container">
-          <p class="home-nav-title">On this page</p>
-          <ul>
-            <li><a href="#setup" aria-current="location">Set up REA</a></li>
-            <li><a href="#what-is-re">How it works</a></li>
-            <li><a href="#dinosaur">Dinosaur game</a></li>
-            <li><a href="#calculator">Calculator</a></li>
-            <li><a href="#showcases">Showcases</a></li>
-            <li><a href="#rl-environments">RL environments</a></li>
-            <li><a href="#try-rea">Try REA</a></li>
-            <li><a href="#analyze">Go deeper</a></li>
-          </ul>
-        </div>
-      </nav>
-    </details>
     <main id="main">
       <section class="container hero home-hero" id="setup">
         <div class="home-start-grid">
@@ -240,19 +212,6 @@
               <a class="button" href="get-started/">Get started</a>
               <a class="text-link" href="#dinosaur">See an example ↓</a>
             </div>
-            <div class="home-reading-links">
-              <p>
-                <a href="#rl-environments">Build RL environments →</a>: record a
-                web app for training and testing agents.
-              </p>
-              <p>
-                <a href="showcase/">Showcases →</a> — investigations and
-                interactive demos.
-              </p>
-              <p>
-                <a href="blog/">Blog →</a> — methods and reconstruction notes.
-              </p>
-            </div>
           </div>
           <div class="home-setup" id="install">
             <div class="home-setup-agent">
@@ -285,8 +244,8 @@
                 </p>
               </div>
             </div>
-            <div class="home-setup-command">
-              <p>Or run this in your terminal:</p>
+            <details class="home-setup-command" open>
+              <summary>Or run this in your terminal:</summary>
               <div class="code-block code-inline">
                 <code id="setup-command">npx rea-agents@latest setup</code>
                 <button
@@ -301,6 +260,9 @@
               <p class="caption">
                 Approve the setup plan, then restart your agent.
               </p>
+            </details>
+            <details class="home-install-options" open>
+              <summary>Setup options</summary>
               <nav class="home-install-resources" aria-label="Setup options">
                 <span>Setup for your platform:</span>
                 <a href="get-started/#node-windows-help"
@@ -319,16 +281,62 @@
                   ><span translate="no">curl</span> →</a
                 >
               </p>
-              <p class="home-expert-shortcut">
-                First time, or missing <span translate="no">Node.js</span> or a
-                coding agent?
-                <a href="get-started/">Follow the step-by-step setup guide →</a>
-              </p>
-            </div>
+            </details>
+            <p class="home-expert-shortcut">
+              First time, or missing <span translate="no">Node.js</span> or a
+              coding agent?
+              <a href="get-started/">Follow the step-by-step setup guide →</a>
+            </p>
+          </div>
+        </div>
+        <div class="home-reading-links">
+          <div>
+            <a class="text-link" href="#rl-environments"
+              >Build RL environments →</a
+            >
+            <p>Record a web app for training and testing agents.</p>
+          </div>
+          <div>
+            <a class="text-link" href="showcase/">Showcases →</a>
+            <p>Investigations and interactive demos.</p>
+          </div>
+          <div>
+            <a class="text-link" href="blog/">Blog →</a>
+            <p>Methods and reconstruction notes.</p>
           </div>
         </div>
       </section>
 
+      <details class="home-page-nav" data-home-nav open>
+        <summary class="container">
+          <span>On this page</span>
+          <span
+            class="home-nav-current"
+            data-home-nav-current
+            aria-hidden="true"
+            >Set up REA</span
+          >
+          <svg width="12" height="12" viewBox="0 0 12 12" aria-hidden="true">
+            <path d="m2 4 4 4 4-4" fill="none" stroke="currentColor" />
+          </svg>
+        </summary>
+        <nav class="home-nav-links" aria-label="On this page">
+          <div class="container">
+            <p class="home-nav-title">On this page</p>
+            <ul>
+              <li><a href="#setup" aria-current="location">Set up REA</a></li>
+              <li><a href="#what-is-re">How it works</a></li>
+              <li><a href="#dinosaur">Dinosaur game</a></li>
+              <li><a href="#calculator">Calculator</a></li>
+              <li><a href="#showcases">Showcases</a></li>
+              <li><a href="#rl-environments">RL environments</a></li>
+              <li><a href="#try-rea">Try REA</a></li>
+              <li><a href="#analyze">Go deeper</a></li>
+            </ul>
+          </div>
+        </nav>
+      </details>
+
       <section class="section" id="what-is-re">
         <div class="container">
           <div class="section-heading">
@@ -346,7 +354,10 @@
             </li>
             <li>
               <h3>Inspect the program</h3>
-              <p>REA returns code, references and runtime observations.</p>
+              <p>
+                REA helps your agent read the code and see what the program does
+                while it runs.
+              </p>
             </li>
             <li>
               <h3>Explain it, then try a change</h3>
@@ -355,7 +366,7 @@
               </p>
             </li>
           </ol>
-          <details class="home-evidence-details">
+          <details class="home-evidence-details" open>
             <summary>See the full Calculator investigation</summary>
             <p class="comparison-question">
               Why does Calculator give 220 for
@@ -1080,60 +1091,68 @@ SPEED: 6</code></pre>
         </div>
       </section>
 
-      <section class="section" id="rl-environments">
-        <div class="container">
-          <div class="section-heading">
-            <h2>Build RL environments.</h2>
-            <p class="lede">
-              Turn a recorded web app session into a runnable environment for
-              training and testing AI agents.
-            </p>
-          </div>
-          <p>
-            REA builds tools and local data so an agent can practice tasks
-            without running the original app. It supports changes when the
-            recording confirms their effects.
-          </p>
-          <p>With REA set up in your agent, give it a task like this:</p>
-          <div class="agent-terminal">
-            <div class="terminal-header">
-              <span class="terminal-title"
-                ><span class="terminal-dots" aria-hidden="true"
-                  ><i></i><i></i><i></i></span
-                >Your coding agent</span
-              ><button
-                class="copy-button"
-                type="button"
-                data-copy="home-environment-prompt"
-                aria-label="Copy example prompt"
-              >
-                Copy
-              </button>
+      <section class="section home-environments" id="rl-environments">
+        <div class="container home-environment-grid">
+          <div>
+            <div class="section-heading">
+              <h2>Build RL environments.</h2>
+              <p class="lede">
+                Turn a recorded web app session into a runnable environment for
+                training and testing AI agents.
+              </p>
             </div>
-            <p class="terminal-prompt">
-              <span class="prompt-symbol" aria-hidden="true">›</span
-              ><span id="home-environment-prompt"
-                >Use REA to build an RL environment from my test web app at
-                <code>http://127.0.0.1:3000</code>. Cover listing, creating,
-                renaming, and deleting folders. You may create and remove test
-                folders. Leave existing data unchanged. Save it in a folder
-                named <code>my-env</code>. Check which operations work and tell
-                me how to run it.</span
-              ><span class="terminal-cursor" aria-hidden="true"></span>
+            <p>
+              Your agent records the browser's requests and the app's responses.
+              REA uses them to build a local environment where agents can
+              practice tasks without running the original app.
+            </p>
+            <p>
+              To support folder deletion, the recording must show the folder
+              before deletion and confirm it is gone afterward.
+            </p>
+            <p>
+              <a class="text-link" href="guides/rl-environments/"
+                >Build an RL environment</a
+              >
+              ·
+              <a href="https://x.com/reatools/status/2112574822584918075?s=20"
+                >Watch the demo on X</a
+              >
+            </p>
+          </div>
+          <div>
+            <p>With REA set up in your agent, give it a task like this:</p>
+            <div class="agent-terminal">
+              <div class="terminal-header">
+                <span class="terminal-title"
+                  ><span class="terminal-dots" aria-hidden="true"
+                    ><i></i><i></i><i></i></span
+                  >Your coding agent</span
+                ><button
+                  class="copy-button"
+                  type="button"
+                  data-copy="home-environment-prompt"
+                  aria-label="Copy example prompt"
+                >
+                  Copy
+                </button>
+              </div>
+              <p class="terminal-prompt">
+                <span class="prompt-symbol" aria-hidden="true">›</span
+                ><span id="home-environment-prompt"
+                  >Use REA to build an RL environment from my test web app at
+                  <code>http://127.0.0.1:3000</code>. Cover listing, creating,
+                  renaming, and deleting folders. You may create and remove test
+                  folders. Leave existing data unchanged. Save it in a folder
+                  named <code>my-env</code>. Check which operations work and
+                  tell me how to run it.</span
+                ><span class="terminal-cursor" aria-hidden="true"></span>
+              </p>
+            </div>
+            <p class="caption">
+              Example prompt. Replace the URL and folder tasks with your own.
             </p>
           </div>
-          <p class="caption">
-            Example prompt. Replace the URL and folder tasks with your own.
-          </p>
-          <p>
-            <a class="text-link" href="guides/rl-environments/"
-              >Build an RL environment</a
-            >
-            ·
-            <a href="https://x.com/reatools/status/2112574822584918075?s=20"
-              >Watch the demo on X</a
-            >
-          </p>
         </div>
       </section>
 
@@ -1173,10 +1192,7 @@ SPEED: 6</code></pre>
             </div>
             <div>
               <h3>JavaScript &amp; Electron</h3>
-              <p>
-                Map modules, routes, IPC and native dependencies from an
-                application folder or ASAR archive.
-              </p>
+              <p>Follow the code inside a JavaScript desktop app.</p>
               <a href="guides/javascript/">Application workflows</a>
             </div>
             <div>
@@ -1259,17 +1275,18 @@ SPEED: 6</code></pre>
             <h2>Any questions?</h2>
             <div class="home-help-links">
               <p>
-                <a href="faq/">Read the FAQ</a> — setup and common questions.
+                <a href="faq/">Read the FAQ</a> for setup help and common
+                questions.
               </p>
               <p>
-                <a href="https://discord.gg/GkcryMnJDM">Join Discord</a> — get
+                <a href="https://discord.gg/GkcryMnJDM">Join Discord</a> to get
                 help and discuss your investigations.
               </p>
               <p>
+                Report a bug or request a feature in
                 <a href="https://github.com/morluto/rea/issues/new/choose"
                   >GitHub issues</a
-                >
-                — report a bug or request a feature.
+                >.
               </p>
             </div>
           </div>
@@ -1282,7 +1299,8 @@ SPEED: 6</code></pre>
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="./contributors/">Contributors</a
+          <a href="./faq/">FAQ</a
+          ><a href="./contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/showcase/aegis/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -123,8 +123,6 @@
           <a href="../../showcase/" aria-current="page">Showcases</a>
           <a href="../../blog/">Blog</a>
           <a href="../../guides/">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../showcase/aegis/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/showcase/aegis/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/showcase/aegis/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/showcase/aegis/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/showcase/aegis/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/showcase/aegis/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/showcase/aegis/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/showcase/aegis/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/showcase/aegis/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/showcase/aegis/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/showcase/aegis/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/showcase/aegis/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/showcase/aegis/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/showcase/aegis/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/showcase/aegis/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/showcase/aegis/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/showcase/aegis/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/showcase/aegis/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/showcase/aegis/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/showcase/aegis/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/showcase/aegis/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/showcase/aegis/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/showcase/aegis/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -806,7 +804,8 @@ npx rea-agents@latest inspect-android-package \
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/showcase/ctf/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../../showcase/" aria-current="page">Showcases</a>
           <a href="../../blog/">Blog</a>
           <a href="../../guides/">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../showcase/ctf/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/showcase/ctf/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/showcase/ctf/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/showcase/ctf/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/showcase/ctf/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/showcase/ctf/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/showcase/ctf/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/showcase/ctf/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/showcase/ctf/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/showcase/ctf/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/showcase/ctf/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/showcase/ctf/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/showcase/ctf/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/showcase/ctf/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/showcase/ctf/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/showcase/ctf/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/showcase/ctf/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/showcase/ctf/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/showcase/ctf/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/showcase/ctf/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/showcase/ctf/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/showcase/ctf/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/showcase/ctf/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -775,7 +773,8 @@ chmod +x ms_flag_checker
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/showcase/dx-ball/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../../showcase/" aria-current="page">Showcases</a>
           <a href="../../blog/">Blog</a>
           <a href="../../guides/">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../showcase/dx-ball/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/showcase/dx-ball/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/showcase/dx-ball/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/showcase/dx-ball/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/showcase/dx-ball/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/showcase/dx-ball/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/showcase/dx-ball/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/showcase/dx-ball/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/showcase/dx-ball/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/showcase/dx-ball/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/showcase/dx-ball/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/showcase/dx-ball/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/showcase/dx-ball/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/showcase/dx-ball/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/showcase/dx-ball/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/showcase/dx-ball/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/showcase/dx-ball/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/showcase/dx-ball/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/showcase/dx-ball/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/showcase/dx-ball/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/showcase/dx-ball/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/showcase/dx-ball/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/showcase/dx-ball/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -783,7 +781,8 @@
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/showcase/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../showcase/" aria-current="page">Showcases</a>
           <a href="../blog/">Blog</a>
           <a href="../guides/">Guides</a>
-          <a href="../faq/">FAQ</a>
-          <a href="../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../showcase/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../zh-CN/showcase/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../zh-TW/showcase/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../ja/showcase/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../ko/showcase/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../tr/showcase/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../ru/showcase/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../vi/showcase/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../th/showcase/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../de/showcase/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../es/showcase/" lang="es" dir="ltr" data-language="es">Español</a><a href="../fr/showcase/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../uk/showcase/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../pl/showcase/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../pt-BR/showcase/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../ar/showcase/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../fa/showcase/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../id/showcase/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../it/showcase/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../el/showcase/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../ml/showcase/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../ur-Latn/showcase/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../ro/showcase/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -335,7 +333,8 @@
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../contributors/">Contributors</a
+          <a href="../faq/">FAQ</a
+          ><a href="../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/showcase/notion/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../../showcase/" aria-current="page">Showcases</a>
           <a href="../../blog/">Blog</a>
           <a href="../../guides/">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../showcase/notion/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/showcase/notion/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/showcase/notion/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/showcase/notion/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/showcase/notion/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/showcase/notion/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/showcase/notion/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/showcase/notion/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/showcase/notion/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/showcase/notion/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/showcase/notion/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/showcase/notion/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/showcase/notion/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/showcase/notion/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/showcase/notion/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/showcase/notion/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/showcase/notion/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/showcase/notion/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/showcase/notion/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/showcase/notion/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/showcase/notion/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/showcase/notion/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/showcase/notion/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -629,7 +627,8 @@ mimeTypes:
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/public/showcase/th04/index.html

@@ -82,7 +82,7 @@
     <!-- prettier-ignore -->
     <meta
       property="og:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- prettier-ignore -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -95,7 +95,7 @@
     <!-- prettier-ignore -->
     <meta
       name="twitter:image:alt"
-      content="REA — Find out how software works. Reverse engineering with your coding agent."
+      content="REA: Find out how software works. Reverse engineering with your coding agent."
     />
     <!-- website:sharing:end -->
     <!-- website:theme:start -->
@@ -122,8 +122,6 @@
           <a href="../../showcase/" aria-current="page">Showcases</a>
           <a href="../../blog/">Blog</a>
           <a href="../../guides/">Guides</a>
-          <a href="../../faq/">FAQ</a>
-          <a href="../../contributors/">Contributors</a>
         </nav>
         <div class="header-social">
           <details class="language-picker" data-i18n-skip><summary><span aria-hidden="true">文 / A</span> <span>English</span></summary><nav aria-label="English"><a href="../../showcase/th04/" lang="en" dir="ltr" data-language="en" aria-current="true">English</a><a href="../../zh-CN/showcase/th04/" lang="zh-CN" dir="ltr" data-language="zh-CN">简体中文</a><a href="../../zh-TW/showcase/th04/" lang="zh-TW" dir="ltr" data-language="zh-TW">繁體中文</a><a href="../../ja/showcase/th04/" lang="ja" dir="ltr" data-language="ja">日本語</a><a href="../../ko/showcase/th04/" lang="ko" dir="ltr" data-language="ko">한국어</a><a href="../../tr/showcase/th04/" lang="tr" dir="ltr" data-language="tr">Türkçe</a><a href="../../ru/showcase/th04/" lang="ru" dir="ltr" data-language="ru">Русский</a><a href="../../vi/showcase/th04/" lang="vi" dir="ltr" data-language="vi">Tiếng Việt</a><a href="../../th/showcase/th04/" lang="th" dir="ltr" data-language="th">ไทย</a><a href="../../de/showcase/th04/" lang="de" dir="ltr" data-language="de">Deutsch</a><a href="../../es/showcase/th04/" lang="es" dir="ltr" data-language="es">Español</a><a href="../../fr/showcase/th04/" lang="fr" dir="ltr" data-language="fr">Français</a><a href="../../uk/showcase/th04/" lang="uk" dir="ltr" data-language="uk">Українська</a><a href="../../pl/showcase/th04/" lang="pl" dir="ltr" data-language="pl">Polski</a><a href="../../pt-BR/showcase/th04/" lang="pt-BR" dir="ltr" data-language="pt-BR">Português (Brasil)</a><a href="../../ar/showcase/th04/" lang="ar" dir="rtl" data-language="ar">العربية</a><a href="../../fa/showcase/th04/" lang="fa" dir="rtl" data-language="fa">فارسی</a><a href="../../id/showcase/th04/" lang="id" dir="ltr" data-language="id">Bahasa Indonesia</a><a href="../../it/showcase/th04/" lang="it" dir="ltr" data-language="it">Italiano</a><a href="../../el/showcase/th04/" lang="el" dir="ltr" data-language="el">Ελληνικά</a><a href="../../ml/showcase/th04/" lang="ml" dir="ltr" data-language="ml">മലയാളം</a><a href="../../ur-Latn/showcase/th04/" lang="ur-Latn" dir="ltr" data-language="ur-Latn">Roman Urdu</a><a href="../../ro/showcase/th04/" lang="ro" dir="ltr" data-language="ro">Română</a></nav></details>
@@ -798,7 +796,8 @@ no_aim:
       <div class="container footer-inner">
         <p>REA · Reverse Engineer Anything</p>
         <div class="footer-links">
-          <a href="../../contributors/">Contributors</a
+          <a href="../../faq/">FAQ</a
+          ><a href="../../contributors/">Contributors</a
           ><a href="https://github.com/morluto/rea">Source</a
           ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
           ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/style-guide.md

@@ -81,17 +81,20 @@ requiring the reader to understand either language. Show a simple agent prompt
 and the specific facts REA supplies to answer it.
 
 Put compact setup at the beginning of the homepage: a copyable installation
-prompt and the ordinary setup command. Then explain what reverse engineering
+prompt, with the terminal command and platform options in open native disclosures.
+Keep the setup-guide link visible. Then explain what reverse engineering
 means and what it lets someone do, before the worked examples.
 Begin each example with its goal and the reason to inspect that program.
 Name the actual evidence REA returned and what the agent did with it.
 Give long pages a short table of contents with concrete section names. Preserve
 the reading width: the homepage uses the side gutter when it has room,
-and a collapsible sticky menu on smaller screens. Highlight the current
+and a collapsible sticky menu after the opening section on smaller screens. Highlight the current
 section, keep fragment links usable without JavaScript, and leave room above
 the destination for the sticky control. Make Get started the primary opening
-action. Keep short Showcases and Blog descriptions below the opening actions,
-with the original equal-width introduction and setup columns on desktop.
+action. Give RL environments, Showcases and Blog their own row of links and
+short descriptions below the introduction and setup. Use equal columns for
+the introduction and setup on large screens, then stack them before either
+column becomes cramped.
 Use a short introduction and one three-step overview before the examples.
 Let introductory prose wrap naturally across the container, independently of
 the narrower heading width. Add a brief transition before the worked examples.
@@ -102,8 +105,9 @@ Prefer ordinary paragraphs to repeated goal, finding and role panels. Reserve
 bold text and blue highlights for a meaningful code selection or action, not
 every takeaway. Keep source, interpretation and new code attributed to their
 respective roles. On mobile, the demo can precede its supporting code once its
-purpose is clear. Put the detailed manual/agent comparison and verification
-flows in native disclosures so the main reading path stays compact. Retain the
+purpose is clear. Show the full Calculator manual/agent comparison by default,
+using an open native disclosure so readers can collapse it. Keep supporting
+verification flows in closed disclosures. Retain the
 authored examples, source excerpts, investigation steps and useful prompts when
 reordering the page. Opening an investigation should reveal its explanation
 and code without another layer of hidden analysis.
@@ -258,9 +262,12 @@ that differs from the system preference.
 Use the system sans-serif stack for prose and the shared monospace stack for
 code. Korean editions use Noto Sans KR from Google Fonts, with local Korean
 fonts as fallbacks; code retains the shared monospace fonts for Latin glyphs.
-The content container is at most 1080px wide, with article text limited to
-760px. The header has its own 1320px container so navigation and utility controls
-fit together. At 1100px and below, navigation moves to a separate row. Reuse the
+The homepage content container is at most 1200px wide. Other pages use 1080px,
+with article text limited to 760px. The header has its own 1320px container.
+Keep its primary navigation to Get started, Showcases, Blog and Guides, with
+FAQ and Contributors in the footer. Utility controls have quiet borders and
+clear hover and keyboard focus states. At 1100px and below, navigation moves
+to a separate row and the homepage introduction and setup stack. Reuse the
 existing heading sizes, line heights, section spacing and component classes.
 
 Whitespace separates ideas. Thin rules identify sections. Headings establish

website/templates/footer.html.tmpl

@@ -3,7 +3,8 @@
   <div class="container footer-inner">
     <p>REA · Reverse Engineer Anything</p>
     <div class="footer-links">
-      <a href="${base}contributors/">Contributors</a
+      <a href="${base}faq/">FAQ</a
+      ><a href="${base}contributors/">Contributors</a
       ><a href="https://github.com/morluto/rea">Source</a
       ><a href="https://github.com/morluto/rea/blob/main/LICENSE">MIT license</a
       ><a href="https://discord.gg/GkcryMnJDM">Join the community</a

website/templates/sharing.html.tmpl

@@ -24,7 +24,7 @@ $alternates
 <!-- prettier-ignore -->
 <meta
   property="og:image:alt"
-  content="REA — Find out how software works. Reverse engineering with your coding agent."
+  content="REA: Find out how software works. Reverse engineering with your coding agent."
 />
 <!-- prettier-ignore -->
 <meta name="twitter:card" content="summary_large_image" />
@@ -37,5 +37,5 @@ $alternates
 <!-- prettier-ignore -->
 <meta
   name="twitter:image:alt"
-  content="REA — Find out how software works. Reverse engineering with your coding agent."
+  content="REA: Find out how software works. Reverse engineering with your coding agent."
 />