diff --git a/ai-workflow/index.html b/ai-workflow/index.html
index fe05e1e..41ba2f3 100644
--- a/ai-workflow/index.html
+++ b/ai-workflow/index.html
@@ -19,7 +19,7 @@
     <meta property="og:type" content="website" />
     <meta property="og:title" content="AI Workflow Library" />
     <meta property="og:description" content="Practical examples of AI-assisted workflow systems for MedTech, HealthTech, and regulated operations." />
-    <meta property="og:image" content="https://www.mazuryk.dev/images/og-ai-workflows.png" />
+    <meta property="og:image" content="https://www.mazuryk.dev/images/og/og-ai-workflows.png" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
     <meta
@@ -32,7 +32,7 @@
     <meta property="twitter:url" content="https://www.mazuryk.dev/ai-workflow" />
     <meta name="twitter:title" content="AI Workflow Library" />
     <meta name="twitter:description" content="Practical examples of AI-assisted workflow systems for MedTech, HealthTech, and regulated operations." />
-    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og-ai-workflows.png" />
+    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-ai-workflows.png" />
     <script>
       (function(){
         var m=localStorage.getItem('theme');
diff --git a/ai/index.html b/ai/index.html
new file mode 100644
index 0000000..4c9cbb5
--- /dev/null
+++ b/ai/index.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preload" as="image" href="/images/profile.jpg" fetchpriority="high" />
+    <link rel="canonical" href="https://www.mazuryk.dev/ai" />
+
+    <title>AI Workflow Systems and Automation for SMEs - Roman Mazuryk</title>
+    <meta
+      name="description"
+      content="AI Workflow Opportunity Audits, automation pilots, internal assistants, SOP systems, dashboards, and implementation roadmaps for operations-heavy SMEs."
+    />
+
+    <meta property="og:url" content="https://www.mazuryk.dev/ai" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="AI Workflow Systems and Automation for SMEs - Roman Mazuryk" />
+    <meta property="og:description" content="AI Workflow Opportunity Audits, automation pilots, internal assistants, SOP systems, dashboards, and implementation roadmaps for operations-heavy SMEs." />
+    <meta property="og:image" content="https://www.mazuryk.dev/images/og/og-ai.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content="AI workflow automation systems preview for Roman Mazuryk." />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="mazuryk.dev" />
+    <meta property="twitter:url" content="https://www.mazuryk.dev/ai" />
+    <meta name="twitter:title" content="AI Workflow Systems and Automation for SMEs - Roman Mazuryk" />
+    <meta name="twitter:description" content="AI Workflow Opportunity Audits, automation pilots, internal assistants, SOP systems, dashboards, and implementation roadmaps for operations-heavy SMEs." />
+    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-ai.png" />
+    <script>
+      (function(){
+        var m=localStorage.getItem('theme');
+        var t=m?m:(window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
+        document.documentElement.setAttribute('data-theme',t);
+      })();
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/collaborate/index.html b/collaborate/index.html
index c846ffd..907493d 100644
--- a/collaborate/index.html
+++ b/collaborate/index.html
@@ -19,7 +19,7 @@
     <meta property="og:type" content="website" />
     <meta property="og:title" content="AI-Assisted Workflow Collaboration for MedTech Teams" />
     <meta property="og:description" content="Workflow audits, discovery sprints, prototypes, SOP systems, and compliance-aware automation support for MedTech, HealthTech, and regulated operations teams." />
-    <meta property="og:image" content="https://www.mazuryk.dev/images/og-services.png" />
+    <meta property="og:image" content="https://www.mazuryk.dev/images/og/og-ai.png" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
     <meta
@@ -32,7 +32,7 @@
     <meta property="twitter:url" content="https://www.mazuryk.dev/collaborate" />
     <meta name="twitter:title" content="AI-Assisted Workflow Collaboration for MedTech Teams" />
     <meta name="twitter:description" content="Workflow audits, discovery sprints, prototypes, SOP systems, and compliance-aware automation support for MedTech, HealthTech, and regulated operations teams." />
-    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og-services.png" />
+    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-ai.png" />
     <script>
       (function(){
         var m=localStorage.getItem('theme');
diff --git a/fullstack/index.html b/fullstack/index.html
new file mode 100644
index 0000000..a9c5bba
--- /dev/null
+++ b/fullstack/index.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preload" as="image" href="/images/profile.jpg" fetchpriority="high" />
+    <link rel="canonical" href="https://www.mazuryk.dev/fullstack" />
+
+    <title>From Audit to Working System - Roman Mazuryk</title>
+    <meta
+      name="description"
+      content="Implementation proof for AI workflow consulting: prototypes, dashboards, internal tools, automations, and deployed workflow applications."
+    />
+
+    <meta property="og:url" content="https://www.mazuryk.dev/fullstack" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="From Audit to Working System - Roman Mazuryk" />
+    <meta property="og:description" content="Implementation proof for AI workflow consulting: prototypes, dashboards, internal tools, automations, and deployed workflow applications." />
+    <meta property="og:image" content="https://www.mazuryk.dev/images/og/og-fullstack.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content="Full-stack implementation proof preview for Roman Mazuryk." />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="mazuryk.dev" />
+    <meta property="twitter:url" content="https://www.mazuryk.dev/fullstack" />
+    <meta name="twitter:title" content="From Audit to Working System - Roman Mazuryk" />
+    <meta name="twitter:description" content="Implementation proof for AI workflow consulting: prototypes, dashboards, internal tools, automations, and deployed workflow applications." />
+    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-fullstack.png" />
+    <script>
+      (function(){
+        var m=localStorage.getItem('theme');
+        var t=m?m:(window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
+        document.documentElement.setAttribute('data-theme',t);
+      })();
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/index.html b/index.html
index d53434b..203e433 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@
     <meta property="og:type" content="website">
     <meta property="og:title" content="Roman Mazuryk — MedTech Product &amp; Workflow Systems">
     <meta property="og:description" content="MedTech operator and product systems builder combining real implementation experience with AI-assisted discovery, prototyping, documentation, and delivery.">
-    <meta property="og:image" content="https://www.mazuryk.dev/images/og-home.png">
+    <meta property="og:image" content="https://www.mazuryk.dev/images/og/og-home.png">
     <meta property="og:image:width" content="1200">
     <meta property="og:image:height" content="630">
     <meta
@@ -32,7 +32,7 @@
     <meta property="twitter:url" content="https://www.mazuryk.dev/">
     <meta name="twitter:title" content="Roman Mazuryk — MedTech Product &amp; Workflow Systems">
     <meta name="twitter:description" content="MedTech operator and product systems builder combining real implementation experience with AI-assisted discovery, prototyping, documentation, and delivery.">
-    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og-home.png">
+    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-home.png">
     <script>
       (function(){
         var m=localStorage.getItem('theme');
diff --git a/medtech-ai-systems/clinical-evidence-workflow/index.html b/medtech-ai-systems/clinical-evidence-workflow/index.html
new file mode 100644
index 0000000..f8d3bd4
--- /dev/null
+++ b/medtech-ai-systems/clinical-evidence-workflow/index.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preload" as="image" href="/images/profile.jpg" fetchpriority="high" />
+    <link rel="canonical" href="https://www.mazuryk.dev/medtech-ai-systems/clinical-evidence-workflow" />
+
+    <title>AI-Assisted Clinical Evidence Workflow for MedTech Teams | mazuryk.dev</title>
+    <meta
+      name="description"
+      content="Compliance-aware workflow concept for turning scattered clinical evidence, product claims, PDFs, studies, and internal knowledge into a structured, traceable review system."
+    />
+
+    <meta property="og:url" content="https://www.mazuryk.dev/medtech-ai-systems/clinical-evidence-workflow" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="AI-Assisted Clinical Evidence Workflow for MedTech Teams | mazuryk.dev" />
+    <meta property="og:description" content="Compliance-aware workflow concept for turning scattered clinical evidence, product claims, PDFs, studies, and internal knowledge into a structured, traceable review system." />
+    <meta property="og:image" content="https://www.mazuryk.dev/images/og/og-medtech.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content="AI-assisted clinical evidence workflow preview for MedTech teams." />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="mazuryk.dev" />
+    <meta property="twitter:url" content="https://www.mazuryk.dev/medtech-ai-systems/clinical-evidence-workflow" />
+    <meta name="twitter:title" content="AI-Assisted Clinical Evidence Workflow for MedTech Teams | mazuryk.dev" />
+    <meta name="twitter:description" content="Compliance-aware workflow concept for turning scattered clinical evidence, product claims, PDFs, studies, and internal knowledge into a structured, traceable review system." />
+    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-medtech.png" />
+    <script>
+      (function(){
+        var m=localStorage.getItem('theme');
+        var t=m?m:(window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
+        document.documentElement.setAttribute('data-theme',t);
+      })();
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/medtech/index.html b/medtech/index.html
new file mode 100644
index 0000000..b504988
--- /dev/null
+++ b/medtech/index.html
@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preload" as="image" href="/images/profile.jpg" fetchpriority="high" />
+    <link rel="canonical" href="https://www.mazuryk.dev/medtech" />
+
+    <title>MedTech and Regulated Operations Proof - Roman Mazuryk</title>
+    <meta
+      name="description"
+      content="Real MedTech implementation experience used as authority for AI workflow consulting in regulated, documentation-heavy, and handover-heavy environments."
+    />
+
+    <meta property="og:url" content="https://www.mazuryk.dev/medtech" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="MedTech and Regulated Operations Proof - Roman Mazuryk" />
+    <meta property="og:description" content="Real MedTech implementation experience used as authority for AI workflow consulting in regulated, documentation-heavy, and handover-heavy environments." />
+    <meta property="og:image" content="https://www.mazuryk.dev/images/og/og-medtech.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content="MedTech and regulated operations proof preview for Roman Mazuryk." />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="mazuryk.dev" />
+    <meta property="twitter:url" content="https://www.mazuryk.dev/medtech" />
+    <meta name="twitter:title" content="MedTech and Regulated Operations Proof - Roman Mazuryk" />
+    <meta name="twitter:description" content="Real MedTech implementation experience used as authority for AI workflow consulting in regulated, documentation-heavy, and handover-heavy environments." />
+    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-medtech.png" />
+    <script>
+      (function(){
+        var m=localStorage.getItem('theme');
+        var t=m?m:(window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
+        document.documentElement.setAttribute('data-theme',t);
+      })();
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/proof-of-work/or-integration/index.html b/proof-of-work/or-integration/index.html
index d8e66af..57eb38e 100644
--- a/proof-of-work/or-integration/index.html
+++ b/proof-of-work/or-integration/index.html
@@ -21,7 +21,7 @@
       property="og:description"
       content="Real-world MedTech implementation experience across operating room infrastructure, surgical equipment integration, video/audio workflows, clinical handover, and hospital stakeholder coordination."
     />
-    <meta property="og:image" content="https://www.mazuryk.dev/images/og-or_workflow.png" />
+    <meta property="og:image" content="https://www.mazuryk.dev/images/og/og-or_workflow.png" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
     <meta
@@ -37,7 +37,7 @@
       name="twitter:description"
       content="Real-world MedTech implementation experience across operating room infrastructure, surgical equipment integration, video/audio workflows, clinical handover, and hospital stakeholder coordination."
     />
-    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og-or_workflow.png" />
+    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-or_workflow.png" />
     <script>
       (function(){
         var m=localStorage.getItem('theme');
diff --git a/public/images/og-ai-workflows.png b/public/images/og-ai-workflows.png
deleted file mode 100644
index a9125cd..0000000
Binary files a/public/images/og-ai-workflows.png and /dev/null differ
diff --git a/public/images/og-home.png b/public/images/og-home.png
deleted file mode 100644
index 657ebe8..0000000
Binary files a/public/images/og-home.png and /dev/null differ
diff --git a/public/images/og-services.png b/public/images/og-services.png
deleted file mode 100644
index 9951623..0000000
Binary files a/public/images/og-services.png and /dev/null differ
diff --git a/public/images/og/og-ai-workflows.png b/public/images/og/og-ai-workflows.png
new file mode 100644
index 0000000..121ec92
Binary files /dev/null and b/public/images/og/og-ai-workflows.png differ
diff --git a/public/images/og/og-ai.png b/public/images/og/og-ai.png
new file mode 100644
index 0000000..05fdc19
Binary files /dev/null and b/public/images/og/og-ai.png differ
diff --git a/public/images/og/og-fullstack.png b/public/images/og/og-fullstack.png
new file mode 100644
index 0000000..785cf8f
Binary files /dev/null and b/public/images/og/og-fullstack.png differ
diff --git a/public/images/og/og-home.png b/public/images/og/og-home.png
new file mode 100644
index 0000000..482c202
Binary files /dev/null and b/public/images/og/og-home.png differ
diff --git a/public/images/og-livesurgery.jpg b/public/images/og/og-livesurgery.jpg
similarity index 100%
rename from public/images/og-livesurgery.jpg
rename to public/images/og/og-livesurgery.jpg
diff --git a/public/images/og/og-medtech.png b/public/images/og/og-medtech.png
new file mode 100644
index 0000000..d67f4fa
Binary files /dev/null and b/public/images/og/og-medtech.png differ
diff --git a/public/images/og-or_workflow.png b/public/images/og/og-or_workflow.png
similarity index 100%
rename from public/images/og-or_workflow.png
rename to public/images/og/og-or_workflow.png
diff --git a/public/livesurgery/index.html b/public/livesurgery/index.html
index b288b64..10155ab 100644
--- a/public/livesurgery/index.html
+++ b/public/livesurgery/index.html
@@ -14,14 +14,14 @@
     <meta property="og:url" content="https://www.mazuryk.dev/livesurgery" />
     <meta property="og:title" content="LiveSurgery | Product System" />
     <meta property="og:description" content="LiveSurgery: real-time MedTech collaboration system exploring multi-source video orchestration, workflow integrity, and regulated delivery constraints." />
-    <meta property="og:image" content="https://www.mazuryk.dev/images/og-livesurgery.jpg" />
+    <meta property="og:image" content="https://www.mazuryk.dev/images/og/og-livesurgery.jpg" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="LiveSurgery | Product System" />
     <meta name="twitter:description" content="LiveSurgery: real-time MedTech collaboration system exploring multi-source video orchestration, workflow integrity, and regulated delivery constraints." />
-    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og-livesurgery.jpg" />
+    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-livesurgery.jpg" />
     <style>
       :root {
         --bg: #060b16;
diff --git a/public/projects/livesurgery/index.html b/public/projects/livesurgery/index.html
index 8fc08b8..81ddadf 100644
--- a/public/projects/livesurgery/index.html
+++ b/public/projects/livesurgery/index.html
@@ -9,11 +9,11 @@
     <meta property="og:title" content="LiveSurgery - Real-Time Surgical Collaboration System — mazuryk.dev" />
     <meta property="og:description" content="Founder-led MedTech product initiative unifying multi-source video, role-based interaction, and session governance into one OR workflow designed for reliability under clinical constraints." />
     <meta property="og:url" content="https://www.mazuryk.dev/projects/livesurgery" />
-    <meta property="og:image" content="https://www.mazuryk.dev/images/og-livesurgery.jpg" />
+    <meta property="og:image" content="https://www.mazuryk.dev/images/og/og-livesurgery.jpg" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="LiveSurgery - Real-Time Surgical Collaboration System — mazuryk.dev" />
     <meta name="twitter:description" content="Founder-led MedTech product initiative unifying multi-source video, role-based interaction, and session governance into one OR workflow designed for reliability under clinical constraints." />
-    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og-livesurgery.jpg" />
+    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-livesurgery.jpg" />
     <script>window.location.replace("/#projects/livesurgery");</script>
   </head>
   <body></body>
diff --git a/services/index.html b/services/index.html
index c846ffd..37628f9 100644
--- a/services/index.html
+++ b/services/index.html
@@ -7,7 +7,7 @@
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="preload" as="image" href="/images/profile.jpg" fetchpriority="high" />
-    <link rel="canonical" href="https://www.mazuryk.dev/collaborate" />
+    <link rel="canonical" href="https://www.mazuryk.dev/services" />
 
     <title>AI-Assisted Workflow Collaboration for MedTech Teams</title>
     <meta
@@ -15,11 +15,11 @@
       content="Workflow audits, discovery sprints, prototypes, SOP systems, and compliance-aware automation support for MedTech, HealthTech, and regulated operations teams."
     />
 
-    <meta property="og:url" content="https://www.mazuryk.dev/collaborate" />
+    <meta property="og:url" content="https://www.mazuryk.dev/services" />
     <meta property="og:type" content="website" />
     <meta property="og:title" content="AI-Assisted Workflow Collaboration for MedTech Teams" />
     <meta property="og:description" content="Workflow audits, discovery sprints, prototypes, SOP systems, and compliance-aware automation support for MedTech, HealthTech, and regulated operations teams." />
-    <meta property="og:image" content="https://www.mazuryk.dev/images/og-services.png" />
+    <meta property="og:image" content="https://www.mazuryk.dev/images/og/og-ai.png" />
     <meta property="og:image:width" content="1200" />
     <meta property="og:image:height" content="630" />
     <meta
@@ -29,10 +29,10 @@
 
     <meta name="twitter:card" content="summary_large_image" />
     <meta property="twitter:domain" content="mazuryk.dev" />
-    <meta property="twitter:url" content="https://www.mazuryk.dev/collaborate" />
+    <meta property="twitter:url" content="https://www.mazuryk.dev/services" />
     <meta name="twitter:title" content="AI-Assisted Workflow Collaboration for MedTech Teams" />
     <meta name="twitter:description" content="Workflow audits, discovery sprints, prototypes, SOP systems, and compliance-aware automation support for MedTech, HealthTech, and regulated operations teams." />
-    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og-services.png" />
+    <meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-ai.png" />
     <script>
       (function(){
         var m=localStorage.getItem('theme');
diff --git a/src/assets/css/ai-workflow-library.css b/src/assets/css/ai-workflow-library.css
index 596b4d3..ee608aa 100644
--- a/src/assets/css/ai-workflow-library.css
+++ b/src/assets/css/ai-workflow-library.css
@@ -146,7 +146,7 @@
 
 .ai-workflow-page__featured {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.46fr);
+  grid-template-columns: minmax(0, 1fr);
   gap: 16px;
   align-items: start;
 }
@@ -250,8 +250,8 @@
 
 .ai-workflow-card {
   display: grid;
-  gap: 14px;
-  padding: 16px;
+  gap: 16px;
+  padding: 20px;
   align-content: start;
 }
 
@@ -433,6 +433,10 @@
   gap: 12px;
 }
 
+.ai-workflow-card__systems--expanded {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
 .ai-workflow-card__systems div {
   padding: 12px;
   border: 1px solid var(--surface-border);
@@ -455,6 +459,44 @@
   line-height: 1.45;
 }
 
+.ai-workflow-card__full-flow {
+  display: grid;
+  gap: 10px;
+  padding: 12px;
+  border: 1px solid var(--surface-border);
+  border-radius: 12px;
+  background:
+    radial-gradient(420px 160px at 100% 0, var(--surface-glow), transparent 72%),
+    var(--surface-soft);
+}
+
+.ai-workflow-card__full-flow > span {
+  color: var(--brand);
+  font-size: 11px;
+  font-weight: 800;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.ai-workflow-card__full-flow ol {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 8px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.ai-workflow-card__full-flow li {
+  min-height: 54px;
+  padding: 10px;
+  border: 1px solid var(--tag-border);
+  border-radius: 10px;
+  background: var(--tag-bg);
+  color: var(--muted-strong);
+  line-height: 1.45;
+}
+
 .ai-workflow-card__trace {
   display: grid;
   gap: 10px;
@@ -487,7 +529,8 @@
     max-width: 100%;
   }
 
-  .ai-workflow-card__systems {
+  .ai-workflow-card__systems,
+  .ai-workflow-card__systems--expanded {
     grid-template-columns: 1fr;
   }
 
diff --git a/src/components/AIWorkflowLibrary.jsx b/src/components/AIWorkflowLibrary.jsx
index 32c998a..b68c240 100644
--- a/src/components/AIWorkflowLibrary.jsx
+++ b/src/components/AIWorkflowLibrary.jsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import {
   ArrowRight,
   ClipboardCheck,
@@ -58,6 +58,9 @@ function WorkflowCard({ workflow }) {
   const auditabilityFeatures = getWorkflowArray(t, workflow, "auditabilityFeatures", workflow.auditabilityFeatures);
   const expectedBusinessValue = getWorkflowArray(t, workflow, "expectedBusinessValue", workflow.expectedBusinessValue);
   const bottlenecks = getWorkflowArray(t, workflow, "bottlenecks", workflow.currentWorkflow.bottlenecks);
+  const currentSteps = getWorkflowArray(t, workflow, "currentSteps", workflow.currentWorkflow.steps);
+  const aiSteps = getWorkflowArray(t, workflow, "aiSteps", workflow.aiAssistedWorkflow.steps);
+  const aiAssists = getWorkflowArray(t, workflow, "aiAssists", workflow.aiAssistedWorkflow.aiAssists);
 
   return (
     <article
@@ -104,25 +107,47 @@ function WorkflowCard({ workflow }) {
         <div>
           <h4>{t("site.aiWorkflow.labels.components")}</h4>
           <ul>
-            {systemComponents.slice(0, 5).map((item) => <li key={item}>{item}</li>)}
+            {systemComponents.map((item) => <li key={item}>{item}</li>)}
           </ul>
         </div>
         <div>
           <h4>{t("site.aiWorkflow.labels.review")}</h4>
           <ul>
-            {humanReviewPoints.slice(0, 4).map((item) => <li key={item}>{item}</li>)}
+            {humanReviewPoints.map((item) => <li key={item}>{item}</li>)}
           </ul>
         </div>
       </div>
 
+      <div className="ai-workflow-card__systems ai-workflow-card__systems--expanded">
+        <div>
+          <h4>{t("site.aiWorkflow.detail.manualSteps")}</h4>
+          <ul>
+            {currentSteps.map((item) => <li key={item}>{item}</li>)}
+          </ul>
+        </div>
+        <div>
+          <h4>{t("site.aiWorkflow.detail.aiAssists")}</h4>
+          <ul>
+            {aiAssists.map((item) => <li key={item}>{item}</li>)}
+          </ul>
+        </div>
+      </div>
+
+      <div className="ai-workflow-card__full-flow">
+        <span>{t("site.aiWorkflow.detail.aiTitle")}</span>
+        <ol>
+          {aiSteps.map((item) => <li key={item}>{item}</li>)}
+        </ol>
+      </div>
+
       <div className="ai-workflow-card__trace">
         <div>
           <span>{t("site.aiWorkflow.labels.traceability")}</span>
-          <p>{auditabilityFeatures.slice(0, 4).join(", ")}.</p>
+          <p>{auditabilityFeatures.join(", ")}.</p>
         </div>
         <div>
           <span>{t("site.aiWorkflow.labels.value")}</span>
-          <p>{expectedBusinessValue.slice(0, 4).join(", ")}.</p>
+          <p>{expectedBusinessValue.join(", ")}.</p>
         </div>
       </div>
 
@@ -139,9 +164,10 @@ export default function AIWorkflowLibrary() {
   const [domainFilter, setDomainFilter] = useState("All");
   const [statusFilter, setStatusFilter] = useState("All");
   const [problemFilter, setProblemFilter] = useState("All");
+  const [selectedWorkflowSlug, setSelectedWorkflowSlug] = useState("");
   const selectedCategory = workflowCategories.find((category) => category.title === activeCategory) || workflowCategories[0];
-  const featuredWorkflow = selectedCategory?.workflows[0];
-  const otherWorkflows = selectedCategory?.workflows.slice(1) || [];
+  const selectedWorkflow = aiWorkflowExamples.find((workflow) => workflow.slug === selectedWorkflowSlug);
+  const featuredWorkflow = selectedWorkflow?.category === selectedCategory?.title ? selectedWorkflow : selectedCategory?.workflows[0];
   const domains = useMemo(() => ["All", ...new Set(aiWorkflowExamples.map((workflow) => workflow.category))], []);
   const statuses = useMemo(() => ["All", ...new Set(aiWorkflowExamples.map((workflow) => workflow.status))], []);
   const problemTypes = ["All", "Traceability", "Handover", "Coordination", "Documentation", "Automation"];
@@ -156,6 +182,29 @@ export default function AIWorkflowLibrary() {
     .slice(0, 4);
   const heroTitle = t("site.aiWorkflow.hero.title");
 
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+
+    const syncSelectedWorkflow = () => {
+      const slug = window.location.hash.replace("#", "");
+      const workflow = aiWorkflowExamples.find((item) => item.slug === slug);
+      if (!workflow) return;
+      setSelectedWorkflowSlug(workflow.slug);
+      setActiveCategory(workflow.category);
+    };
+
+    syncSelectedWorkflow();
+    window.addEventListener("hashchange", syncSelectedWorkflow);
+    return () => window.removeEventListener("hashchange", syncSelectedWorkflow);
+  }, []);
+
+  useEffect(() => {
+    if (!selectedWorkflowSlug || featuredWorkflow?.slug !== selectedWorkflowSlug) return;
+    window.requestAnimationFrame(() => {
+      document.getElementById(selectedWorkflowSlug)?.scrollIntoView({ block: "start" });
+    });
+  }, [featuredWorkflow?.slug, selectedWorkflowSlug]);
+
   return (
     <div className="ai-workflow-page">
       <PageHero
@@ -195,7 +244,13 @@ export default function AIWorkflowLibrary() {
             <button
               type="button"
               className={`ux-tab ${category.title === activeCategory ? "ux-tab--active" : ""}`}
-              onClick={() => setActiveCategory(category.title)}
+              onClick={() => {
+                setSelectedWorkflowSlug("");
+                setActiveCategory(category.title);
+                if (typeof window !== "undefined" && window.location.hash) {
+                  window.history.replaceState(null, "", window.location.pathname);
+                }
+              }}
               key={category.title}
             >
               {t(`site.aiWorkflow.categories.${category.title}`) === `site.aiWorkflow.categories.${category.title}`
@@ -207,15 +262,6 @@ export default function AIWorkflowLibrary() {
         {featuredWorkflow ? (
           <div className="ai-workflow-page__featured">
             <WorkflowCard workflow={featuredWorkflow} />
-            <aside className="ai-workflow-page__other-list">
-              <p className="ai-workflow-page__kicker">{t("site.aiWorkflow.other")}</p>
-              {otherWorkflows.map((workflow) => (
-                <a href={`/ai-workflow/${workflow.slug}`} key={workflow.slug}>
-                  <span>{getWorkflowText(t, workflow, "title")}</span>
-                  <StatusBadge status={workflow.status} />
-                </a>
-              ))}
-            </aside>
           </div>
         ) : null}
       </section>
diff --git a/src/components/MarketPages.jsx b/src/components/MarketPages.jsx
index aefe299..faab918 100644
--- a/src/components/MarketPages.jsx
+++ b/src/components/MarketPages.jsx
@@ -360,7 +360,7 @@ const medtechSelectedProof = [
     system: "Designed an AI-assisted workflow to structure requirements, missing documents, risks, meeting summaries, and customer handover.",
     proof: "Workflow map / product specification / reference system.",
     relevance: "Internal Assistant and implementation handover proof connected to the AI Workflow Audit path.",
-    links: [{ label: "View workflow library", href: "/ai-workflow" }],
+    links: [{ label: "View workflow library", href: "/ai-workflow#medtech-implementation-handoff-assistant" }],
   },
   {
     title: "MedTech Operations Knowledge / Workflow OS",
@@ -369,7 +369,7 @@ const medtechSelectedProof = [
     system: "Designed a structured knowledge and workflow system for products, projects, SOPs, onboarding, and handover.",
     proof: "Concept, data model, prototype direction, and documentation artifact.",
     relevance: "Workflow Automation, SOP system, and reporting/visibility proof for regulated operations.",
-    links: [{ label: "Explore workflows", href: "/ai-workflow" }],
+    links: [{ label: "Explore workflows", href: "/ai-workflow#medtech-operations-knowledge-workflow-os" }],
   },
 ];
 
diff --git a/src/data/aiWorkflows.js b/src/data/aiWorkflows.js
index aec5d12..d06b7bd 100644
--- a/src/data/aiWorkflows.js
+++ b/src/data/aiWorkflows.js
@@ -101,6 +101,40 @@ export const aiWorkflowExamples = [
     relatedServices: ["Compliance-Aware Automation Setup", "AI Workflow Opportunity Audit", "Prototype Sprint"],
     relatedProofItems: ["Regulated Documentation & SOP Assistant", "AI-Generated SOP System"],
   },
+  {
+    slug: "medtech-operations-knowledge-workflow-os",
+    visibility: "primary",
+    title: "MedTech Operations Knowledge / Workflow OS",
+    status: "Reference System",
+    category: "Operations / Implementation Workflows",
+    domain: "Product knowledge, SOPs, onboarding, supplier context, implementation handover",
+    icon: "Network",
+    summary:
+      "A structured operating system concept for keeping MedTech product data, project knowledge, SOPs, onboarding materials, and handover context connected.",
+    audience: ["MedTech operations teams", "Implementation leads", "Product managers", "Support teams", "Supplier coordinators"],
+    problem:
+      "Product data, project knowledge, SOPs, supplier information, and onboarding materials become fragmented over time.",
+    currentWorkflow: {
+      steps: ["Store product notes in separate files", "Track project context in emails", "Update SOPs manually", "Onboard from scattered documents", "Rebuild supplier context repeatedly"],
+      tools: ["Shared drives", "Spreadsheets", "Email", "Notion or docs", "Supplier PDFs", "Task boards"],
+      bottlenecks: ["Fragmented knowledge", "Repeated questions", "Weak ownership", "Slow onboarding", "Stale SOPs"],
+      ownershipGaps: ["Product knowledge owner", "SOP owner", "Supplier data owner", "Implementation handover owner"],
+      documentationGaps: ["Source links", "Update rationale", "Supplier constraints", "Training state", "Handover history"],
+    },
+    aiAssistedWorkflow: {
+      steps: ["Ingest product and project context", "Structure reusable knowledge objects", "Link SOPs to source notes", "Surface onboarding paths", "Generate handover-ready summaries"],
+      aiAssists: ["Knowledge classification", "SOP drafting", "Gap detection", "Supplier context summarization", "Onboarding guide generation"],
+      automatedParts: ["Draft knowledge records", "Duplicate detection", "Missing-context flags", "Summary generation", "Update reminders"],
+      manualControls: ["Process owner approval", "Quality review", "Supplier detail confirmation", "Final handover sign-off"],
+    },
+    systemComponents: ["Product knowledge base", "Project context registry", "SOP library", "Supplier record layer", "Onboarding paths", "Handover export", "Review queue"],
+    humanReviewPoints: ["Product owner review", "SOP owner approval", "Supplier context confirmation", "Implementation lead handover"],
+    auditabilityFeatures: ["Source traceability", "Owner history", "Versioned SOP records", "Review checkpoints", "Handover logs", "Supplier reference links"],
+    expectedBusinessValue: ["Faster onboarding", "Reduced repeated work", "Better documentation readiness", "Lower coordination risk", "Improved operational visibility"],
+    artifactPlaceholders: ["Knowledge model", "Workflow map", "SOP library mockup", "Supplier registry", "Onboarding dashboard", "Implementation roadmap"],
+    relatedServices: ["Knowledge & SOP System", "AI Workflow Opportunity Audit", "Prototype Sprint"],
+    relatedProofItems: ["MedTech Operations Knowledge / Workflow OS", "Regulated Documentation & SOP Assistant"],
+  },
   {
     slug: "or-workflow-optimization",
     visibility: "primary",
diff --git a/src/hooks/useOgMeta.js b/src/hooks/useOgMeta.js
index cbc7adc..1f6d534 100644
--- a/src/hooks/useOgMeta.js
+++ b/src/hooks/useOgMeta.js
@@ -8,7 +8,7 @@ const BASE = {
   description:
     "AI systems consulting, workflow automation, audit-to-implementation roadmaps, and prototype builds for operations-heavy SMEs, MedTech, HealthTech, and regulated teams.",
   url: "https://www.mazuryk.dev/",
-  image: "https://www.mazuryk.dev/images/og-home.png",
+  image: "https://www.mazuryk.dev/images/og/og-home.png",
   imageAlt: "Mazuryk.dev hero preview with headline, CTA buttons, and a small circular profile photo.",
   imageWidth: "1200",
   imageHeight: "630",
@@ -19,7 +19,7 @@ const AI_SOLUTIONS = {
   description:
     "AI Workflow Opportunity Audits, automation pilots, internal assistants, SOP systems, dashboards, and implementation roadmaps for operations-heavy SMEs.",
   url: "https://www.mazuryk.dev/ai",
-  image: "https://www.mazuryk.dev/images/og-services.png",
+  image: "https://www.mazuryk.dev/images/og/og-ai.png",
   imageAlt: "AI workflow automation services for SMEs by Roman Mazuryk.",
   imageWidth: "1200",
   imageHeight: "630",
@@ -30,7 +30,7 @@ const MEDTECH = {
   description:
     "Real MedTech implementation experience used as authority for AI workflow consulting in regulated, documentation-heavy, and handover-heavy environments.",
   url: "https://www.mazuryk.dev/medtech",
-  image: "https://www.mazuryk.dev/images/og-home.png",
+  image: "https://www.mazuryk.dev/images/og/og-medtech.png",
   imageAlt: "MedTech product and project portfolio by Roman Mazuryk.",
   imageWidth: "1200",
   imageHeight: "630",
@@ -41,7 +41,7 @@ const FULLSTACK = {
   description:
     "Implementation proof for AI workflow consulting: prototypes, dashboards, internal tools, automations, and deployed workflow applications.",
   url: "https://www.mazuryk.dev/fullstack",
-  image: "https://www.mazuryk.dev/images/og-home.png",
+  image: "https://www.mazuryk.dev/images/og/og-fullstack.png",
   imageAlt: "AI-enhanced full-stack product builder portfolio by Roman Mazuryk.",
   imageWidth: "1200",
   imageHeight: "630",
@@ -52,7 +52,7 @@ const ABOUT = {
   description:
     "MedTech implementation experience, product/project management, AI automation, and full-stack development unified around practical workflow systems.",
   url: "https://www.mazuryk.dev/about",
-  image: "https://www.mazuryk.dev/images/og-home.png",
+  image: "https://www.mazuryk.dev/images/og/og-home.png",
   imageAlt: "About Roman Mazuryk.",
   imageWidth: "1200",
   imageHeight: "630",
@@ -63,7 +63,7 @@ const CONTACT = {
   description:
     "Book an AI Workflow Opportunity Audit, discuss one workflow to automate, or scope an implementation sprint for an internal assistant, dashboard, or workflow tool.",
   url: "https://www.mazuryk.dev/contact",
-  image: "https://www.mazuryk.dev/images/og-home.png",
+  image: "https://www.mazuryk.dev/images/og/og-home.png",
   imageAlt: "Contact Roman Mazuryk.",
   imageWidth: "1200",
   imageHeight: "630",
@@ -74,7 +74,7 @@ const CLINICAL_EVIDENCE = {
   description:
     "Compliance-aware workflow concept for turning scattered clinical evidence, product claims, PDFs, studies, and internal knowledge into a structured, traceable review system.",
   url: "https://www.mazuryk.dev/medtech-ai-systems/clinical-evidence-workflow",
-  image: "https://www.mazuryk.dev/images/og-home.png",
+  image: "https://www.mazuryk.dev/images/og/og-medtech.png",
   imageAlt: "AI-assisted clinical evidence workflow concept for MedTech teams.",
   imageWidth: "1200",
   imageHeight: "630",
@@ -85,7 +85,7 @@ const AI_WORKFLOW = {
   description:
     "Practical examples of AI-assisted workflow systems for MedTech, HealthTech, and regulated operations.",
   url: "https://www.mazuryk.dev/ai-workflow",
-  image: "https://www.mazuryk.dev/images/og-ai-workflows.png",
+  image: "https://www.mazuryk.dev/images/og/og-ai-workflows.png",
   imageAlt: "AI workflow solution library for MedTech and regulated operations.",
   imageWidth: "1200",
   imageHeight: "630",
@@ -96,7 +96,7 @@ const OR_INTEGRATION_PROOF = {
   description:
     "Real-world MedTech implementation experience across operating room infrastructure, surgical equipment integration, video/audio workflows, clinical handover, and hospital stakeholder coordination.",
   url: "https://www.mazuryk.dev/proof-of-work/or-integration",
-  image: "https://www.mazuryk.dev/images/og-or_workflow.png",
+  image: "https://www.mazuryk.dev/images/og/og-or_workflow.png",
   imageAlt: "OR integration and surgical workflow systems proof page for Roman Mazuryk.",
   imageWidth: "1200",
   imageHeight: "630",
diff --git a/vercel.json b/vercel.json
index 54ea8b6..46d4593 100644
--- a/vercel.json
+++ b/vercel.json
@@ -7,18 +7,18 @@
     { "source": "/services/(.*)", "destination": "/services/index.html" },
     { "source": "/collaborate", "destination": "/collaborate/index.html" },
     { "source": "/collaborate/(.*)", "destination": "/collaborate/index.html" },
-    { "source": "/ai", "destination": "/index.html" },
-    { "source": "/ai/(.*)", "destination": "/index.html" },
-    { "source": "/medtech", "destination": "/index.html" },
-    { "source": "/medtech/(.*)", "destination": "/index.html" },
-    { "source": "/fullstack", "destination": "/index.html" },
-    { "source": "/fullstack/(.*)", "destination": "/index.html" },
+    { "source": "/ai", "destination": "/ai/index.html" },
+    { "source": "/ai/(.*)", "destination": "/ai/index.html" },
+    { "source": "/medtech", "destination": "/medtech/index.html" },
+    { "source": "/medtech/(.*)", "destination": "/medtech/index.html" },
+    { "source": "/fullstack", "destination": "/fullstack/index.html" },
+    { "source": "/fullstack/(.*)", "destination": "/fullstack/index.html" },
     { "source": "/proof-of-work/or-integration", "destination": "/proof-of-work/or-integration/index.html" },
     { "source": "/about", "destination": "/index.html" },
     { "source": "/contact", "destination": "/index.html" },
     { "source": "/ai-workflow", "destination": "/ai-workflow/index.html" },
-    { "source": "/ai-workflow/(.*)", "destination": "/index.html" },
-    { "source": "/medtech-ai-systems/clinical-evidence-workflow", "destination": "/index.html" }
+    { "source": "/ai-workflow/(.*)", "destination": "/ai-workflow/index.html" },
+    { "source": "/medtech-ai-systems/clinical-evidence-workflow", "destination": "/medtech-ai-systems/clinical-evidence-workflow/index.html" }
   ],
   "headers": [
     {
diff --git a/vite.config.js b/vite.config.js
index b0f2cd7..60389de 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -12,10 +12,14 @@ export default defineConfig({
     rollupOptions: {
       input: {
         main: resolve(__dirname, 'index.html'),
+        ai: resolve(__dirname, 'ai/index.html'),
+        medtech: resolve(__dirname, 'medtech/index.html'),
+        fullstack: resolve(__dirname, 'fullstack/index.html'),
         services: resolve(__dirname, 'services/index.html'),
         collaborate: resolve(__dirname, 'collaborate/index.html'),
         aiWorkflow: resolve(__dirname, 'ai-workflow/index.html'),
         orIntegration: resolve(__dirname, 'proof-of-work/or-integration/index.html'),
+        clinicalEvidenceWorkflow: resolve(__dirname, 'medtech-ai-systems/clinical-evidence-workflow/index.html'),
       },
       output: {
         manualChunks: {
