diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
index b227b33..d57bdea 100644
--- a/.github/copilot-instructions.md
+++ b/.github/copilot-instructions.md
@@ -1,106 +1,64 @@
-<!-- Use this file to provide workspace-specific custom instructions to Copilot. For more details, visit https://code.visualstudio.com/docs/copilot/copilot-customization#_use-a-githubcopilotinstructionsmd-file -->
-- [ ] Verify that the copilot-instructions.md file in the .github directory is created.
+# AeThex.us Copilot Instructions
 
-- [ ] Clarify Project Requirements
-	<!-- Ask for project type, language, and frameworks if not specified. Skip if already provided. -->
+## Project Overview
 
-- [ ] Scaffold the Project
-	<!--
-	Ensure that the previous step has been marked as completed.
-	Call project setup tool with projectType parameter.
-	Run scaffolding command to create project files and folders.
-	Use '.' as the working directory.
-	If no appropriate projectType is available, search documentation using available tools.
-	Otherwise, create the project structure manually using available file creation tools.
-	-->
+AeThex.us is the main website for AeThex, built with Astro. The platform is organized into three Trinity divisions:
 
-- [ ] Customize the Project
-	<!--
-	Verify that all previous steps have been completed successfully and you have marked the step as completed.
-	Develop a plan to modify codebase according to user requirements.
-	Apply modifications using appropriate tools and user-provided references.
-	Skip this step for "Hello World" projects.
-	-->
+- **Foundation** (Red) - Education, community programs, and mentorship for developers
+- **Corporation** (Blue) - Technology conglomerate powering digital ecosystems and platforms  
+- **Labs** (Yellow) - The Grid bounty platform for creators to ship code and earn rewards
 
-- [ ] Install Required Extensions
-	<!-- ONLY install extensions provided mentioned in the get_project_setup_info. Skip this step otherwise and mark as completed. -->
+## Tech Stack
 
-- [ ] Compile the Project
-	<!--
-	Verify that all previous steps have been completed.
-	Install any missing dependencies.
-	Run diagnostics and resolve any issues.
-	Check for markdown files in project folder for relevant instructions on how to do this.
-	-->
+- **Framework**: Astro 5.x (static site generator)
+- **Styling**: CSS with custom properties, no CSS frameworks
+- **Fonts**: System fonts + JetBrains Mono for code
+- **Icons**: Emoji-based icons throughout
 
-- [ ] Create and Run Task
-	<!--
-	Verify that all previous steps have been completed.
-	Check https://code.visualstudio.com/docs/debugtest/tasks to determine if the project needs a task. If so, use the create_and_run_task to create and launch a task based on package.json, README.md, and project structure.
-	Skip this step otherwise.
-	 -->
+## Project Structure
 
-- [ ] Launch the Project
-	<!--
-	Verify that all previous steps have been completed.
-	Prompt user for debug mode, launch only if confirmed.
-	 -->
+```
+src/
+├── components/     # Reusable Astro components
+├── layouts/        # Page layouts (MainLayout.astro)
+├── pages/          # All page routes
+│   ├── index.astro         # Homepage
+│   ├── foundation.astro    # Foundation division
+│   ├── corporation.astro   # Corporation division
+│   ├── labs.astro          # Labs division (The Grid)
+│   ├── gameforge.astro     # GameForge product (Labs)
+│   └── docs/               # Documentation pages
+public/
+├── favicon.svg     # Trinity circles logo
+├── global.css      # Global styles
+└── *.svg           # Logo assets
+```
 
-- [ ] Ensure Documentation is Complete
-	<!--
-	Verify that all previous steps have been completed.
-	Verify that README.md and the copilot-instructions.md file in the .github directory exists and contains current project information.
-	Clean up the copilot-instructions.md file in the .github directory by removing all HTML comments.
-	 -->
+## Development Commands
 
-<!--
-## Execution Guidelines
-PROGRESS TRACKING:
-- If any tools are available to manage the above todo list, use it to track progress through this checklist.
-- After completing each step, mark it complete and add a summary.
-- Read current todo list status before starting each new step.
+```bash
+npm install    # Install dependencies
+npm run dev    # Start dev server (localhost:4321)
+npm run build  # Build for production
+```
 
-COMMUNICATION RULES:
-- Avoid verbose explanations or printing full command outputs.
-- If a step is skipped, state that briefly (e.g. "No extensions needed").
-- Do not explain project structure unless asked.
-- Keep explanations concise and focused.
+## Design Guidelines
 
-DEVELOPMENT RULES:
-- Use '.' as the working directory unless user specifies otherwise.
-- Avoid adding media or external links unless explicitly requested.
-- Use placeholders only with a note that they should be replaced.
-- Use VS Code API tool only for VS Code extension projects.
-- Once the project is created, it is already opened in Visual Studio Code—do not suggest commands to open this project in Visual Studio again.
-- If the project setup information has additional rules, follow them strictly.
+- **Trinity Colors**: Red (#FF0000), Blue (#0066ff), Yellow (#EAB308)
+- **Dark Theme**: Primary backgrounds #0a0a0a, #0f0f0f, #1a1a1a
+- **Responsive Breakpoints**: 1024px (tablet), 768px (mobile), 480px (small)
+- **Animations**: Subtle CSS transitions, avoid heavy JavaScript animations
 
-FOLDER CREATION RULES:
-- Always use the current directory as the project root.
-- If you are running any terminal commands, use the '.' argument to ensure that the current working directory is used ALWAYS.
-- Do not create a new folder unless the user explicitly requests it besides a .vscode folder for a tasks.json file.
-- If any of the scaffolding commands mention that the folder name is not correct, let the user know to create a new folder with the correct name and then reopen it again in vscode.
+## Key Conventions
 
-EXTENSION INSTALLATION RULES:
-- Only install extension specified by the get_project_setup_info tool. DO NOT INSTALL any other extensions.
+1. Each Trinity page has a distinct visual identity matching its purpose
+2. Use scoped `<style>` blocks in Astro components
+3. Mobile-first responsive design with comprehensive breakpoints
+4. Keep external dependencies minimal
+5. All educational content is free (Foundation mission)
 
-PROJECT CONTENT RULES:
-- If the user has not specified project details, assume they want a "Hello World" project as a starting point.
-- Avoid adding links of any type (URLs, files, folders, etc.) or integrations that are not explicitly required.
-- Avoid generating images, videos, or any other media files unless explicitly requested.
-- If you need to use any media assets as placeholders, let the user know that these are placeholders and should be replaced with the actual assets later.
-- Ensure all generated components serve a clear purpose within the user's requested workflow.
-- If a feature is assumed but not confirmed, prompt the user for clarification before including it.
-- If you are working on a VS Code extension, use the VS Code API tool with a query to find relevant VS Code API references and samples related to that query.
+## Notes
 
-TASK COMPLETION RULES:
-- Your task is complete when:
-  - Project is successfully scaffolded and compiled without errors
-  - copilot-instructions.md file in the .github directory exists in the project
-  - README.md file exists and is up to date
-  - User is provided with clear instructions to debug/launch the project
-
-Before starting a new task in the above plan, update progress in the plan.
--->
-- Work through each checklist item systematically.
-- Keep communication concise and focused.
-- Follow development best practices.
+- GameForge is a **Labs product**, not a Trinity division
+- The favicon shows three overlapping circles (Red, Blue, Yellow)
+- Partner logos in public/ folder are placeholder SVGs
diff --git a/README.md b/README.md
index 769ba5e..408c8a7 100644
--- a/README.md
+++ b/README.md
@@ -6,9 +6,9 @@ Infrastructure for the Metaverse.
 
 AeThex provides foundational infrastructure for building immersive digital experiences. The platform is organized into three divisions:
 
-- **Foundation** - Open-source tools and community governance
-- **Corporation** - Commercial products and enterprise services
-- **Labs** - Research & development for experimental technologies
+- **Foundation** - Education, community programs, and mentorship for developers
+- **Corporation** - Technology conglomerate powering digital ecosystems and platforms
+- **Labs** - The Grid bounty platform for creators to ship code and earn rewards
 
 ## Tech Stack
 
diff --git a/public/favicon.svg b/public/favicon.svg
index fde3b62..e227526 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,4 +1,8 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="32" height="32" fill="#0A0A0A"/>
-<path d="M7 16L12 21L7 26M15 26H25" stroke="#33FF00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<!-- Red circle - Left -->
+<circle cx="11" cy="16" r="6" fill="#FF0000"/>
+<!-- Blue circle - Center -->
+<circle cx="16" cy="12" r="6" fill="#0066FF"/>
+<!-- Yellow circle - Right -->
+<circle cx="21" cy="16" r="6" fill="#FFCC00"/>
 </svg>
\ No newline at end of file
diff --git a/public/global.css b/public/global.css
index 6f79b39..8e32d40 100644
--- a/public/global.css
+++ b/public/global.css
@@ -240,36 +240,91 @@ footer::before { content: ''; position: absolute; top: -2px; left: 0; width: 100
 	.trinity-section { padding: 60px 0; }
 	.section-header { margin-bottom: 50px; }
 	.products-section { padding: 60px 0; }
+	.container { padding: 0 16px; }
+	.tool-hero { padding: 48px 16px 28px 16px; }
+	.tool-hero-title { font-size: 2em; letter-spacing: 2px; }
+	.tool-hero-desc { font-size: 1em; }
 }
 
 /* Mobile breakpoint */
-@media (max-width: 600px) {
+@media (max-width: 768px) {
+	.container { padding: 0 12px; }
 	.trinity-grid { grid-template-columns: 1fr; gap: 20px; }
 	.products-grid { grid-template-columns: 1fr; gap: 20px; }
-	.hero-title { font-size: 2.2em; letter-spacing: 2px; }
+	.hero-title { font-size: 2.5em; letter-spacing: 2px; }
 	.hero-subtitle { font-size: 1em; letter-spacing: 2px; }
-	.hero-description { font-size: 1em; }
-	.section-title { font-size: 1.6em; letter-spacing: 2px; }
+	.hero-description { font-size: 0.95em; padding: 0 12px; }
+	.section-title { font-size: 1.8em; letter-spacing: 2px; }
 	.section-subtitle { font-size: 0.9em; }
 	.hero { padding: 40px 0 60px 0; }
 	.trinity-section { padding: 40px 0; }
 	.section-header { margin-bottom: 30px; }
 	.products-section { padding: 40px 0; }
-	.trinity-card { padding: 30px 24px; }
-	.card-icon { font-size: 2.5em; margin-bottom: 20px; }
-	.card-title { font-size: 1.4em; letter-spacing: 2px; }
-	.product-card { padding: 24px; }
-	.product-title { font-size: 1.4em; }
-	.flow-diagram { flex-direction: column; gap: 20px; }
-	.flow-node { width: 100%; max-width: 200px; height: 120px; }
+	.trinity-card { padding: 28px 20px; }
+	.card-icon { font-size: 2.2em; margin-bottom: 16px; }
+	.card-title { font-size: 1.3em; letter-spacing: 2px; }
+	.card-label { font-size: 0.8em; }
+	.card-description { font-size: 0.9em; line-height: 1.6; }
+	.card-features li { padding: 10px 0; font-size: 0.9em; }
+	.product-card { padding: 24px 20px; }
+	.product-title { font-size: 1.3em; }
+	.product-subtitle { font-size: 0.8em; }
+	.product-description { font-size: 0.9em; }
+	.flow-diagram { flex-direction: column; gap: 16px; }
+	.flow-node { width: 100%; max-width: 180px; height: 100px; }
+	.flow-node-title { font-size: 1em; }
+	.flow-node-desc { font-size: 0.7em; }
 	.flow-arrow { transform: rotate(90deg); font-size: 1.5em; }
-	.infra-viz { padding: 30px 16px; }
-	.viz-title { font-size: 1.2em; margin-bottom: 24px; }
+	.infra-viz { padding: 24px 12px; }
+	.viz-title { font-size: 1.1em; margin-bottom: 20px; }
 	.trinity-badge { flex-direction: column; gap: 10px; align-items: center; }
-	.badge { padding: 10px 20px; font-size: 0.75em; }
-	.cta-button { padding: 16px 32px; font-size: 0.9em; letter-spacing: 2px; }
-	footer { padding: 50px 0 30px 0; }
-	.footer-logo { font-size: 1.8em; letter-spacing: 4px; }
-	.footer-links { flex-direction: column; gap: 16px; }
-	.footer-tagline { font-size: 0.8em; letter-spacing: 2px; }
+	.badge { padding: 10px 18px; font-size: 0.75em; }
+	.cta-button { padding: 14px 28px; font-size: 0.85em; letter-spacing: 2px; width: 100%; max-width: 280px; text-align: center; }
+	footer { padding: 40px 0 24px 0; }
+	.footer-logo { font-size: 1.6em; letter-spacing: 3px; }
+	.footer-links { flex-direction: column; gap: 14px; }
+	.footer-tagline { font-size: 0.75em; letter-spacing: 2px; }
+	.footer-link { font-size: 0.8em; }
+	.copyright { font-size: 0.7em; }
+	.tool-hero { padding: 36px 12px 20px 12px; }
+	.tool-hero-title { font-size: 1.6em; letter-spacing: 1px; }
+	.tool-hero-desc { font-size: 0.9em; padding: 0 8px; }
+	.tool-content { min-height: 180px; margin-bottom: 1.5em; }
+	.theme-switcher { flex-direction: column; padding: 1em; max-width: 100%; margin: 1em 12px; gap: 0.8em; }
+	.theme-btn { width: 100%; padding: 0.6em; margin: 0; }
+}
+
+/* Small phone breakpoint */
+@media (max-width: 480px) {
+	.container { padding: 0 10px; }
+	.hero-title { font-size: 1.8em; letter-spacing: 1px; }
+	.hero-subtitle { font-size: 0.85em; letter-spacing: 1px; }
+	.hero-description { font-size: 0.85em; line-height: 1.6; }
+	.section-title { font-size: 1.4em; letter-spacing: 1px; }
+	.section-subtitle { font-size: 0.8em; letter-spacing: 1px; }
+	.hero { padding: 30px 0 40px 0; }
+	.trinity-section { padding: 24px 0; }
+	.section-header { margin-bottom: 20px; }
+	.products-section { padding: 30px 0; }
+	.trinity-card { padding: 20px 16px; border-radius: 12px; }
+	.card-icon { font-size: 1.8em; margin-bottom: 12px; }
+	.card-title { font-size: 1.15em; margin-bottom: 6px; }
+	.card-label { font-size: 0.7em; margin-bottom: 10px; }
+	.card-description { font-size: 0.85em; margin-bottom: 12px; }
+	.card-features li { padding: 8px 0; font-size: 0.8em; }
+	.product-card { padding: 20px 16px; }
+	.product-title { font-size: 1.15em; }
+	.infra-viz { display: none; }
+	.trinity-badge { gap: 8px; }
+	.badge { padding: 8px 14px; font-size: 0.7em; letter-spacing: 1px; }
+	.cta-button { padding: 12px 20px; font-size: 0.8em; }
+	footer { padding: 30px 0 20px 0; }
+	.footer-logo { font-size: 1.4em; }
+	.footer-tagline { font-size: 0.7em; margin-bottom: 24px; }
+	.footer-links { gap: 12px; margin-bottom: 24px; }
+	.tool-hero { padding: 24px 8px 16px 8px; }
+	.tool-hero-title { font-size: 1.3em; }
+	.tool-hero-desc { font-size: 0.8em; }
+	.tool-content { min-height: 140px; }
+	.theme-switcher { margin: 0.8em 8px; padding: 0.8em; font-size: 0.95em; }
 }
diff --git a/public/partner1-logo.svg b/public/partner1-logo.svg
new file mode 100644
index 0000000..7f8fb0b
--- /dev/null
+++ b/public/partner1-logo.svg
@@ -0,0 +1,3 @@
+<svg width="120" height="40" viewBox="0 0 120 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<text x="10" y="28" font-family="system-ui, sans-serif" font-size="18" font-weight="700" fill="#666">MetaPlay</text>
+</svg>
\ No newline at end of file
diff --git a/public/partner2-logo.svg b/public/partner2-logo.svg
new file mode 100644
index 0000000..bb0df8f
--- /dev/null
+++ b/public/partner2-logo.svg
@@ -0,0 +1,3 @@
+<svg width="120" height="40" viewBox="0 0 120 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<text x="10" y="28" font-family="system-ui, sans-serif" font-size="18" font-weight="700" fill="#666">GameForge</text>
+</svg>
\ No newline at end of file
diff --git a/public/partner3-logo.svg b/public/partner3-logo.svg
new file mode 100644
index 0000000..c278c8a
--- /dev/null
+++ b/public/partner3-logo.svg
@@ -0,0 +1,3 @@
+<svg width="120" height="40" viewBox="0 0 120 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<text x="10" y="28" font-family="system-ui, sans-serif" font-size="18" font-weight="700" fill="#666">DevHub</text>
+</svg>
\ No newline at end of file
diff --git a/public/partner4-logo.svg b/public/partner4-logo.svg
new file mode 100644
index 0000000..82b0f6b
--- /dev/null
+++ b/public/partner4-logo.svg
@@ -0,0 +1,3 @@
+<svg width="120" height="40" viewBox="0 0 120 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<text x="10" y="28" font-family="system-ui, sans-serif" font-size="18" font-weight="700" fill="#666">PressX</text>
+</svg>
\ No newline at end of file
diff --git a/public/partner5-logo.svg b/public/partner5-logo.svg
new file mode 100644
index 0000000..2f7593c
--- /dev/null
+++ b/public/partner5-logo.svg
@@ -0,0 +1,3 @@
+<svg width="120" height="40" viewBox="0 0 120 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<text x="10" y="28" font-family="system-ui, sans-serif" font-size="16" font-weight="700" fill="#666">OpenSource</text>
+</svg>
\ No newline at end of file
diff --git a/src/components/TrinitySection.astro b/src/components/TrinitySection.astro
index 7c41171..7381e67 100644
--- a/src/components/TrinitySection.astro
+++ b/src/components/TrinitySection.astro
@@ -12,73 +12,73 @@
       <div class="trinity-card foundation" tabindex="0" onclick="showModal('foundation')">
         <div class="card-icon">🔴</div>
         <h3 class="card-title">Foundation</h3>
-        <p class="card-label">Critical Infrastructure • Nonprofit</p>
+        <p class="card-label">Education • Community • Nonprofit</p>
         <p class="card-description">
-          The nonprofit backbone maintaining authentication, security, and core APIs. 
-          Open-source infrastructure that the entire AeThex ecosystem depends on.
+          Open-source education, community programs, and mentorship for builders. 
+          Learn, grow, and contribute to the future of development.
         </p>
         <ul class="card-features">
-          <li>Passport Identity System</li>
-          <li>Authentication Protocols</li>
-          <li>Security Infrastructure</li>
-          <li>Core Open-Source APIs</li>
-          <li>Community Governance</li>
+          <li>Open Curriculum</li>
+          <li>Mentorship Programs</li>
+          <li>Community Events</li>
+          <li>Certifications & Badges</li>
+          <li>Workshops & Hackathons</li>
         </ul>
       </div>
       <div class="trinity-card corporation" tabindex="0" onclick="showModal('corporation')">
         <div class="card-icon">🔵</div>
         <h3 class="card-title">Corporation</h3>
-        <p class="card-label">Commercial Services • Production</p>
+        <p class="card-label">Technology Conglomerate • Platforms</p>
         <p class="card-description">
-          Professional commercial division delivering polished products and enterprise-grade infrastructure 
-          to developers and players worldwide.
+          Building the future of digital interaction. Platforms for developers, 
+          creators, and innovators across the ecosystem.
         </p>
         <ul class="card-features">
-          <li>AeThex Studio IDE</li>
-          <li>Production Deployment</li>
-          <li>Premium Services</li>
-          <li>Enterprise Support</li>
-          <li>Analytics & Insights</li>
+          <li>Digital Ecosystems</li>
+          <li>AeThex Studio</li>
+          <li>Cloud Infrastructure</li>
+          <li>Creator Tools</li>
+          <li>Enterprise Solutions</li>
         </ul>
       </div>
       <div class="trinity-card labs" tabindex="0" onclick="showModal('labs')">
         <div class="card-icon">🟡</div>
         <h3 class="card-title">Labs</h3>
-        <p class="card-label">Research & Development • Experimental</p>
+        <p class="card-label">The Grid • Creators • Bounties</p>
         <p class="card-description">
-          Innovation division pushing boundaries with experimental features, beta technologies, 
-          and next-generation metaverse infrastructure.
+          Ship code, earn rewards, and build your reputation. The Grid platform 
+          connects creators through bounties and collaboration.
         </p>
         <ul class="card-features">
-          <li>Nexus Engine v2.0</li>
-          <li>AI Copilot Assistant</li>
-          <li>Experimental Features</li>
-          <li>Beta Testing Programs</li>
-          <li>Future R&D Projects</li>
+          <li>Bounty System</li>
+          <li>Creator Profiles</li>
+          <li>Reputation & XP</li>
+          <li>Collaboration Tools</li>
+          <li>Reward Payouts</li>
         </ul>
       </div>
     </div>
     <div class="infra-viz">
-      <div class="viz-title">Infrastructure Flow</div>
+      <div class="viz-title">Ecosystem Flow</div>
       <div class="flow-diagram">
         <div class="flow-node labs">
           <div class="flow-node-title">Labs</div>
-          <div class="flow-node-desc">Innovation</div>
+          <div class="flow-node-desc">Create</div>
         </div>
         <div class="flow-arrow">→</div>
         <div class="flow-node foundation">
           <div class="flow-node-title">Foundation</div>
-          <div class="flow-node-desc">Validation</div>
+          <div class="flow-node-desc">Learn</div>
         </div>
         <div class="flow-arrow">→</div>
         <div class="flow-node corporation">
           <div class="flow-node-title">Corporation</div>
-          <div class="flow-node-desc">Production</div>
+          <div class="flow-node-desc">Scale</div>
         </div>
       </div>
       <p style="color: #666; margin-top: 40px; line-height: 1.8;">
-        Labs creates breakthrough technology → Foundation ensures security and stability → 
-        Corporation delivers to production. The Trinity doesn't compete—it collaborates.
+        Labs creators build and ship → Foundation teaches and mentors → 
+        Corporation scales to production. The Trinity doesn't compete—it collaborates.
       </p>
     </div>
   </div>
@@ -93,9 +93,9 @@
 
   <script type="text/javascript">
     const details = {
-      foundation: `<h3>Foundation</h3><p>The nonprofit backbone maintaining authentication, security, and core APIs. Open-source infrastructure that the entire AeThex ecosystem depends on.</p><ul><li>Passport Identity System</li><li>Authentication Protocols</li><li>Security Infrastructure</li><li>Core Open-Source APIs</li><li>Community Governance</li></ul>`,
-      corporation: `<h3>Corporation</h3><p>Professional commercial division delivering polished products and enterprise-grade infrastructure to developers and players worldwide.</p><ul><li>AeThex Studio IDE</li><li>Production Deployment</li><li>Premium Services</li><li>Enterprise Support</li><li>Analytics & Insights</li></ul>`,
-      labs: `<h3>Labs</h3><p>Innovation division pushing boundaries with experimental features, beta technologies, and next-generation metaverse infrastructure.</p><ul><li>Nexus Engine v2.0</li><li>AI Copilot Assistant</li><li>Experimental Features</li><li>Beta Testing Programs</li><li>Future R&D Projects</li></ul>`
+      foundation: `<h3>Foundation</h3><p>Open-source education, community programs, and mentorship for builders. Learn, grow, and contribute to the future of development.</p><ul><li>Open Curriculum</li><li>Mentorship Programs</li><li>Community Events</li><li>Certifications & Badges</li><li>Workshops & Hackathons</li></ul>`,
+      corporation: `<h3>Corporation</h3><p>Building the future of digital interaction. Platforms for developers, creators, and innovators across the ecosystem.</p><ul><li>Digital Ecosystems</li><li>AeThex Studio</li><li>Cloud Infrastructure</li><li>Creator Tools</li><li>Enterprise Solutions</li></ul>`,
+      labs: `<h3>Labs</h3><p>Ship code, earn rewards, and build your reputation. The Grid platform connects creators through bounties and collaboration.</p><ul><li>Bounty System</li><li>Creator Profiles</li><li>Reputation & XP</li><li>Collaboration Tools</li><li>Reward Payouts</li></ul>`
     };
     window.showModal = function(type) {
       document.getElementById('trinity-modal').style.display = 'block';
@@ -155,8 +155,8 @@
     }
     .trinity-grid {
       display: grid;
-      grid-template-columns: repeat(3, minmax(320px, 1fr));
-      gap: 48px;
+      grid-template-columns: repeat(3, minmax(280px, 1fr));
+      gap: 32px;
       margin: 56px 0 40px 0;
       justify-content: center;
       align-items: stretch;
@@ -165,36 +165,140 @@
       background: rgba(30,30,30,0.92);
       border-radius: 28px;
       box-shadow: 0 4px 32px #0006;
-      padding: 48px 36px 36px 36px;
+      padding: 36px 28px 28px 28px;
       color: #fff;
       transition: transform 0.18s, box-shadow 0.18s;
       cursor: pointer;
       outline: none;
       border: 2px solid transparent;
       min-width: 0;
-      min-height: 440px;
+      min-height: 380px;
       display: flex;
       flex-direction: column;
       align-items: flex-start;
       justify-content: flex-start;
     }
+    .card-icon {
+      font-size: 2.5em;
+      margin-bottom: 16px;
+    }
+    .card-title {
+      font-size: 1.5em;
+      margin-bottom: 8px;
+    }
+    .card-label {
+      font-size: 0.85em;
+      color: #888;
+      margin-bottom: 12px;
+    }
+    .card-description {
+      font-size: 0.95em;
+      line-height: 1.6;
+      color: #aaa;
+      margin-bottom: 16px;
+    }
+    .card-features {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+      font-size: 0.85em;
+    }
+    .card-features li {
+      padding: 4px 0;
+      color: #666;
+    }
+    .card-features li::before {
+      content: "▸ ";
+      color: #555;
+    }
     @media (max-width: 1100px) {
       .trinity-grid {
         grid-template-columns: 1fr 1fr;
-        gap: 32px;
+        gap: 24px;
+      }
+      .trinity-card {
+        min-height: 340px;
+        padding: 28px 24px 24px 24px;
       }
     }
     @media (max-width: 800px) {
       .trinity-grid {
         grid-template-columns: 1fr;
-        gap: 28px;
+        gap: 20px;
+        margin: 32px 0 24px 0;
       }
       .trinity-section {
-        padding: 32px 0 12px 0;
+        padding: 24px 16px 12px 16px;
       }
       .trinity-card {
-        padding: 28px 14px 18px 14px;
-        min-height: 320px;
+        padding: 24px 20px 20px 20px;
+        min-height: auto;
+        border-radius: 20px;
+      }
+      .card-icon {
+        font-size: 2em;
+        margin-bottom: 12px;
+      }
+      .card-title {
+        font-size: 1.3em;
+      }
+      .card-description {
+        font-size: 0.9em;
+      }
+      .section-title {
+        font-size: 1.8em;
+      }
+      .section-subtitle {
+        font-size: 0.95em;
+      }
+    }
+    @media (max-width: 480px) {
+      .trinity-section {
+        padding: 16px 12px 8px 12px;
+      }
+      .trinity-grid {
+        gap: 16px;
+        margin: 24px 0 16px 0;
+      }
+      .trinity-card {
+        padding: 20px 16px 16px 16px;
+        border-radius: 16px;
+      }
+      .card-icon {
+        font-size: 1.8em;
+        margin-bottom: 10px;
+      }
+      .card-title {
+        font-size: 1.2em;
+        margin-bottom: 6px;
+      }
+      .card-label {
+        font-size: 0.75em;
+        margin-bottom: 10px;
+      }
+      .card-description {
+        font-size: 0.85em;
+        line-height: 1.5;
+        margin-bottom: 12px;
+      }
+      .card-features {
+        font-size: 0.8em;
+      }
+      .card-features li {
+        padding: 3px 0;
+      }
+      .section-title {
+        font-size: 1.5em;
+      }
+      .section-subtitle {
+        font-size: 0.85em;
+      }
+      .infra-viz {
+        display: none;
+      }
+      .modal-content {
+        padding: 24px 20px;
+        margin: 20% auto;
       }
     }
   </style>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 374ab6a..f70281c 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -398,19 +398,35 @@ import MainLayout from '../layouts/MainLayout.astro';
     }
 
     /* Responsive */
-    @media (max-width: 900px) {
-      .story-grid, .about-cta {
-        grid-template-columns: 1fr;
-      }
-      .trinity-cards, .focus-grid {
-        grid-template-columns: 1fr;
-      }
-      .principles-grid {
-        grid-template-columns: 1fr;
-      }
-      .about-hero .hero-title {
-        font-size: 2.5em;
-      }
+    @media (max-width: 1024px) {
+      .story-grid, .about-cta { grid-template-columns: 1fr; }
+      .trinity-cards { grid-template-columns: 1fr 1fr; }
+      .focus-grid { grid-template-columns: 1fr 1fr; }
+      .principles-grid { grid-template-columns: 1fr 1fr; }
+    }
+    @media (max-width: 768px) {
+      .trinity-cards, .focus-grid, .principles-grid { grid-template-columns: 1fr; max-width: 100%; margin: 0 auto; }
+      .about-hero { padding: 40px 12px 32px 12px; }
+      .about-hero .hero-title { font-size: 2em; letter-spacing: 2px; }
+      .about-hero .hero-subtitle { font-size: 1em; }
+      .section-header h2 { font-size: 1.6em; letter-spacing: 2px; }
+      .section-header p { font-size: 0.9em; }
+      .story-content h2 { font-size: 1.4em; }
+      .story-content p { font-size: 0.9em; }
+      .trinity-card, .focus-card, .principle-card { padding: 24px 16px; }
+      .cta-content h2 { font-size: 1.6em; }
+      .cta-content p { font-size: 0.9em; }
+      .cta-button { padding: 14px 28px; font-size: 0.85em; }
+    }
+    @media (max-width: 480px) {
+      .about-hero { padding: 24px 10px 20px 10px; }
+      .about-hero .hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .about-hero .hero-subtitle { font-size: 0.85em; }
+      .section-header h2 { font-size: 1.3em; letter-spacing: 1px; }
+      .section-header p { font-size: 0.8em; }
+      .trinity-card, .focus-card, .principle-card { padding: 20px 12px; }
+      .cta-content h2 { font-size: 1.3em; }
+      .cta-button { width: 100%; max-width: 260px; padding: 12px 20px; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index aac3ffc..dbc7aa0 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -437,33 +437,39 @@ const categories = ['All', 'Announcement', 'Product Update', 'Events', 'Foundati
     }
 
     /* Responsive */
-    @media (max-width: 900px) {
-      .featured-card {
-        grid-template-columns: 1fr;
-      }
-      .featured-image {
-        height: 250px;
-      }
-      .blog-grid {
-        grid-template-columns: repeat(2, 1fr);
-      }
+    @media (max-width: 1024px) {
+      .featured-card { grid-template-columns: 1fr; }
+      .blog-grid { grid-template-columns: repeat(2, 1fr); }
     }
-    @media (max-width: 600px) {
-      .blog-hero .hero-title {
-        font-size: 2.5em;
-      }
-      .blog-grid {
-        grid-template-columns: 1fr;
-      }
-      .featured-content {
-        padding: 24px;
-      }
-      .featured-title {
-        font-size: 1.5em;
-      }
-      .newsletter-form {
-        flex-direction: column;
-      }
+    @media (max-width: 768px) {
+      .blog-hero { padding: 40px 12px 32px 12px; }
+      .blog-hero .hero-title { font-size: 2em; letter-spacing: 2px; }
+      .blog-hero .hero-subtitle { font-size: 1em; }
+      .featured-image { height: 200px; }
+      .blog-grid { grid-template-columns: 1fr; max-width: 100%; margin: 0 auto; }
+      .featured-content { padding: 24px 16px; }
+      .featured-title { font-size: 1.4em; }
+      .featured-excerpt { font-size: 0.9em; }
+      .section-header h2 { font-size: 1.6em; letter-spacing: 2px; }
+      .section-header p { font-size: 0.9em; }
+      .post-title { font-size: 1.2em; }
+      .post-excerpt { font-size: 0.85em; }
+      .newsletter-section { padding: 40px 12px; }
+      .newsletter-form { flex-direction: column; gap: 12px; }
+      .newsletter-form input { width: 100%; padding: 14px 16px; font-size: 0.9em; }
+      .newsletter-form button { width: 100%; padding: 14px 24px; font-size: 0.85em; }
+    }
+    @media (max-width: 480px) {
+      .blog-hero { padding: 24px 10px 20px 10px; }
+      .blog-hero .hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .blog-hero .hero-subtitle { font-size: 0.85em; }
+      .featured-content { padding: 20px 12px; }
+      .featured-title { font-size: 1.2em; }
+      .featured-image { height: 160px; }
+      .post-card { padding: 16px 12px; }
+      .post-title { font-size: 1.1em; }
+      .section-header h2 { font-size: 1.3em; letter-spacing: 1px; }
+      .newsletter-section { padding: 24px 10px; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/community.astro b/src/pages/community.astro
index 340b1bf..e4d8232 100644
--- a/src/pages/community.astro
+++ b/src/pages/community.astro
@@ -445,14 +445,35 @@ const upcomingEvents = [
     }
 
     /* Responsive */
-    @media (max-width: 900px) {
+    @media (max-width: 1024px) {
       .stats-section, .channels-grid, .contributors-grid { grid-template-columns: repeat(2, 1fr); }
       .activity-container { grid-template-columns: 1fr; }
     }
-    @media (max-width: 600px) {
-      .stats-section, .channels-grid, .contributors-grid { grid-template-columns: 1fr; }
-      .hero-title { font-size: 2.5em; }
-      .hero-actions, .cta-actions { flex-direction: column; align-items: center; }
+    @media (max-width: 768px) {
+      .stats-section, .channels-grid, .contributors-grid { grid-template-columns: 1fr; max-width: 100%; margin: 0 auto; }
+      .community-hero { padding: 40px 12px 32px 12px; }
+      .hero-title { font-size: 2em; letter-spacing: 2px; }
+      .hero-subtitle { font-size: 1em; }
+      .hero-actions, .cta-actions { flex-direction: column; align-items: center; gap: 12px; }
+      .section-header h2 { font-size: 1.6em; letter-spacing: 2px; }
+      .section-header p { font-size: 0.9em; }
+      .stat-card, .channel-card, .contributor-card { padding: 20px 16px; }
+      .stat-number { font-size: 1.8em; }
+      .stat-label { font-size: 0.75em; }
+      .cta-section h2 { font-size: 1.6em; }
+      .cta-section p { font-size: 0.9em; }
+      .primary-button, .secondary-button { padding: 14px 28px; font-size: 0.85em; }
+    }
+    @media (max-width: 480px) {
+      .community-hero { padding: 24px 10px 20px 10px; }
+      .hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .hero-subtitle { font-size: 0.85em; }
+      .section-header h2 { font-size: 1.3em; letter-spacing: 1px; }
+      .stat-card, .channel-card, .contributor-card { padding: 16px 12px; }
+      .stat-number { font-size: 1.4em; }
+      .stat-label { font-size: 0.65em; }
+      .cta-section h2 { font-size: 1.3em; }
+      .primary-button, .secondary-button { width: 100%; max-width: 260px; padding: 12px 20px; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
index 5d25459..c108c58 100644
--- a/src/pages/contact.astro
+++ b/src/pages/contact.astro
@@ -266,13 +266,28 @@ import MainLayout from '../layouts/MainLayout.astro';
       box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
     }
     
-    @media (max-width: 900px) {
-      .contact-grid {
-        grid-template-columns: 1fr;
-      }
-      .contact-hero .hero-title {
-        font-size: 2.5em;
-      }
+    @media (max-width: 1024px) {
+      .contact-grid { grid-template-columns: 1fr; }
+    }
+    @media (max-width: 768px) {
+      .contact-hero { padding: 40px 12px 32px 12px; }
+      .contact-hero .hero-title { font-size: 2em; letter-spacing: 2px; }
+      .contact-hero .hero-description { font-size: 0.95em; }
+      .contact-section { padding: 40px 12px; }
+      .info-card, .form-card { padding: 24px 16px; }
+      .info-card h2, .form-card h2 { font-size: 1.4em; }
+      .form-group label { font-size: 0.85em; }
+      .form-group input, .form-group textarea { padding: 12px 14px; font-size: 0.9em; }
+      .submit-button { padding: 14px 28px; font-size: 0.85em; }
+    }
+    @media (max-width: 480px) {
+      .contact-hero { padding: 24px 10px 20px 10px; }
+      .contact-hero .hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .contact-hero .hero-description { font-size: 0.85em; }
+      .contact-section { padding: 24px 10px; }
+      .info-card, .form-card { padding: 20px 12px; }
+      .info-card h2, .form-card h2 { font-size: 1.2em; }
+      .submit-button { width: 100%; padding: 12px 20px; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/corporation.astro b/src/pages/corporation.astro
index 1cbf835..2a30459 100644
--- a/src/pages/corporation.astro
+++ b/src/pages/corporation.astro
@@ -1,554 +1,792 @@
 ---
-// Corporation Division Page - Commercial Services & Enterprise
+// Corporation Division Page - Technology Conglomerate & Digital Ecosystems
 import MainLayout from '../layouts/MainLayout.astro';
 
-const features = [
+const platforms = [
+  { name: 'AeThex Studio', desc: 'Development environment', users: '5.2K', status: 'Active', icon: '🖥️' },
+  { name: 'Cloud Platform', desc: 'Infrastructure & hosting', users: '3.8K', status: 'Active', icon: '☁️' },
+  { name: 'Creator Hub', desc: 'Content & monetization', users: '2.1K', status: 'Active', icon: '🎨' },
+  { name: 'API Gateway', desc: 'Platform integrations', users: '8.4K', status: 'Active', icon: '🔌' }
+];
+
+const metrics = [
+  { label: 'Platform Uptime', value: '99.99%', trend: '+0.01%', color: '#22c55e' },
+  { label: 'Active Developers', value: '12.4K', trend: '+847', color: '#3b82f6' },
+  { label: 'API Requests/day', value: '2.8M', trend: '+12%', color: '#8b5cf6' },
+  { label: 'Global Regions', value: '24', trend: '+3', color: '#f59e0b' }
+];
+
+const solutions = [
   {
-    icon: '🖥️',
-    title: 'AeThex Studio',
-    description: 'Professional IDE for metaverse development with integrated debugging, testing, and deployment.',
-    details: ['Visual editor', 'Real-time preview', 'Cloud sync']
+    icon: '🌐',
+    title: 'Digital Ecosystems',
+    description: 'Unified platforms connecting developers, creators, and innovators across the globe.',
+    features: ['Cross-platform sync', 'Unified identity', 'Seamless integration']
   },
   {
-    icon: '☁️',
-    title: 'Cloud Infrastructure',
-    description: 'Enterprise-grade hosting with automatic scaling, CDN, and global edge deployment.',
-    details: ['Auto-scaling', 'Multi-region', 'DDoS protection']
+    icon: '⚡',
+    title: 'Enterprise APIs',
+    description: 'High-performance APIs powering mission-critical applications.',
+    features: ['RESTful & GraphQL', 'Real-time WebSocket', '99.99% SLA']
+  },
+  {
+    icon: '🔒',
+    title: 'Security & Compliance',
+    description: 'Enterprise-grade security with SOC 2, GDPR, and HIPAA compliance.',
+    features: ['End-to-end encryption', 'SSO/SAML', 'Audit logging']
   },
   {
     icon: '📊',
-    title: 'Analytics Suite',
-    description: 'Comprehensive insights into user behavior, performance metrics, and business KPIs.',
-    details: ['Real-time dashboards', 'Custom reports', 'Predictive AI']
-  },
-  {
-    icon: '🎯',
-    title: 'Monetization',
-    description: 'Built-in payment processing, subscriptions, and in-app purchase systems.',
-    details: ['Global payments', 'Revenue sharing', 'Tax compliance']
-  },
-  {
-    icon: '🔧',
-    title: 'Enterprise Support',
-    description: '24/7 dedicated support with SLA guarantees and priority issue resolution.',
-    details: ['99.9% SLA', 'Dedicated team', 'On-call engineers']
-  },
-  {
-    icon: '🔌',
-    title: 'API Gateway',
-    description: 'Managed API infrastructure with rate limiting, authentication, and monitoring.',
-    details: ['GraphQL & REST', 'Caching layer', 'Usage analytics']
+    title: 'Analytics Platform',
+    description: 'Real-time insights and business intelligence dashboards.',
+    features: ['Custom dashboards', 'Predictive analytics', 'Data exports']
   }
 ];
 
-const stats = [
-  { value: '5K+', label: 'Enterprise Clients' },
-  { value: '$2B+', label: 'Processed' },
-  { value: '180+', label: 'Countries' },
-  { value: '99.9%', label: 'SLA' }
-];
-
-const plans = [
-  { name: 'Starter', price: 'Free', features: ['5GB Storage', 'Community Support', 'Basic Analytics'] },
-  { name: 'Pro', price: '$49/mo', features: ['100GB Storage', 'Priority Support', 'Advanced Analytics', 'Custom Domain'] },
-  { name: 'Enterprise', price: 'Custom', features: ['Unlimited Storage', '24/7 Support', 'Full Analytics Suite', 'SLA Guarantee', 'Dedicated Team'] }
+const partners = [
+  { name: 'Fortune 500 Companies', count: '50+' },
+  { name: 'Startups & Scaleups', count: '500+' },
+  { name: 'Government Agencies', count: '25+' }
 ];
 ---
 <MainLayout>
-  <section class="cp-hero">
-    <div class="cp-hero-bg"></div>
-    <div class="cp-hero-scanlines"></div>
-    <div class="cp-hero-content">
-      <span class="cp-badge">Commercial • Enterprise</span>
-      <h1 class="cp-hero-title">
-        <span class="cp-title-prefix">◈</span> Corporation
-      </h1>
-      <p class="cp-hero-desc">Professional commercial division delivering polished products and enterprise-grade infrastructure to developers and players worldwide.</p>
-      <div class="cp-terminal">
-        <div class="terminal-header">
-          <span class="terminal-dot red"></span>
-          <span class="terminal-dot yellow"></span>
-          <span class="terminal-dot green"></span>
-        </div>
-        <div class="terminal-body">
-          <p><span class="prompt">$</span> studio deploy --production</p>
-          <p class="output">✓ Build optimized (234ms)</p>
-          <p class="output">✓ Assets compressed (1.2MB)</p>
-          <p><span class="prompt">$</span> cloud scale --auto</p>
-          <p class="output">✓ Auto-scaling enabled (2-50 nodes)</p>
-          <p class="output">✓ Global CDN active (180+ PoPs)</p>
-          <p class="cursor">_</p>
-        </div>
+  <!-- Hero - Enterprise Dashboard Style -->
+  <section class="hero">
+    <div class="hero-grid-bg"></div>
+    <div class="hero-content">
+      <div class="hero-badge">
+        <span class="badge-dot"></span>
+        <span>Technology Conglomerate</span>
       </div>
-      <div class="cp-ctas">
-        <a href="#features" class="cp-button primary">Explore Services</a>
-        <a href="/contact" class="cp-button secondary">Contact Sales</a>
+      <h1 class="hero-title">Powering Digital<br/>Ecosystems</h1>
+      <p class="hero-subtitle">Enterprise platforms and APIs for developers, creators, and innovators building the future</p>
+      
+      <div class="hero-ctas">
+        <a href="#solutions" class="btn-primary">Explore Platforms</a>
+        <a href="/contact" class="btn-secondary">Contact Sales</a>
       </div>
     </div>
   </section>
 
-  <!-- Stats Bar -->
-  <section class="cp-stats">
-    <div class="stats-grid">
-      {stats.map(stat => (
-        <div class="stat-item">
-          <div class="stat-value">{stat.value}</div>
-          <div class="stat-label">{stat.label}</div>
+  <!-- Live Metrics Dashboard -->
+  <section class="metrics-section">
+    <div class="metrics-header">
+      <span class="live-indicator"></span>
+      <span class="metrics-label">Live Platform Status</span>
+    </div>
+    <div class="metrics-grid">
+      {metrics.map(metric => (
+        <div class="metric-card">
+          <div class="metric-value" style={`color: ${metric.color}`}>{metric.value}</div>
+          <div class="metric-label">{metric.label}</div>
+          <div class="metric-trend" style={`color: ${metric.color}`}>{metric.trend}</div>
         </div>
       ))}
     </div>
   </section>
 
-  <!-- Features -->
-  <section id="features" class="cp-features">
+  <!-- Platforms Grid -->
+  <section class="platforms-section">
     <div class="section-header">
-      <span class="section-eyebrow">◈ SERVICES</span>
-      <h2 class="section-title">Enterprise Solutions</h2>
-      <p class="section-subtitle">Production-ready infrastructure for ambitious projects</p>
+      <span class="section-tag">◈ Ecosystem</span>
+      <h2>Our Platforms</h2>
+      <p>Integrated solutions powering digital transformation</p>
     </div>
-    <div class="features-grid">
-      {features.map(feature => (
-        <div class="feature-card">
-          <span class="feature-icon">{feature.icon}</span>
-          <h3 class="feature-title">{feature.title}</h3>
-          <p class="feature-desc">{feature.description}</p>
-          <ul class="feature-details">
-            {feature.details.map(detail => (
-              <li>{detail}</li>
-            ))}
-          </ul>
-        </div>
-      ))}
-    </div>
-  </section>
-
-  <!-- Pricing -->
-  <section class="cp-pricing">
-    <div class="section-header">
-      <span class="section-eyebrow">◈ PRICING</span>
-      <h2 class="section-title">Choose Your Plan</h2>
-      <p class="section-subtitle">Flexible pricing for teams of all sizes</p>
-    </div>
-    <div class="pricing-grid">
-      {plans.map((plan, index) => (
-        <div class={`pricing-card ${index === 1 ? 'featured' : ''}`}>
-          <div class="pricing-header">
-            <h3 class="plan-name">{plan.name}</h3>
-            <div class="plan-price">{plan.price}</div>
+    <div class="platforms-grid">
+      {platforms.map(platform => (
+        <div class="platform-card">
+          <div class="platform-icon">{platform.icon}</div>
+          <div class="platform-info">
+            <h3 class="platform-name">{platform.name}</h3>
+            <p class="platform-desc">{platform.desc}</p>
+          </div>
+          <div class="platform-stats">
+            <div class="platform-users">{platform.users} users</div>
+            <div class="platform-status">
+              <span class="status-dot"></span>
+              {platform.status}
+            </div>
           </div>
-          <ul class="plan-features">
-            {plan.features.map(feature => (
-              <li>{feature}</li>
-            ))}
-          </ul>
-          <a href="/contact" class={`pricing-cta ${index === 1 ? 'primary' : 'secondary'}`}>
-            {index === 2 ? 'Contact Sales' : 'Get Started'}
-          </a>
         </div>
       ))}
     </div>
   </section>
 
-  <!-- CTA Section -->
-  <section class="cp-cta">
-    <h2>Ready to Scale?</h2>
-    <p>Join thousands of companies building on AeThex infrastructure.</p>
-    <div class="cp-cta-buttons">
-      <a href="/contribute" class="cp-button primary">Start Free Trial</a>
-      <a href="/docs" class="cp-button secondary">View Documentation</a>
+  <!-- Solutions -->
+  <section id="solutions" class="solutions-section">
+    <div class="section-header">
+      <span class="section-tag">◈ Solutions</span>
+      <h2>Enterprise Capabilities</h2>
+      <p>Built for scale, security, and performance</p>
+    </div>
+    <div class="solutions-grid">
+      {solutions.map(solution => (
+        <div class="solution-card">
+          <span class="solution-icon">{solution.icon}</span>
+          <h3 class="solution-title">{solution.title}</h3>
+          <p class="solution-desc">{solution.description}</p>
+          <ul class="solution-features">
+            {solution.features.map(feature => (
+              <li><span class="check">✓</span> {feature}</li>
+            ))}
+          </ul>
+        </div>
+      ))}
+    </div>
+  </section>
+
+  <!-- Tech Stack Visual -->
+  <section class="tech-section">
+    <div class="tech-content">
+      <div class="tech-visual">
+        <div class="tech-diagram">
+          <div class="diagram-layer layer-1">
+            <span>Applications</span>
+          </div>
+          <div class="diagram-layer layer-2">
+            <span>APIs & Services</span>
+          </div>
+          <div class="diagram-layer layer-3">
+            <span>Infrastructure</span>
+          </div>
+          <div class="diagram-core">
+            <span>◈</span>
+          </div>
+        </div>
+      </div>
+      <div class="tech-text">
+        <span class="section-tag dark">◈ Architecture</span>
+        <h2>Built for Scale</h2>
+        <p>Our multi-layered architecture ensures performance, reliability, and extensibility at any scale. From startups to Fortune 500 enterprises.</p>
+        <div class="tech-stats">
+          <div class="tech-stat">
+            <span class="tech-stat-value">2.8M+</span>
+            <span class="tech-stat-label">API calls/day</span>
+          </div>
+          <div class="tech-stat">
+            <span class="tech-stat-value">&lt;50ms</span>
+            <span class="tech-stat-label">Avg response</span>
+          </div>
+          <div class="tech-stat">
+            <span class="tech-stat-value">24</span>
+            <span class="tech-stat-label">Global regions</span>
+          </div>
+        </div>
+        <a href="/docs" class="btn-outline">View Documentation</a>
+      </div>
+    </div>
+  </section>
+
+  <!-- Partners -->
+  <section class="partners-section">
+    <div class="section-header">
+      <span class="section-tag">◈ Trusted By</span>
+      <h2>Enterprise Partners</h2>
+    </div>
+    <div class="partners-grid">
+      {partners.map(partner => (
+        <div class="partner-card">
+          <span class="partner-count">{partner.count}</span>
+          <span class="partner-name">{partner.name}</span>
+        </div>
+      ))}
+    </div>
+  </section>
+
+  <!-- CTA -->
+  <section class="cta-section">
+    <div class="cta-card">
+      <h2>Ready to Build?</h2>
+      <p>Get started with our platform or talk to our enterprise team about custom solutions.</p>
+      <div class="cta-buttons">
+        <a href="/contribute" class="btn-primary">Start Building</a>
+        <a href="/contact" class="btn-secondary">Contact Sales</a>
+      </div>
     </div>
   </section>
 
   <style>
-    /* ========== CORPORATION STYLES ========== */
+    /* ========== CORPORATION - SLEEK ENTERPRISE DASHBOARD ========== */
     :root {
-      --cp-blue: #0066ff;
-      --cp-blue-dim: #0044cc;
-      --cp-blue-bright: #3399ff;
-      --cp-dark: #050508;
-      --cp-darker: #020205;
+      --cp-primary: #0066ff;
+      --cp-primary-light: #3b82f6;
+      --cp-primary-dark: #0044cc;
+      --cp-accent: #8b5cf6;
     }
 
     /* Hero */
-    .cp-hero {
+    .hero {
       position: relative;
-      min-height: 100vh;
+      min-height: 85vh;
       display: flex;
       align-items: center;
       justify-content: center;
-      padding: 80px 20px;
+      padding: 100px 20px 80px;
+      background: #030712;
       overflow: hidden;
     }
-    .cp-hero-bg {
+    .hero-grid-bg {
       position: absolute;
-      top: 0; left: 0; right: 0; bottom: 0;
-      background: linear-gradient(135deg, #000 0%, #000a1a 40%, #000 100%);
+      inset: 0;
+      background-image: 
+        linear-gradient(rgba(0, 102, 255, 0.03) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(0, 102, 255, 0.03) 1px, transparent 1px);
+      background-size: 60px 60px;
     }
-    .cp-hero-scanlines {
+    .hero-grid-bg::before {
+      content: '';
       position: absolute;
-      top: 0; left: 0; right: 0; bottom: 0;
-      background: repeating-linear-gradient(
-        0deg,
-        rgba(0, 102, 255, 0.03) 0px,
-        rgba(0, 102, 255, 0.03) 1px,
-        transparent 1px,
-        transparent 2px
-      );
-      pointer-events: none;
+      inset: 0;
+      background: radial-gradient(ellipse at center, transparent 0%, #030712 70%);
     }
-    .cp-hero-content {
+    .hero-content {
       position: relative;
       z-index: 1;
       text-align: center;
       max-width: 800px;
     }
-    .cp-badge {
-      display: inline-block;
+    .hero-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
       background: rgba(0, 102, 255, 0.1);
-      border: 1px solid var(--cp-blue);
-      color: var(--cp-blue);
-      padding: 6px 16px;
-      font-size: 0.75em;
-      letter-spacing: 2px;
+      border: 1px solid rgba(0, 102, 255, 0.2);
+      padding: 8px 20px;
+      border-radius: 50px;
+      margin-bottom: 32px;
+      color: #60a5fa;
+      font-size: 0.85em;
+      letter-spacing: 1px;
       text-transform: uppercase;
-      border-radius: 20px;
+    }
+    .badge-dot {
+      width: 8px;
+      height: 8px;
+      background: #22c55e;
+      border-radius: 50%;
+      animation: pulse 2s infinite;
+    }
+    @keyframes pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.5; }
+    }
+    .hero-title {
+      font-size: 4.5em;
+      font-weight: 800;
+      color: #fff;
       margin-bottom: 24px;
+      line-height: 1.1;
+      letter-spacing: -2px;
     }
-    .cp-hero-title {
-      font-size: 4em;
-      font-weight: 900;
-      color: var(--cp-blue);
-      margin-bottom: 16px;
-      text-shadow: 0 0 40px rgba(0, 102, 255, 0.5);
-      font-family: 'Roboto Mono', monospace;
-    }
-    .cp-title-prefix {
-      opacity: 0.5;
-    }
-    .cp-hero-desc {
-      font-size: 1.2em;
-      color: #888;
+    .hero-subtitle {
+      font-size: 1.3em;
+      color: #6b7280;
       margin-bottom: 40px;
       max-width: 600px;
       margin-left: auto;
       margin-right: auto;
+      line-height: 1.6;
     }
-
-    /* Terminal */
-    .cp-terminal {
-      background: #111;
-      border: 1px solid #222;
-      border-radius: 12px;
-      overflow: hidden;
-      text-align: left;
-      max-width: 500px;
-      margin: 0 auto 40px auto;
-      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
-    }
-    .terminal-header {
-      background: #1a1a1a;
-      padding: 12px 16px;
+    .hero-ctas {
       display: flex;
-      gap: 8px;
-    }
-    .terminal-dot {
-      width: 12px;
-      height: 12px;
-      border-radius: 50%;
-    }
-    .terminal-dot.red { background: #ff5f56; }
-    .terminal-dot.yellow { background: #ffbd2e; }
-    .terminal-dot.green { background: #27ca40; }
-    .terminal-body {
-      padding: 20px;
-      font-family: 'Roboto Mono', monospace;
-      font-size: 0.9em;
-      line-height: 1.8;
-    }
-    .terminal-body p { margin: 0; color: #ccc; }
-    .prompt { color: var(--cp-blue); }
-    .output { color: #666; padding-left: 20px; }
-    .cursor {
-      display: inline-block;
-      animation: blink 1s infinite;
-      color: var(--cp-blue);
-    }
-    @keyframes blink {
-      0%, 50% { opacity: 1; }
-      51%, 100% { opacity: 0; }
-    }
-
-    /* Buttons */
-    .cp-ctas, .cp-cta-buttons {
-      display: flex;
-      gap: 16px;
       justify-content: center;
+      gap: 16px;
       flex-wrap: wrap;
     }
-    .cp-button {
-      padding: 16px 32px;
+    .btn-primary {
+      background: var(--cp-primary);
+      color: #fff;
+      padding: 16px 36px;
       border-radius: 8px;
-      font-weight: 700;
+      font-weight: 600;
       text-decoration: none;
-      text-transform: uppercase;
-      letter-spacing: 2px;
-      font-size: 0.9em;
+      font-size: 1em;
+      transition: all 0.3s ease;
+      box-shadow: 0 4px 20px rgba(0, 102, 255, 0.3);
+    }
+    .btn-primary:hover {
+      background: var(--cp-primary-light);
+      transform: translateY(-2px);
+      box-shadow: 0 8px 30px rgba(0, 102, 255, 0.4);
+    }
+    .btn-secondary {
+      background: transparent;
+      color: #fff;
+      padding: 16px 36px;
+      border-radius: 8px;
+      font-weight: 600;
+      text-decoration: none;
+      border: 1px solid rgba(255, 255, 255, 0.15);
       transition: all 0.3s ease;
     }
-    .cp-button.primary {
-      background: var(--cp-blue);
+    .btn-secondary:hover {
+      background: rgba(255, 255, 255, 0.05);
+      border-color: rgba(255, 255, 255, 0.25);
+    }
+    .btn-outline {
+      display: inline-block;
+      background: transparent;
+      color: var(--cp-primary);
+      padding: 14px 28px;
+      border-radius: 8px;
+      font-weight: 600;
+      text-decoration: none;
+      border: 1px solid var(--cp-primary);
+      transition: all 0.3s ease;
+    }
+    .btn-outline:hover {
+      background: var(--cp-primary);
       color: #fff;
-      border: 2px solid var(--cp-blue);
-    }
-    .cp-button.primary:hover {
-      background: transparent;
-      color: var(--cp-blue);
-      box-shadow: 0 0 30px rgba(0, 102, 255, 0.3);
-    }
-    .cp-button.secondary {
-      background: transparent;
-      color: var(--cp-blue);
-      border: 2px solid #333;
-    }
-    .cp-button.secondary:hover {
-      border-color: var(--cp-blue);
     }
 
-    /* Stats */
-    .cp-stats {
-      background: #080810;
-      padding: 40px 20px;
-      border-top: 1px solid #12121a;
-      border-bottom: 1px solid #12121a;
+    /* Metrics Dashboard */
+    .metrics-section {
+      padding: 30px 20px;
+      background: #0a0f1a;
+      border-top: 1px solid rgba(0, 102, 255, 0.1);
+      border-bottom: 1px solid rgba(0, 102, 255, 0.1);
     }
-    .cp-stats .stats-grid {
+    .metrics-header {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 10px;
+      margin-bottom: 24px;
+    }
+    .live-indicator {
+      width: 10px;
+      height: 10px;
+      background: #22c55e;
+      border-radius: 50%;
+      animation: pulse 2s infinite;
+    }
+    .metrics-label {
+      color: #6b7280;
+      font-size: 0.85em;
+      text-transform: uppercase;
+      letter-spacing: 2px;
+    }
+    .metrics-grid {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 20px;
-      max-width: 800px;
+      max-width: 1000px;
       margin: 0 auto;
     }
-    .stat-item {
+    .metric-card {
+      background: rgba(0, 102, 255, 0.05);
+      border: 1px solid rgba(0, 102, 255, 0.1);
+      border-radius: 12px;
+      padding: 24px;
       text-align: center;
     }
-    .stat-item .stat-value {
+    .metric-value {
       font-size: 2em;
-      font-weight: 900;
-      color: var(--cp-blue);
-      font-family: 'Roboto Mono', monospace;
+      font-weight: 800;
+      font-family: 'JetBrains Mono', monospace;
     }
-    .stat-item .stat-label {
+    .metric-label {
+      color: #6b7280;
+      font-size: 0.85em;
+      margin: 8px 0;
+    }
+    .metric-trend {
       font-size: 0.8em;
-      color: #555;
-      text-transform: uppercase;
-      letter-spacing: 1px;
+      font-family: 'JetBrains Mono', monospace;
     }
 
-    /* Section Header */
+    /* Section Headers */
     .section-header {
       text-align: center;
-      margin-bottom: 60px;
+      margin-bottom: 50px;
     }
-    .section-eyebrow {
-      font-family: 'Roboto Mono', monospace;
+    .section-tag {
+      display: inline-block;
+      background: rgba(0, 102, 255, 0.1);
+      color: var(--cp-primary-light);
+      padding: 6px 16px;
+      border-radius: 6px;
       font-size: 0.85em;
-      color: var(--cp-blue);
-      letter-spacing: 3px;
-      margin-bottom: 12px;
-      display: block;
+      margin-bottom: 16px;
+      font-family: 'JetBrains Mono', monospace;
     }
-    .section-title {
+    .section-tag.dark {
+      background: rgba(0, 0, 0, 0.3);
+    }
+    .section-header h2 {
       font-size: 2.5em;
-      font-weight: 900;
+      font-weight: 800;
       color: #fff;
       margin-bottom: 12px;
     }
-    .section-subtitle {
-      color: #666;
+    .section-header p {
+      color: #6b7280;
       font-size: 1.1em;
     }
 
-    /* Features */
-    .cp-features {
-      padding: 100px 20px;
-      background: linear-gradient(180deg, #050508 0%, #080810 100%);
+    /* Platforms */
+    .platforms-section {
+      padding: 80px 20px;
+      background: #030712;
     }
-    .features-grid {
+    .platforms-grid {
       display: grid;
-      grid-template-columns: repeat(3, 1fr);
-      gap: 30px;
-      max-width: 1100px;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 20px;
+      max-width: 900px;
       margin: 0 auto;
     }
-    .feature-card {
-      background: #08080f;
-      border: 1px solid #101020;
-      border-radius: 16px;
-      padding: 35px 30px;
+    .platform-card {
+      background: linear-gradient(135deg, rgba(0, 102, 255, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
+      border: 1px solid rgba(0, 102, 255, 0.15);
+      border-radius: 12px;
+      padding: 24px;
+      display: grid;
+      grid-template-columns: auto 1fr auto;
+      gap: 20px;
+      align-items: center;
       transition: all 0.3s ease;
     }
-    .feature-card:hover {
-      border-color: var(--cp-blue);
-      transform: translateY(-5px);
+    .platform-card:hover {
+      border-color: var(--cp-primary);
+      transform: translateY(-3px);
       box-shadow: 0 10px 40px rgba(0, 102, 255, 0.1);
     }
-    .feature-icon {
+    .platform-icon {
       font-size: 2.5em;
-      display: block;
-      margin-bottom: 20px;
+      width: 60px;
+      height: 60px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: rgba(0, 102, 255, 0.1);
+      border-radius: 12px;
     }
-    .feature-title {
+    .platform-name {
+      font-size: 1.1em;
       color: #fff;
-      font-size: 1.3em;
-      margin-bottom: 12px;
+      margin-bottom: 4px;
     }
-    .feature-desc {
-      color: #888;
-      font-size: 0.95em;
-      line-height: 1.6;
-      margin-bottom: 16px;
+    .platform-desc {
+      color: #6b7280;
+      font-size: 0.9em;
     }
-    .feature-details {
-      list-style: none;
-      padding: 0;
-      margin: 0;
+    .platform-stats {
+      text-align: right;
     }
-    .feature-details li {
-      color: #555;
-      font-size: 0.85em;
-      padding: 6px 0;
-      border-bottom: 1px solid #101018;
+    .platform-users {
+      color: #fff;
+      font-size: 0.9em;
+      font-weight: 600;
+      margin-bottom: 6px;
     }
-    .feature-details li:last-child { border-bottom: none; }
-    .feature-details li::before {
-      content: '▸ ';
-      color: var(--cp-blue);
+    .platform-status {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: #22c55e;
+      font-size: 0.8em;
+    }
+    .status-dot {
+      width: 6px;
+      height: 6px;
+      background: #22c55e;
+      border-radius: 50%;
     }
 
-    /* Pricing */
-    .cp-pricing {
-      padding: 100px 20px;
-      background: #050508;
+    /* Solutions */
+    .solutions-section {
+      padding: 80px 20px;
+      background: #0a0f1a;
     }
-    .pricing-grid {
+    .solutions-grid {
       display: grid;
-      grid-template-columns: repeat(3, 1fr);
+      grid-template-columns: repeat(2, 1fr);
       gap: 24px;
       max-width: 1000px;
       margin: 0 auto;
     }
-    .pricing-card {
-      background: #0a0a12;
-      border: 1px solid #1a1a2a;
+    .solution-card {
+      background: #0f172a;
+      border: 1px solid #1e293b;
       border-radius: 16px;
-      padding: 40px 30px;
-      display: flex;
-      flex-direction: column;
+      padding: 32px;
       transition: all 0.3s ease;
     }
-    .pricing-card.featured {
-      border-color: var(--cp-blue);
-      transform: scale(1.05);
-      box-shadow: 0 0 40px rgba(0, 102, 255, 0.2);
+    .solution-card:hover {
+      border-color: var(--cp-primary);
+      transform: translateY(-3px);
     }
-    .pricing-card:hover {
-      border-color: var(--cp-blue);
-    }
-    .pricing-header {
-      text-align: center;
-      margin-bottom: 32px;
-      padding-bottom: 24px;
-      border-bottom: 1px solid #1a1a2a;
-    }
-    .plan-name {
-      color: #fff;
-      font-size: 1.3em;
-      margin-bottom: 8px;
-    }
-    .plan-price {
+    .solution-icon {
       font-size: 2.5em;
-      font-weight: 900;
-      color: var(--cp-blue);
-      font-family: 'Roboto Mono', monospace;
+      display: block;
+      margin-bottom: 20px;
     }
-    .plan-features {
+    .solution-title {
+      font-size: 1.3em;
+      color: #fff;
+      margin-bottom: 12px;
+    }
+    .solution-desc {
+      color: #6b7280;
+      font-size: 0.95em;
+      line-height: 1.6;
+      margin-bottom: 20px;
+    }
+    .solution-features {
       list-style: none;
       padding: 0;
-      margin: 0 0 32px 0;
-      flex-grow: 1;
+      margin: 0;
     }
-    .plan-features li {
-      color: #888;
-      padding: 10px 0;
-      font-size: 0.95em;
-      border-bottom: 1px solid #151520;
+    .solution-features li {
+      color: #9ca3af;
+      font-size: 0.9em;
+      padding: 6px 0;
+      display: flex;
+      align-items: center;
+      gap: 8px;
     }
-    .plan-features li:last-child { border-bottom: none; }
-    .plan-features li::before {
-      content: '✓ ';
-      color: var(--cp-blue);
+    .check { color: var(--cp-primary); font-weight: bold; }
+
+    /* Tech Section */
+    .tech-section {
+      padding: 100px 20px;
+      background: #030712;
     }
-    .pricing-cta {
-      display: block;
-      text-align: center;
-      padding: 14px 24px;
-      border-radius: 8px;
-      font-weight: 700;
-      text-decoration: none;
+    .tech-content {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 60px;
+      max-width: 1100px;
+      margin: 0 auto;
+      align-items: center;
+    }
+    .tech-visual {
+      display: flex;
+      justify-content: center;
+    }
+    .tech-diagram {
+      position: relative;
+      width: 300px;
+      height: 300px;
+    }
+    .diagram-layer {
+      position: absolute;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      animation: float 4s ease-in-out infinite;
+    }
+    .diagram-layer span {
+      color: #fff;
+      font-size: 0.8em;
+      font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 1px;
-      font-size: 0.85em;
-      transition: all 0.3s ease;
     }
-    .pricing-cta.primary {
-      background: var(--cp-blue);
+    .layer-1 {
+      width: 280px;
+      height: 280px;
+      top: 10px;
+      left: 10px;
+      border: 2px solid rgba(139, 92, 246, 0.3);
+      background: rgba(139, 92, 246, 0.05);
+      animation-delay: 0s;
+    }
+    .layer-2 {
+      width: 200px;
+      height: 200px;
+      top: 50px;
+      left: 50px;
+      border: 2px solid rgba(59, 130, 246, 0.4);
+      background: rgba(59, 130, 246, 0.08);
+      animation-delay: 0.5s;
+    }
+    .layer-3 {
+      width: 120px;
+      height: 120px;
+      top: 90px;
+      left: 90px;
+      border: 2px solid rgba(0, 102, 255, 0.6);
+      background: rgba(0, 102, 255, 0.1);
+      animation-delay: 1s;
+    }
+    .diagram-core {
+      position: absolute;
+      width: 50px;
+      height: 50px;
+      top: 125px;
+      left: 125px;
+      background: var(--cp-primary);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 0 30px rgba(0, 102, 255, 0.5);
+    }
+    .diagram-core span {
       color: #fff;
+      font-size: 1.5em;
     }
-    .pricing-cta.primary:hover {
-      box-shadow: 0 0 20px rgba(0, 102, 255, 0.4);
+    @keyframes float {
+      0%, 100% { transform: translateY(0); }
+      50% { transform: translateY(-10px); }
     }
-    .pricing-cta.secondary {
-      background: transparent;
-      border: 2px solid #333;
-      color: var(--cp-blue);
+    .tech-text h2 {
+      font-size: 2.5em;
+      color: #fff;
+      margin: 16px 0;
     }
-    .pricing-cta.secondary:hover {
-      border-color: var(--cp-blue);
+    .tech-text p {
+      color: #6b7280;
+      font-size: 1.1em;
+      line-height: 1.7;
+      margin-bottom: 32px;
+    }
+    .tech-stats {
+      display: flex;
+      gap: 32px;
+      margin-bottom: 32px;
+    }
+    .tech-stat {
+      display: flex;
+      flex-direction: column;
+    }
+    .tech-stat-value {
+      font-size: 1.8em;
+      font-weight: 800;
+      color: var(--cp-primary-light);
+      font-family: 'JetBrains Mono', monospace;
+    }
+    .tech-stat-label {
+      color: #6b7280;
+      font-size: 0.85em;
+    }
+
+    /* Partners */
+    .partners-section {
+      padding: 80px 20px;
+      background: #0a0f1a;
+    }
+    .partners-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 24px;
+      max-width: 800px;
+      margin: 0 auto;
+    }
+    .partner-card {
+      background: rgba(0, 102, 255, 0.05);
+      border: 1px solid rgba(0, 102, 255, 0.1);
+      border-radius: 12px;
+      padding: 32px;
+      text-align: center;
+    }
+    .partner-count {
+      display: block;
+      font-size: 2.5em;
+      font-weight: 800;
+      color: var(--cp-primary-light);
+      margin-bottom: 8px;
+    }
+    .partner-name {
+      color: #6b7280;
+      font-size: 0.9em;
     }
 
     /* CTA */
-    .cp-cta {
+    .cta-section {
       padding: 100px 20px;
+      background: #030712;
+    }
+    .cta-card {
+      max-width: 700px;
+      margin: 0 auto;
+      background: linear-gradient(135deg, rgba(0, 102, 255, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
+      border: 1px solid rgba(0, 102, 255, 0.2);
+      border-radius: 24px;
+      padding: 60px 40px;
       text-align: center;
-      background: linear-gradient(135deg, #000a1a 0%, #000 100%);
     }
-    .cp-cta h2 {
+    .cta-card h2 {
       font-size: 2.5em;
-      color: var(--cp-blue);
+      color: #fff;
       margin-bottom: 16px;
-      text-shadow: 0 0 30px rgba(0, 102, 255, 0.3);
     }
-    .cp-cta p {
-      color: #666;
+    .cta-card p {
+      color: #9ca3af;
       font-size: 1.1em;
       margin-bottom: 32px;
     }
+    .cta-buttons {
+      display: flex;
+      justify-content: center;
+      gap: 16px;
+      flex-wrap: wrap;
+    }
 
     /* Responsive */
     @media (max-width: 1024px) {
-      .features-grid { grid-template-columns: 1fr 1fr; }
-      .pricing-grid { grid-template-columns: 1fr; max-width: 400px; }
-      .pricing-card.featured { transform: none; }
+      .platforms-grid { grid-template-columns: 1fr; }
+      .solutions-grid { grid-template-columns: 1fr; }
+      .tech-content { grid-template-columns: 1fr; gap: 40px; }
+      .tech-visual { order: -1; }
+      .partners-grid { grid-template-columns: 1fr 1fr; }
     }
     @media (max-width: 768px) {
-      .cp-hero-title { font-size: 2.5em; }
-      .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
-      .cp-stats .stats-grid { grid-template-columns: 1fr 1fr; }
+      .hero { padding: 60px 16px 50px; min-height: auto; }
+      .hero-title { font-size: 2.5em; letter-spacing: -1px; }
+      .hero-subtitle { font-size: 1.1em; }
+      .hero-ctas { flex-direction: column; gap: 12px; }
+      .btn-primary, .btn-secondary { width: 100%; max-width: 280px; text-align: center; }
+      .metrics-grid { grid-template-columns: 1fr 1fr; }
+      .metric-card { padding: 18px; }
+      .metric-value { font-size: 1.5em; }
+      .platforms-section { padding: 50px 16px; }
+      .platform-card { grid-template-columns: 1fr; gap: 16px; text-align: center; }
+      .platform-stats { text-align: center; }
+      .solutions-section { padding: 50px 16px; }
+      .solution-card { padding: 24px 20px; }
+      .tech-section { padding: 50px 16px; }
+      .tech-diagram { width: 220px; height: 220px; }
+      .layer-1 { width: 200px; height: 200px; top: 10px; left: 10px; }
+      .layer-2 { width: 140px; height: 140px; top: 40px; left: 40px; }
+      .layer-3 { width: 80px; height: 80px; top: 70px; left: 70px; }
+      .diagram-core { width: 40px; height: 40px; top: 90px; left: 90px; }
+      .tech-text h2 { font-size: 1.8em; }
+      .tech-stats { gap: 20px; flex-wrap: wrap; }
+      .tech-stat-value { font-size: 1.4em; }
+      .partners-section { padding: 50px 16px; }
+      .partners-grid { grid-template-columns: 1fr; max-width: 300px; }
+      .cta-section { padding: 50px 16px; }
+      .cta-card { padding: 40px 24px; }
+      .cta-card h2 { font-size: 1.8em; }
+      .section-header h2 { font-size: 1.8em; }
     }
     @media (max-width: 480px) {
-      .cp-hero-title { font-size: 2em; }
-      .section-title { font-size: 2em; }
-      .cp-stats .stats-grid { grid-template-columns: 1fr; }
+      .hero { padding: 40px 12px 36px; }
+      .hero-badge { font-size: 0.75em; padding: 6px 14px; }
+      .hero-title { font-size: 2em; }
+      .hero-subtitle { font-size: 1em; }
+      .btn-primary, .btn-secondary { padding: 14px 24px; font-size: 0.9em; }
+      .metrics-section { padding: 24px 12px; }
+      .metrics-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
+      .metric-card { padding: 16px; }
+      .metric-value { font-size: 1.3em; }
+      .metric-label { font-size: 0.75em; }
+      .section-header { margin-bottom: 32px; }
+      .section-header h2 { font-size: 1.5em; }
+      .section-header p { font-size: 0.95em; }
+      .platform-card { padding: 20px 16px; }
+      .solution-card { padding: 20px 16px; }
+      .solution-title { font-size: 1.15em; }
+      .tech-stats { flex-direction: column; gap: 16px; }
+      .partner-card { padding: 24px 20px; }
+      .partner-count { font-size: 2em; }
+      .cta-card { padding: 32px 20px; border-radius: 16px; }
+      .cta-card h2 { font-size: 1.5em; }
+      .cta-buttons { flex-direction: column; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/ecosystem.astro b/src/pages/ecosystem.astro
index 329dc6a..085d2d7 100644
--- a/src/pages/ecosystem.astro
+++ b/src/pages/ecosystem.astro
@@ -482,20 +482,41 @@ const stats = [
     }
 
     /* Responsive */
-    @media (max-width: 900px) {
+    @media (max-width: 1024px) {
       .stats-section { grid-template-columns: repeat(2, 1fr); }
-      .pillars-grid { grid-template-columns: 1fr; }
+      .pillars-grid { grid-template-columns: 1fr 1fr; }
       .partners-grid { grid-template-columns: repeat(2, 1fr); }
     }
-    @media (max-width: 600px) {
-      .stats-section { grid-template-columns: 1fr; }
-      .hero-title { font-size: 2.5em; }
-      .node-map { transform: scale(0.8); }
+    @media (max-width: 768px) {
+      .stats-section, .pillars-grid, .partners-grid { grid-template-columns: 1fr; max-width: 100%; margin: 0 auto; }
+      .ecosystem-hero { padding: 40px 12px 32px 12px; }
+      .hero-title { font-size: 2em; letter-spacing: 2px; }
+      .hero-subtitle { font-size: 1em; }
+      .node-map { transform: scale(0.7); }
+      .section-header h2 { font-size: 1.6em; letter-spacing: 2px; }
+      .section-header p { font-size: 0.9em; }
+      .pillar-card, .partner-card { padding: 24px 16px; }
+      .pillar-title { font-size: 1.2em; }
+      .pillar-description { font-size: 0.85em; }
       .timeline::before { left: 20px; }
       .timeline-item { flex-direction: column !important; text-align: left !important; }
       .timeline-item .timeline-content { padding: 16px 0 16px 50px !important; margin: 0 !important; text-align: left !important; }
       .timeline-marker { left: 20px; }
-      .partners-grid { grid-template-columns: 1fr; }
+      .cta-section h2 { font-size: 1.6em; }
+      .cta-section p { font-size: 0.9em; }
+      .cta-button { padding: 14px 28px; font-size: 0.85em; }
+    }
+    @media (max-width: 480px) {
+      .ecosystem-hero { padding: 24px 10px 20px 10px; }
+      .hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .hero-subtitle { font-size: 0.85em; }
+      .node-map { transform: scale(0.5); }
+      .section-header h2 { font-size: 1.3em; letter-spacing: 1px; }
+      .pillar-card, .partner-card { padding: 20px 12px; }
+      .stat-number { font-size: 1.4em; }
+      .stat-label { font-size: 0.65em; }
+      .cta-section h2 { font-size: 1.3em; }
+      .cta-button { width: 100%; max-width: 260px; padding: 12px 20px; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/events.astro b/src/pages/events.astro
index 2f33785..127557e 100644
--- a/src/pages/events.astro
+++ b/src/pages/events.astro
@@ -938,49 +938,44 @@ const categoryColors: Record<string, string> = {
     }
 
     /* Responsive */
-    @media (max-width: 900px) {
-      .featured-event {
-        grid-template-columns: 1fr;
-        text-align: center;
-      }
-      .featured-meta, .featured-highlights {
-        justify-content: center;
-      }
-      .visual-placeholder {
-        width: 200px;
-        height: 200px;
-        font-size: 4em;
-      }
-      .past-events-grid {
-        grid-template-columns: 1fr;
-        max-width: 400px;
-      }
-      .speakers-grid {
-        grid-template-columns: repeat(2, 1fr);
-      }
-      .testimonials-grid {
-        grid-template-columns: 1fr;
-        max-width: 500px;
-        margin: 0 auto;
-      }
-      .sponsors-grid {
-        grid-template-columns: repeat(2, 1fr);
-      }
-      .resources-grid {
-        grid-template-columns: 1fr;
-      }
+    @media (max-width: 1024px) {
+      .featured-event { grid-template-columns: 1fr; text-align: center; }
+      .speakers-grid { grid-template-columns: repeat(2, 1fr); }
+      .sponsors-grid { grid-template-columns: repeat(2, 1fr); }
+      .past-events-grid { grid-template-columns: 1fr 1fr; }
     }
-    @media (max-width: 600px) {
-      .events-hero-title { font-size: 2.5em; }
-      .featured-title { font-size: 1.8em; }
-      .events-stats { gap: 30px; }
-      .stat-num { font-size: 2em; }
-      .speakers-grid {
-        grid-template-columns: 1fr;
-      }
-      .sponsors-grid {
-        grid-template-columns: 1fr;
-      }
+    @media (max-width: 768px) {
+      .featured-event { grid-template-columns: 1fr; text-align: center; }
+      .featured-meta, .featured-highlights { justify-content: center; }
+      .visual-placeholder { width: 160px; height: 160px; font-size: 3em; }
+      .events-hero { padding: 40px 12px 32px 12px; }
+      .events-hero-title { font-size: 2em; letter-spacing: 2px; }
+      .events-hero-subtitle { font-size: 1em; }
+      .events-stats { gap: 20px; }
+      .stat-num { font-size: 1.8em; }
+      .stat-text { font-size: 0.7em; }
+      .past-events-grid, .speakers-grid, .sponsors-grid, .testimonials-grid, .resources-grid { grid-template-columns: 1fr; max-width: 100%; margin: 0 auto; }
+      .section-header h2 { font-size: 1.6em; letter-spacing: 2px; }
+      .section-header p { font-size: 0.9em; }
+      .featured-title { font-size: 1.4em; }
+      .featured-description { font-size: 0.9em; }
+      .cta-section h2 { font-size: 1.6em; }
+      .cta-section p { font-size: 0.9em; }
+      .cta-button { padding: 14px 28px; font-size: 0.85em; }
+    }
+    @media (max-width: 480px) {
+      .events-hero { padding: 24px 10px 20px 10px; }
+      .events-hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .events-hero-subtitle { font-size: 0.85em; }
+      .visual-placeholder { width: 120px; height: 120px; font-size: 2.5em; }
+      .events-stats { flex-direction: column; gap: 12px; }
+      .stat-num { font-size: 1.4em; }
+      .stat-text { font-size: 0.65em; }
+      .section-header h2 { font-size: 1.3em; letter-spacing: 1px; }
+      .featured-title { font-size: 1.2em; }
+      .event-card, .speaker-card, .sponsor-card { padding: 16px 12px; }
+      .cta-section h2 { font-size: 1.3em; }
+      .cta-button { width: 100%; max-width: 260px; padding: 12px 20px; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/faq.astro b/src/pages/faq.astro
index 2384b37..3962d0d 100644
--- a/src/pages/faq.astro
+++ b/src/pages/faq.astro
@@ -131,9 +131,23 @@ const faqs = [
       display: inline-block;
       transition: background 0.2s, box-shadow 0.2s;
     }
-    .cta-button:hover {
-      background: linear-gradient(90deg, #0055dd 0%, #003399 100%);
-      box-shadow: 0 4px 20px #0066ff44;
+    @media (max-width: 768px) {
+      .faq-hero { padding: 40px 12px 32px 12px; }
+      .faq-hero .hero-title { font-size: 2em; letter-spacing: 2px; }
+      .faq-hero .hero-desc { font-size: 1em; }
+      .faq-content { padding: 40px 12px; }
+      .faq-question { padding: 16px 18px; font-size: 1em; }
+      .faq-answer { padding: 0 18px 16px 18px; font-size: 0.9em; }
+      .cta-button { padding: 12px 24px; font-size: 0.95em; }
+    }
+    @media (max-width: 480px) {
+      .faq-hero { padding: 24px 10px 20px 10px; }
+      .faq-hero .hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .faq-hero .hero-desc { font-size: 0.85em; }
+      .faq-content { padding: 24px 10px; }
+      .faq-question { padding: 14px 14px; font-size: 0.9em; }
+      .faq-answer { padding: 0 14px 14px 14px; font-size: 0.85em; }
+      .cta-button { width: 100%; max-width: 260px; padding: 12px 20px; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/foundation.astro b/src/pages/foundation.astro
index e14aa55..e980239 100644
--- a/src/pages/foundation.astro
+++ b/src/pages/foundation.astro
@@ -1,145 +1,225 @@
 ---
-// Foundation Division Page - The Nonprofit Backbone
+// Foundation Division Page - Education, Community & Mentorship
 import MainLayout from '../layouts/MainLayout.astro';
 
-const features = [
+const courses = [
   {
-    icon: '🔐',
-    title: 'Passport Identity',
-    description: 'Universal single sign-on across the entire AeThex ecosystem with secure, decentralized authentication.',
-    details: ['OAuth 2.0 & OIDC', 'Multi-factor auth', 'Privacy-first design']
+    icon: '🚀',
+    title: 'Getting Started',
+    description: 'Your first steps into development',
+    level: 'Beginner',
+    lessons: 12,
+    duration: '4 weeks',
+    color: '#ef4444'
   },
   {
-    icon: '🛡️',
-    title: 'Security Infrastructure',
-    description: 'Enterprise-grade security protocols protecting millions of users and transactions.',
-    details: ['Zero-trust architecture', 'End-to-end encryption', 'Threat monitoring']
+    icon: '⚡',
+    title: 'Web Fundamentals',
+    description: 'HTML, CSS, and JavaScript essentials',
+    level: 'Beginner',
+    lessons: 24,
+    duration: '8 weeks',
+    color: '#f97316'
   },
   {
-    icon: '⚙️',
-    title: 'Core APIs',
-    description: 'Open-source APIs that power every application in the metaverse ecosystem.',
-    details: ['RESTful & GraphQL', 'WebSocket support', 'Rate limiting']
+    icon: '🎯',
+    title: 'React Mastery',
+    description: 'Build modern user interfaces',
+    level: 'Intermediate',
+    lessons: 36,
+    duration: '10 weeks',
+    color: '#eab308'
   },
   {
-    icon: '🌐',
-    title: 'Network Protocol',
-    description: 'Low-latency mesh networking enabling seamless cross-platform communication.',
-    details: ['P2P connections', 'Auto-discovery', 'Fault tolerance']
+    icon: '🔧',
+    title: 'Backend Engineering',
+    description: 'APIs, databases, and server architecture',
+    level: 'Intermediate',
+    lessons: 30,
+    duration: '12 weeks',
+    color: '#22c55e'
   },
   {
-    icon: '📜',
-    title: 'Governance',
-    description: 'Community-driven decision making with transparent voting and proposals.',
-    details: ['DAO structure', 'Token voting', 'Proposal system']
+    icon: '☁️',
+    title: 'Cloud & DevOps',
+    description: 'Deploy and scale applications',
+    level: 'Advanced',
+    lessons: 28,
+    duration: '10 weeks',
+    color: '#3b82f6'
   },
   {
-    icon: '💎',
-    title: 'Open Source',
-    description: 'All core infrastructure is open source, auditable, and community-maintained.',
-    details: ['MIT licensed', 'Public audits', 'Bug bounties']
+    icon: '🏗️',
+    title: 'System Design',
+    description: 'Architect scalable systems',
+    level: 'Advanced',
+    lessons: 20,
+    duration: '8 weeks',
+    color: '#8b5cf6'
   }
 ];
 
 const stats = [
-  { value: '10M+', label: 'Identities' },
-  { value: '99.99%', label: 'Uptime' },
-  { value: '500+', label: 'Contributors' },
-  { value: '24/7', label: 'Monitoring' }
+  { value: '50K+', label: 'Learners', icon: '👥' },
+  { value: '200+', label: 'Courses', icon: '📚' },
+  { value: '1.2K', label: 'Mentors', icon: '🎓' },
+  { value: '85+', label: 'Countries', icon: '🌍' }
 ];
 
-const protocols = [
-  { name: 'Passport SSO', status: 'Stable', version: 'v3.2.1' },
-  { name: 'Shield Security', status: 'Stable', version: 'v2.8.0' },
-  { name: 'Nexus API', status: 'Stable', version: 'v4.1.0' },
-  { name: 'Mesh Network', status: 'Beta', version: 'v1.5.0' }
+const mentors = [
+  { name: 'Sarah Chen', role: 'Senior Engineer', specialty: 'React & TypeScript', students: 156 },
+  { name: 'Marcus Johnson', role: 'Tech Lead', specialty: 'System Design', students: 89 },
+  { name: 'Priya Patel', role: 'Staff Engineer', specialty: 'Cloud & DevOps', students: 124 }
+];
+
+const testimonials = [
+  { quote: 'The mentorship program changed my career trajectory completely.', author: 'Jamie L.', role: 'Now at Google' },
+  { quote: 'Best community for developers who want to grow together.', author: 'Alex R.', role: 'Startup Founder' }
 ];
 ---
 <MainLayout>
-  <section class="fd-hero">
-    <div class="fd-hero-bg"></div>
-    <div class="fd-hero-scanlines"></div>
-    <div class="fd-hero-content">
-      <span class="fd-badge">Nonprofit • Open Source</span>
-      <h1 class="fd-hero-title">
-        <span class="fd-title-prefix">⬡</span> Foundation
-      </h1>
-      <p class="fd-hero-desc">The nonprofit backbone of the AeThex ecosystem. Critical infrastructure, security protocols, and open-source APIs that power the metaverse.</p>
-      <div class="fd-terminal">
-        <div class="terminal-header">
-          <span class="terminal-dot red"></span>
-          <span class="terminal-dot yellow"></span>
-          <span class="terminal-dot green"></span>
+  <!-- Hero Section - Warm, Inviting -->
+  <section class="hero">
+    <div class="hero-pattern"></div>
+    <div class="hero-glow"></div>
+    <div class="hero-content">
+      <div class="hero-badge">
+        <span class="badge-icon">🎓</span>
+        <span>Nonprofit • Education • Community</span>
+      </div>
+      <h1 class="hero-title">Learn. Grow. Connect.</h1>
+      <p class="hero-subtitle">Free education and mentorship for developers at every stage of their journey</p>
+      
+      <div class="hero-features">
+        <div class="hero-feature">
+          <span class="feature-check">✓</span>
+          <span>100% Free Courses</span>
         </div>
-        <div class="terminal-body">
-          <p><span class="prompt">$</span> passport auth --status</p>
-          <p class="output">✓ Identity verified</p>
-          <p><span class="prompt">$</span> shield scan --deep</p>
-          <p class="output">✓ No vulnerabilities detected</p>
-          <p><span class="prompt">$</span> nexus health --all</p>
-          <p class="output">✓ All 47 services operational</p>
-          <p class="cursor">_</p>
+        <div class="hero-feature">
+          <span class="feature-check">✓</span>
+          <span>1-on-1 Mentorship</span>
+        </div>
+        <div class="hero-feature">
+          <span class="feature-check">✓</span>
+          <span>Active Community</span>
         </div>
       </div>
-      <div class="fd-ctas">
-        <a href="#features" class="fd-button primary">Explore Infrastructure</a>
-        <a href="/docs" class="fd-button secondary">Read the Docs</a>
+      
+      <div class="hero-ctas">
+        <a href="#courses" class="btn-primary">Browse Courses</a>
+        <a href="#mentorship" class="btn-secondary">Find a Mentor</a>
       </div>
     </div>
   </section>
 
-  <!-- Stats Bar -->
-  <section class="fd-stats">
-    <div class="stats-grid">
+  <!-- Stats Section -->
+  <section class="stats-section">
+    <div class="stats-container">
       {stats.map(stat => (
-        <div class="stat-item">
-          <div class="stat-value">{stat.value}</div>
-          <div class="stat-label">{stat.label}</div>
-        </div>
-      ))}
-    </div>
-  </section>
-
-  <!-- Features -->
-  <section id="features" class="fd-features">
-    <div class="section-header">
-      <span class="section-eyebrow">⬡ INFRASTRUCTURE</span>
-      <h2 class="section-title">Core Systems</h2>
-      <p class="section-subtitle">The critical infrastructure the ecosystem depends on</p>
-    </div>
-    <div class="features-grid">
-      {features.map(feature => (
-        <div class="feature-card">
-          <span class="feature-icon">{feature.icon}</span>
-          <h3 class="feature-title">{feature.title}</h3>
-          <p class="feature-desc">{feature.description}</p>
-          <ul class="feature-details">
-            {feature.details.map(detail => (
-              <li>{detail}</li>
-            ))}
-          </ul>
-        </div>
-      ))}
-    </div>
-  </section>
-
-  <!-- Protocols Status -->
-  <section class="fd-protocols">
-    <div class="section-header">
-      <span class="section-eyebrow">⬡ SYSTEM_STATUS</span>
-      <h2 class="section-title">Protocol Health</h2>
-      <p class="section-subtitle">Real-time status of core protocols</p>
-    </div>
-    <div class="protocols-grid">
-      {protocols.map(protocol => (
-        <div class="protocol-card">
-          <div class="protocol-header">
-            <span class="protocol-name">{protocol.name}</span>
-            <span class={`protocol-status ${protocol.status.toLowerCase()}`}>{protocol.status}</span>
+        <div class="stat-card">
+          <span class="stat-icon">{stat.icon}</span>
+          <div class="stat-info">
+            <span class="stat-value">{stat.value}</span>
+            <span class="stat-label">{stat.label}</span>
           </div>
-          <div class="protocol-version">{protocol.version}</div>
-          <div class="protocol-bar">
-            <div class="protocol-bar-fill"></div>
+        </div>
+      ))}
+    </div>
+  </section>
+
+  <!-- Courses Section -->
+  <section id="courses" class="courses-section">
+    <div class="section-header">
+      <span class="section-tag">📚 Learning Paths</span>
+      <h2>Start Your Journey</h2>
+      <p>Structured courses designed by industry experts</p>
+    </div>
+    <div class="courses-grid">
+      {courses.map(course => (
+        <div class="course-card" style={`--course-color: ${course.color}`}>
+          <div class="course-header">
+            <span class="course-icon">{course.icon}</span>
+            <span class="course-level">{course.level}</span>
+          </div>
+          <h3 class="course-title">{course.title}</h3>
+          <p class="course-desc">{course.description}</p>
+          <div class="course-meta">
+            <span class="meta-item">📖 {course.lessons} lessons</span>
+            <span class="meta-item">⏱️ {course.duration}</span>
+          </div>
+          <div class="course-progress">
+            <div class="progress-bar"></div>
+          </div>
+          <a href="/contribute" class="course-cta">Start Learning →</a>
+        </div>
+      ))}
+    </div>
+  </section>
+
+  <!-- Mentorship Section -->
+  <section id="mentorship" class="mentorship-section">
+    <div class="section-header light">
+      <span class="section-tag">🤝 Mentorship</span>
+      <h2>Learn From the Best</h2>
+      <p>Connect with experienced developers who guide your growth</p>
+    </div>
+    <div class="mentors-grid">
+      {mentors.map(mentor => (
+        <div class="mentor-card">
+          <div class="mentor-avatar">
+            <span class="avatar-placeholder">👤</span>
+          </div>
+          <h3 class="mentor-name">{mentor.name}</h3>
+          <p class="mentor-role">{mentor.role}</p>
+          <div class="mentor-specialty">{mentor.specialty}</div>
+          <div class="mentor-stats">
+            <span>👥 {mentor.students} students</span>
+          </div>
+          <a href="/community" class="mentor-cta">Request Mentorship</a>
+        </div>
+      ))}
+    </div>
+  </section>
+
+  <!-- Community Section -->
+  <section class="community-section">
+    <div class="community-content">
+      <div class="community-text">
+        <span class="section-tag dark">🌍 Global Community</span>
+        <h2>Join 50,000+ Learners Worldwide</h2>
+        <p>Connect with builders, learners, and contributors from 85+ countries. Participate in study groups, contribute to open-source projects, and grow together.</p>
+        <ul class="community-features">
+          <li>✓ Weekly live workshops</li>
+          <li>✓ Local meetup chapters</li>
+          <li>✓ Discord community access</li>
+          <li>✓ Open source contributions</li>
+        </ul>
+        <a href="/community" class="btn-community">Join the Community</a>
+      </div>
+      <div class="community-visual">
+        <div class="globe-placeholder">
+          <span class="globe-icon">🌐</span>
+          <div class="pulse-ring"></div>
+          <div class="pulse-ring delay-1"></div>
+          <div class="pulse-ring delay-2"></div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Testimonials -->
+  <section class="testimonials-section">
+    <div class="section-header">
+      <span class="section-tag">💬 Stories</span>
+      <h2>What Learners Say</h2>
+    </div>
+    <div class="testimonials-grid">
+      {testimonials.map(t => (
+        <div class="testimonial-card">
+          <p class="testimonial-quote">"{t.quote}"</p>
+          <div class="testimonial-author">
+            <span class="author-name">{t.author}</span>
+            <span class="author-role">{t.role}</span>
           </div>
         </div>
       ))}
@@ -147,386 +227,585 @@ const protocols = [
   </section>
 
   <!-- CTA Section -->
-  <section class="fd-cta">
-    <h2>Join the Foundation</h2>
-    <p>Contribute to open-source infrastructure that powers the metaverse.</p>
-    <div class="fd-cta-buttons">
-      <a href="/contribute" class="fd-button primary">Start Contributing</a>
-      <a href="/community" class="fd-button secondary">Join Community</a>
+  <section class="cta-section">
+    <div class="cta-content">
+      <h2>Ready to Start Learning?</h2>
+      <p>Join thousands of developers building their future through the Foundation.</p>
+      <div class="cta-buttons">
+        <a href="/contribute" class="btn-primary large">Get Started Free</a>
+        <a href="/community" class="btn-secondary large">Meet the Community</a>
+      </div>
     </div>
   </section>
 
   <style>
-    /* ========== FOUNDATION STYLES ========== */
+    /* ========== FOUNDATION - WARM EDUCATIONAL DESIGN ========== */
     :root {
-      --fd-red: #ff0000;
-      --fd-red-dim: #cc0000;
-      --fd-red-bright: #ff3333;
-      --fd-dark: #0a0505;
-      --fd-darker: #050202;
+      --fd-primary: #dc2626;
+      --fd-primary-light: #ef4444;
+      --fd-primary-dark: #b91c1c;
+      --fd-warm: #fef2f2;
+      --fd-accent: #f97316;
     }
 
     /* Hero */
-    .fd-hero {
+    .hero {
       position: relative;
-      min-height: 100vh;
+      min-height: 90vh;
       display: flex;
       align-items: center;
       justify-content: center;
-      padding: 80px 20px;
+      padding: 100px 20px 80px;
+      background: linear-gradient(135deg, #0f0f0f 0%, #1a0a0a 50%, #0f0f0f 100%);
       overflow: hidden;
     }
-    .fd-hero-bg {
+    .hero-pattern {
       position: absolute;
-      top: 0; left: 0; right: 0; bottom: 0;
-      background: linear-gradient(135deg, #000 0%, #1a0000 40%, #000 100%);
+      inset: 0;
+      background-image: 
+        radial-gradient(circle at 20% 30%, rgba(220, 38, 38, 0.1) 0%, transparent 40%),
+        radial-gradient(circle at 80% 70%, rgba(249, 115, 22, 0.08) 0%, transparent 40%);
     }
-    .fd-hero-scanlines {
+    .hero-glow {
       position: absolute;
-      top: 0; left: 0; right: 0; bottom: 0;
-      background: repeating-linear-gradient(
-        0deg,
-        rgba(255, 0, 0, 0.03) 0px,
-        rgba(255, 0, 0, 0.03) 1px,
-        transparent 1px,
-        transparent 2px
-      );
-      pointer-events: none;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 600px;
+      height: 600px;
+      background: radial-gradient(circle, rgba(220, 38, 38, 0.15) 0%, transparent 70%);
+      filter: blur(60px);
     }
-    .fd-hero-content {
+    .hero-content {
       position: relative;
       z-index: 1;
       text-align: center;
       max-width: 800px;
     }
-    .fd-badge {
-      display: inline-block;
-      background: rgba(255, 0, 0, 0.1);
-      border: 1px solid var(--fd-red);
-      color: var(--fd-red);
-      padding: 6px 16px;
-      font-size: 0.75em;
-      letter-spacing: 2px;
-      text-transform: uppercase;
-      border-radius: 20px;
-      margin-bottom: 24px;
+    .hero-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      background: rgba(220, 38, 38, 0.1);
+      border: 1px solid rgba(220, 38, 38, 0.3);
+      padding: 8px 20px;
+      border-radius: 50px;
+      margin-bottom: 32px;
+      color: #fca5a5;
+      font-size: 0.85em;
+      letter-spacing: 1px;
     }
-    .fd-hero-title {
+    .badge-icon { font-size: 1.2em; }
+    .hero-title {
       font-size: 4em;
-      font-weight: 900;
-      color: var(--fd-red);
-      margin-bottom: 16px;
-      text-shadow: 0 0 40px rgba(255, 0, 0, 0.5);
-      font-family: 'Roboto Mono', monospace;
+      font-weight: 800;
+      background: linear-gradient(135deg, #fff 0%, #fca5a5 50%, #f97316 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      margin-bottom: 20px;
+      line-height: 1.1;
     }
-    .fd-title-prefix {
-      opacity: 0.5;
-    }
-    .fd-hero-desc {
-      font-size: 1.2em;
-      color: #888;
-      margin-bottom: 40px;
+    .hero-subtitle {
+      font-size: 1.3em;
+      color: #9ca3af;
+      margin-bottom: 32px;
       max-width: 600px;
       margin-left: auto;
       margin-right: auto;
     }
-
-    /* Terminal */
-    .fd-terminal {
-      background: #111;
-      border: 1px solid #222;
-      border-radius: 12px;
-      overflow: hidden;
-      text-align: left;
-      max-width: 500px;
-      margin: 0 auto 40px auto;
-      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
-    }
-    .terminal-header {
-      background: #1a1a1a;
-      padding: 12px 16px;
+    .hero-features {
       display: flex;
-      gap: 8px;
-    }
-    .terminal-dot {
-      width: 12px;
-      height: 12px;
-      border-radius: 50%;
-    }
-    .terminal-dot.red { background: #ff5f56; }
-    .terminal-dot.yellow { background: #ffbd2e; }
-    .terminal-dot.green { background: #27ca40; }
-    .terminal-body {
-      padding: 20px;
-      font-family: 'Roboto Mono', monospace;
-      font-size: 0.9em;
-      line-height: 1.8;
-    }
-    .terminal-body p { margin: 0; color: #ccc; }
-    .prompt { color: var(--fd-red); }
-    .output { color: #666; padding-left: 20px; }
-    .cursor {
-      display: inline-block;
-      animation: blink 1s infinite;
-      color: var(--fd-red);
-    }
-    @keyframes blink {
-      0%, 50% { opacity: 1; }
-      51%, 100% { opacity: 0; }
-    }
-
-    /* Buttons */
-    .fd-ctas, .fd-cta-buttons {
-      display: flex;
-      gap: 16px;
       justify-content: center;
+      gap: 32px;
+      margin-bottom: 40px;
       flex-wrap: wrap;
     }
-    .fd-button {
-      padding: 16px 32px;
-      border-radius: 8px;
+    .hero-feature {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      color: #d1d5db;
+      font-size: 0.95em;
+    }
+    .feature-check {
+      color: #22c55e;
+      font-weight: bold;
+    }
+    .hero-ctas {
+      display: flex;
+      justify-content: center;
+      gap: 16px;
+      flex-wrap: wrap;
+    }
+    .btn-primary {
+      background: linear-gradient(135deg, var(--fd-primary) 0%, var(--fd-accent) 100%);
+      color: #fff;
+      padding: 16px 36px;
+      border-radius: 12px;
       font-weight: 700;
       text-decoration: none;
-      text-transform: uppercase;
-      letter-spacing: 2px;
-      font-size: 0.9em;
+      font-size: 1em;
+      transition: all 0.3s ease;
+      box-shadow: 0 4px 20px rgba(220, 38, 38, 0.3);
+    }
+    .btn-primary:hover {
+      transform: translateY(-3px);
+      box-shadow: 0 8px 30px rgba(220, 38, 38, 0.4);
+    }
+    .btn-primary.large { padding: 18px 42px; font-size: 1.1em; }
+    .btn-secondary {
+      background: rgba(255, 255, 255, 0.05);
+      color: #fff;
+      padding: 16px 36px;
+      border-radius: 12px;
+      font-weight: 600;
+      text-decoration: none;
+      border: 1px solid rgba(255, 255, 255, 0.1);
       transition: all 0.3s ease;
     }
-    .fd-button.primary {
-      background: var(--fd-red);
-      color: #fff;
-      border: 2px solid var(--fd-red);
-    }
-    .fd-button.primary:hover {
-      background: transparent;
-      color: var(--fd-red);
-      box-shadow: 0 0 30px rgba(255, 0, 0, 0.3);
-    }
-    .fd-button.secondary {
-      background: transparent;
-      color: var(--fd-red);
-      border: 2px solid #333;
-    }
-    .fd-button.secondary:hover {
-      border-color: var(--fd-red);
+    .btn-secondary:hover {
+      background: rgba(255, 255, 255, 0.1);
+      border-color: rgba(255, 255, 255, 0.2);
     }
+    .btn-secondary.large { padding: 18px 42px; font-size: 1.1em; }
 
     /* Stats */
-    .fd-stats {
-      background: #0d0808;
+    .stats-section {
       padding: 40px 20px;
-      border-top: 1px solid #1a1212;
-      border-bottom: 1px solid #1a1212;
+      background: #0a0a0a;
+      border-top: 1px solid rgba(220, 38, 38, 0.1);
+      border-bottom: 1px solid rgba(220, 38, 38, 0.1);
     }
-    .fd-stats .stats-grid {
+    .stats-container {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 20px;
-      max-width: 800px;
+      max-width: 900px;
       margin: 0 auto;
     }
-    .stat-item {
-      text-align: center;
+    .stat-card {
+      display: flex;
+      align-items: center;
+      gap: 14px;
+      padding: 20px;
+      background: rgba(220, 38, 38, 0.05);
+      border-radius: 12px;
+      border: 1px solid rgba(220, 38, 38, 0.1);
     }
-    .stat-item .stat-value {
-      font-size: 2em;
-      font-weight: 900;
-      color: var(--fd-red);
-      font-family: 'Roboto Mono', monospace;
+    .stat-icon { font-size: 2em; }
+    .stat-info { display: flex; flex-direction: column; }
+    .stat-value {
+      font-size: 1.6em;
+      font-weight: 800;
+      color: #fff;
     }
-    .stat-item .stat-label {
+    .stat-label {
       font-size: 0.8em;
-      color: #555;
+      color: #6b7280;
       text-transform: uppercase;
       letter-spacing: 1px;
     }
 
-    /* Section Header */
+    /* Section Headers */
     .section-header {
       text-align: center;
-      margin-bottom: 60px;
+      margin-bottom: 50px;
     }
-    .section-eyebrow {
-      font-family: 'Roboto Mono', monospace;
+    .section-header.light h2 { color: #0f0f0f; }
+    .section-header.light p { color: #6b7280; }
+    .section-tag {
+      display: inline-block;
+      background: rgba(220, 38, 38, 0.1);
+      color: var(--fd-primary-light);
+      padding: 6px 16px;
+      border-radius: 20px;
       font-size: 0.85em;
-      color: var(--fd-red);
-      letter-spacing: 3px;
-      margin-bottom: 12px;
-      display: block;
+      margin-bottom: 16px;
     }
-    .section-title {
+    .section-tag.dark {
+      background: rgba(0, 0, 0, 0.1);
+      color: var(--fd-primary);
+    }
+    .section-header h2 {
       font-size: 2.5em;
-      font-weight: 900;
+      font-weight: 800;
       color: #fff;
       margin-bottom: 12px;
     }
-    .section-subtitle {
-      color: #666;
+    .section-header p {
+      color: #9ca3af;
       font-size: 1.1em;
     }
 
-    /* Features */
-    .fd-features {
-      padding: 100px 20px;
-      background: linear-gradient(180deg, #0a0505 0%, #110808 100%);
+    /* Courses */
+    .courses-section {
+      padding: 80px 20px;
+      background: #0f0f0f;
     }
-    .features-grid {
+    .courses-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
-      gap: 30px;
+      gap: 24px;
       max-width: 1100px;
       margin: 0 auto;
     }
-    .feature-card {
-      background: #140808;
-      border: 1px solid #241010;
+    .course-card {
+      background: #1a1a1a;
       border-radius: 16px;
-      padding: 35px 30px;
+      padding: 28px;
+      border: 1px solid #2a2a2a;
       transition: all 0.3s ease;
+      position: relative;
+      overflow: hidden;
     }
-    .feature-card:hover {
-      border-color: var(--fd-red);
+    .course-card::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 3px;
+      background: var(--course-color);
+    }
+    .course-card:hover {
       transform: translateY(-5px);
-      box-shadow: 0 10px 40px rgba(255, 0, 0, 0.1);
+      border-color: var(--course-color);
+      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
     }
-    .feature-icon {
-      font-size: 2.5em;
-      display: block;
-      margin-bottom: 20px;
-    }
-    .feature-title {
-      color: #fff;
-      font-size: 1.3em;
-      margin-bottom: 12px;
-    }
-    .feature-desc {
-      color: #888;
-      font-size: 0.95em;
-      line-height: 1.6;
-      margin-bottom: 16px;
-    }
-    .feature-details {
-      list-style: none;
-      padding: 0;
-      margin: 0;
-    }
-    .feature-details li {
-      color: #555;
-      font-size: 0.85em;
-      padding: 6px 0;
-      border-bottom: 1px solid #1a1010;
-    }
-    .feature-details li:last-child { border-bottom: none; }
-    .feature-details li::before {
-      content: '▸ ';
-      color: var(--fd-red);
-    }
-
-    /* Protocols */
-    .fd-protocols {
-      padding: 100px 20px;
-      background: #0a0505;
-    }
-    .protocols-grid {
-      display: grid;
-      grid-template-columns: repeat(4, 1fr);
-      gap: 20px;
-      max-width: 1000px;
-      margin: 0 auto;
-    }
-    .protocol-card {
-      background: #111;
-      border: 1px solid #222;
-      border-radius: 12px;
-      padding: 24px;
-      transition: all 0.3s ease;
-    }
-    .protocol-card:hover {
-      border-color: var(--fd-red);
-      transform: translateY(-3px);
-    }
-    .protocol-header {
+    .course-header {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      margin-bottom: 8px;
+      margin-bottom: 16px;
     }
-    .protocol-name {
-      color: #fff;
-      font-weight: 700;
-      font-size: 0.95em;
-    }
-    .protocol-status {
+    .course-icon { font-size: 2em; }
+    .course-level {
       font-size: 0.7em;
-      padding: 3px 8px;
-      border-radius: 4px;
+      padding: 4px 10px;
+      background: rgba(255, 255, 255, 0.05);
+      color: #9ca3af;
+      border-radius: 12px;
       text-transform: uppercase;
       letter-spacing: 1px;
     }
-    .protocol-status.stable {
-      background: rgba(0, 255, 0, 0.1);
-      color: #00ff00;
+    .course-title {
+      font-size: 1.3em;
+      color: #fff;
+      margin-bottom: 8px;
     }
-    .protocol-status.beta {
-      background: rgba(255, 165, 0, 0.1);
-      color: #ffa500;
+    .course-desc {
+      color: #6b7280;
+      font-size: 0.9em;
+      margin-bottom: 20px;
+      line-height: 1.5;
     }
-    .protocol-version {
-      color: #555;
+    .course-meta {
+      display: flex;
+      gap: 16px;
+      margin-bottom: 16px;
+    }
+    .meta-item {
       font-size: 0.8em;
-      font-family: 'Roboto Mono', monospace;
-      margin-bottom: 12px;
+      color: #9ca3af;
     }
-    .protocol-bar {
+    .course-progress {
       height: 4px;
-      background: #222;
+      background: #2a2a2a;
       border-radius: 2px;
+      margin-bottom: 16px;
       overflow: hidden;
     }
-    .protocol-bar-fill {
+    .progress-bar {
       height: 100%;
-      width: 100%;
-      background: linear-gradient(90deg, var(--fd-red), var(--fd-red-bright));
-      animation: pulse 2s ease-in-out infinite;
+      width: 0%;
+      background: var(--course-color);
+      border-radius: 2px;
     }
-    @keyframes pulse {
-      0%, 100% { opacity: 1; }
-      50% { opacity: 0.5; }
+    .course-cta {
+      color: var(--course-color);
+      text-decoration: none;
+      font-weight: 600;
+      font-size: 0.9em;
+      transition: all 0.2s;
+    }
+    .course-cta:hover { opacity: 0.8; }
+
+    /* Mentorship */
+    .mentorship-section {
+      padding: 80px 20px;
+      background: linear-gradient(180deg, #fef2f2 0%, #fff 100%);
+    }
+    .mentors-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 24px;
+      max-width: 1000px;
+      margin: 0 auto;
+    }
+    .mentor-card {
+      background: #fff;
+      border-radius: 16px;
+      padding: 32px;
+      text-align: center;
+      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
+      border: 1px solid #fecaca;
+      transition: all 0.3s ease;
+    }
+    .mentor-card:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 10px 40px rgba(220, 38, 38, 0.1);
+    }
+    .mentor-avatar {
+      width: 80px;
+      height: 80px;
+      background: linear-gradient(135deg, var(--fd-primary) 0%, var(--fd-accent) 100%);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin: 0 auto 20px;
+    }
+    .avatar-placeholder { font-size: 2em; filter: grayscale(1) brightness(2); }
+    .mentor-name {
+      font-size: 1.2em;
+      color: #0f0f0f;
+      margin-bottom: 4px;
+    }
+    .mentor-role {
+      color: #6b7280;
+      font-size: 0.9em;
+      margin-bottom: 12px;
+    }
+    .mentor-specialty {
+      display: inline-block;
+      background: rgba(220, 38, 38, 0.1);
+      color: var(--fd-primary);
+      padding: 6px 14px;
+      border-radius: 20px;
+      font-size: 0.8em;
+      margin-bottom: 16px;
+    }
+    .mentor-stats {
+      color: #6b7280;
+      font-size: 0.85em;
+      margin-bottom: 20px;
+    }
+    .mentor-cta {
+      display: inline-block;
+      background: #0f0f0f;
+      color: #fff;
+      padding: 12px 24px;
+      border-radius: 10px;
+      font-weight: 600;
+      text-decoration: none;
+      font-size: 0.9em;
+      transition: all 0.3s;
+    }
+    .mentor-cta:hover {
+      background: var(--fd-primary);
+    }
+
+    /* Community */
+    .community-section {
+      padding: 100px 20px;
+      background: #0f0f0f;
+    }
+    .community-content {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 60px;
+      max-width: 1100px;
+      margin: 0 auto;
+      align-items: center;
+    }
+    .community-text h2 {
+      font-size: 2.5em;
+      color: #fff;
+      margin: 16px 0;
+    }
+    .community-text p {
+      color: #9ca3af;
+      font-size: 1.1em;
+      line-height: 1.7;
+      margin-bottom: 24px;
+    }
+    .community-features {
+      list-style: none;
+      padding: 0;
+      margin: 0 0 32px 0;
+    }
+    .community-features li {
+      color: #d1d5db;
+      padding: 8px 0;
+      font-size: 1em;
+    }
+    .btn-community {
+      display: inline-block;
+      background: linear-gradient(135deg, var(--fd-primary) 0%, var(--fd-accent) 100%);
+      color: #fff;
+      padding: 14px 32px;
+      border-radius: 10px;
+      font-weight: 600;
+      text-decoration: none;
+      transition: all 0.3s;
+    }
+    .btn-community:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 8px 30px rgba(220, 38, 38, 0.3);
+    }
+    .community-visual {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .globe-placeholder {
+      position: relative;
+      width: 250px;
+      height: 250px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .globe-icon {
+      font-size: 6em;
+      position: relative;
+      z-index: 2;
+    }
+    .pulse-ring {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      border: 2px solid rgba(220, 38, 38, 0.3);
+      border-radius: 50%;
+      animation: pulse-out 3s ease-out infinite;
+    }
+    .pulse-ring.delay-1 { animation-delay: 1s; }
+    .pulse-ring.delay-2 { animation-delay: 2s; }
+    @keyframes pulse-out {
+      0% { transform: scale(0.8); opacity: 1; }
+      100% { transform: scale(1.5); opacity: 0; }
+    }
+
+    /* Testimonials */
+    .testimonials-section {
+      padding: 80px 20px;
+      background: #0a0a0a;
+    }
+    .testimonials-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 24px;
+      max-width: 900px;
+      margin: 0 auto;
+    }
+    .testimonial-card {
+      background: #1a1a1a;
+      border-radius: 16px;
+      padding: 32px;
+      border: 1px solid #2a2a2a;
+    }
+    .testimonial-quote {
+      font-size: 1.1em;
+      color: #d1d5db;
+      line-height: 1.6;
+      margin-bottom: 20px;
+      font-style: italic;
+    }
+    .testimonial-author {
+      display: flex;
+      flex-direction: column;
+    }
+    .author-name {
+      color: #fff;
+      font-weight: 600;
+    }
+    .author-role {
+      color: var(--fd-primary-light);
+      font-size: 0.9em;
     }
 
     /* CTA */
-    .fd-cta {
+    .cta-section {
       padding: 100px 20px;
+      background: linear-gradient(135deg, #1a0a0a 0%, #0f0f0f 50%, #1a0a0a 100%);
       text-align: center;
-      background: linear-gradient(135deg, #1a0000 0%, #000 100%);
     }
-    .fd-cta h2 {
+    .cta-content {
+      max-width: 600px;
+      margin: 0 auto;
+    }
+    .cta-content h2 {
       font-size: 2.5em;
-      color: var(--fd-red);
+      color: #fff;
       margin-bottom: 16px;
-      text-shadow: 0 0 30px rgba(255, 0, 0, 0.3);
     }
-    .fd-cta p {
-      color: #666;
+    .cta-content p {
+      color: #9ca3af;
       font-size: 1.1em;
       margin-bottom: 32px;
     }
+    .cta-buttons {
+      display: flex;
+      justify-content: center;
+      gap: 16px;
+      flex-wrap: wrap;
+    }
 
     /* Responsive */
     @media (max-width: 1024px) {
-      .features-grid { grid-template-columns: 1fr 1fr; }
-      .protocols-grid { grid-template-columns: 1fr 1fr; }
+      .courses-grid { grid-template-columns: 1fr 1fr; }
+      .mentors-grid { grid-template-columns: 1fr 1fr; }
+      .community-content { grid-template-columns: 1fr; gap: 40px; }
+      .community-visual { order: -1; }
     }
     @media (max-width: 768px) {
-      .fd-hero-title { font-size: 2.5em; }
-      .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
-      .fd-stats .stats-grid { grid-template-columns: 1fr 1fr; }
-      .protocols-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
+      .hero { padding: 60px 16px 50px; min-height: auto; }
+      .hero-title { font-size: 2.4em; }
+      .hero-subtitle { font-size: 1.1em; }
+      .hero-features { gap: 16px; }
+      .hero-feature { font-size: 0.85em; }
+      .hero-ctas { flex-direction: column; gap: 12px; }
+      .btn-primary, .btn-secondary { width: 100%; max-width: 280px; text-align: center; }
+      .stats-container { grid-template-columns: 1fr 1fr; }
+      .stat-card { padding: 16px; }
+      .stat-value { font-size: 1.4em; }
+      .courses-section { padding: 50px 16px; }
+      .courses-grid { grid-template-columns: 1fr; }
+      .course-card { padding: 24px 20px; }
+      .mentorship-section { padding: 50px 16px; }
+      .mentors-grid { grid-template-columns: 1fr; max-width: 400px; }
+      .community-section { padding: 50px 16px; }
+      .community-text h2 { font-size: 1.8em; }
+      .globe-placeholder { width: 180px; height: 180px; }
+      .globe-icon { font-size: 4em; }
+      .testimonials-section { padding: 50px 16px; }
+      .testimonials-grid { grid-template-columns: 1fr; }
+      .cta-section { padding: 50px 16px; }
+      .cta-content h2 { font-size: 1.8em; }
+      .section-header h2 { font-size: 1.8em; }
     }
     @media (max-width: 480px) {
-      .fd-hero-title { font-size: 2em; }
-      .section-title { font-size: 2em; }
-      .fd-stats .stats-grid { grid-template-columns: 1fr; }
+      .hero { padding: 40px 12px 36px; }
+      .hero-badge { font-size: 0.75em; padding: 6px 14px; }
+      .hero-title { font-size: 1.9em; }
+      .hero-subtitle { font-size: 1em; }
+      .hero-features { flex-direction: column; gap: 10px; }
+      .btn-primary, .btn-secondary { padding: 14px 24px; font-size: 0.9em; }
+      .stats-container { grid-template-columns: 1fr 1fr; gap: 12px; }
+      .stat-card { padding: 14px; gap: 10px; }
+      .stat-icon { font-size: 1.6em; }
+      .stat-value { font-size: 1.2em; }
+      .stat-label { font-size: 0.7em; }
+      .section-header { margin-bottom: 32px; }
+      .section-header h2 { font-size: 1.5em; }
+      .section-header p { font-size: 0.95em; }
+      .course-card { padding: 20px 16px; }
+      .course-title { font-size: 1.15em; }
+      .mentor-card { padding: 24px 20px; }
+      .testimonial-card { padding: 24px 20px; }
+      .cta-content h2 { font-size: 1.5em; }
+      .cta-buttons { flex-direction: column; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/gameforge.astro b/src/pages/gameforge.astro
index c6ecdc4..9b373e0 100644
--- a/src/pages/gameforge.astro
+++ b/src/pages/gameforge.astro
@@ -52,11 +52,11 @@ const stats = [
     <div class="gf-hero-bg"></div>
     <div class="gf-hero-scanlines"></div>
     <div class="gf-hero-content">
-      <span class="gf-badge">AeThex Labs</span>
+      <span class="gf-badge">Labs Product • Game Development</span>
       <h1 class="gf-hero-title">
         <span class="gf-title-prefix">&gt;</span> GameForge
       </h1>
-      <p class="gf-hero-desc">Terminal-inspired game development tools and community. Build, share, and play in the AeThex universe.</p>
+      <p class="gf-hero-desc">Terminal-inspired game development platform. Build, share, and play games on the AeThex ecosystem.</p>
       <div class="gf-terminal">
         <div class="terminal-header">
           <span class="terminal-dot red"></span>
@@ -467,16 +467,69 @@ room.<span class="method">on</span>(<span class="string">'player:join'</span>, (
     /* Responsive */
     @media (max-width: 1024px) {
       .features-grid { grid-template-columns: 1fr 1fr; }
+      .gf-hero { padding: 60px 16px; min-height: auto; }
+      .gf-features { padding: 60px 16px; }
+      .gf-code { padding: 60px 16px; }
+      .gf-cta { padding: 60px 16px; }
     }
     @media (max-width: 768px) {
-      .gf-hero-title { font-size: 2.5em; }
-      .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
-      .gf-stats .stats-grid { grid-template-columns: 1fr 1fr; }
+      .gf-hero { padding: 40px 12px; }
+      .gf-hero-title { font-size: 2.2em; }
+      .gf-hero-desc { font-size: 1em; margin-bottom: 24px; }
+      .gf-badge { font-size: 0.65em; padding: 5px 12px; }
+      .gf-terminal { max-width: 100%; margin: 0 0 24px 0; }
+      .terminal-body { padding: 14px; font-size: 0.8em; }
+      .gf-ctas { flex-direction: column; gap: 12px; }
+      .gf-button { width: 100%; text-align: center; padding: 14px 24px; font-size: 0.8em; }
+      .features-grid { grid-template-columns: 1fr; max-width: 100%; padding: 0; }
+      .gf-features { padding: 40px 12px; }
+      .feature-card { padding: 24px 20px; }
+      .feature-icon { font-size: 2em; margin-bottom: 14px; }
+      .feature-title { font-size: 1.15em; }
+      .feature-desc { font-size: 0.9em; }
+      .gf-stats { padding: 24px 12px; }
+      .gf-stats .stats-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
+      .stat-item .stat-value { font-size: 1.6em; }
+      .stat-item .stat-label { font-size: 0.7em; }
+      .gf-code { padding: 40px 12px; }
+      .code-block { padding: 20px 14px; border-radius: 10px; }
+      .code-block pre { font-size: 0.8em; line-height: 1.6; }
+      .section-header { margin-bottom: 32px; }
+      .section-eyebrow { font-size: 0.75em; letter-spacing: 2px; }
+      .section-title { font-size: 1.8em; }
+      .section-subtitle { font-size: 0.95em; }
+      .gf-cta { padding: 40px 12px; }
+      .gf-cta h2 { font-size: 1.8em; }
+      .gf-cta p { font-size: 0.95em; }
+      .gf-cta-buttons { flex-direction: column; gap: 12px; }
     }
     @media (max-width: 480px) {
-      .gf-hero-title { font-size: 2em; }
-      .section-title { font-size: 2em; }
-      .gf-stats .stats-grid { grid-template-columns: 1fr; }
+      .gf-hero { padding: 24px 10px; }
+      .gf-hero-title { font-size: 1.8em; }
+      .gf-hero-desc { font-size: 0.9em; }
+      .gf-badge { font-size: 0.6em; padding: 4px 10px; letter-spacing: 1px; }
+      .terminal-body { padding: 12px; font-size: 0.75em; line-height: 1.6; }
+      .gf-button { padding: 12px 20px; font-size: 0.75em; letter-spacing: 1px; }
+      .gf-features { padding: 24px 10px; }
+      .feature-card { padding: 20px 16px; border-radius: 12px; }
+      .feature-icon { font-size: 1.8em; margin-bottom: 10px; }
+      .feature-title { font-size: 1.1em; margin-bottom: 8px; }
+      .feature-desc { font-size: 0.85em; margin-bottom: 12px; }
+      .feature-details li { font-size: 0.8em; padding: 5px 0; }
+      .gf-stats { padding: 16px 10px; }
+      .gf-stats .stats-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
+      .stat-item .stat-value { font-size: 1.4em; }
+      .stat-item .stat-label { font-size: 0.65em; }
+      .gf-code { padding: 24px 10px; }
+      .code-block { padding: 16px 12px; border-radius: 8px; overflow-x: auto; }
+      .code-block pre { font-size: 0.7em; line-height: 1.5; white-space: pre-wrap; word-break: break-word; }
+      .section-header { margin-bottom: 24px; }
+      .section-eyebrow { font-size: 0.7em; letter-spacing: 1px; margin-bottom: 8px; }
+      .section-title { font-size: 1.4em; margin-bottom: 8px; }
+      .section-subtitle { font-size: 0.85em; }
+      .gf-cta { padding: 24px 10px; }
+      .gf-cta h2 { font-size: 1.4em; margin-bottom: 12px; }
+      .gf-cta p { font-size: 0.85em; margin-bottom: 20px; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index d496f72..6b91325 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -870,27 +870,54 @@ import PortalFooterBar from '../components/PortalFooterBar.astro';
       .why-grid { grid-template-columns: 1fr 1fr; }
       .testimonials-grid { grid-template-columns: 1fr 1fr; }
       .hero-title { font-size: 3em; }
+      .hero { padding: 60px 16px 50px 16px; }
     }
     @media (max-width: 768px) {
-      .trinity-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
+      .trinity-grid { grid-template-columns: 1fr; max-width: 100%; margin: 0 auto; }
       .products-grid { grid-template-columns: 1fr; }
-      .why-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
-      .testimonials-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
+      .why-grid { grid-template-columns: 1fr; max-width: 100%; margin: 0 auto; }
+      .testimonials-grid { grid-template-columns: 1fr; max-width: 100%; margin: 0 auto; }
       .flow-diagram { flex-direction: column; }
       .flow-arrow { transform: rotate(90deg); }
-      .hero { padding: 80px 20px 60px 20px; min-height: auto; }
-      .hero-title { font-size: 2.4em; }
-      .hero-subtitle { font-size: 1.2em; }
-      .section-title { font-size: 2em; }
-      .cta-title { font-size: 2em; }
+      .hero { padding: 40px 12px 32px 12px; min-height: auto; }
+      .hero-title { font-size: 2em; letter-spacing: 2px; margin-bottom: 16px; }
+      .hero-subtitle { font-size: 1em; letter-spacing: 2px; margin-bottom: 12px; }
+      .hero-description { font-size: 0.9em; line-height: 1.6; margin-bottom: 24px; padding: 0 8px; }
+      .section-title { font-size: 1.6em; letter-spacing: 2px; }
+      .section-subtitle { font-size: 0.9em; }
+      .cta-title { font-size: 1.6em; }
+      .trinity-badge { gap: 8px; margin-bottom: 24px; }
+      .badge { padding: 8px 14px; font-size: 0.7em; letter-spacing: 1px; }
+      .cta-button { padding: 14px 28px; font-size: 0.85em; letter-spacing: 2px; }
+      .stats-grid { gap: 16px; }
+      .stat-item { padding: 20px 12px; }
+      .stat-value { font-size: 1.8em; }
+      .stat-label { font-size: 0.7em; }
+      .newsletter-section { padding: 40px 12px; }
+      .newsletter-form { gap: 12px; }
+      .newsletter-form input { padding: 14px 16px; font-size: 0.9em; }
+      .newsletter-form button { padding: 14px 24px; font-size: 0.85em; }
     }
     @media (max-width: 480px) {
-      .stats-grid { grid-template-columns: 1fr; }
-      .hero-title { font-size: 2em; }
-      .trinity-badge { flex-direction: column; }
-      .badge { padding: 8px 16px; }
+      .stats-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
+      .hero { padding: 24px 10px 20px 10px; }
+      .hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .hero-subtitle { font-size: 0.85em; letter-spacing: 1px; }
+      .hero-description { font-size: 0.85em; }
+      .trinity-badge { flex-direction: column; gap: 6px; }
+      .badge { padding: 6px 12px; font-size: 0.65em; }
+      .cta-button { width: 100%; max-width: 260px; padding: 12px 20px; font-size: 0.8em; }
+      .section-title { font-size: 1.4em; letter-spacing: 1px; }
+      .section-subtitle { font-size: 0.8em; }
+      .stat-item { padding: 16px 10px; }
+      .stat-value { font-size: 1.4em; }
+      .stat-label { font-size: 0.65em; }
+      .newsletter-section { padding: 24px 10px; }
       .newsletter-form { flex-direction: column; }
-      .newsletter-form input { width: 100%; }
+      .newsletter-form input { width: 100%; padding: 12px 14px; }
+      .newsletter-form button { width: 100%; padding: 12px 20px; }
+      .newsletter-note { font-size: 0.75em; }
+      .cta-title { font-size: 1.3em; }
     }
   </style>
   <PortalFooterBar />
diff --git a/src/pages/labs.astro b/src/pages/labs.astro
index ee0cfd0..257cba3 100644
--- a/src/pages/labs.astro
+++ b/src/pages/labs.astro
@@ -1,49 +1,49 @@
 ---
-// Labs Division Page
+// Labs Division Page - The Grid Platform
 import MainLayout from '../layouts/MainLayout.astro';
 
-const projects = [
+const bounties = [
   {
-    name: 'Nexus Engine v2.0',
-    status: 'In Development',
-    completion: 65,
-    description: 'Next-generation game engine with real-time collaboration and cloud-native architecture.',
-    tech: ['Rust', 'WebGPU', 'WASM']
+    name: 'UI Component Library',
+    reward: '$500',
+    difficulty: 'Intermediate',
+    description: 'Build reusable React components for the AeThex design system.',
+    skills: ['React', 'TypeScript', 'CSS']
   },
   {
-    name: 'AI Copilot Assistant',
-    status: 'Beta Testing',
-    completion: 80,
-    description: 'Intelligent assistant for code generation, debugging, and game design suggestions.',
-    tech: ['Python', 'LLMs', 'RAG']
+    name: 'API Documentation',
+    reward: '$300',
+    difficulty: 'Beginner',
+    description: 'Write comprehensive docs for the Platform API endpoints.',
+    skills: ['Technical Writing', 'Markdown', 'API']
   },
   {
-    name: 'Quantum Sync Protocol',
-    status: 'Research',
-    completion: 25,
-    description: 'Experimental low-latency networking protocol for seamless multiplayer experiences.',
-    tech: ['C++', 'QUIC', 'WebRTC']
+    name: 'Performance Optimization',
+    reward: '$800',
+    difficulty: 'Advanced',
+    description: 'Optimize rendering performance for the dashboard application.',
+    skills: ['React', 'Performance', 'Profiling']
   },
   {
-    name: 'Neural Asset Generator',
-    status: 'Alpha',
-    completion: 45,
-    description: 'AI-powered 3D asset generation from text descriptions and sketches.',
-    tech: ['PyTorch', 'Diffusion', '3D Gen']
+    name: 'Mobile App Feature',
+    reward: '$600',
+    difficulty: 'Intermediate',
+    description: 'Implement push notifications for the mobile companion app.',
+    skills: ['React Native', 'Firebase', 'Mobile']
   }
 ];
 
 const stats = [
-  { label: 'Active Projects', value: '12', icon: '📊', color: '#00ffff' },
-  { label: 'Team Members', value: '28', icon: '👥', color: '#ff00ff' },
-  { label: 'Beta Testers', value: '2.4K', icon: '🧪', color: '#ffff00' },
-  { label: 'Experiments', value: '156', icon: '⚗️', color: '#ff4500' }
+  { label: 'Active Bounties', value: '48', icon: '💰', color: '#EAB308' },
+  { label: 'Creators', value: '2.4K', icon: '👥', color: '#22c55e' },
+  { label: 'Shipped Projects', value: '850+', icon: '🚀', color: '#3b82f6' },
+  { label: 'Total Rewards', value: '$125K', icon: '⭐', color: '#f97316' }
 ];
 
 const quickActions = [
-  { label: 'Submit Proposal', icon: '📝' },
-  { label: 'Join Beta Program', icon: '🚀' },
-  { label: 'View Documentation', icon: '📚' }
+  { label: 'Browse Bounties', icon: '💰' },
+  { label: 'Create Profile', icon: '👤' },
+  { label: 'View Leaderboard', icon: '🏆' }
 ];
 ---
 <MainLayout>
@@ -56,12 +56,12 @@ const quickActions = [
         <img src="/labs-logo.svg" alt="Labs Logo" class="entity-logo" />
         <h1 class="entity-title animated">
           <span class="terminal-prefix">&gt;</span>
-          <span class="fade-in">AeThex Labs</span>
+          <span class="fade-in">The Grid</span>
           <span class="cursor">_</span>
         </h1>
-        <p class="entity-desc fade-in-delay">Research & Development • Experimental • Bleeding Edge</p>
-        <p class="terminal-status">System status: <span class="status-online">All modules operational</span>. Ready for deployment.</p>
-        <a href="#projects" class="cta-btn">Explore R&D Projects</a>
+        <p class="entity-desc fade-in-delay">Ship Code • Earn Rewards • Build Your Reputation</p>
+        <p class="terminal-status">Platform status: <span class="status-online">48 bounties available</span>. Join the creator community.</p>
+        <a href="#bounties" class="cta-btn">Explore Bounties</a>
       </div>
     </section>
 
@@ -83,26 +83,25 @@ const quickActions = [
     <!-- Main Content Grid -->
     <section class="labs-content">
       <div class="content-grid">
-        <!-- Projects Panel -->
-        <div class="panel projects-panel" id="projects">
+        <!-- Bounties Panel -->
+        <div class="panel projects-panel" id="bounties">
           <div class="panel-header">
-            <h2><span class="prompt">&gt;</span> Active R&D Projects</h2>
+            <h2><span class="prompt">&gt;</span> Available Bounties</h2>
           </div>
           <div class="projects-list">
-            {projects.map(project => (
+            {bounties.map(bounty => (
               <div class="project-card">
                 <div class="project-header">
-                  <h3 class="project-name">{project.name}</h3>
-                  <span class={`project-status ${project.status.toLowerCase().replace(' ', '-')}`}>{project.status}</span>
+                  <h3 class="project-name">{bounty.name}</h3>
+                  <span class={`project-status ${bounty.difficulty.toLowerCase()}`}>{bounty.reward}</span>
                 </div>
-                <p class="project-desc">{project.description}</p>
-                <div class="progress-bar">
-                  <div class="progress-fill" style={`width: ${project.completion}%`}></div>
-                  <span class="progress-text">{project.completion}%</span>
+                <p class="project-desc">{bounty.description}</p>
+                <div class="bounty-difficulty">
+                  <span class={`difficulty-badge ${bounty.difficulty.toLowerCase()}`}>{bounty.difficulty}</span>
                 </div>
                 <div class="project-tech">
-                  {project.tech.map(t => (
-                    <span class="tech-tag">{t}</span>
+                  {bounty.skills.map(skill => (
+                    <span class="tech-tag">{skill}</span>
                   ))}
                 </div>
               </div>
@@ -131,13 +130,13 @@ const quickActions = [
               <span class="terminal-dot red"></span>
               <span class="terminal-dot yellow"></span>
               <span class="terminal-dot green"></span>
-              <span class="terminal-title">labs-terminal</span>
+              <span class="terminal-title">grid-terminal</span>
             </div>
             <div class="terminal-body">
-              <p><span class="prompt">$</span> labs status --all</p>
-              <p class="output">✓ 4 active projects</p>
-              <p class="output">✓ 3 pending reviews</p>
-              <p class="output">✓ 28 contributors online</p>
+              <p><span class="prompt">$</span> grid bounties --available</p>
+              <p class="output">✓ 48 open bounties</p>
+              <p class="output">✓ $12.5K total rewards</p>
+              <p class="output">✓ 156 creators active</p>
               <p><span class="prompt">$</span> <span class="cursor-blink">_</span></p>
             </div>
           </div>
@@ -148,27 +147,27 @@ const quickActions = [
     <!-- About Labs -->
     <section class="about-section">
       <div class="glass-card">
-        <h2><span class="prompt">&gt;</span> About Labs Division</h2>
+        <h2><span class="prompt">&gt;</span> About The Grid</h2>
         <p class="about-text">
-          AeThex Labs is our innovation engine — pushing boundaries with experimental features, 
-          beta technologies, and next-generation metaverse infrastructure. We operate at the 
-          bleeding edge, transforming ambitious ideas into production-ready solutions.
+          The Grid is the creator platform where builders ship code, claim bounties, and grow their reputation. 
+          Collaborate with the community, earn rewards for your contributions, and build your portfolio 
+          as part of the AeThex ecosystem.
         </p>
         <div class="focus-areas">
           <div class="focus-item">
-            <span class="focus-icon">🔬</span>
-            <h4>Research</h4>
-            <p>Exploring emerging technologies and their applications in the metaverse</p>
+            <span class="focus-icon">💰</span>
+            <h4>Bounties</h4>
+            <p>Claim tasks, ship code, earn rewards for your contributions</p>
           </div>
           <div class="focus-item">
-            <span class="focus-icon">🧪</span>
-            <h4>Experimentation</h4>
-            <p>Rapid prototyping and validation of new concepts and architectures</p>
+            <span class="focus-icon">⭐</span>
+            <h4>Reputation</h4>
+            <p>Build your creator profile with verified achievements and XP</p>
           </div>
           <div class="focus-item">
-            <span class="focus-icon">🚀</span>
-            <h4>Incubation</h4>
-            <p>Nurturing promising projects from idea to production deployment</p>
+            <span class="focus-icon">🤝</span>
+            <h4>Collaborate</h4>
+            <p>Connect with creators worldwide and build together</p>
           </div>
         </div>
       </div>
@@ -177,10 +176,10 @@ const quickActions = [
     <style>
       /* ========== LABS PAGE STYLES ========== */
       :root {
-        --labs-primary: #ffa500;
-        --labs-secondary: #ffd580;
+        --labs-primary: #EAB308;
+        --labs-secondary: #fde047;
         --labs-dark: #0a0a0a;
-        --labs-glow: #ffa50080;
+        --labs-glow: #EAB30880;
       }
 
       .entity-page.labs {
@@ -437,6 +436,35 @@ const quickActions = [
         background: rgba(255, 100, 100, 0.2);
         color: #ff6464;
       }
+      .project-status.beginner,
+      .project-status.intermediate,
+      .project-status.advanced {
+        background: rgba(234, 179, 8, 0.2);
+        color: #EAB308;
+      }
+      .bounty-difficulty {
+        margin-bottom: 12px;
+      }
+      .difficulty-badge {
+        font-size: 0.75em;
+        padding: 4px 10px;
+        border-radius: 4px;
+        text-transform: uppercase;
+        letter-spacing: 1px;
+        font-weight: 600;
+      }
+      .difficulty-badge.beginner {
+        background: rgba(34, 197, 94, 0.2);
+        color: #22c55e;
+      }
+      .difficulty-badge.intermediate {
+        background: rgba(234, 179, 8, 0.2);
+        color: #EAB308;
+      }
+      .difficulty-badge.advanced {
+        background: rgba(239, 68, 68, 0.2);
+        color: #ef4444;
+      }
       .project-desc {
         color: #888;
         font-size: 0.9em;
@@ -665,17 +693,95 @@ const quickActions = [
         .focus-areas {
           grid-template-columns: 1fr;
         }
+        .hero-banner { padding: 60px 16px; min-height: auto; }
+        .labs-content { padding: 24px 16px; }
+        .stats-section { padding: 24px 16px; }
+        .about-section { padding: 40px 16px; }
       }
-      @media (max-width: 600px) {
-        .entity-title {
-          font-size: 2.2em;
-        }
-        .stats-grid {
-          grid-template-columns: 1fr;
-        }
-        .glass-card {
-          padding: 28px 20px;
-        }
+      @media (max-width: 768px) {
+        .hero-banner { padding: 40px 12px; }
+        .entity-title { font-size: 2.2em; }
+        .entity-desc { font-size: 1em; }
+        .terminal-status { font-size: 0.8em; margin-bottom: 20px; }
+        .cta-btn { padding: 12px 24px; font-size: 0.9em; }
+        .entity-logo { width: 60px; height: 60px; margin-bottom: 16px; }
+        .stats-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
+        .stat-card { padding: 16px; gap: 12px; }
+        .stat-icon { font-size: 1.5em; }
+        .stat-value { font-size: 1.4em; }
+        .stat-label { font-size: 0.7em; }
+        .labs-content { padding: 20px 12px; }
+        .panel { border-radius: 12px; }
+        .panel-header { padding: 12px 16px; }
+        .panel-header h2 { font-size: 1em; }
+        .projects-list { padding: 12px; gap: 12px; }
+        .project-card { padding: 16px; border-radius: 10px; }
+        .project-name { font-size: 1em; }
+        .project-status { font-size: 0.65em; padding: 3px 8px; }
+        .project-desc { font-size: 0.85em; margin-bottom: 10px; }
+        .tech-tag { font-size: 0.7em; padding: 3px 8px; }
+        .actions-list { padding: 12px; gap: 10px; }
+        .action-button { padding: 12px 14px; }
+        .action-icon { font-size: 1em; }
+        .action-label { font-size: 0.9em; }
+        .terminal-widget { margin: 12px; }
+        .terminal-body { padding: 12px; font-size: 0.8em; }
+        .about-section { padding: 32px 12px; }
+        .glass-card { padding: 24px 16px; border-radius: 16px; }
+        .glass-card h2 { font-size: 1.4em; margin-bottom: 16px; }
+        .about-text { font-size: 0.95em; margin-bottom: 24px; }
+        .focus-item { padding: 20px 16px; border-radius: 12px; }
+        .focus-icon { font-size: 2em; margin-bottom: 10px; }
+        .focus-item h4 { font-size: 1em; }
+        .focus-item p { font-size: 0.85em; }
+        .glass-footer { margin: 32px 12px 0 12px; padding: 16px 20px; font-size: 0.95em; gap: 12px; }
+      }
+      @media (max-width: 480px) {
+        .hero-banner { padding: 24px 10px; }
+        .entity-title { font-size: 1.8em; letter-spacing: 1px; }
+        .entity-desc { font-size: 0.9em; }
+        .terminal-status { font-size: 0.75em; }
+        .cta-btn { padding: 10px 20px; font-size: 0.85em; width: 100%; max-width: 220px; }
+        .entity-logo { width: 48px; height: 48px; margin-bottom: 12px; }
+        .stats-section { padding: 16px 10px; }
+        .stats-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
+        .stat-card { padding: 14px 12px; border-radius: 10px; }
+        .stat-icon { font-size: 1.3em; }
+        .stat-value { font-size: 1.2em; }
+        .stat-label { font-size: 0.65em; }
+        .labs-content { padding: 16px 10px; }
+        .panel { border-radius: 10px; }
+        .panel-header { padding: 10px 14px; }
+        .panel-header h2 { font-size: 0.9em; }
+        .projects-list { padding: 10px; gap: 10px; }
+        .project-card { padding: 14px 12px; border-radius: 8px; }
+        .project-header { flex-direction: column; align-items: flex-start; gap: 6px; }
+        .project-name { font-size: 0.95em; }
+        .project-status { font-size: 0.6em; }
+        .project-desc { font-size: 0.8em; line-height: 1.4; }
+        .bounty-difficulty { margin-bottom: 8px; }
+        .difficulty-badge { font-size: 0.65em; padding: 3px 8px; }
+        .project-tech { gap: 6px; }
+        .tech-tag { font-size: 0.65em; padding: 2px 6px; }
+        .actions-list { padding: 10px; gap: 8px; }
+        .action-button { padding: 10px 12px; border-radius: 6px; }
+        .action-icon { font-size: 0.9em; }
+        .action-label { font-size: 0.85em; }
+        .terminal-widget { margin: 10px; border-radius: 6px; }
+        .terminal-header { padding: 6px 10px; }
+        .terminal-dot { width: 8px; height: 8px; }
+        .terminal-title { font-size: 0.7em; }
+        .terminal-body { padding: 10px; font-size: 0.75em; line-height: 1.6; }
+        .about-section { padding: 20px 10px; }
+        .glass-card { padding: 20px 14px; border-radius: 12px; }
+        .glass-card h2 { font-size: 1.2em; margin-bottom: 12px; }
+        .about-text { font-size: 0.85em; line-height: 1.6; margin-bottom: 20px; }
+        .focus-areas { gap: 12px; }
+        .focus-item { padding: 16px 14px; border-radius: 10px; }
+        .focus-icon { font-size: 1.6em; margin-bottom: 8px; }
+        .focus-item h4 { font-size: 0.95em; margin-bottom: 6px; }
+        .focus-item p { font-size: 0.8em; }
+        .glass-footer { margin: 24px 10px 0 10px; padding: 14px 16px; font-size: 0.85em; gap: 10px; border-radius: 12px 12px 0 0; }
       }
     </style>
   </main>
diff --git a/src/pages/privacy.astro b/src/pages/privacy.astro
index d1c57fc..d1914d3 100644
--- a/src/pages/privacy.astro
+++ b/src/pages/privacy.astro
@@ -207,12 +207,22 @@ const lastUpdated = new Date().toLocaleDateString('en-US', { year: 'numeric', mo
     }
 
     @media (max-width: 768px) {
-      .privacy-hero .hero-title {
-        font-size: 2em;
-      }
-      .privacy-content {
-        padding: 40px 16px 60px 16px;
-      }
+      .privacy-hero { padding: 40px 12px 32px 12px; }
+      .privacy-hero .hero-title { font-size: 2em; letter-spacing: 2px; }
+      .privacy-hero .hero-subtitle { font-size: 0.95em; }
+      .privacy-content { padding: 40px 12px 50px 12px; }
+      .section-title { font-size: 1.4em; letter-spacing: 1px; }
+      .section-content { font-size: 0.9em; }
+      .contact-link { padding: 12px 24px; font-size: 0.9em; }
+    }
+    @media (max-width: 480px) {
+      .privacy-hero { padding: 24px 10px 20px 10px; }
+      .privacy-hero .hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .privacy-hero .hero-subtitle { font-size: 0.85em; }
+      .privacy-content { padding: 24px 10px 40px 10px; }
+      .section-title { font-size: 1.2em; }
+      .section-content { font-size: 0.85em; }
+      .contact-link { width: 100%; max-width: 260px; padding: 12px 20px; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/products.astro b/src/pages/products.astro
index f4c85c0..ac15330 100644
--- a/src/pages/products.astro
+++ b/src/pages/products.astro
@@ -376,16 +376,39 @@ const stats = [
     .cta-button:hover { transform: translateY(-2px); }
 
     /* Responsive */
-    @media (max-width: 900px) {
+    @media (max-width: 1024px) {
       .products-grid { grid-template-columns: repeat(2, 1fr); }
-      .stats-bar { gap: 30px; flex-wrap: wrap; }
+      .stats-bar { gap: 24px; flex-wrap: wrap; }
     }
-    @media (max-width: 600px) {
-      .products-grid { grid-template-columns: 1fr; }
-      .hero-title { font-size: 2.5em; }
-      .hero-actions { flex-direction: column; align-items: center; }
-      .enterprise-cta { padding: 40px 20px; }
+    @media (max-width: 768px) {
+      .products-grid { grid-template-columns: 1fr; max-width: 100%; margin: 0 auto; }
+      .products-hero { padding: 40px 12px 32px 12px; }
+      .hero-title { font-size: 2em; letter-spacing: 2px; }
+      .hero-subtitle { font-size: 1em; }
+      .hero-actions { flex-direction: column; align-items: center; gap: 12px; }
+      .stats-bar { gap: 16px; }
+      .stat-value { font-size: 1.8em; }
+      .stat-label { font-size: 0.7em; }
+      .product-card { padding: 24px 16px; }
+      .product-title { font-size: 1.2em; }
+      .product-description { font-size: 0.85em; }
+      .enterprise-cta { padding: 40px 16px; }
+      .enterprise-cta h2 { font-size: 1.6em; }
+      .enterprise-cta p { font-size: 0.9em; }
       .cta-features { flex-direction: column; gap: 8px; }
+      .cta-button { padding: 14px 28px; font-size: 0.85em; }
+    }
+    @media (max-width: 480px) {
+      .products-hero { padding: 24px 10px 20px 10px; }
+      .hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .hero-subtitle { font-size: 0.85em; }
+      .product-card { padding: 20px 12px; }
+      .product-title { font-size: 1.1em; }
+      .stat-value { font-size: 1.4em; }
+      .stat-label { font-size: 0.65em; }
+      .enterprise-cta { padding: 24px 12px; }
+      .enterprise-cta h2 { font-size: 1.3em; }
+      .cta-button { width: 100%; max-width: 260px; padding: 12px 20px; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/team.astro b/src/pages/team.astro
index 60599f1..9b5381e 100644
--- a/src/pages/team.astro
+++ b/src/pages/team.astro
@@ -325,10 +325,36 @@ const getDeptColor = (dept: string) => {
       background: rgba(255, 255, 255, 0.1);
     }
     
+    @media (max-width: 1024px) {
+      .team-grid { grid-template-columns: repeat(2, 1fr); }
+      .leadership-grid { grid-template-columns: repeat(2, 1fr); }
+    }
     @media (max-width: 768px) {
-      .team-hero .hero-title {
-        font-size: 2.5em;
-      }
+      .team-hero { padding: 40px 12px 32px 12px; }
+      .team-hero .hero-title { font-size: 2em; letter-spacing: 2px; }
+      .team-hero .hero-description { font-size: 0.95em; }
+      .team-grid, .leadership-grid { grid-template-columns: 1fr; max-width: 100%; margin: 0 auto; }
+      .section-header h2 { font-size: 1.6em; letter-spacing: 2px; }
+      .section-header p { font-size: 0.9em; }
+      .member-card, .leader-card { padding: 24px 16px; }
+      .member-name, .leader-name { font-size: 1.2em; }
+      .member-role, .leader-role { font-size: 0.85em; }
+      .join-cta { padding: 40px 12px; }
+      .join-cta h2 { font-size: 1.6em; }
+      .join-cta p { font-size: 0.95em; }
+      .cta-buttons { flex-direction: column; gap: 12px; }
+      .cta-button { padding: 14px 28px; font-size: 0.85em; }
+    }
+    @media (max-width: 480px) {
+      .team-hero { padding: 24px 10px 20px 10px; }
+      .team-hero .hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .team-hero .hero-description { font-size: 0.85em; }
+      .section-header h2 { font-size: 1.3em; letter-spacing: 1px; }
+      .member-card, .leader-card { padding: 20px 12px; }
+      .member-name, .leader-name { font-size: 1.1em; }
+      .join-cta { padding: 24px 10px; }
+      .join-cta h2 { font-size: 1.3em; }
+      .cta-button { width: 100%; max-width: 260px; padding: 12px 20px; }
     }
   </style>
 </MainLayout>
diff --git a/src/pages/terms.astro b/src/pages/terms.astro
index 5374936..15a3d3d 100644
--- a/src/pages/terms.astro
+++ b/src/pages/terms.astro
@@ -295,16 +295,23 @@ const lastUpdated = new Date().toLocaleDateString('en-US', { year: 'numeric', mo
     }
 
     @media (max-width: 768px) {
-      .terms-hero .hero-title {
-        font-size: 2em;
-      }
-      .terms-content {
-        padding: 40px 16px 60px 16px;
-      }
-      .warning-box, .nda-box, .highlight-box {
-        flex-direction: column;
-        gap: 12px;
-      }
+      .terms-hero { padding: 40px 12px 32px 12px; }
+      .terms-hero .hero-title { font-size: 2em; letter-spacing: 2px; }
+      .terms-hero .hero-subtitle { font-size: 0.95em; }
+      .terms-content { padding: 40px 12px 50px 12px; }
+      .section-title { font-size: 1.4em; letter-spacing: 1px; }
+      .section-content { font-size: 0.9em; }
+      .warning-box, .nda-box, .highlight-box { flex-direction: column; gap: 12px; }
+      .cta-button { padding: 12px 24px; font-size: 0.9em; }
+    }
+    @media (max-width: 480px) {
+      .terms-hero { padding: 24px 10px 20px 10px; }
+      .terms-hero .hero-title { font-size: 1.6em; letter-spacing: 1px; }
+      .terms-hero .hero-subtitle { font-size: 0.85em; }
+      .terms-content { padding: 24px 10px 40px 10px; }
+      .section-title { font-size: 1.2em; }
+      .section-content { font-size: 0.85em; }
+      .cta-button { width: 100%; max-width: 260px; padding: 12px 20px; }
     }
   </style>
 </MainLayout>