diff --git a/evidence.html b/evidence.html
index dac77d3..e05a0af 100644
--- a/evidence.html
+++ b/evidence.html
@@ -9,14 +9,126 @@
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Fira+Code&display=swap" rel="stylesheet"/>
     <script src="https://cdn.plot.ly/plotly-2.32.0.min.js" charset="utf-8"></script>
     <style>
-        body { font-family: 'Inter', sans-serif; max-width: 900px; margin: 2rem auto; padding: 0 1rem; color: #2B2B2B; }
-        h1, h2 { color: #1A4C9A; }
-        table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: 0.95em; }
-        th, td { padding: 12px; border: 1px solid #ddd; text-align: left; }
-        th { background-color: #f8f8f8; }
-        .chart { border: 1px solid #ddd; border-radius: 8px; margin-bottom: 2rem; }
-        .note { font-size: 0.9em; color: #666; }
-        a { color: #00AEEF; }
+        :root {
+            --primary-blue: #1A4C9A;
+            --accent-cyan: #00AEEF;
+            --text-dark: #2B2B2B;
+            --text-light: #666;
+            --bg-light: #FAFAFA;
+            --gradient-start: #1A4C9A;
+            --gradient-end: #00AEEF;
+        }
+        
+        body { 
+            font-family: 'Inter', sans-serif; 
+            max-width: 900px; 
+            margin: 0 auto; 
+            padding: 2rem 1rem; 
+            color: var(--text-dark);
+            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+            min-height: 100vh;
+        }
+        
+        header {
+            background: #fff;
+            padding: 2rem;
+            border-radius: 12px 12px 0 0;
+            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
+        }
+        
+        h1 { 
+            color: var(--primary-blue);
+            margin: 0 0 1rem 0;
+            font-size: 2.5rem;
+            font-weight: 700;
+            background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        h2 { 
+            color: var(--primary-blue);
+            font-size: 1.5rem;
+            margin-top: 2rem;
+            padding-bottom: 0.5rem;
+            border-bottom: 2px solid var(--accent-cyan);
+        }
+        
+        section {
+            background: #fff;
+            padding: 2rem;
+            margin-bottom: 1.5rem;
+            border-radius: 12px;
+            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+        }
+        
+        section:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+        }
+        
+        table { 
+            width: 100%; 
+            border-collapse: collapse; 
+            margin: 2rem 0; 
+            font-size: 0.95em;
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+            border-radius: 8px;
+            overflow: hidden;
+        }
+        
+        th, td { 
+            padding: 14px; 
+            border: 1px solid #e0e0e0; 
+            text-align: left; 
+        }
+        
+        th { 
+            background: linear-gradient(135deg, var(--primary-blue), var(--accent-cyan));
+            color: white;
+            font-weight: 600;
+        }
+        
+        tbody tr {
+            transition: background-color 0.2s ease;
+        }
+        
+        tbody tr:nth-child(even) {
+            background-color: var(--bg-light);
+        }
+        
+        tbody tr:hover {
+            background-color: #e3f2fd;
+        }
+        
+        .chart { 
+            border: 1px solid #e0e0e0; 
+            border-radius: 8px; 
+            margin-bottom: 2rem;
+            background: white;
+            padding: 1rem;
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+        }
+        
+        .note { 
+            font-size: 0.9em; 
+            color: var(--text-light);
+            margin: 0;
+        }
+        
+        a { 
+            color: var(--accent-cyan);
+            text-decoration: none;
+            font-weight: 600;
+            transition: color 0.3s ease;
+        }
+        
+        a:hover {
+            color: var(--primary-blue);
+            text-decoration: underline;
+        }
     </style>
 </head>
 <body>
diff --git a/index.html b/index.html
index d189745..6b5e984 100644
--- a/index.html
+++ b/index.html
@@ -35,6 +35,8 @@
             --text-light: #666;
             --bg-light: #FAFAFA;
             --border-light: #F0F0F0;
+            --gradient-start: #1A4C9A;
+            --gradient-end: #00AEEF;
         }
 
         html { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
@@ -42,23 +44,97 @@
             font: 12pt "Inter", sans-serif;
             color: var(--text-dark);
             line-height: 1.6;
-            background-color: #fff;
+            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
             margin: 0;
             padding: 0;
             hyphens: auto; -webkit-hyphens: auto; orphans: 3; widows: 3;
             counter-reset: h1 h2 h3 figure table ref;
+            min-height: 100vh;
         }
 
         main {
             max-width: 820px;
             margin: 0 auto;
             padding: 2rem;
+            background: #fff;
+            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
+            border-radius: 12px;
+            margin-top: 3rem;
+            margin-bottom: 3rem;
         }
 
-        h1 { font-size: 1.8rem; margin: 0 0 0.5rem 0; }
-        h2 { font-size: 1.25rem; margin-top: 1.5rem; }
-        p { color: var(--text-light); }
-        a { color: var(--primary-blue); text-decoration: none; }
+        h1 { 
+            font-size: 2.5rem; 
+            margin: 0 0 0.5rem 0; 
+            background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            font-weight: 700;
+            letter-spacing: -0.5px;
+        }
+        
+        h2 { 
+            font-size: 1.5rem; 
+            margin-top: 2rem;
+            color: var(--primary-blue);
+            font-weight: 600;
+            padding-bottom: 0.5rem;
+            border-bottom: 2px solid var(--accent-cyan);
+        }
+        
+        p { 
+            color: var(--text-light); 
+            font-size: 1.05rem;
+            line-height: 1.8;
+        }
+        
+        em {
+            color: var(--text-light);
+            font-style: italic;
+            font-size: 1.1rem;
+        }
+        
+        section {
+            background: var(--bg-light);
+            padding: 1.5rem;
+            border-radius: 8px;
+            margin: 1.5rem 0;
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+        }
+        
+        section:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+        }
+        
+        a { 
+            color: var(--accent-cyan); 
+            text-decoration: none;
+            font-weight: 600;
+            transition: all 0.3s ease;
+            position: relative;
+        }
+        
+        a:hover {
+            color: var(--primary-blue);
+        }
+        
+        a::after {
+            content: '';
+            position: absolute;
+            width: 100%;
+            height: 2px;
+            bottom: -2px;
+            left: 0;
+            background: var(--accent-cyan);
+            transform: scaleX(0);
+            transition: transform 0.3s ease;
+        }
+        
+        a:hover::after {
+            transform: scaleX(1);
+        }
 
         /* Add more of your styles here if you have them in the full whitepaper */
     </style>
diff --git a/mstack-site/evidence.html b/mstack-site/evidence.html
index fbdbef3..0fb9684 100644
--- a/mstack-site/evidence.html
+++ b/mstack-site/evidence.html
@@ -9,14 +9,126 @@
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Fira+Code&display=swap" rel="stylesheet"/>
     <script src="https://cdn.plot.ly/plotly-2.32.0.min.js" charset="utf-8"></script>
     <style>
-        body { font-family: 'Inter', sans-serif; max-width: 900px; margin: 2rem auto; padding: 0 1rem; color: #2B2B2B; }
-        h1, h2 { color: #1A4C9A; }
-        table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: 0.95em; }
-        th, td { padding: 12px; border: 1px solid #ddd; text-align: left; }
-        th { background-color: #f8f8f8; }
-        .chart { border: 1px solid #ddd; border-radius: 8px; margin-bottom: 2rem; }
-        .note { font-size: 0.9em; color: #666; }
-        a { color: #00AEEF; }
+        :root {
+            --primary-blue: #1A4C9A;
+            --accent-cyan: #00AEEF;
+            --text-dark: #2B2B2B;
+            --text-light: #666;
+            --bg-light: #FAFAFA;
+            --gradient-start: #1A4C9A;
+            --gradient-end: #00AEEF;
+        }
+        
+        body { 
+            font-family: 'Inter', sans-serif; 
+            max-width: 900px; 
+            margin: 0 auto; 
+            padding: 2rem 1rem; 
+            color: var(--text-dark);
+            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+            min-height: 100vh;
+        }
+        
+        header {
+            background: #fff;
+            padding: 2rem;
+            border-radius: 12px 12px 0 0;
+            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
+        }
+        
+        h1 { 
+            color: var(--primary-blue);
+            margin: 0 0 1rem 0;
+            font-size: 2.5rem;
+            font-weight: 700;
+            background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        h2 { 
+            color: var(--primary-blue);
+            font-size: 1.5rem;
+            margin-top: 2rem;
+            padding-bottom: 0.5rem;
+            border-bottom: 2px solid var(--accent-cyan);
+        }
+        
+        section {
+            background: #fff;
+            padding: 2rem;
+            margin-bottom: 1.5rem;
+            border-radius: 12px;
+            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+        }
+        
+        section:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+        }
+        
+        table { 
+            width: 100%; 
+            border-collapse: collapse; 
+            margin: 2rem 0; 
+            font-size: 0.95em;
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+            border-radius: 8px;
+            overflow: hidden;
+        }
+        
+        th, td { 
+            padding: 14px; 
+            border: 1px solid #e0e0e0; 
+            text-align: left; 
+        }
+        
+        th { 
+            background: linear-gradient(135deg, var(--primary-blue), var(--accent-cyan));
+            color: white;
+            font-weight: 600;
+        }
+        
+        tbody tr {
+            transition: background-color 0.2s ease;
+        }
+        
+        tbody tr:nth-child(even) {
+            background-color: var(--bg-light);
+        }
+        
+        tbody tr:hover {
+            background-color: #e3f2fd;
+        }
+        
+        .chart { 
+            border: 1px solid #e0e0e0; 
+            border-radius: 8px; 
+            margin-bottom: 2rem;
+            background: white;
+            padding: 1rem;
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+        }
+        
+        .note { 
+            font-size: 0.9em; 
+            color: var(--text-light);
+            margin: 0;
+        }
+        
+        a { 
+            color: var(--accent-cyan);
+            text-decoration: none;
+            font-weight: 600;
+            transition: color 0.3s ease;
+        }
+        
+        a:hover {
+            color: var(--primary-blue);
+            text-decoration: underline;
+        }
     </style>
 </head>
 <body>
diff --git a/mstack-site/index.html b/mstack-site/index.html
index 4ce63d2..61a64a7 100644
--- a/mstack-site/index.html
+++ b/mstack-site/index.html
@@ -35,6 +35,8 @@
       --text-light: #666;
       --bg-light: #FAFAFA;
       --border-light: #F0F0F0;
+      --gradient-start: #1A4C9A;
+      --gradient-end: #00AEEF;
     }
 
     html { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
@@ -42,23 +44,97 @@
       font: 12pt "Inter", sans-serif;
       color: var(--text-dark);
       line-height: 1.6;
-      background-color: #fff;
+      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
       margin: 0;
       padding: 0;
       hyphens: auto; -webkit-hyphens: auto; orphans: 3; widows: 3;
       counter-reset: h1 h2 h3 figure table ref;
+      min-height: 100vh;
     }
 
     main {
       max-width: 820px;
       margin: 0 auto;
       padding: 2rem;
+      background: #fff;
+      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
+      border-radius: 12px;
+      margin-top: 3rem;
+      margin-bottom: 3rem;
     }
 
-    h1 { font-size: 1.8rem; margin: 0 0 0.5rem 0; }
-    h2 { font-size: 1.25rem; margin-top: 1.5rem; }
-    p { color: var(--text-light); }
-    a { color: var(--primary-blue); text-decoration: none; }
+    h1 { 
+      font-size: 2.5rem; 
+      margin: 0 0 0.5rem 0; 
+      background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      font-weight: 700;
+      letter-spacing: -0.5px;
+    }
+    
+    h2 { 
+      font-size: 1.5rem; 
+      margin-top: 2rem;
+      color: var(--primary-blue);
+      font-weight: 600;
+      padding-bottom: 0.5rem;
+      border-bottom: 2px solid var(--accent-cyan);
+    }
+    
+    p { 
+      color: var(--text-light); 
+      font-size: 1.05rem;
+      line-height: 1.8;
+    }
+    
+    em {
+      color: var(--text-light);
+      font-style: italic;
+      font-size: 1.1rem;
+    }
+    
+    section {
+      background: var(--bg-light);
+      padding: 1.5rem;
+      border-radius: 8px;
+      margin: 1.5rem 0;
+      transition: transform 0.3s ease, box-shadow 0.3s ease;
+    }
+    
+    section:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+    }
+    
+    a { 
+      color: var(--accent-cyan); 
+      text-decoration: none;
+      font-weight: 600;
+      transition: all 0.3s ease;
+      position: relative;
+    }
+    
+    a:hover {
+      color: var(--primary-blue);
+    }
+    
+    a::after {
+      content: '';
+      position: absolute;
+      width: 100%;
+      height: 2px;
+      bottom: -2px;
+      left: 0;
+      background: var(--accent-cyan);
+      transform: scaleX(0);
+      transition: transform 0.3s ease;
+    }
+    
+    a:hover::after {
+      transform: scaleX(1);
+    }
 
     /* Add more of your styles here if you have them in the full whitepaper */
   </style>