mulmocast-vision 1.0.4 → 1.0.5

package/html/html2_cool/agendaSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 flex flex-col px-16 py-16 min-h-screen">
@@ -31,7 +48,7 @@
             <span class="text-white font-bold text-lg">{{ loop.index }}</span>
           </div>
           <div class="flex-1">
-            <div class="h2" font-semibold text-gray-800 leading-relaxed break-words">{{ item }}</div>
+            <div class="h2 font-semibold text-gray-800 leading-relaxed break-words">{{ item }}</div>
           </div>
         </div>
       </div>

package/html/html2_cool/balanceSheetSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -24,9 +41,7 @@
   <!-- Balance Sheet Grid -->
   <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-7xl mx-auto">
     <!-- Assets -->
-    <section
-      class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-8 text-white shadow transform hover:scale-105 transition-all duration-300"
-    >
+    <section class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-8 text-white shadow transform hover:scale-105 transition-all duration-300">
       <div class="flex items-center mb-6">
         <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-4">
           <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
@@ -92,11 +107,11 @@
   <!-- Balance Equation -->
   <div class="text-center mt-12">
     <div class="inline-flex items-center bg-white rounded-2xl shadow px-8 py-4">
-      <span class="h2" font-bold text-neutral-200">Assets</span>
-      <span class="h2" font-bold text-gray-400 mx-4">=</span>
-      <span class="h2" font-bold text-neutral-200">Liabilities</span>
-      <span class="h2" font-bold text-gray-400 mx-4">+</span>
-      <span class="h2" font-bold text-neutral-200">Equity</span>
+      <span class="h2 font-bold text-neutral-200">Assets</span>
+      <span class="h2 font-bold text-gray-400 mx-4">=</span>
+      <span class="h2 font-bold text-neutral-200">Liabilities</span>
+      <span class="h2 font-bold text-gray-400 mx-4">+</span>
+      <span class="h2 font-bold text-neutral-200">Equity</span>
     </div>
   </div>
 </div>

package/html/html2_cool/beforeAfterSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -45,9 +62,7 @@
     </section>
 
     <!-- After -->
-    <section
-      class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-10 text-white shadow transform hover:scale-105 transition-all duration-300"
-    >
+    <section class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-10 text-white shadow transform hover:scale-105 transition-all duration-300">
       <div class="flex items-center mb-8">
         <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-4">
           <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
@@ -87,7 +102,7 @@
       <svg class="w-8 h-8 mr-3" fill="currentColor" viewBox="0 0 20 20">
         <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
       </svg>
-      <span class="h2" font-bold">Transformation Impact</span>
+      <span class="h2 font-bold">Transformation Impact</span>
     </div>
   </div>
 </div>

package/html/html2_cool/benchmarkingTableSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -79,7 +96,7 @@
           d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"
         />
       </svg>
-      <span class="h2" font-bold">Competitive Benchmarking Analysis</span>
+      <span class="h2 font-bold">Competitive Benchmarking Analysis</span>
     </div>
   </div>
 </div>

package/html/html2_cool/bubbleChartPlaceholderSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -50,7 +67,7 @@
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
             </svg>
           </div>
-          <h3 class="h2" font-bold text-gray-700 mb-2">Interactive Bubble Chart</h3>
+          <h3 class="h2 font-bold text-gray-700 mb-2">Interactive Bubble Chart</h3>
           <p class="text-gray-600 text-center">This area will contain a dynamic bubble chart visualization</p>
         </div>
       </div>
@@ -101,7 +118,7 @@
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
           </svg>
         </div>
-        <h3 class="h2" font-bold text-neutral-100">Chart Components</h3>
+        <h3 class="h2 font-bold text-neutral-100">Chart Components</h3>
       </div>
       <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
         <div class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-xl p-6 border border-neutral-800">

package/html/html2_cool/cashFlowSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -24,9 +41,7 @@
   <!-- Cash Flow Grid -->
   <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-6xl mx-auto">
     <!-- Inflows -->
-    <section
-      class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-10 text-white shadow transform hover:scale-105 transition-all duration-300"
-    >
+    <section class="bg-gradient-to-b from-neutral-950 to-neutral-900 rounded-3xl p-10 text-white shadow transform hover:scale-105 transition-all duration-300">
       <div class="flex items-center mb-8">
         <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-4">
           <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
@@ -72,11 +87,11 @@
   <div class="text-center mt-12">
     <div class="inline-flex items-center bg-white rounded-2xl shadow px-8 py-6">
       <div class="flex items-center">
-        <span class="h2" font-bold text-neutral-200">Inflows</span>
-        <span class="h2" font-bold text-gray-400 mx-4">-</span>
-        <span class="h2" font-bold text-neutral-200">Outflows</span>
-        <span class="h2" font-bold text-gray-400 mx-4">=</span>
-        <span class="h2" font-bold text-neutral-200">Net Cash Flow</span>
+        <span class="h2 font-bold text-neutral-200">Inflows</span>
+        <span class="h2 font-bold text-gray-400 mx-4">-</span>
+        <span class="h2 font-bold text-neutral-200">Outflows</span>
+        <span class="h2 font-bold text-gray-400 mx-4">=</span>
+        <span class="h2 font-bold text-neutral-200">Net Cash Flow</span>
       </div>
     </div>
   </div>

package/html/html2_cool/changeCurveSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -59,7 +76,7 @@
             />
           </svg>
         </div>
-        <h3 class="h2" font-bold">Notes</h3>
+        <h3 class="h2 font-bold">Notes</h3>
       </div>
       <p class="text-lg font-light">{{notes}}</p>
     </section>

package/html/html2_cool/communicationPlanSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -89,7 +106,7 @@
 
       <h2 class="text-3xl font-bold mb-6">Communication Cadence</h2>
       <div class="bg-white bg-opacity-10 rounded-xl p-6">
-        <p class="h2" leading-relaxed">{{cadence}}</p>
+        <p class="h2 leading-relaxed">{{cadence}}</p>
       </div>
     </div>
     {% endif %}

package/html/html2_cool/costStructureSlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell min-h-screen bg-gradient-to-b from-neutral-950 to-neutral-900 px-16 py-16">
@@ -38,7 +55,7 @@
             </svg>
           </div>
           <div class="flex-1">
-            <p class="h2" font-semibold leading-relaxed">{{b}}</p>
+            <p class="h2 font-semibold leading-relaxed">{{b}}</p>
           </div>
         </div>
       </div>
@@ -64,7 +81,7 @@
             </svg>
           </div>
           <div class="flex-1">
-            <p class="h2" font-semibold leading-relaxed">{{x}}</p>
+            <p class="h2 font-semibold leading-relaxed">{{x}}</p>
           </div>
         </div>
       </div>

package/html/html2_cool/customerJourneySlide.html

@@ -1,16 +1,33 @@
-
 <!-- Injected cool, minimal theme -->
 <style type="text/tailwindcss">
   @layer utilities {
-    .slide-shell { @apply min-h-full bg-neutral-950 text-neutral-200 antialiased; }
-    .slide-grid  { @apply grid gap-6; }
-    .h1          { @apply text-5xl font-semibold tracking-tight leading-tight; }
-    .h2          { @apply text-2xl font-medium tracking-tight; }
-    .muted       { @apply text-neutral-400; }
-    .accent      { @apply text-indigo-300; }
-    .card        { @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6; }
-    .badge       { @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300; }
-    .kpi         { @apply text-4xl font-semibold tracking-tight; }
+    .slide-shell {
+      @apply min-h-full bg-neutral-950 text-neutral-200 antialiased;
+    }
+    .slide-grid {
+      @apply grid gap-6;
+    }
+    .h1 {
+      @apply text-5xl font-semibold tracking-tight leading-tight;
+    }
+    .h2 {
+      @apply text-2xl font-medium tracking-tight;
+    }
+    .muted {
+      @apply text-neutral-400;
+    }
+    .accent {
+      @apply text-indigo-300;
+    }
+    .card {
+      @apply bg-neutral-900/60 border border-neutral-800 rounded-2xl p-6;
+    }
+    .badge {
+      @apply inline-flex items-center rounded-full border border-neutral-700 px-3 py-1 text-sm text-neutral-300;
+    }
+    .kpi {
+      @apply text-4xl font-semibold tracking-tight;
+    }
   }
 </style>
 <div class="slide-shell bg-gradient-to-b from-neutral-950 to-neutral-900 text-neutral-100 px-16 py-16 min-h-screen">
@@ -55,7 +72,7 @@
               <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
             </svg>
           </div>
-          <h3 class="h2" font-bold">{{stages[loop.index0]}}</h3>
+          <h3 class="h2 font-bold">{{stages[loop.index0]}}</h3>
         </div>
         <ul class="space-y-3 text-lg">
           {% for t in tp %}
@@ -77,7 +94,7 @@
           clip-rule="evenodd"
         />
       </svg>
-      <span class="h2" font-bold">End-to-End Customer Experience</span>
+      <span class="h2 font-bold">End-to-End Customer Experience</span>
     </div>
   </div>
 </div>