website: the two-tone headings are back, and the home page's sections are ruled apart

Two notes from the operator, 2026-10-12: the white/blue heading split was lost
in the M3 switch and should return everywhere, the apps page categories
included; and the home page's sections ran into one another.

- 41 headings get their <span> back (home 5+5, apps 6+6, FAQ 6+7, services 3+3).
  The style never went away - site.css has styled `h2 span` blue all along; the
  M3 rewrite dropped the markup. No text changed: the span wraps words that were
  already there. The three home headings that predate M3 are split where they
  were split then.
- Apps and FAQ categories are new to the treatment: a name with an & splits
  there, a phrase on its last words. Five one-word headings stay plain.
- The home page's sections get a 1px --line rule with 2.75rem of air on each
  side, so it sits centred in the gap; the first also parts the hero from the
  page. Home page only.
- Blue on the page background measures 7.9:1 - AA at any size.
- site.css ?v=28.

website/index.html

@@ -57,7 +57,7 @@
     <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=27">
+    <link rel="stylesheet" href="/assets/site.css?v=28">
     <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>
@@ -130,7 +130,7 @@
 
         <section class="shell-section" id="szolgaltatasok">
             <div class="sec-head">
-                <h2>Mit tud a doboz ma?</h2>
+                <h2>Mit tud <span>a doboz ma?</span></h2>
                 <p>Nem terv és nem ígéret: ezek ma működő funkciók egy éles Felhom dobozon.</p>
             </div>
             <ul class="caps-teaser">
@@ -143,7 +143,7 @@
 
         <section class="shell-section" id="vezerlopult">
             <div class="sec-head">
-                <h2>Így néz ki a vezérlőpult</h2>
+                <h2>Így néz ki <span>a vezérlőpult</span></h2>
                 <p>Valódi képek egy Felhom dobozról. Kattints rájuk a teljes mérethez.</p>
             </div>
             <div class="dash-grid">
@@ -168,7 +168,7 @@
 
         <section class="shell-section" id="hogyan-mukodik">
             <div class="sec-head">
-                <h2>Hogyan működik?</h2>
+                <h2>Hogyan <span>működik?</span></h2>
                 <p>Az első beszélgetéstől a működő rendszerig.</p>
             </div>
             <div class="flow">
@@ -197,7 +197,7 @@
 
         <section class="shell-section" id="miert">
             <div class="sec-head">
-                <h2>Miért a sajátod?</h2>
+                <h2>Miért a <span>sajátod?</span></h2>
                 <p>Ugyanaz a kényelem, más feltételekkel.</p>
             </div>
             <div class="vs">
@@ -238,7 +238,7 @@
 
         <section class="shell-section" id="zart-teszt">
             <div class="sec-head">
-                <h2>Zárt teszt</h2>
+                <h2>Zárt <span>teszt</span></h2>
                 <p>Néhány magyar háztartással most kezdjük el élesben használni a rendszert.</p>
             </div>
             <div class="app-info-grid">