Update index.html and style.css to improve navigation and visual design. Changed the "Get Started" link to point to the documentation, updated vocabulary cards to be clickable links, and enhanced CSS styles for better interactivity and readability.

Author: hasith

docs/getting-started/README.md

@@ -0,0 +1,30 @@
+# Getting Started (99x Teams Only)
+
+Welcome to the getting started guide for 99x teams. Follow these steps to set up the Xianix Agent Team for your project.
+
+## 1. Create a Tenant
+
+Create a new tenant for your team by visiting [Agentri](https://agentri.ai/).
+
+## 2. Request Admin Setup
+
+Contact the 99x Agentri Administrator and request them to perform the following actions:
+
+* Enable your newly created tenant
+* Deploy the Xianix agent to your new tenant
+* Assign you the `TenantParticipantAdmin` role
+
+## 3. Activate Xianix Agent Team
+
+Once the admin setup is complete:
+
+1. Log in to [Agentri Studio](https://studio.agentri.ai/login) using your corporate email.
+2. Navigate to **Settings** -> **Agent Store**.
+3. Locate and activate an instance of **Xianix Agent Team**.
+
+## 4. Configure Triggers
+
+To configure your GitHub or Azure DevOps events to activate different agents, refer to the relevant documentation below:
+
+* [PR-Reviewer Agent](./pr-reviewer.md)
+* [Req-Analyzer Agent](./req-analyzer.md)

docs/getting-started/pr-reviewer.md

@@ -40,7 +40,7 @@ <h1>Humans and AI,<br /><span>working at 99x speed</span></h1>
         so your human engineers can focus on what only humans can do.
       </p>
       <div class="hero-actions">
-        <a class="btn btn-primary" href="https://github.com/99x/xianix-team" target="_blank">
+        <a class="btn btn-primary" href="../docs/getting-started/README.md">
           Get Started
         </a>
         <a class="btn btn-outline" href="#agents">
@@ -105,7 +105,7 @@ <h2 class="section-title">From Traditional Agile to AI-DLC</h2>
 
           <div class="vocab-cards">
 
-            <div class="vocab-card">
+            <a href="https://github.com/99x/xianix-team/blob/main/docs/aidlc-concepts/bolts.md" target="_blank" class="vocab-card">
               <div class="vocab-side vocab-side-old">
                 <span class="vocab-badge vocab-badge-old">Traditional Agile</span>
                 <span class="vocab-term-old"><i data-lucide="timer"></i> Sprints</span>
@@ -117,9 +117,9 @@ <h2 class="section-title">From Traditional Agile to AI-DLC</h2>
                 <span class="vocab-term-new"><i data-lucide="zap"></i> Bolts</span>
                 <p>Rapid, intense cycles of continuous build-validation lasting hours or days</p>
               </div>
-            </div>
+            </a>
 
-            <div class="vocab-card">
+            <a href="https://github.com/99x/xianix-team/blob/main/docs/aidlc-concepts/intents.md" target="_blank" class="vocab-card">
               <div class="vocab-side vocab-side-old">
                 <span class="vocab-badge vocab-badge-old">Traditional Agile</span>
                 <span class="vocab-term-old"><i data-lucide="book"></i> Epics</span>
@@ -131,9 +131,9 @@ <h2 class="section-title">From Traditional Agile to AI-DLC</h2>
                 <span class="vocab-term-new"><i data-lucide="lightbulb"></i> Intents</span>
                 <p>High-level statements of business purpose that AI decomposes into actionable tasks</p>
               </div>
-            </div>
+            </a>
 
-            <div class="vocab-card">
+            <a href="https://github.com/99x/xianix-team/blob/main/docs/aidlc-concepts/units.md" target="_blank" class="vocab-card">
               <div class="vocab-side vocab-side-old">
                 <span class="vocab-badge vocab-badge-old">Traditional Agile</span>
                 <span class="vocab-term-old"><i data-lucide="folder-open"></i> Subdomains</span>
@@ -145,9 +145,9 @@ <h2 class="section-title">From Traditional Agile to AI-DLC</h2>
                 <span class="vocab-term-new"><i data-lucide="package"></i> Units</span>
                 <p>Cohesive, self-contained elements designed for independent deployment and measurable value</p>
               </div>
-            </div>
+            </a>
 
-            <div class="vocab-card">
+            <a href="https://github.com/99x/xianix-team/blob/main/docs/aidlc-concepts/mob-elaborations.md" target="_blank" class="vocab-card">
               <div class="vocab-side vocab-side-old">
                 <span class="vocab-badge vocab-badge-old">Traditional Agile</span>
                 <span class="vocab-term-old"><i data-lucide="user"></i> Standups</span>
@@ -159,7 +159,7 @@ <h2 class="section-title">From Traditional Agile to AI-DLC</h2>
                 <span class="vocab-term-new"><i data-lucide="users"></i> Mob Elaboration</span>
                 <p>Real-time rituals where the team validates AI-generated proposals live on a shared screen</p>
               </div>
-            </div>
+            </a>
 
           </div>
         </div>
@@ -677,13 +677,7 @@ <h2 class="section-title">What Xianix is <em>not</em></h2>
           <div class="not-item">
             <span class="not-x"><i data-lucide="x"></i></span>
             <div>
-              <strong>Not a rigid pipeline.</strong> Agents adapt to the team's workflow. Steps can be skipped, reordered, or run in parallel as the situation demands.
-            </div>
-          </div>
-          <div class="not-item">
-            <span class="not-x"><i data-lucide="x"></i></span>
-            <div>
-              <strong>Not opaque.</strong> Every agent action is visible, traceable, and auditable. The team always knows what the agents did and why.
+              <strong>Not an opaque pipeline.</strong> Agents adapt to the team's workflow. The team always knows what the agents did and why.
             </div>
           </div>
         </div>

docs/getting-started/req-analyzer.md

@@ -963,13 +963,19 @@ footer a { color: var(--color-primary); text-decoration: none; }
   display: grid;
   grid-template-columns: 1fr 44px 1fr;
   align-items: stretch;
-  border: 1px solid var(--color-border);
+  border: 2px solid var(--color-border);
   border-radius: var(--radius-lg);
   overflow: hidden;
-  transition: border-color 0.2s;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  transition: border-color 0.2s, transform 0.15s, box-shadow 0.15s;
+  text-decoration: none;
 }
 
-.vocab-card:hover { border-color: var(--color-primary); }
+.vocab-card:hover { 
+  border-color: var(--color-primary);
+  transform: translateY(-2px);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
+}
 
 .vocab-side {
   display: flex;
@@ -1012,23 +1018,23 @@ footer a { color: var(--color-primary); text-decoration: none; }
 }
 
 .vocab-term-old {
-  font-size: 1.15rem;
-  font-weight: 700;
+  font-size: 1.4rem;
+  font-weight: 800;
   color: var(--color-muted);
   opacity: 0.6;
 }
 
 .vocab-term-new {
-  font-size: 1.15rem;
-  font-weight: 700;
+  font-size: 1.4rem;
+  font-weight: 800;
   color: var(--color-primary);
 }
 
 .vocab-side p {
-  font-size: 0.8rem;
+  font-size: 0.75rem;
   color: var(--color-muted);
   margin: 0;
-  line-height: 1.5;
+  line-height: 1.4;
 }
 
 .vocab-divider {