Results: model-vs-expert card, verified AI Act key dates, Built by Devseis section

- 'What the model can't do — and what an expert does' side-by-side card
- EU AI Act key-dates timeline built from the OJ texts (Reg 2024/1689 Art 111/113; Reg 2026/1744): past/next markers computed from today's date, Omnibus changes flagged (high-risk Annex III → 2 Dec 2027, Annex I → 2 Aug 2028); shareable #dates link; linked from lesson 2
- 'Built by Devseis' section (services, awards, accredited training, founder, free-call CTA, links to Nox, datasets and the collection) at the end of Results and Story

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

index.html

@@ -349,6 +349,42 @@
   .ps-note{font-size:9.5pt;color:#444;border:1px solid #ddd;padding:8px 10px;margin-top:14px;}
   .ps-foot{margin-top:18px;font-size:9pt;color:#666;border-top:1px solid #ccc;padding-top:8px;}
 
+  /* expert vs model */
+  .vs{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
+  @media (max-width:640px){.vs{grid-template-columns:1fr;}}
+  .vs-col{border-radius:14px;padding:14px 16px;border:1px solid var(--border);background:var(--panel);font-size:13.5px;}
+  .vs-col ul{margin:8px 0 0;padding-left:18px;} .vs-col li{margin-bottom:6px;}
+  .vs-model{border-color:var(--warn-border);} .vs-expert{border-color:var(--good-border);background:var(--good-soft);}
+  .vs-tag{font-weight:700;font-size:14px;}
+  /* key dates */
+  .dates{list-style:none;margin:0;padding:0;border-left:2px solid var(--border);margin-left:8px;}
+  .dates li{position:relative;padding:0 0 14px 20px;}
+  .dates li::before{content:"";position:absolute;left:-7px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--panel);border:2px solid var(--border);}
+  .dates li.past::before{background:var(--muted);border-color:var(--muted);}
+  .dates li.next::before{background:var(--accent);border-color:var(--accent);}
+  .dates .d{font-weight:700;font-variant-numeric:tabular-nums;}
+  .dates li.past .d{color:var(--muted);}
+  .dates .what{display:block;font-size:13.5px;margin-top:2px;}
+  .dates li.past .what{color:var(--muted);}
+  .dates .tagx{display:inline-block;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;margin-left:6px;vertical-align:1px;}
+  .tag-next{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);}
+  .tag-changed{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn-border);}
+  .tag-done{background:var(--chip-bg);color:var(--muted);border:1px solid var(--border);}
+  /* Devseis block */
+  .devseis{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;}
+  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
+  @media (max-width:760px){.svc-grid{grid-template-columns:repeat(2,1fr);}}
+  @media (max-width:420px){.svc-grid{grid-template-columns:1fr;}}
+  .svc{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:13px;}
+  .svc b{display:block;font-size:13.5px;margin-bottom:2px;} .svc span{color:var(--muted);}
+  .badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
+  .badge{font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--border);}
+  .more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
+  @media (max-width:760px){.more-grid{grid-template-columns:repeat(2,1fr);}}
+  @media (max-width:420px){.more-grid{grid-template-columns:1fr;}}
+  .more{display:block;text-decoration:none;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:12.5px;}
+  .more:hover{border-color:var(--accent-border);}
+  .more b{display:block;font-size:13.5px;margin-bottom:2px;} .more span{color:var(--muted);}
   /* consent banner: not a wall — the page stays usable; "Decline" is as easy as "Accept" */
   .consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin:0 auto;background:var(--panel);border:1px solid var(--border);
     border-radius:16px;box-shadow:var(--shadow);padding:16px 18px;font-size:13.5px;}
@@ -499,6 +535,69 @@
       </div>
       <p class="fine" style="margin-top:12px;">Check it yourself: <a href="https://huggingface.co/Devseis/devseis-ai-act-classifier-v5" target="_blank" rel="noopener">model &amp; card</a> · <a href="https://huggingface.co/datasets/Devseis/devseis-ai-act-classifier-v5-data" target="_blank" rel="noopener">training &amp; test data</a> · <a href="https://huggingface.co/Devseis/devseis-ai-act-classifier-v5/tree/main/evaluation" target="_blank" rel="noopener">full evaluation reports</a> · <a href="https://huggingface.co/Devseis/eu-ai-act-classifier-experiment" target="_blank" rel="noopener">earlier versions</a></p>
     </div>
+
+    <div class="block">
+      <h3 class="section-title" style="font-size:16px;">What the model can't do — and what an expert does</h3>
+      <p class="sub">The model is useful for a first look. The decisions that matter need someone who can ask questions.</p>
+      <div class="vs">
+        <div class="vs-col vs-model"><span class="vs-tag">🤖 The model</span><ul>
+          <li>Reads only the words you typed</li>
+          <li>Gives one label, even when several rules apply at once</li>
+          <li>Can't ask who uses the system, for what purpose, or with which safeguards</li>
+          <li>Misses exceptions, such as the Art 6(3) derogations or the police-only scope of some bans</li>
+          <li>Learned from synthetic examples; weaker on unusual wording</li>
+          <li>Takes no responsibility for its answer</li></ul></div>
+        <div class="vs-col vs-expert"><span class="vs-tag">🧑‍⚖️ A Devseis expert</span><ul>
+          <li>Asks the questions that decide the tier: intended purpose, deployer, data, affected people</li>
+          <li>Checks the exceptions, derogations and the dates that apply to you</li>
+          <li>Maps the overlaps with GDPR (DPIA), NIS2, DORA, the Cyber Resilience Act and product-safety law</li>
+          <li>Gives a documented classification you can defend to a regulator or customer</li>
+          <li>Turns it into a costed action plan: risk management, documentation, human oversight, conformity assessment</li>
+          <li>Trains your team as an accredited training provider</li></ul></div>
+      </div>
+    </div>
+
+    <div class="block" id="dates">
+      <h3 class="section-title" style="font-size:16px;">EU AI Act — key dates</h3>
+      <p class="sub">From the Official Journal texts of the AI Act (Regulation (EU) 2024/1689, Art 111 and 113) and the AI Omnibus (Regulation (EU) 2026/1744).
+        Dates the Omnibus changed are marked.</p>
+      <ol class="dates" id="datesList"></ol>
+      <p class="fine" style="margin-top:8px">Simplified overview, not legal advice. Which dates apply to your system depends on its role and category.</p>
+    </div>
+
+    <div class="block devseis" id="devseisBlock">
+      <p class="eyebrow">Built by Devseis</p>
+      <h3 class="section-title" style="font-size:18px;">Cybersecurity, data protection and AI governance — Luxembourg 🇱🇺</h3>
+      <p class="sub" style="margin-bottom:12px">Devseis is a Luxembourg-based consultancy and accredited training provider, founded and directed by Dr. Muhammad Umer Wasim (PhD).
+        We help SMEs, startups and technology companies assess and reduce cyber and compliance risk, and explain it in plain language for management.</p>
+      <div class="svc-grid">
+        <div class="svc"><b>EU AI Act readiness</b><span>Classification, gap analysis, compliance plan</span></div>
+        <div class="svc"><b>GDPR</b><span>CNPD-CARPA compliance, RoPA, DPIA</span></div>
+        <div class="svc"><b>ISO/IEC 27001</b><span>ISMS implementation and certification readiness</span></div>
+        <div class="svc"><b>NIS2 · DORA · CRA</b><span>Regulatory readiness</span></div>
+        <div class="svc"><b>Risk assessment</b><span>MONARC and EBIOS Risk Manager</span></div>
+        <div class="svc"><b>Technical audits</b><span>Architecture, code, configuration, penetration testing of SaaS and AI systems</span></div>
+      </div>
+      <div class="badges">
+        <span class="badge">🏆 Cyber4Growth Laureate 2021</span>
+        <span class="badge">🏅 EU Cybersecurity STARtup Award finalist 2021</span>
+        <span class="badge">🚀 Fit 4 Start 2022</span>
+        <span class="badge">🎓 Accredited training provider</span>
+      </div>
+      <div class="cta-btns" style="justify-content:flex-start;margin-top:14px">
+        <a class="primary devseis-call" href="mailto:umer.wasim@devseis.com?subject=Free%20AI%20Act%20readiness%20call%20(via%20Caveat)">📅 Book a free 30-min AI Act readiness call</a>
+        <a class="ghost" href="https://devseis.com" target="_blank" rel="noopener" style="text-decoration:none">🌐 devseis.com</a>
+      </div>
+      <h4 style="margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)">More from Devseis on Hugging Face</h4>
+      <div class="more-grid">
+        <a class="more" href="https://huggingface.co/spaces/Devseis/Nox" target="_blank" rel="noopener"><b>🤖 Nox</b><span>A free general-purpose AI assistant on free-tier infrastructure</span></a>
+        <a class="more" href="https://huggingface.co/datasets/Devseis/eu-ai-act-risk-classification" target="_blank" rel="noopener"><b>📊 EU AI Act risk classification</b><span>Reference table of use cases, tiers and citations</span></a>
+        <a class="more" href="https://huggingface.co/datasets/Devseis/nis2-dora-cra-applicability" target="_blank" rel="noopener"><b>📋 NIS2 / DORA / CRA applicability</b><span>Which EU cyber law applies, by sector and product</span></a>
+        <a class="more" href="https://huggingface.co/datasets/Devseis/gdpr-ropa-dpia-templates" target="_blank" rel="noopener"><b>📝 GDPR RoPA & DPIA templates</b><span>Article 30 and Article 35 field templates</span></a>
+        <a class="more" href="https://huggingface.co/datasets/Devseis/devseis-ai-act-classifier-v5-data" target="_blank" rel="noopener"><b>🧪 Classifier v5 data</b><span>327 law-grounded scenarios behind this page</span></a>
+        <a class="more" href="https://huggingface.co/collections/Devseis/eu-ai-act-and-ai-governance-toolkit-curated-by-devseis-6aba57c0c9f48f5baf62d3be" target="_blank" rel="noopener"><b>🗂️ AI governance toolkit</b><span>Curated collection of datasets and models</span></a>
+      </div>
+    </div>
   </section>
 
   <!-- ================= TAB 3: STORY ================= -->
@@ -507,6 +606,7 @@
     <h2 class="section-title">Five versions, three wrong turns, one honest result</h2>
     <p class="lead">What we tried, what happened, and what each step taught us �� including the mistakes.</p>
     <div class="timeline" id="timeline"></div>
+    <div id="devseisStory"></div>
   </section>
 
   <!-- ================= TAB 4: LEARN ================= -->
@@ -724,6 +824,7 @@
     if (h.startsWith("learn")) { const n = parseInt(h.split("-")[1], 10); showTab("learn"); renderLesson(isNaN(n) ? currentLesson : n); return; }
     if (h.startsWith("story")) { showTab("story", { scrollTo: h.includes("-") ? "ch-" + h.split("-")[1] : null }); return; }
     if (h === "results") { showTab("results"); return; }
+    if (h === "dates") { showTab("results", { scrollTo: "dates" }); return; }
     showTab("check");
   }
   window.addEventListener("hashchange", route);
@@ -921,6 +1022,34 @@
     runPart1(text, results.run); runPart2(text, results.run);
   });
 
+  // ================= TAB 2: key dates (verified against the Official Journal texts) =================
+  const DATES = [
+    ["2024-08-01", "The AI Act enters into force (Regulation (EU) 2024/1689)."],
+    ["2025-02-02", "Bans on prohibited practices (Art 5) and AI-literacy duties apply."],
+    ["2025-08-02", "Rules for general-purpose AI models, governance and penalties apply."],
+    ["2026-07-27", "The AI Omnibus (Regulation (EU) 2026/1744) enters into force."],
+    ["2026-08-02", "General date of application, including the Art 50 transparency duties (chatbots, deepfakes, AI-generated content)."],
+    ["2026-12-02", "New bans apply: AI that generates non-consensual intimate imagery or child sexual abuse material (Art 5(1)(ba), (bb)). Generative AI placed on the market before 2 Aug 2026 must mark its outputs (Art 50(2)).", "added by the AI Omnibus"],
+    ["2027-08-02", "General-purpose AI models placed on the market before 2 Aug 2025 must comply."],
+    ["2027-12-02", "High-risk obligations apply to Annex III systems (e.g. hiring, credit scoring, education, biometrics).", "changed by the Omnibus — was 2 Aug 2026"],
+    ["2028-08-02", "High-risk obligations apply to AI in products under Annex I (e.g. medical devices, machinery, toys).", "changed by the Omnibus — was 2 Aug 2027"],
+    ["2030-08-02", "High-risk AI systems already used by public authorities must comply."],
+  ];
+  (function renderDates() {
+    const today = new Date().toISOString().slice(0, 10);
+    const nextIdx = DATES.findIndex(([d]) => d > today);
+    const fmt = (d) => new Date(d + "T00:00:00").toLocaleDateString("en-GB", { day: "numeric", month: "short", year: "numeric" });
+    $("datesList").innerHTML = DATES.map(([d, what, changed], k) => {
+      const cls = d <= today ? "past" : k === nextIdx ? "next" : "";
+      const tags = (d <= today ? '<span class="tagx tag-done">in effect</span>' : k === nextIdx ? '<span class="tagx tag-next">next</span>' : "") +
+        (changed ? `<span class="tagx tag-changed">${changed}</span>` : "");
+      return `<li class="${cls}"><span class="d">${fmt(d)}</span>${tags}<span class="what">${what}</span></li>`;
+    }).join("");
+  })();
+  // the Devseis block also closes the Story tab
+  $("devseisStory").appendChild($("devseisBlock").cloneNode(true)).removeAttribute("id");
+  document.querySelectorAll(".devseis-call").forEach((a) => a.addEventListener("click", () => track("cta_book_call_devseis")));
+
   // ================= TAB 2: tier bars =================
   const BARS = [["Prohibited", 0.98, "var(--danger)"], ["Limited risk", 0.889, "var(--info)"], ["High risk", 0.77, "var(--warn)"], ["Minimal risk", 0.684, "var(--good)"]];
   $("tierBars").innerHTML = BARS.map(([n, v, c]) =>
@@ -1026,7 +1155,7 @@
         <div class="ex-row"><span class="txt"><b>${T("minimal risk", "minimal risk")}</b> — no special duties. Example: a movie recommender, a spam filter.</span>${pill("minimal_risk")}</div>
       </div></div>
       <p>There's also a separate track for ${T("GPAI")} — big general-purpose models that others build on. Those duties fall on the company that makes the model.</p>
-      <div class="callout tip"><span class="ctitle">Dates matter</span><p>New bans on AI that creates non-consensual intimate images or child sexual abuse material were added by the "AI Omnibus" in 2026 and apply from 2 December 2026.</p></div>
+      <div class="callout tip"><span class="ctitle">Dates matter</span><p>New bans on AI that creates non-consensual intimate images or child sexual abuse material were added by the "AI Omnibus" in 2026 and apply from 2 December 2026. See all the <a href="#dates">key dates</a>, including the high-risk deadlines the Omnibus moved.</p></div>
       <div class="widget" data-widget="sort"></div>`,
       terms: ["prohibited", "high risk", "limited risk", "minimal risk", "GPAI"],
       quiz: { q: "A customer-service chatbot that talks to the public. Which tier?", opts: ["Prohibited", "High risk", "Limited risk", "Minimal risk"], a: 2, why: "People must be told they're talking to an AI (Article 50) — that's limited risk." } },