perf(site-wide): render-blocking /style.css on 17 pages; <main> landmark; BF footer form action

Same defect the bootcamp carried (2aa9b19), fixed site-wide in one mechanical pass.

P0 (17 pages): /style.css was deferred via media="print" onload=... -> unstyled
first paint -> a BODY layout shift. Now a normal render-blocking
<link rel="stylesheet">; the now-redundant no-JS <noscript> for style.css is
dropped. Web fonts + Font Awesome keep their legitimate deferral.
Pages: index.html, odoo-black-friday/, odoo-hosting-offers/, de/index.html,
es/index.html, odoo-hosting-2027.html (+de/+es), odoo-community-upgrade.html
(+de/+es), odoo-staging-environment/, odoo-community-ai/,
odoo-n8n-masterclass/, australia.html, workshops/, what-can-i-use-odoo-for/.

P1 (1 page): /odoo-black-friday/ footer form action mailto: -> CRM webhook
(Lighthouse is-on-https). Changed only because the page already loads a handler
for #footerContactForm (static/black-friday.js). The other 13 mailto-form pages
load no handler and are left alone on purpose (no drive-by handler copy-in).
Added the no-JS <noscript> fallback so a JS-off visitor keeps a path.

P2 (35 pages): add a single <main> landmark wrapping the primary content; top
bar and footer stay outside. Additive only, no redesign.

Guards held: bootcamp EN/DE/ES and every JS/static file untouched; Buy forms
product_id 4/17 intact; one [data-bc-seats]; ads-consent gate intact.
verify-html.py PROBLEMS 0; competitor QC 74 pre-existing, 0 added.

de/index.html

@@ -220,8 +220,7 @@
       #customQuoteModal .biz-success p{color:var(--midnight)}
       @media(max-width:600px){.oca-table td,.oca-table th{padding:.5rem .65rem;font-size:.8rem}.ow-panel{left:5%;right:5%}.ow-close{top:.5rem;right:.5rem;font-size:1.6rem}}
     </style>
-    <link rel="stylesheet" href="/style.css" media="print" onload="this.media='all'" />
-    <noscript><link rel="stylesheet" href="/style.css" /></noscript>
+    <link rel="stylesheet" href="/style.css" />
   <!-- Privacy-friendly analytics by Plausible -->
 <script async src="https://plausible.office.odoo4projects.com/js/pa-NhA7Rf-79VopXFQXhSS4e.js"></script>
 <script>
@@ -240,6 +239,7 @@
     FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md.
     -->
     <!-- Hero -->
+    <main>
     <section class="hero">
       <div class="hero-notice" id="heroConfirmNotice" role="status" aria-live="polite" hidden>
         <i class="fas fa-check-circle" aria-hidden="true"></i>
@@ -625,6 +625,7 @@
     </section>
 
     <!-- Footer -->
+    </main>
     <footer class="footer">
       <div class="container">
         <div class="fgrid">

de/odoo-community-upgrade.html

@@ -38,8 +38,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css" media="print" onload="this.media='all'" />
-    <noscript><link rel="stylesheet" href="/style.css" /></noscript>
+    <link rel="stylesheet" href="/style.css" />
     <style>
       /* ---- Odoo Community Upgrade page (page-scoped; additive) ---- */
       .oc-sr-only {
@@ -496,6 +495,7 @@
     </div>
 
     <!-- Hero -->
+    <main>
     <section class="hero oc-hero">
       <div class="hero-bg">
         <img
@@ -837,6 +837,7 @@ sudo -u postgres pg_restore -d &lt;DB_NEW&gt; /path/backup/&lt;DB&gt;.dump
 
     <!-- Footer (copied from index.html; icon-font glyphs replaced with inline SVG so the page
          carries no external icon dependency) -->
+    </main>
     <footer class="footer">
       <div class="container">
         <div class="fgrid">

de/odoo-hosting-2027.html

@@ -31,8 +31,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css" media="print" onload="this.media='all'" />
-    <noscript><link rel="stylesheet" href="/style.css" /></noscript>
+    <link rel="stylesheet" href="/style.css" />
     <style>
       /* ---- Odoo Hosting 2027 landing page (page-scoped; additive) ---- */
       .cmp-sr-only {
@@ -576,6 +575,7 @@
     </div>
 
     <!-- Hero -->
+    <main>
     <section class="hero cmp-hero">
       <div class="container">
         <p class="hero-kicker">Vollständig verwaltetes Odoo Community Hosting</p>
@@ -981,6 +981,7 @@
 
     <!-- Footer (copied from index.html; icon-font glyphs replaced with inline SVG so the page
          carries no external icon dependency) -->
+    </main>
     <footer class="footer">
       <div class="container">
         <div class="fgrid">

de/support.html

@@ -277,6 +277,7 @@
       <script defer src="/static/lang.js"></script>
     </head>
     <body>
+        <main>
         <div class="container">
             <div class="blog-header">
                 <a href="/de/">&larr; Zurück zur Startseite</a>
@@ -584,6 +585,7 @@
             });
         </script>
 
+        </main>
         <script defer src="/static/agent-odoo4projects/agent.js"></script>
     </body>
 </html>