From bb69a733301a3b5f9b0c4dbba6236a0c65be24b0 Mon Sep 17 00:00:00 2001
From: kisfenyo <nagyfenyvesi.viktor@gmail.com>
Date: Mon, 12 Oct 2026 09:32:16 +0200
Subject: [PATCH] website: four more notes - first person, the globe's well,
 the touching tables, the submenu label

1. THE HOME PAGE SPOKE ABOUT THE OPERATOR IN THE THIRD PERSON ("Ha irsz, o valaszol")
   while the page it links to is in the first ("Ha irsz, en valaszolok"). Both home
   pages now read "Nagyfenyvesi Viktor vagyok, a Felhom mogott en allok" / "I am Viktor
   Nagyfenyvesi, and I am the one behind Felhom", and the link after it is "Rolam
   bovebben" / "More about me" rather than repeating the question the sentence has just
   answered. The legal pages keep the formal third-person name, which is their job.

2. 36px OF DEAD SPACE UNDER THE LANGUAGE GLOBE, and most of it was A LEAK GATE 22
   COULD NOT SEE. The old chrome's

       nav { position: fixed; top/left/right: 0; padding: 20px 0;
             backdrop-filter: blur(12px); border-bottom: 1px solid var(--line);
             z-index: 200 }

   is a BARE ELEMENT selector, so it matched <nav class="sidebar"> too - and .sidebar
   declares none of those, so all of them were in force on the sidebar. Scoped
   body:not(.shell); the footer row's own padding went 16px -> ~8px.

   Gate 22's first half compares selectors present in BOTH stylesheets, and `nav` is not
   a selector shell.css ever writes, so this shape was outside its field of view. It now
   has a SECOND HALF: an unscoped bare nav/header/main/aside rule in site.css is a
   failure, because those elements ARE the shell (<nav class="sidebar">,
   <header class="mobile-topbar">, <main class="content">). It convicted a second live
   one on its first run: R-903's `@media (max-width:900px) and (scripting: none)
   nav { position: static }` had been overriding the sidebar's own position on a phone
   with scripting off. `footer` is deliberately NOT on the list, with the reason beside
   it: the shell carries the website's own footer.
   Decoy site/bare-element-rule-reaches-shell, seen to convict.

3. THE COMPARISON TABLE AND THE TWO CARDS under "Miert a sajatod?" were touching: .vs
   ends on its own border and .band opens with a 2px blue rule, so they read as one
   block. 2rem between them.

4. "MINDEN ALKALMAZAS" -> "AZ ALKALMAZASOKROL" / "About the apps" on all 22 pages. Every
   app is on that one page, so the first submenu item is not a filter - it is the top of
   the page, where the intro and the "Fontos tudnivalok" box are. The en-nav-drift decoy
   was re-anchored on the new label.

Checked at 390px and 1440px on all 21 pages: no sideways scrolling, footer inside the
content column, the renamed item on every page. site.css?v=25.
---
 REPORT-site-tweaks-2026-10-12.md      | 25 +++++++++++++++++++++
 scripts/CHANGELOG.md                  | 16 ++++++++++++++
 scripts/site_gates.py                 | 21 ++++++++++++++++++
 scripts/test_gate_decoys.py           | 14 +++++++++---
 website/404.html                      |  6 ++---
 website/CHANGELOG.md                  | 32 ++++++++++++++++++++++++++-
 website/adatkezeles.html              |  6 ++---
 website/alkalmazasok.html             |  6 ++---
 website/assets/site.css               | 21 +++++++++++++++---
 website/biztonsagimentes.html         |  6 ++---
 website/en/apps.html                  |  6 ++---
 website/en/backups.html               |  6 ++---
 website/en/contact.html               |  6 ++---
 website/en/download.html              |  6 ++---
 website/en/faq.html                   |  6 ++---
 website/en/index.html                 |  8 +++----
 website/en/services.html              |  6 ++---
 website/en/technology.html            |  6 ++---
 website/en/testing.html               |  6 ++---
 website/feltetelek.html               |  6 ++---
 website/gyik.html                     |  6 ++---
 website/index.html                    |  8 +++----
 website/kapcsolat.html                |  6 ++---
 website/letoltes.html                 |  6 ++---
 website/szolgaltatasok-nonpublic.html |  6 ++---
 website/szolgaltatasok.html           |  6 ++---
 website/technologiak.html             |  6 ++---
 website/teszteles.html                |  6 ++---
 28 files changed, 190 insertions(+), 75 deletions(-)

diff --git a/REPORT-site-tweaks-2026-10-12.md b/REPORT-site-tweaks-2026-10-12.md
index af395fc1..c3189eaf 100644
--- a/REPORT-site-tweaks-2026-10-12.md
+++ b/REPORT-site-tweaks-2026-10-12.md
@@ -56,3 +56,28 @@ script to re-land them. That reading was **my own measuring error**: a backgroun
 `scroll-behavior: smooth`, so the scroll never finished while I measured it. With smooth disabled for
 the measurement the browser lands exactly on the target. The script is gone; the font preload stayed,
 because that one is a real improvement either way.
+
+---
+
+# Second round, same day — four more notes
+
+| # | what you said | what it was |
+|---|---|---|
+| 1 | third person about myself sounds wrong | The home line said „Ha írsz, **ő** válaszol" while the page it links to says „Ha írsz, **én** válaszolok". Both home pages are first person now, and the link reads „Rólam bővebben →" instead of repeating the question the sentence just answered. The legal pages keep the formal name. |
+| 2 | too much space round the globe, especially below | **36px below it, and most of it was a leak.** The old chrome's bare `nav { padding: 20px 0; position: fixed; backdrop-filter: blur(12px); z-index: 200 }` matched `<nav class="sidebar">` as well — `.sidebar` declares none of those four, so all four were live on the sidebar. Scoped, and the footer row trimmed. 8px now. |
+| 3 | the two tables under „Miért a sajátod?" are touching | `.vs` ends on a border and `.band` opens with a blue rule, so they read as one block. 2rem between them. |
+| 4 | „Minden alkalmazás" makes no sense | It is „**Az alkalmazásokról**" / „About the apps" now — that item is the top of the page, where the intro and the „Fontos tudnivalók" box are, not a filter. |
+
+## The one that matters beyond its own fix
+
+Item 2 was **a leak gate 22 was built to catch and could not see.** That gate compares the two
+stylesheets' *shared selectors*; `nav` is not a selector `shell.css` ever writes, so a bare element
+rule was outside its field of view entirely. The gate now has a second half: an unscoped `nav`,
+`header`, `main` or `aside` rule in `site.css` is a failure, because those elements **are** the shell.
+It convicted a second live one immediately — R-903's no-JavaScript fallback had been overriding the
+sidebar's `position: fixed` on a phone with scripting off.
+
+`footer` is deliberately not on that list, with the reason written beside it: the shell carries the
+website's own footer, so those rules are meant to apply.
+
+Both halves have decoys that have been seen to fail.
diff --git a/scripts/CHANGELOG.md b/scripts/CHANGELOG.md
index 7336c1a2..27c418ea 100644
--- a/scripts/CHANGELOG.md
+++ b/scripts/CHANGELOG.md
@@ -1,3 +1,19 @@
+## 2026-10-12 (afternoon) — gate 22 also refuses an unscoped bare element rule
+
+- `site_gates.py` gate 22 gains a second half: a rule in `site.css` whose selector starts with a bare
+  `nav`, `header`, `main` or `aside` and is not scoped `body:not(.shell)` / `.shell` is a failure,
+  because those elements ARE the shell (`<nav class="sidebar">`, `<header class="mobile-topbar">`,
+  `<main class="content">`). The first half compares selectors present in both stylesheets, which by
+  construction cannot see this: `nav` is not a selector `shell.css` writes.
+- **Why.** The old chrome's `nav { position: fixed; padding: 20px 0; backdrop-filter: blur(12px);
+  z-index: 200 }` was in force on the sidebar — `.sidebar` declares none of those four — and the
+  operator saw the 20px as dead space under the language globe. On its first run the new half
+  convicted a second rule: R-903's `@media … (scripting: none) nav { position: static }`.
+- `footer` is NOT on the list, with the reason beside it: the shell carries the website's own footer.
+- **Decoy** `site/bare-element-rule-reaches-shell`: the `body:not(.shell)` scope taken back off that
+  rule, seen to convict with the gate's own line. `site/en-nav-drift` re-anchored on the renamed
+  submenu label („About the apps").
+
 ## 2026-10-12 — site gate 23: every in-site #fragment resolves
 
 - `site_gates.py` **gate 23** reads every page's ids, maps each in-site href with a `#fragment` to the
diff --git a/scripts/site_gates.py b/scripts/site_gates.py
index 6a2ebcdd..d52c88b7 100644
--- a/scripts/site_gates.py
+++ b/scripts/site_gates.py
@@ -31,6 +31,8 @@ Gates (all must pass; non-zero exit on any failure):
  19. dash-lang  — a page shows dashboard pictures only in its own language (`dashboard-*-hu.webp` / `-en.webp`)
  20. viewer     — data-gallery openers are <a href> to existing assets; gallery.js (with ?v=) exactly where openers are;
                   no inline viewer copy
+                  Also: a bare `nav`/`header`/`main`/`aside` rule reaches the shell's own elements
+                  whatever shell.css calls them, so those must be scoped too
  23. anchors    — every in-site link carrying a #fragment finds that id on the page it names.
                   The sidebar's five category links pointed at #fajlkezeles-irodai and friends while
                   the page's ids are #fajlkezeles and friends: 100 dead links across 20 pages, live,
@@ -729,6 +731,25 @@ else:
         for _prop, _val in _decls:
             if (_sel, _prop) not in _overridden:
                 _leaks.append((_media, _sel, _prop, _val))
+    # ...and the other shape, which comparing SELECTOR NAMES cannot see: a bare element rule.
+    # `nav { position: fixed; padding: 20px 0; backdrop-filter: blur(12px); z-index: 200 }` is the
+    # OLD chrome's top bar, but it matches <nav class="sidebar"> just as well, and `.sidebar`
+    # declares none of those four properties - so all four leaked in, and the padding showed as dead
+    # space under the language globe for a day (operator, 2026-10-12). `nav` is not a selector
+    # shell.css ever writes, so the shared-selector diff above was always going to miss it.
+    # footer is NOT on this list: the shell carries the website's own <footer> on purpose, so those
+    # rules are meant to apply. <nav class="sidebar">, <header class="mobile-topbar"> and
+    # <main class="content"> are the shell's own, and nothing of the old chrome may reach them.
+    _SHELL_ELEMENTS = ("nav", "header", "main", "aside")
+    for _media, _sel, _decls in _site_r:
+        if ".shell" in _sel or "body:not(.shell)" in _sel or not _decls:
+            continue
+        _first = re.split(r"[\s>+~]", _sel, 1)[0]
+        if _first in _SHELL_ELEMENTS:
+            fail("shell leak: site.css %s`%s { … }` is a bare element rule that also matches the "
+                 "shell's own <%s> — scope it body:not(.shell)"
+                 % ((_media + " ") if _media else "", _sel, _first))
+
     if _leaks:
         for _media, _sel, _prop, _val in _leaks[:12]:
             fail("shell leak: site.css %s`%s { %s: %s }` reaches a shell page — shell.css styles %s but "
diff --git a/scripts/test_gate_decoys.py b/scripts/test_gate_decoys.py
index e52a5191..0594c8ff 100644
--- a/scripts/test_gate_decoys.py
+++ b/scripts/test_gate_decoys.py
@@ -91,7 +91,7 @@ COVERS = {
                         "switch at the wrong twin, lang=\"hu\" on an English page, an app missing from one apps page, "
                         "ASCII-only Hungarian in English text and in a script message, a 'please', an English "
                         "retrieval promise the Hungarian does not make, a FAQ JSON-LD drifting from the visible "
-                        "answer, text after </html>, a Hungarian dashboard picture on an English page, and four picture-viewer faults (an opener without href, an opener to a missing file, openers with no gallery.js, the inline viewer put back), and (R-912) a catalog app's logo under another name than its slug — each must convict WITH its own failure line; and (2026-10-11, both of them reported from a real phone AFTER they went live) site.css's old mobile nav reaching the shell's sidebar from inside an @media block — the leak the STOP-1 check missed because it skipped @media entirely — and a <footer> left outside <main class=\"content\">, which on a shell page renders as a second column; and (2026-10-12) a sidebar #fragment pointing at an id no page carries - the 100 dead category links the operator found by clicking one"),
+                        "answer, text after </html>, a Hungarian dashboard picture on an English page, and four picture-viewer faults (an opener without href, an opener to a missing file, openers with no gallery.js, the inline viewer put back), and (R-912) a catalog app's logo under another name than its slug — each must convict WITH its own failure line; and (2026-10-11, both of them reported from a real phone AFTER they went live) site.css's old mobile nav reaching the shell's sidebar from inside an @media block — the leak the STOP-1 check missed because it skipped @media entirely — and a <footer> left outside <main class=\"content\">, which on a shell page renders as a second column; and (2026-10-12) a sidebar #fragment pointing at an id no page carries - the 100 dead category links the operator found by clicking one; and a bare `nav` rule of the old chrome reaching <nav class=\"sidebar\">, which the shared-selector diff cannot see"),
     "script-tests":    ("R-885: FIVE cases in scripts/test_script_tests_gate.py, run from here: a suite that PRINTS "
                         "OK and exits 1 (label without fact), a failing suite three levels deep (scope is a walk), "
                         "an empty scripts/ tree (checked nothing), the genuine article (must pass), the nested mark"),
@@ -527,8 +527,8 @@ _EN = lambda f: os.path.join(_WEB, "en", f)
 # M3 (2026-10-11): the website's <nav> became the controller's sidebar, so this decoy now drifts
 # a sidebar entry and expects gate 3b's message instead of gate 3's.
 decoy("site/en-nav-drift", "site_gates.py",
-      replace_in(_EN("technology.html"), '<li><a href="/en/apps">All applications</a></li>',
-                 '<li><a href="/en/apps">Every application</a></li>'),
+      replace_in(_EN("technology.html"), '<li><a href="/en/apps">About the apps</a></li>',
+                 '<li><a href="/en/apps">About the applications</a></li>'),
       must='en/technology.html: <nav class="sidebar"> differs from')
 decoy("site/hreflang-wrong", "site_gates.py",
       replace_in(_EN("faq.html"), '<link rel="alternate" hreflang="en" href="https://felhom.eu/en/faq">',
@@ -665,6 +665,14 @@ decoy("site/dead-fragment", "site_gates.py",
       replace_bytes(os.path.join(_WEB, "technologiak.html"),
                     [('<li><a href="/alkalmazasok#media">', '<li><a href="/alkalmazasok#media-szorakozas">')]),
       must='link to /alkalmazasok#media-szorakozas finds no id="media-szorakozas"')
+# 4. THE OTHER LEAK SHAPE, which comparing selector NAMES cannot see: the old chrome's
+#    `nav { position: fixed; padding: 20px 0; backdrop-filter: blur(12px); z-index: 200 }` matched
+#    <nav class="sidebar"> just as well, and `.sidebar` declares none of those four - so the padding
+#    sat as dead space under the language globe until the operator pointed at it (2026-10-12).
+decoy("site/bare-element-rule-reaches-shell", "site_gates.py",
+      replace_bytes(os.path.join(_WEB, "assets", "site.css"),
+                    [("body:not(.shell) nav {\n    position: fixed;", "nav {\n    position: fixed;")]),
+      must="is a bare element rule that also matches the shell's own <nav>")
 decoy("site/footer-outside-main", "site_gates.py",
       replace_bytes(os.path.join(_WEB, "gyik.html"),
                     [("    <footer>\n", "    </main>\n    <footer>\n"),
diff --git a/website/404.html b/website/404.html
index cfde3be2..bb3acaa4 100644
--- a/website/404.html
+++ b/website/404.html
@@ -9,8 +9,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -35,7 +35,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
diff --git a/website/CHANGELOG.md b/website/CHANGELOG.md
index de137aa2..7d0225e3 100644
--- a/website/CHANGELOG.md
+++ b/website/CHANGELOG.md
@@ -1,4 +1,34 @@
-## 2026-10-12 — the operator's seven notes from his own screens
+## 2026-10-12 (afternoon) — four more notes, and the leak shape gate 22 could not see
+
+`site.css?v=25`.
+
+- **The home page talked about the operator in the third person** („Ha írsz, ő válaszol") while the
+  page it links to is in the first („Ha írsz, én válaszolok"). Both home pages now read
+  „**Nagyfenyvesi Viktor vagyok**, a Felhom mögött én állok" / „**I am Viktor Nagyfenyvesi**, and I
+  am the one behind Felhom", and the link after it is „Rólam bővebben →" / „More about me →" rather
+  than repeating the question the sentence has just answered. The legal pages keep the formal
+  third-person name, which is what they are for.
+- **36px of dead space under the language globe, and the cause was a leak.** The old chrome's
+  `nav { position: fixed; padding: 20px 0; backdrop-filter: blur(12px); z-index: 200 }` is a **bare
+  element selector**, so it matched `<nav class="sidebar">` too — and `.sidebar` declares none of
+  those four properties, so all four were in force on the sidebar. The rule is scoped
+  `body:not(.shell)` now, and the footer row's own padding went from 16px to ~8px. Gate 22 could not
+  see this: it compares selectors that appear in BOTH stylesheets, and `nav` is not a selector
+  `shell.css` ever writes.
+- **Gate 22 now also refuses a bare `nav`/`header`/`main`/`aside` rule** that is not scoped — the
+  shell's own elements are `<nav class="sidebar">`, `<header class="mobile-topbar">` and
+  `<main class="content">`, so an unscoped element rule reaches them whatever shell.css calls them.
+  It convicted a second one on its first run: `@media (max-width: 900px) and (scripting: none)
+  nav { position: static }`, R-903's no-JavaScript fallback, which had been overriding the sidebar's
+  `position: fixed` on a phone with scripting off. `footer` is deliberately NOT on the list: the
+  shell carries the website's own footer, so those rules are meant to apply.
+- **The comparison table and the two cards under it were touching** on the home page — `.vs` ends on
+  its own border and `.band` opens with a 2px blue rule, so they read as one block. 2rem between them.
+- **„Minden alkalmazás" is now „Az alkalmazásokról" / „About the apps".** Every app is on that one
+  page, so the first submenu item is not a filter — it is the top of the page, where the intro and
+  the „Fontos tudnivalók" box are.
+
+## 2026-10-12 — the operator's seven notes from his own screens
 
 Seven things, found by looking at the live site on a desktop and a phone. Five were defects, two were
 design. `site.css?v=24`.
diff --git a/website/adatkezeles.html b/website/adatkezeles.html
index 66c67440..20c0d8d7 100644
--- a/website/adatkezeles.html
+++ b/website/adatkezeles.html
@@ -22,8 +22,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -48,7 +48,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
diff --git a/website/alkalmazasok.html b/website/alkalmazasok.html
index 959d9e25..5a5634af 100644
--- a/website/alkalmazasok.html
+++ b/website/alkalmazasok.html
@@ -46,8 +46,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="/assets/gallery.js?v=2"></script>
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
@@ -73,7 +73,7 @@
                 <li class="nav-group is-open">
                     <button type="button" class="nav-group-toggle active" aria-expanded="true" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
diff --git a/website/assets/site.css b/website/assets/site.css
index 109323ae..f90ed60b 100644
--- a/website/assets/site.css
+++ b/website/assets/site.css
@@ -107,8 +107,13 @@ body.page-index::before {
 .ico-yes { color: var(--blue-bright); }
 .ico-no { color: var(--text-3); }
 
-/* --- Navigation --- */
-nav {
+/* --- Navigation ---
+   SCOPED 2026-10-12: this is the OLD chrome's top bar, and as a bare element selector it was
+   still reaching <nav class="sidebar">. `.sidebar` declares neither padding, nor top/left/right,
+   nor z-index, nor backdrop-filter - so all of those leaked in, and the 20px of padding showed as
+   dead space under the language globe (operator, 2026-10-12). Gate 22 could not see it: it
+   compares selectors present in BOTH stylesheets, and `nav` is not a selector shell.css uses. */
+body:not(.shell) nav {
     position: fixed;
     top: 0; left: 0; right: 0;
     padding: 20px 0;
@@ -318,7 +323,7 @@ body:not(.shell) .mobile-overlay.is-visible { opacity: 1; }
    links and the language globe were unreachable. With no scripting the list sits in the header as a plain
    wrapped row instead, and the header scrolls with the page so it can grow. Script-on pages are unchanged. */
 @media (max-width: 900px) and (scripting: none) {
-    nav { position: static; }
+    body:not(.shell) nav { position: static; }
     body:not(.shell) nav .container { flex-wrap: wrap; row-gap: 12px; }
     body:not(.shell) .hamburger { display: none; }
     body:not(.shell) .nav-links {
@@ -2559,3 +2564,13 @@ html::-webkit-scrollbar-corner, .shell ::-webkit-scrollbar-corner { background:
 
 /* The services page's lede heads three columns of its own, not a centred box: left there. */
 .page-szolgaltatasok .page-lede { text-align: left; margin-left: 0; max-width: 52ch; }
+
+/* --- the comparison table and the pair of cards under it were touching --------
+   `.vs` ends on its own border and `.band` begins with a 2px blue rule, so with
+   no space between them they read as one block (operator, 2026-10-12). */
+.page-index .band { margin-top: 2rem; }
+
+/* --- the language globe sat in a 16+20px well -------------------------------
+   The 20px was the leak above; this trims the footer's own padding so the globe
+   has the same air as the menu items over it (operator, 2026-10-12). */
+.shell .sidebar-footer { padding: .55rem 1.5rem .5rem; }
diff --git a/website/biztonsagimentes.html b/website/biztonsagimentes.html
index ac371c3d..c896939a 100644
--- a/website/biztonsagimentes.html
+++ b/website/biztonsagimentes.html
@@ -40,8 +40,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -66,7 +66,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
diff --git a/website/en/apps.html b/website/en/apps.html
index 8f25585c..db253281 100644
--- a/website/en/apps.html
+++ b/website/en/apps.html
@@ -46,8 +46,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="/assets/gallery.js?v=2"></script>
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
@@ -73,7 +73,7 @@
                 <li class="nav-group is-open">
                     <button type="button" class="nav-group-toggle active" aria-expanded="true" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/en/apps">All applications</a></li>
+                        <li><a href="/en/apps">About the apps</a></li>
                         <li><a href="/en/apps#files">Files &amp; Office</a></li>
                         <li><a href="/en/apps#media">Media &amp; Entertainment</a></li>
                         <li><a href="/en/apps#home">Home &amp; Lifestyle</a></li>
diff --git a/website/en/backups.html b/website/en/backups.html
index 9c1bde55..a15bd9ef 100644
--- a/website/en/backups.html
+++ b/website/en/backups.html
@@ -40,8 +40,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -66,7 +66,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/en/apps">All applications</a></li>
+                        <li><a href="/en/apps">About the apps</a></li>
                         <li><a href="/en/apps#files">Files &amp; Office</a></li>
                         <li><a href="/en/apps#media">Media &amp; Entertainment</a></li>
                         <li><a href="/en/apps#home">Home &amp; Lifestyle</a></li>
diff --git a/website/en/contact.html b/website/en/contact.html
index 64468942..72293ca7 100644
--- a/website/en/contact.html
+++ b/website/en/contact.html
@@ -29,8 +29,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -55,7 +55,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/en/apps">All applications</a></li>
+                        <li><a href="/en/apps">About the apps</a></li>
                         <li><a href="/en/apps#files">Files &amp; Office</a></li>
                         <li><a href="/en/apps#media">Media &amp; Entertainment</a></li>
                         <li><a href="/en/apps#home">Home &amp; Lifestyle</a></li>
diff --git a/website/en/download.html b/website/en/download.html
index 16c619e3..175348bf 100644
--- a/website/en/download.html
+++ b/website/en/download.html
@@ -27,8 +27,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -53,7 +53,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/en/apps">All applications</a></li>
+                        <li><a href="/en/apps">About the apps</a></li>
                         <li><a href="/en/apps#files">Files &amp; Office</a></li>
                         <li><a href="/en/apps#media">Media &amp; Entertainment</a></li>
                         <li><a href="/en/apps#home">Home &amp; Lifestyle</a></li>
diff --git a/website/en/faq.html b/website/en/faq.html
index 25982c5a..5e701837 100644
--- a/website/en/faq.html
+++ b/website/en/faq.html
@@ -366,8 +366,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -392,7 +392,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/en/apps">All applications</a></li>
+                        <li><a href="/en/apps">About the apps</a></li>
                         <li><a href="/en/apps#files">Files &amp; Office</a></li>
                         <li><a href="/en/apps#media">Media &amp; Entertainment</a></li>
                         <li><a href="/en/apps#home">Home &amp; Lifestyle</a></li>
diff --git a/website/en/index.html b/website/en/index.html
index 9c4d73ab..cc919a16 100644
--- a/website/en/index.html
+++ b/website/en/index.html
@@ -57,8 +57,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="/assets/gallery.js?v=2"></script>
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
@@ -84,7 +84,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/en/apps">All applications</a></li>
+                        <li><a href="/en/apps">About the apps</a></li>
                         <li><a href="/en/apps#files">Files &amp; Office</a></li>
                         <li><a href="/en/apps#media">Media &amp; Entertainment</a></li>
                         <li><a href="/en/apps#home">Home &amp; Lifestyle</a></li>
@@ -256,7 +256,7 @@
                 <a href="/en/testing" class="btn btn-primary btn-lg">Apply as a tester →</a>
                 <div class="who-mini">
                     <img src="/assets/operator-portrait-small.webp" alt="Viktor Nagyfenyvesi, who runs Felhom" width="160" height="200" loading="lazy">
-                    <p>There is one person behind Felhom: <strong>Viktor Nagyfenyvesi</strong>. If you write, he answers. <a href="/en/contact#ki-all-mogotte">Who is behind it →</a></p>
+                    <p><strong>I am Viktor Nagyfenyvesi</strong>, and I am the one behind Felhom. If you write, I answer. <a href="/en/contact#ki-all-mogotte">More about me →</a></p>
                 </div>
             </div>
         </section>
diff --git a/website/en/services.html b/website/en/services.html
index 3010a61d..d0ac4af0 100644
--- a/website/en/services.html
+++ b/website/en/services.html
@@ -40,8 +40,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -66,7 +66,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/en/apps">All applications</a></li>
+                        <li><a href="/en/apps">About the apps</a></li>
                         <li><a href="/en/apps#files">Files &amp; Office</a></li>
                         <li><a href="/en/apps#media">Media &amp; Entertainment</a></li>
                         <li><a href="/en/apps#home">Home &amp; Lifestyle</a></li>
diff --git a/website/en/technology.html b/website/en/technology.html
index 0af7342f..3a67864b 100644
--- a/website/en/technology.html
+++ b/website/en/technology.html
@@ -41,8 +41,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="/assets/gallery.js?v=2"></script>
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
@@ -68,7 +68,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/en/apps">All applications</a></li>
+                        <li><a href="/en/apps">About the apps</a></li>
                         <li><a href="/en/apps#files">Files &amp; Office</a></li>
                         <li><a href="/en/apps#media">Media &amp; Entertainment</a></li>
                         <li><a href="/en/apps#home">Home &amp; Lifestyle</a></li>
diff --git a/website/en/testing.html b/website/en/testing.html
index 7b38099e..3beee9fe 100644
--- a/website/en/testing.html
+++ b/website/en/testing.html
@@ -40,8 +40,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -66,7 +66,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Applications<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/en/apps">All applications</a></li>
+                        <li><a href="/en/apps">About the apps</a></li>
                         <li><a href="/en/apps#files">Files &amp; Office</a></li>
                         <li><a href="/en/apps#media">Media &amp; Entertainment</a></li>
                         <li><a href="/en/apps#home">Home &amp; Lifestyle</a></li>
diff --git a/website/feltetelek.html b/website/feltetelek.html
index 4f844683..90c00581 100644
--- a/website/feltetelek.html
+++ b/website/feltetelek.html
@@ -22,8 +22,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -48,7 +48,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
diff --git a/website/gyik.html b/website/gyik.html
index 26fb6710..5acc1be4 100644
--- a/website/gyik.html
+++ b/website/gyik.html
@@ -366,8 +366,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -392,7 +392,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
diff --git a/website/index.html b/website/index.html
index 71f0546e..02eed089 100644
--- a/website/index.html
+++ b/website/index.html
@@ -57,8 +57,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="/assets/gallery.js?v=2"></script>
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
@@ -84,7 +84,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
@@ -256,7 +256,7 @@
                 <a href="/teszteles" class="btn btn-primary btn-lg">Jelentkezem tesztelőnek →</a>
                 <div class="who-mini">
                     <img src="/assets/operator-portrait-small.webp" alt="Nagyfenyvesi Viktor, a Felhom üzemeltetője" width="160" height="200" loading="lazy">
-                    <p>A Felhom mögött egy ember áll: <strong>Nagyfenyvesi Viktor</strong>. Ha írsz, ő válaszol. <a href="/kapcsolat#ki-all-mogotte">Ki áll mögötte →</a></p>
+                    <p><strong>Nagyfenyvesi Viktor vagyok</strong>, a Felhom mögött én állok. Ha írsz, én válaszolok. <a href="/kapcsolat#ki-all-mogotte">Rólam bővebben →</a></p>
                 </div>
             </div>
         </section>
diff --git a/website/kapcsolat.html b/website/kapcsolat.html
index e57d6a19..7a84171c 100644
--- a/website/kapcsolat.html
+++ b/website/kapcsolat.html
@@ -29,8 +29,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -55,7 +55,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
diff --git a/website/letoltes.html b/website/letoltes.html
index 813b1107..e6ad90e1 100644
--- a/website/letoltes.html
+++ b/website/letoltes.html
@@ -27,8 +27,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -53,7 +53,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
diff --git a/website/szolgaltatasok-nonpublic.html b/website/szolgaltatasok-nonpublic.html
index 07250be7..15a94b13 100644
--- a/website/szolgaltatasok-nonpublic.html
+++ b/website/szolgaltatasok-nonpublic.html
@@ -9,8 +9,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <!-- analytics intentionally omitted for draft page -->
 </head>
@@ -35,7 +35,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
diff --git a/website/szolgaltatasok.html b/website/szolgaltatasok.html
index fec65fa5..fb3a103b 100644
--- a/website/szolgaltatasok.html
+++ b/website/szolgaltatasok.html
@@ -40,8 +40,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -66,7 +66,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
diff --git a/website/technologiak.html b/website/technologiak.html
index 22fcaed2..5f6d4aab 100644
--- a/website/technologiak.html
+++ b/website/technologiak.html
@@ -41,8 +41,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="/assets/gallery.js?v=2"></script>
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
@@ -68,7 +68,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
diff --git a/website/teszteles.html b/website/teszteles.html
index 877f6e70..b29ec510 100644
--- a/website/teszteles.html
+++ b/website/teszteles.html
@@ -40,8 +40,8 @@
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
     <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
     <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
-    <link rel="stylesheet" href="/assets/site.css?v=24">
-    <link rel="stylesheet" href="/assets/shell.css?v=24">
+    <link rel="stylesheet" href="/assets/site.css?v=25">
+    <link rel="stylesheet" href="/assets/shell.css?v=25">
     <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
     <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
 </head>
@@ -66,7 +66,7 @@
                 <li class="nav-group">
                     <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                     <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
-                        <li><a href="/alkalmazasok">Minden alkalmazás</a></li>
+                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                         <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                         <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                         <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>