diff --git a/docs/index.html b/docs/index.html
index b4450b7..72c815d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -9,7 +9,8 @@
     <body>
         <h1>MPR - Media Processor</h1>
         <p>
-            A web-based media transcoding tool with professional architecture.
+            Media transcoding platform with dual execution modes: local (Celery
+            + MinIO) and cloud (AWS Step Functions + Lambda + S3).
         </p>
 
         <nav>
@@ -20,19 +21,40 @@
         </nav>
 
         <h2 id="overview">System Overview</h2>
+
+        <h3>Local Architecture (Development)</h3>
         <div class="diagram-container">
             <div class="diagram">
-                <h3>Architecture</h3>
                 <object
                     type="image/svg+xml"
-                    data="architecture/01-system-overview.svg"
+                    data="architecture/01a-local-architecture.svg"
                 >
                     <img
-                        src="architecture/01-system-overview.svg"
-                        alt="System Overview"
+                        src="architecture/01a-local-architecture.svg"
+                        alt="Local Architecture"
                     />
                 </object>
-                <a href="architecture/01-system-overview.svg" target="_blank"
+                <a
+                    href="architecture/01a-local-architecture.svg"
+                    target="_blank"
+                    >Open full size</a
+                >
+            </div>
+        </div>
+
+        <h3>AWS Architecture (Production)</h3>
+        <div class="diagram-container">
+            <div class="diagram">
+                <object
+                    type="image/svg+xml"
+                    data="architecture/01b-aws-architecture.svg"
+                >
+                    <img
+                        src="architecture/01b-aws-architecture.svg"
+                        alt="AWS Architecture"
+                    />
+                </object>
+                <a href="architecture/01b-aws-architecture.svg" target="_blank"
                     >Open full size</a
                 >
             </div>
@@ -47,19 +69,24 @@
                 </li>
                 <li>
                     <span class="color-box" style="background: #f0f8e8"></span>
-                    Application Layer (Django, FastAPI, UI)
+                    Application Layer (Django Admin, FastAPI + GraphQL, Timeline
+                    UI)
                 </li>
                 <li>
                     <span class="color-box" style="background: #fff8e8"></span>
-                    Worker Layer (Celery, Lambda)
+                    Worker Layer (Celery local mode)
+                </li>
+                <li>
+                    <span class="color-box" style="background: #fde8d0"></span>
+                    AWS (Step Functions, Lambda - cloud mode)
                 </li>
                 <li>
                     <span class="color-box" style="background: #f8e8f0"></span>
-                    Data Layer (PostgreSQL, Redis, SQS)
+                    Data Layer (PostgreSQL, Redis)
                 </li>
                 <li>
                     <span class="color-box" style="background: #f0f0f0"></span>
-                    Storage (Local FS, S3)
+                    S3 Storage (MinIO local / AWS S3 cloud)
                 </li>
             </ul>
         </div>
