style(ui): clean up site styling and section labels

- Soften global glow shadows to standard dark shadows
- Hide scanline background effect
- Format documentation and page section labels to be cleaner and more readable

public/styles/global.css

@@ -37,8 +37,8 @@
   --border-radius: 2px;
   
   /* Effects */
-  --shadow-glow: 0 0 15px rgba(0, 221, 119, 0.2);
+  --shadow-glow: 0 4px 20px rgba(0, 0, 0, 0.4);
-  --shadow-glow-pink: 0 0 15px rgba(255, 0, 128, 0.2);
+  --shadow-glow-pink: 0 4px 20px rgba(0, 0, 0, 0.5);
 }
 
 /* ===== Reset & Base Styles ===== */
@@ -249,6 +249,7 @@ a {
 }
 
 .scanline {
+  display: none;
   position: absolute;
   top: 0;
   left: 0;

src/pages/docs.astro

@@ -8,10 +8,10 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <section class="docs-hero">
       <div class="container">
         <div class="hero-content">
-          <div class="hero-label">// USER_GUIDE.md</div>
+          <div class="hero-label">User Guide</div>
           <h1 class="hero-title">
             <span class="title-line-1">DOCUMENTATION</span>
-            <span class="title-accent">GET_STARTED_</span>
+            <span class="title-accent">Get Started</span>
           </h1>
           <p class="hero-description">
             How to use Blade, from zero setup to advanced workflows.
@@ -24,7 +24,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- The Concept Section -->
     <section id="concept" class="docs-section">
       <div class="container">
-        <div class="section-label">[001] THE_CONCEPT</div>
+        <div class="section-label">01 // The Concept</div>
         <div class="concept-card">
           <div class="concept-header">
             <h2>AI-Native Editor</h2>
@@ -60,7 +60,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Getting Started Section -->
     <section id="getting-started" class="docs-section section-alt">
       <div class="container">
-        <div class="section-label">[002] GETTING_STARTED</div>
+        <div class="section-label">02 // Getting Started</div>
         <h2 class="section-title">Quick Start Guide</h2>
         
         <div class="steps-grid">
@@ -98,7 +98,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Interface Section -->
     <section id="interface" class="docs-section">
       <div class="container">
-        <div class="section-label">[003] THE_INTERFACE</div>
+        <div class="section-label">03 // The Interface</div>
         <h2 class="section-title">Interface Overview</h2>
         
         <div class="interface-grid">
@@ -152,7 +152,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Keyboard Shortcuts Section -->
     <section id="shortcuts" class="docs-section section-alt">
       <div class="container">
-        <div class="section-label">[004] KEYBOARD_SHORTCUTS</div>
+        <div class="section-label">04 // Keyboard Shortcuts</div>
         <h2 class="section-title">Keyboard Shortcuts</h2>
         
         <div class="shortcuts-layout">
@@ -206,7 +206,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- At Commands Section -->
     <section id="commands" class="docs-section">
       <div class="container">
-        <div class="section-label">[005] @_COMMANDS</div>
+        <div class="section-label">05 // @ Commands</div>
         <h2 class="section-title">Special Commands</h2>
         <p class="section-desc">Type <code class="inline-code">@</code> in the chat input to access these special commands:</p>
         
@@ -226,7 +226,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Working with AI Section -->
     <section id="ai" class="docs-section section-alt">
       <div class="container">
-        <div class="section-label">[006] WORKING_WITH_AI</div>
+        <div class="section-label">06 // Working with AI</div>
         <h2 class="section-title">AI Collaboration</h2>
         
         <div class="ai-content">
@@ -260,7 +260,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Chat Modes Section -->
     <section id="chat-modes" class="docs-section section-alt">
       <div class="container">
-        <div class="section-label">[007] CHAT_MODES</div>
+        <div class="section-label">07 // Chat Modes</div>
         <h2 class="section-title">Chat Modes</h2>
         <p class="section-desc">Zaguán Blade supports two chat modes accessible from the <strong>Command Center</strong>:</p>
 
@@ -284,7 +284,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Settings Section -->
     <section id="settings" class="docs-section">
       <div class="container">
-        <div class="section-label">[008] SETTINGS</div>
+        <div class="section-label">08 // Settings</div>
         <h2 class="section-title">Configuration</h2>
         
         <div class="settings-grid">
@@ -370,7 +370,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Project Instructions Section -->
     <section id="project-instructions" class="docs-section section-alt">
       <div class="container">
-        <div class="section-label">[009] PROJECT_INSTRUCTIONS</div>
+        <div class="section-label">09 // Project Instructions</div>
         <h2 class="section-title">Teach the AI About Your Project</h2>
         
         <div class="instructions-content">
@@ -403,7 +403,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Editor Features Section -->
     <section id="features" class="docs-section">
       <div class="container">
-        <div class="section-label">[010] EDITOR_FEATURES</div>
+        <div class="section-label">10 // Editor Features</div>
         <h2 class="section-title">Additional Features</h2>
         
         <div class="features-list">
@@ -440,7 +440,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Screenshot Capture Section -->
     <section id="screenshot" class="docs-section section-alt">
       <div class="container">
-        <div class="section-label">[011] SCREENSHOT_CAPTURE</div>
+        <div class="section-label">11 // Screenshot Capture</div>
         <h2 class="section-title">Screenshot Capture</h2>
         <p class="section-desc">Attach screenshots to your chat messages to give the AI visual context. Access capture options from the <strong>Feature Menu</strong> (grid icon) in the Command Center.</p>
         
@@ -478,7 +478,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Privacy Section -->
     <section id="privacy" class="docs-section">
       <div class="container">
-        <div class="section-label">[012] PRIVACY_&_DATA</div>
+        <div class="section-label">12 // Privacy & Data</div>
         <h2 class="section-title">Privacy</h2>
         
         <div class="privacy-grid">
@@ -509,7 +509,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Local AI System Prompts Section -->
     <section id="local-ai-prompts" class="docs-section">
       <div class="container">
-        <div class="section-label">[013] LOCAL_AI_SYSTEM_PROMPTS</div>
+        <div class="section-label">13 // Local AI System Prompts</div>
         <h2 class="section-title">Custom System Prompts</h2>
         
         <div class="instructions-content">
@@ -586,7 +586,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Tool Calls Reference Section -->
     <section id="tool-calls" class="docs-section section-alt">
       <div class="container">
-        <div class="section-label">[014] TOOL_CALLS_REFERENCE</div>
+        <div class="section-label">14 // Tool Calls Reference</div>
         <h2 class="section-title">Tool Calls Reference</h2>
         
         <div class="instructions-content">
@@ -611,7 +611,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Known Bugs Section -->
     <section id="known-bugs" class="docs-section section-alt">
       <div class="container">
-        <div class="section-label">[015] KNOWN_BUGS</div>
+        <div class="section-label">15 // Known Bugs</div>
         <h2 class="section-title">Known Issues</h2>
         <p class="section-desc">As an alpha release, there are some known limitations and bugs we're actively working on:</p>
         
@@ -650,7 +650,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Support Section -->
     <section id="support" class="docs-section">
       <div class="container">
-        <div class="section-label">[016] SUPPORT_&_FEEDBACK</div>
+        <div class="section-label">16 // Support & Feedback</div>
         <div class="support-card">
           <div class="support-header">
             <h2>Alpha Release</h2>

src/pages/index.astro

@@ -12,11 +12,10 @@ const version = pkg.version ?? "";
       <div class="hero-bg-elements">
         <div class="hero-block hero-block-1"></div>
         <div class="hero-block hero-block-2"></div>
-        <div class="scanline"></div>
       </div>
       <div class="container">
         <div class="hero-content">
-          <div class="hero-label">// NOT_ANOTHER_AI_SIDEBAR</div>
+          <div class="hero-label">LOCAL-FIRST AI CODE EDITOR</div>
           <h1 class="hero-title">
             <span class="title-line-1">YOUR CODE STAYS YOURS.</span>
             <span class="title-line-2">CLOUD WHEN YOU WANT IT.</span>
@@ -59,7 +58,7 @@ const version = pkg.version ?? "";
     <section id="philosophy" class="features" style="padding-top: var(--space-3xl);">
       <div class="features-header">
         <div class="container">
-          <div class="section-label">[001] WHY_ZBLADE</div>
+          <div class="section-label">01 // Why Blade</div>
           <h2 class="section-title">Why Another Editor<br/>Exists</h2>
         </div>
       </div>
@@ -131,7 +130,7 @@ const version = pkg.version ?? "";
     <section id="workflow" class="features">
       <div class="features-header">
         <div class="container">
-          <div class="section-label">[002] WORKFLOW</div>
+          <div class="section-label">02 // Workflow</div>
           <h2 class="section-title">What It's Actually<br/>Good At</h2>
         </div>
       </div>
@@ -175,7 +174,7 @@ const version = pkg.version ?? "";
     <!-- How It Works Section -->
     <section class="architecture-section">
       <div class="container">
-        <div class="section-label">[003] ARCHITECTURE</div>
+        <div class="section-label">03 // Architecture</div>
         <div class="arch-grid">
           <div class="arch-node">
             <div class="node-header">
@@ -213,7 +212,7 @@ const version = pkg.version ?? "";
     <section class="pricing">
       <div class="pricing-container">
         <div class="pricing-block">
-          <div class="section-label">[004] SUBSCRIPTION_MODEL</div>
+          <div class="section-label">04 // Subscription Model</div>
           <h2 class="pricing-title">ZAGUÁN AI<br/>REQUIRED</h2>
           <div class="pricing-grid">
             <div class="pricing-item">
@@ -233,7 +232,7 @@ const version = pkg.version ?? "";
             <span>Funding development</span>
           </div>
           <a href="https://zaguanai.com/pricing" class="pricing-action" target="_blank" rel="noopener">
-            <span>VIEW_PRICING()</span>
+            <span>View Pricing & Plans</span>
             <span class="action-arrow">→</span>
           </a>
         </div>
@@ -244,7 +243,7 @@ const version = pkg.version ?? "";
     <section id="download" class="download">
       <div class="download-layout">
         <div class="download-header">
-          <div class="section-label">[005] DOWNLOAD_ZBLADE</div>
+          <div class="section-label">05 // Download Blade</div>
           <h2 class="download-title">Get Blade<br/>for Your OS</h2>
         </div>
         <div class="download-grid">

src/pages/privacy.astro

@@ -7,7 +7,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Hero Section -->
     <section class="privacy-hero">
       <div class="container">
-        <div class="section-label">[PRIVACY]</div>
+        <div class="section-label">Privacy Policy</div>
         <h1 class="section-title">Privacy</h1>
         <p class="hero-subtitle">What data we collect, what we don't, and why that distinction matters.</p>
       </div>

src/pages/tools.astro

@@ -51,7 +51,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- File Operations Section -->
     <section id="file-operations" class="docs-section">
       <div class="container">
-        <div class="section-label">[001] FILE_OPERATIONS</div>
+        <div class="section-label">01 // File Operations</div>
         <h2 class="section-title">File Operations</h2>
         
         <div class="tools-list">
@@ -398,7 +398,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Directory & Search Tools Section -->
     <section id="directory-search" class="docs-section section-alt">
       <div class="container">
-        <div class="section-label">[002] DIRECTORY_&_SEARCH</div>
+        <div class="section-label">02 // Directory & Search</div>
         <h2 class="section-title">Directory & Search Tools</h2>
         
         <div class="tools-list">
@@ -616,7 +616,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Editor Interaction Tools Section -->
     <section id="editor-interaction" class="docs-section">
       <div class="container">
-        <div class="section-label">[003] EDITOR_INTERACTION</div>
+        <div class="section-label">03 // Editor Interaction</div>
         <h2 class="section-title">Editor Interaction Tools</h2>
         
         <div class="tools-list">
@@ -783,7 +783,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Command Execution Section -->
     <section id="command-execution" class="docs-section section-alt">
       <div class="container">
-        <div class="section-label">[004] COMMAND_EXECUTION</div>
+        <div class="section-label">04 // Command Execution</div>
         <h2 class="section-title">Command Execution</h2>
         
         <div class="tools-list">
@@ -851,7 +851,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Tool Result Handling Section -->
     <section id="tool-result-handling" class="docs-section">
       <div class="container">
-        <div class="section-label">[005] TOOL_RESULTS</div>
+        <div class="section-label">05 // Tool Results</div>
         <h2 class="section-title">Tool Result Handling</h2>
         
         <div class="info-card">
@@ -874,7 +874,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- Path Resolution Section -->
     <section id="path-resolution" class="docs-section section-alt">
       <div class="container">
-        <div class="section-label">[006] PATH_RESOLUTION</div>
+        <div class="section-label">06 // Path Resolution</div>
         <h2 class="section-title">Path Resolution</h2>
         
         <div class="info-card">
@@ -900,7 +900,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <!-- System Prompt Integration Section -->
     <section id="system-prompt-integration" class="docs-section">
       <div class="container">
-        <div class="section-label">[007] SYSTEM_PROMPT</div>
+        <div class="section-label">07 // System Prompt</div>
         <h2 class="section-title">Adding Tools to Your AI System Prompt</h2>
         
         <div class="prompt-intro">