diff --git a/depot/recon.html b/depot/recon.html
index 046b17c..e99e519 100644
--- a/depot/recon.html
+++ b/depot/recon.html
@@ -2,90 +2,10 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>JAESWIFT // RECON</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/css/style.css">
-    <link rel="stylesheet" href="/css/section.css">
-    <style>
-        .recon-grid {
-            max-width: 900px;
-            margin: 2rem auto;
-            padding: 0 1.5rem;
-            display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-            gap: 1.5rem;
-        }
-        .recon-card {
-            background: rgba(10, 10, 12, 0.85);
-            border: 1px solid rgba(255, 60, 60, 0.15);
-            border-left: 3px solid rgba(255, 170, 0, 0.6);
-            border-radius: 4px;
-            padding: 2rem 1.8rem;
-            cursor: pointer;
-            transition: all 0.3s ease;
-            text-decoration: none;
-            display: block;
-        }
-        .recon-card:hover {
-            border-color: rgba(255, 60, 60, 0.5);
-            border-left-color: #ff3c3c;
-            background: rgba(15, 15, 20, 0.95);
-            transform: translateY(-2px);
-            box-shadow: 0 4px 20px rgba(255, 60, 60, 0.1);
-        }
-        .recon-card-icon { font-size: 2.5rem; margin-bottom: 1rem; }
-        .recon-card-code { font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; color: rgba(255, 170, 0, 0.6); letter-spacing: 2px; margin-bottom: 0.5rem; }
-        .recon-card-name { font-family: 'Orbitron', monospace; font-size: 1.1rem; color: #d8d8d8; font-weight: 700; margin-bottom: 0.75rem; }
-        .recon-card-desc { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: #999; line-height: 1.6; margin-bottom: 1rem; }
-        .recon-card-stats { display: flex; gap: 1.2rem; font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; color: #666; }
-        .recon-card-stats .amber { color: rgba(255, 170, 0, 0.8); }
-        .recon-card-status { margin-top: 1rem; font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; color: #00ff88; letter-spacing: 1px; }
-    </style>
+    <meta http-equiv="refresh" content="0;url=/recon">
+    <title>Redirecting to RECON...</title>
 </head>
 <body>
-    <div class="scanline-overlay"></div>
-    <div class="grid-bg"></div>
-    <nav class="nav-main" id="navbar">
-        <div class="nav-container">
-            <a href="/" class="nav-logo"><span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span></a>
-            <button class="nav-toggle" id="navToggle" aria-label="Menu"><span></span><span></span><span></span></button>
-            <ul class="nav-menu" id="navMenu"></ul>
-            <div class="nav-status"><span class="nav-clock" id="navClock"></span></div>
-        </div>
-    </nav>
-    <div class="breadcrumb">
-        <a href="/">HOME</a><span class="separator">/</span>
-        <a href="/depot">DEPOT</a><span class="separator">/</span>
-        <span class="current">RECON</span>
-    </div>
-    <section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
-        <div class="section-header-label">DEPOT // INTELLIGENCE GATHERING</div>
-        <h1 class="section-header-title">RECON</h1>
-        <p class="section-header-sub">&gt; Curated intelligence dossiers on technologies, tools, and resources. Select a division to access briefings.</p>
-    </section>
-    <section class="recon-grid">
-        <a href="/recon/awesomelist" class="recon-card">
-            <div class="recon-card-icon">📋</div>
-            <div class="recon-card-code">RCN-ALPHA</div>
-            <div class="recon-card-name">CURATED LISTS</div>
-            <div class="recon-card-desc">660+ curated intelligence briefings on programming, security, platforms, tools, and 28 sectors. Over 135,000 indexed resources.</div>
-            <div class="recon-card-stats">
-                <span class="amber">660 LISTS</span>
-                <span>135,179 ENTRIES</span>
-                <span>28 SECTORS</span>
-            </div>
-            <div class="recon-card-status">● ACCESSIBLE</div>
-        </a>
-    </section>
-    <footer class="footer">
-        <div class="footer-container">
-            <div class="footer-left"><span class="footer-logo">[JAE]</span><span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span></div>
-            <div class="footer-right"><span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span></div>
-        </div>
-    </footer>
-    <script src="/js/nav.js"></script>
-    <script src="/js/clock.js"></script>
+    <p>Redirecting to <a href="/recon">RECON</a>...</p>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/js/awesomelist.js b/js/awesomelist.js
index 7216283..eea009d 100644
--- a/js/awesomelist.js
+++ b/js/awesomelist.js
@@ -306,7 +306,7 @@
         try {
             const data = await api('');
             renderIndex(data);
-            history.pushState({ view: 'index' }, '', '/recon/awesomelist');
+            history.pushState({ view: 'index' }, '', '/recon');
         } catch (e) {
             root.innerHTML = `<div class="crt-empty">DATABASE ACCESS DENIED // ${esc(e.message)}</div>`;
         }
@@ -317,7 +317,7 @@
         try {
             const data = await api(`/${slug}`);
             renderSector(data);
-            history.pushState({ view: 'detail', slug }, '', `/recon/awesomelist?sector=${slug}`);
+            history.pushState({ view: 'detail', slug }, '', `/recon?sector=${slug}`);
             window.scrollTo({ top: 0, behavior: 'smooth' });
         } catch (e) {
             root.innerHTML = `<div class="crt-empty">SECTOR NOT FOUND // ${esc(e.message)}</div>`;
diff --git a/recon/awesomelist.html b/recon/awesomelist.html
index 109b579..efb7db5 100644
--- a/recon/awesomelist.html
+++ b/recon/awesomelist.html
@@ -45,7 +45,7 @@
         <p class="section-header-sub">&gt; Curated dossiers covering resources across 28 sectors. Select a sector to begin.</p>
     </section>
 
-    <section class="crt-container">
+    <section class="subpage-content" style="max-width: 1400px; margin: 0 auto; padding: 0 2rem 3rem;">
         <div id="awesomelistRoot"></div>
     </section>
 
diff --git a/recon/index.html b/recon/index.html
new file mode 100644
index 0000000..e5b8e40
--- /dev/null
+++ b/recon/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>JAESWIFT // CURATED LISTS</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/section.css">
+    <link rel="stylesheet" href="/css/contraband.css">
+</head>
+<body>
+    <div class="scanline-overlay"></div>
+    <div class="grid-bg"></div>
+
+    <nav class="nav-main" id="navbar">
+        <div class="nav-container">
+            <a href="/" class="nav-logo">
+                <span class="logo-bracket">[</span> JAE <span class="logo-bracket">]</span>
+            </a>
+            <button class="nav-toggle" id="navToggle" aria-label="Menu">
+                <span></span><span></span><span></span>
+            </button>
+            <ul class="nav-menu" id="navMenu"></ul>
+            <div class="nav-status">
+                <span class="nav-clock" id="navClock"></span>
+            </div>
+        </div>
+    </nav>
+
+    <div class="breadcrumb">
+        <a href="/">HOME</a>
+        <span class="separator">/</span>
+        <a href="/depot">DEPOT</a>
+        <span class="separator">/</span>
+        <span class="current">RECON</span>
+    </div>
+
+    <section class="section-header" style="padding-top: calc(var(--nav-height) + 1.5rem);">
+        <div class="section-header-label">RECON // CURATED INTELLIGENCE</div>
+        <h1 class="section-header-title">CURATED LISTS</h1>
+        <p class="section-header-sub">&gt; Curated dossiers covering resources across 28 sectors. Select a sector to begin.</p>
+    </section>
+
+    <section class="subpage-content" style="max-width: 1400px; margin: 0 auto; padding: 0 2rem 3rem;">
+        <div id="awesomelistRoot"></div>
+    </section>
+
+    <footer class="footer">
+        <div class="footer-container">
+            <div class="footer-left">
+                <span class="footer-logo">[JAE]</span>
+                <span class="footer-copy">&copy; 2026 JAESWIFT.XYZ</span>
+            </div>
+            <div class="footer-right">
+                <span class="footer-signal">SIGNAL ████<span class="signal-flicker">█</span></span>
+            </div>
+        </div>
+    </footer>
+
+    <script src="/js/nav.js"></script>
+    <script src="/js/clock.js"></script>
+    <script src="/js/awesomelist.js"></script>
+</body>
+</html>
