Open-Superintelligence-Lab · bigwolfeman · Jan 17, 2026 · Jan 17, 2026 · Jan 17, 2026 · Jan 17, 2026
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,8 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
+.cursor/
+ai-notes/
+docs/
+specs/
 # dependencies
 /node_modules
 /.pnp

diff --git a/app/blog/deepseek-sparse-attention/page.tsx b/app/blog/deepseek-sparse-attention/page.tsx
@@ -129,40 +129,29 @@ export default function DeepSeekProject() {
 
   return (
     <>
-      {/* Hero Section */}
-      <section className="relative overflow-hidden bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900">
-        {/* Background effects */}
-        <div className="absolute inset-0 bg-gradient-to-r from-blue-600/20 via-purple-600/20 to-blue-600/20"></div>
-        <div className="absolute inset-0 opacity-30">
-          <div className="absolute inset-0 bg-gradient-to-br from-transparent via-blue-500/5 to-transparent"></div>
-        </div>
-
-        {/* Animated background particles */}
-        <div className="absolute inset-0 overflow-hidden">
-          <div className="absolute top-1/6 left-1/6 w-3 h-3 bg-gradient-to-r from-blue-400 to-cyan-400 rounded-full opacity-60 animate-pulse"></div>
-          <div className="absolute top-1/4 right-1/5 w-2 h-2 bg-gradient-to-r from-purple-400 to-pink-400 rounded-full opacity-50 animate-pulse delay-300"></div>
-          <div className="absolute top-1/3 left-1/8 w-4 h-4 bg-gradient-to-r from-emerald-400 to-teal-400 rounded-full opacity-40 animate-pulse delay-700"></div>
-          <div className="absolute bottom-1/4 right-1/6 w-2.5 h-2.5 bg-gradient-to-r from-cyan-400 to-blue-400 rounded-full opacity-55 animate-pulse delay-1000"></div>
-        </div>
+      {/* Hero Section - Reduced */}
+      <section className="relative overflow-hidden bg-gradient-to-br from-background via-card/50 to-background border-b border-border/30">
+        {/* Simplified background - single subtle gradient */}
+        <div className="absolute inset-0 bg-gradient-to-r from-gradient-accent-1/5 via-gradient-accent-2/5 to-gradient-accent-3/5"></div>
 
-        <div className="relative container mx-auto px-6 pt-32 pb-12">
-          <div className="text-center max-w-4xl mx-auto">
+        <div className="relative container mx-auto px-6 pt-24 pb-6">
+          <div className="text-left max-w-4xl mx-auto">
             <div className="relative">
-              <h1 className="text-4xl md:text-5xl lg:text-6xl font-medium mb-8 leading-tight">
-                <span className="bg-gradient-to-r from-blue-400 via-purple-400 to-cyan-400 bg-clip-text text-transparent">
+              <h1 className="text-3xl md:text-4xl lg:text-5xl font-semibold mb-3 leading-tight">
+                <span className="text-foreground">
                   {heroData?.title || 'DeepSeek\'s Attention Revolution'}
                 </span>
               </h1>
-              <div className="text-lg md:text-xl text-slate-400 mb-8">
+              <div className="text-base md:text-lg text-muted-foreground mb-4">
                 {heroData?.subtitle || '⚡ From O(L²) to O(Lk) - The Lightning Indexer Breakthrough'}
               </div>
 
               {/* Tags */}
               {heroData?.tags && heroData.tags.length > 0 && (
-                <div className="flex items-center justify-center gap-3 text-sm text-slate-400 mb-8">
+                <div className="flex items-center gap-3 text-sm text-muted-foreground mb-4">
                   {heroData.tags.map((tag, index) => (
                     <span key={index} className="flex items-center gap-2">
-                      {index > 0 && <span className="text-slate-600">•</span>}
+                      {index > 0 && <span className="text-muted-foreground/40">•</span>}
                       <span className="flex items-center gap-2">
                         {tag.includes('⏱️') && (
                           <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -180,13 +169,6 @@ export default function DeepSeekProject() {
                   ))}
                 </div>
               )}
-
-              {/* Glow effect for the title */}
-              <div className="absolute inset-0 text-4xl md:text-5xl lg:text-6xl font-medium leading-tight blur-sm">
-                <span className="bg-gradient-to-r from-blue-400/20 via-purple-400/20 to-cyan-400/20 bg-clip-text text-transparent">
-                  {heroData?.title || 'DeepSeek\'s Attention Revolution'}
-                </span>
-              </div>
             </div>
           </div>
         </div>

diff --git a/app/blog/diffusion-transformer-representation-autoencoder/page.tsx b/app/blog/diffusion-transformer-representation-autoencoder/page.tsx
@@ -129,40 +129,29 @@ export default function DiffusionTransformerRAEProject() {
 
   return (
     <>
-      {/* Hero Section */}
-      <section className="relative overflow-hidden bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900">
-        {/* Background effects */}
-        <div className="absolute inset-0 bg-gradient-to-r from-blue-600/20 via-purple-600/20 to-blue-600/20"></div>
-        <div className="absolute inset-0 opacity-30">
-          <div className="absolute inset-0 bg-gradient-to-br from-transparent via-blue-500/5 to-transparent"></div>
-        </div>
-
-        {/* Animated background particles */}
-        <div className="absolute inset-0 overflow-hidden">
-          <div className="absolute top-1/6 left-1/6 w-3 h-3 bg-gradient-to-r from-blue-400 to-cyan-400 rounded-full opacity-60 animate-pulse"></div>
-          <div className="absolute top-1/4 right-1/5 w-2 h-2 bg-gradient-to-r from-purple-400 to-pink-400 rounded-full opacity-50 animate-pulse delay-300"></div>
-          <div className="absolute top-1/3 left-1/8 w-4 h-4 bg-gradient-to-r from-emerald-400 to-teal-400 rounded-full opacity-40 animate-pulse delay-700"></div>
-          <div className="absolute bottom-1/4 right-1/6 w-2.5 h-2.5 bg-gradient-to-r from-cyan-400 to-blue-400 rounded-full opacity-55 animate-pulse delay-1000"></div>
-        </div>
+      {/* Hero Section - Reduced */}
+      <section className="relative overflow-hidden bg-gradient-to-br from-background via-card/50 to-background border-b border-border/30">
+        {/* Simplified background - single subtle gradient */}
+        <div className="absolute inset-0 bg-gradient-to-r from-gradient-accent-1/5 via-gradient-accent-2/5 to-gradient-accent-3/5"></div>
 
-        <div className="relative container mx-auto px-6 pt-32 pb-12">
-          <div className="text-center max-w-4xl mx-auto">
+        <div className="relative container mx-auto px-6 pt-24 pb-6">
+          <div className="text-left max-w-4xl mx-auto">
             <div className="relative">
-              <h1 className="text-4xl md:text-5xl lg:text-6xl font-medium mb-8 leading-tight">
-                <span className="bg-gradient-to-r from-blue-400 via-purple-400 to-cyan-400 bg-clip-text text-transparent">
+              <h1 className="text-3xl md:text-4xl lg:text-5xl font-semibold mb-3 leading-tight">
+                <span className="text-foreground">
                   {heroData?.title || '47x Faster Image & Video Generation Training'}
                 </span>
               </h1>
-              <div className="text-lg md:text-xl text-slate-400 mb-8">
+              <div className="text-base md:text-lg text-muted-foreground mb-4">
                 {heroData?.subtitle || 'Diffusion Transformers with Representation Autoencoders'}
               </div>
 
               {/* Tags */}
               {heroData?.tags && heroData.tags.length > 0 && (
-                <div className="flex items-center justify-center gap-3 text-sm text-slate-400 mb-8">
+                <div className="flex items-center gap-3 text-sm text-muted-foreground mb-4">
                   {heroData.tags.map((tag, index) => (
                     <span key={index} className="flex items-center gap-2">
-                      {index > 0 && <span className="text-slate-600">•</span>}
+                      {index > 0 && <span className="text-muted-foreground/40">•</span>}
                       <span className="flex items-center gap-2">
                         {tag.includes('⏱️') && (
                           <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -182,7 +171,7 @@ export default function DiffusionTransformerRAEProject() {
               )}
 
               {/* Links to Paper and GitHub */}
-              <div className="relative z-10 flex flex-wrap items-center justify-center gap-4 mb-8">
+              <div className="relative z-10 flex flex-wrap items-center gap-4 mb-4">
                 <a
                   href="https://arxiv.org/pdf/2510.11690"
                   target="_blank"
@@ -213,12 +202,6 @@ export default function DiffusionTransformerRAEProject() {
                 </a>
               </div>
 
-              {/* Glow effect for the title */}
-              <div className="absolute inset-0 text-4xl md:text-5xl lg:text-6xl font-medium leading-tight blur-sm pointer-events-none">
-                <span className="bg-gradient-to-r from-blue-400/20 via-purple-400/20 to-cyan-400/20 bg-clip-text text-transparent">
-                  {heroData?.title || '47x Faster Image & Video Generation Training'}
-                </span>
-              </div>
             </div>
           </div>
         </div>

diff --git a/app/blog/lejepa/page.tsx b/app/blog/lejepa/page.tsx
@@ -129,40 +129,29 @@ export default function LeJEPAProject() {
 
     return (
         <>
-            {/* Hero Section */}
-            <section className="relative overflow-hidden bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900">
-                {/* Background effects */}
-                <div className="absolute inset-0 bg-gradient-to-r from-blue-600/20 via-purple-600/20 to-blue-600/20"></div>
-                <div className="absolute inset-0 opacity-30">
-                    <div className="absolute inset-0 bg-gradient-to-br from-transparent via-blue-500/5 to-transparent"></div>
-                </div>
-
-                {/* Animated background particles */}
-                <div className="absolute inset-0 overflow-hidden">
-                    <div className="absolute top-1/6 left-1/6 w-3 h-3 bg-gradient-to-r from-blue-400 to-cyan-400 rounded-full opacity-60 animate-pulse"></div>
-                    <div className="absolute top-1/4 right-1/5 w-2 h-2 bg-gradient-to-r from-purple-400 to-pink-400 rounded-full opacity-50 animate-pulse delay-300"></div>
-                    <div className="absolute top-1/3 left-1/8 w-4 h-4 bg-gradient-to-r from-emerald-400 to-teal-400 rounded-full opacity-40 animate-pulse delay-700"></div>
-                    <div className="absolute bottom-1/4 right-1/6 w-2.5 h-2.5 bg-gradient-to-r from-cyan-400 to-blue-400 rounded-full opacity-55 animate-pulse delay-1000"></div>
-                </div>
+            {/* Hero Section - Reduced */}
+            <section className="relative overflow-hidden bg-gradient-to-br from-background via-card/50 to-background border-b border-border/30">
+                {/* Simplified background - single subtle gradient */}
+                <div className="absolute inset-0 bg-gradient-to-r from-gradient-accent-1/5 via-gradient-accent-2/5 to-gradient-accent-3/5"></div>
 
-                <div className="relative container mx-auto px-6 pt-32 pb-12">
-                    <div className="text-center max-w-4xl mx-auto">
+                <div className="relative container mx-auto px-6 pt-24 pb-6">
+                    <div className="text-left max-w-4xl mx-auto">
                         <div className="relative">
-                            <h1 className="text-4xl md:text-5xl lg:text-6xl font-medium mb-8 leading-tight">
-                                <span className="bg-gradient-to-r from-blue-400 via-purple-400 to-cyan-400 bg-clip-text text-transparent">
+                            <h1 className="text-3xl md:text-4xl lg:text-5xl font-semibold mb-3 leading-tight">
+                                <span className="text-foreground">
                                     {heroData?.title || 'LeJEPA: Provable and Scalable'}
                                 </span>
                             </h1>
-                            <div className="text-lg md:text-xl text-slate-400 mb-8">
+                            <div className="text-base md:text-lg text-muted-foreground mb-4">
                                 {heroData?.subtitle || 'Self-Supervised Learning Without the Heuristics'}
                             </div>
 
                             {/* Tags */}
                             {heroData?.tags && heroData.tags.length > 0 && (
-                                <div className="flex items-center justify-center gap-3 text-sm text-slate-400 mb-8">
+                                <div className="flex items-center gap-3 text-sm text-muted-foreground mb-4">
                                     {heroData.tags.map((tag, index) => (
                                         <span key={index} className="flex items-center gap-2">
-                                            {index > 0 && <span className="text-slate-600">•</span>}
+                                            {index > 0 && <span className="text-muted-foreground/40">•</span>}
                                             <span className="flex items-center gap-2">
                                                 {/* Simple icon logic based on keywords */}
                                                 {(tag.includes('Theory') || tag.includes('Stats')) && (
@@ -181,13 +170,6 @@ export default function LeJEPAProject() {
                                     ))}
                                 </div>
                             )}
-
-                            {/* Glow effect for the title */}
-                            <div className="absolute inset-0 text-4xl md:text-5xl lg:text-6xl font-medium leading-tight blur-sm">
-                                <span className="bg-gradient-to-r from-blue-400/20 via-purple-400/20 to-cyan-400/20 bg-clip-text text-transparent">
-                                    {heroData?.title || 'LeJEPA: Provable and Scalable'}
-                                </span>
-                            </div>
                         </div>
                     </div>
                 </div>

diff --git a/app/blog/path-to-open-superintelligence/page.tsx b/app/blog/path-to-open-superintelligence/page.tsx
@@ -129,40 +129,29 @@ export default function RoadmapToOpenSuperintelligence() {
 
   return (
     <>
-      {/* Hero Section */}
-      <section className="relative overflow-hidden bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900">
-        {/* Background effects */}
-        <div className="absolute inset-0 bg-gradient-to-r from-blue-600/20 via-purple-600/20 to-cyan-600/20"></div>
-        <div className="absolute inset-0 opacity-30">
-          <div className="absolute inset-0 bg-gradient-to-br from-transparent via-blue-500/5 to-transparent"></div>
-        </div>
-
-        {/* Animated background particles */}
-        <div className="absolute inset-0 overflow-hidden">
-          <div className="absolute top-1/6 left-1/6 w-3 h-3 bg-gradient-to-r from-blue-400 to-cyan-400 rounded-full opacity-60 animate-pulse"></div>
-          <div className="absolute top-1/4 right-1/5 w-2 h-2 bg-gradient-to-r from-purple-400 to-pink-400 rounded-full opacity-50 animate-pulse delay-300"></div>
-          <div className="absolute top-1/3 left-1/8 w-4 h-4 bg-gradient-to-r from-emerald-400 to-teal-400 rounded-full opacity-40 animate-pulse delay-700"></div>
-          <div className="absolute bottom-1/4 right-1/6 w-2.5 h-2.5 bg-gradient-to-r from-cyan-400 to-blue-400 rounded-full opacity-55 animate-pulse delay-1000"></div>
-        </div>
+      {/* Hero Section - Reduced */}
+      <section className="relative overflow-hidden bg-gradient-to-br from-background via-card/50 to-background border-b border-border/30">
+        {/* Simplified background - single subtle gradient */}
+        <div className="absolute inset-0 bg-gradient-to-r from-gradient-accent-1/5 via-gradient-accent-2/5 to-gradient-accent-3/5"></div>
 
-        <div className="relative container mx-auto px-6 pt-32 pb-12">
-          <div className="text-center max-w-4xl mx-auto">
+        <div className="relative container mx-auto px-6 pt-24 pb-6">
+          <div className="text-left max-w-4xl mx-auto">
             <div className="relative">
-              <h1 className="text-4xl md:text-5xl lg:text-6xl font-medium mb-8 leading-tight">
-                <span className="bg-gradient-to-r from-amber-300 via-orange-400 to-rose-400 bg-clip-text text-transparent">
+              <h1 className="text-3xl md:text-4xl lg:text-5xl font-semibold mb-3 leading-tight">
+                <span className="text-foreground">
                   {heroData?.title || 'Path To Open Superintelligence'}
                 </span>
               </h1>
-              <div className="text-lg md:text-xl text-slate-400 mb-8">
+              <div className="text-base md:text-lg text-muted-foreground mb-4">
                 {heroData?.subtitle || 'A Strategic Path Forward for Building AGI Through Open Collaboration'}
               </div>
 
               {/* Tags */}
               {heroData?.tags && heroData.tags.length > 0 && (
-                <div className="flex items-center justify-center gap-3 text-sm text-slate-400 mb-8 flex-wrap">
+                <div className="flex items-center gap-3 text-sm text-muted-foreground mb-4 flex-wrap">
                   {heroData.tags.map((tag, index) => (
                     <span key={index} className="flex items-center gap-2">
-                      {index > 0 && <span className="text-slate-600">•</span>}
+                      {index > 0 && <span className="text-muted-foreground/40">•</span>}
                       <span className="flex items-center gap-2">
                         {tag.includes('🚀') && (
                           <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -185,13 +174,6 @@ export default function RoadmapToOpenSuperintelligence() {
                   ))}
                 </div>
               )}
-
-              {/* Glow effect for the title */}
-              <div className="absolute inset-0 text-4xl md:text-5xl lg:text-6xl font-medium leading-tight blur-sm">
-                <span className="bg-gradient-to-r from-amber-300/20 via-orange-400/20 to-rose-400/20 bg-clip-text text-transparent">
-                  {heroData?.title || 'Path To Open Superintelligence'}
-                </span>
-              </div>
             </div>
           </div>
         </div>