diff --git a/.claude/settings.local.json b/.claude/settings.local.json
new file mode 100644
index 0000000000000000000000000000000000000000..3bd370106cc02a8669f999444504372b015de2ab
--- /dev/null
+++ b/.claude/settings.local.json
@@ -0,0 +1,9 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm install:*)",
+      "Bash(npm run build:*)",
+      "Bash(npm run dev:*)"
+    ]
+  }
+}
diff --git a/.gitattributes b/.gitattributes
index a6344aac8c09253b3b630fb776ae94478aa0275b..a3b580954de4894a1a1afdbbeb46c4b32d30bb66 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -1,35 +1,3 @@
-*.7z filter=lfs diff=lfs merge=lfs -text
-*.arrow filter=lfs diff=lfs merge=lfs -text
-*.bin filter=lfs diff=lfs merge=lfs -text
-*.bz2 filter=lfs diff=lfs merge=lfs -text
-*.ckpt filter=lfs diff=lfs merge=lfs -text
-*.ftz filter=lfs diff=lfs merge=lfs -text
-*.gz filter=lfs diff=lfs merge=lfs -text
-*.h5 filter=lfs diff=lfs merge=lfs -text
-*.joblib filter=lfs diff=lfs merge=lfs -text
-*.lfs.* filter=lfs diff=lfs merge=lfs -text
-*.mlmodel filter=lfs diff=lfs merge=lfs -text
-*.model filter=lfs diff=lfs merge=lfs -text
-*.msgpack filter=lfs diff=lfs merge=lfs -text
-*.npy filter=lfs diff=lfs merge=lfs -text
-*.npz filter=lfs diff=lfs merge=lfs -text
-*.onnx filter=lfs diff=lfs merge=lfs -text
-*.ot filter=lfs diff=lfs merge=lfs -text
-*.parquet filter=lfs diff=lfs merge=lfs -text
-*.pb filter=lfs diff=lfs merge=lfs -text
-*.pickle filter=lfs diff=lfs merge=lfs -text
-*.pkl filter=lfs diff=lfs merge=lfs -text
-*.pt filter=lfs diff=lfs merge=lfs -text
-*.pth filter=lfs diff=lfs merge=lfs -text
-*.rar filter=lfs diff=lfs merge=lfs -text
 *.safetensors filter=lfs diff=lfs merge=lfs -text
-saved_model/**/* filter=lfs diff=lfs merge=lfs -text
-*.tar.* filter=lfs diff=lfs merge=lfs -text
-*.tar filter=lfs diff=lfs merge=lfs -text
-*.tflite filter=lfs diff=lfs merge=lfs -text
-*.tgz filter=lfs diff=lfs merge=lfs -text
-*.wasm filter=lfs diff=lfs merge=lfs -text
-*.xz filter=lfs diff=lfs merge=lfs -text
-*.zip filter=lfs diff=lfs merge=lfs -text
-*.zst filter=lfs diff=lfs merge=lfs -text
-*tfevents* filter=lfs diff=lfs merge=lfs -text
+important/finetuning/models/ora_adapter/tokenizer.json filter=lfs diff=lfs merge=lfs -text
+data/**/*.lance filter=lfs diff=lfs merge=lfs -text
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..96d29f6eefcd193e21a1bb6214c147de1e06711e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,37 @@
+# Environment files
+.env
+*.env
+
+# Python
+__pycache__/
+*.py[cod]
+*$py.class
+venv/
+.venv/
+.pytest_cache/
+
+# Node/Frontend
+node_modules/
+dist/
+.next/
+out/
+build/
+
+# ORA specific - Large data & Databases
+important/curated_data/
+important/finetuning/models/*
+!important/finetuning/models/ora_adapter/
+important/finetuning/logs/
+*.jsonl
+memory.db
+*.zip
+*.log
+
+# IDEs
+.vscode/
+.idea/
+.DS_Store
+
+# Artifacts
+C:\Users\max\.gemini\antigravity\brain\
+important/documentation/
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000000000000000000000000000000000000..0656c3440ecf5dbe0abccd18185b3f82f9c77ce5
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,31 @@
+FROM python:3.10-slim
+
+WORKDIR /app
+
+# 1. Install Node.js
+RUN apt-get update && apt-get install -y curl gnupg
+RUN curl -fsSL https://deb.nodesource.com/setup_18.x | bash -
+RUN apt-get install -y nodejs
+
+# 2. Copy Files
+COPY . /app
+
+# 3. Build Frontend
+WORKDIR /app/frontend
+RUN npm install
+RUN npm run build
+WORKDIR /app
+
+# 4. Install Python Backend Dependencies
+RUN pip install torch transformers peft fastapi uvicorn unsloth[colab-new]
+
+# HF Spaces User ID Setup (Optional but recommended)
+RUN useradd -m -u 1000 user
+USER user
+ENV HOME=/home/user \
+	PATH=/home/user/.local/bin:$PATH
+
+WORKDIR /app
+
+# 5. Start Backend (which serves Frontend)
+CMD ["python", "app/ora_server.py"]
diff --git a/ORA_Training_Colab.ipynb b/ORA_Training_Colab.ipynb
new file mode 100644
index 0000000000000000000000000000000000000000..ad80fce76e3cbc52c8e06f8d7729879ab864e257
--- /dev/null
+++ b/ORA_Training_Colab.ipynb
@@ -0,0 +1,93 @@
+{
+    "cells": [
+        {
+            "cell_type": "markdown",
+            "metadata": {
+                "id": "introduction"
+            },
+            "source": [
+                "# ORA Fine-tuning on Google Colab\n",
+                "This notebook allows you to fine-tune the ORA model using Unsloth and QLoRA for high-performance training on NVIDIA GPUs.\n",
+                "\n",
+                "## Setup\n",
+                "1. Go to **Runtime** > **Change runtime type** and ensure **GPU** (T4 or A100) is selected.\n",
+                "2. Run the following cells to install dependencies and load your curated data."
+            ]
+        },
+        {
+            "cell_type": "code",
+            "execution_count": null,
+            "metadata": {
+                "id": "install-deps"
+            },
+            "outputs": [],
+            "source": [
+                "!pip install unsloth[colab-new] @ git+https://github.com/unslothai/unsloth.git\n",
+                "!pip install --no-deps \"xformers<0.0.29\" \"trl<0.9.0\" peft accelerate bitsandbytes"
+            ]
+        },
+        {
+            "cell_type": "markdown",
+            "metadata": {
+                "id": "upload-data"
+            },
+            "source": [
+                "## Upload Data\n",
+                "Upload the `ora_colab_training.zip` file generated by `scripts/prepare_colab.py`."
+            ]
+        },
+        {
+            "cell_type": "code",
+            "execution_count": null,
+            "metadata": {
+                "id": "unzip-data"
+            },
+            "outputs": [],
+            "source": [
+                "!unzip ora_colab_training.zip"
+            ]
+        },
+        {
+            "cell_type": "markdown",
+            "metadata": {
+                "id": "training"
+            },
+            "source": [
+                "## Start Training\n",
+                "Run the training script."
+            ]
+        },
+        {
+            "cell_type": "code",
+            "execution_count": null,
+            "metadata": {
+                "id": "run-training"
+            },
+            "outputs": [],
+            "source": [
+                "!python scripts/train_ora.py"
+            ]
+        }
+    ],
+    "metadata": {
+        "kernelspec": {
+            "display_name": "Python 3",
+            "language": "python",
+            "name": "python3"
+        },
+        "language_info": {
+            "codemirror_mode": {
+                "name": "ipython",
+                "version": 3
+            },
+            "file_extension": ".py",
+            "mimetype": "text/x-python",
+            "name": "python",
+            "nbconvert_exporter": "python",
+            "pygments_lexer": "ipython3",
+            "version": "3.10.12"
+        }
+    },
+    "nbformat": 4,
+    "nbformat_minor": 4
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 89cec4f419d89b05f69e19f47bc8e6a8545fb6d4..40a5c2e66fbc210d2a0fa6459d617abc52835982 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,28 @@
----
-title: ORA
-emoji: 📊
-colorFrom: indigo
-colorTo: yellow
-sdk: docker
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# ORA: AI Spiritual Assistant (Python Edition)
+
+ORA is a high-performance AI microservice built with **FastAPI** to serve as the spiritual intelligence layer for the SoapBox ecosystem.
+
+## Architecture
+-   **Framework**: FastAPI (Python 3.10+)
+-   **Inference**: Asynchronous OpenAI-compatible client (works with Ollama, vLLM, DeepSeek).
+-   **Documentation**: Automatic Swagger UI at `/docs`.
+
+## Setup
+1.  **Prerequisites**: Python 3.10+, [Ollama](https://ollama.com) (recommended).
+2.  **Install**:
+    ```bash
+    python -m venv venv
+    source venv/bin/activate  # Windows: venv\Scripts\activate
+    pip install -r requirements.txt
+    ```
+3.  **Run**:
+    ```bash
+    python main.py
+    ```
+    The server starts at `http://localhost:6000`.
+
+## API Endpoints
+-   `POST /api/chat`: Send a message.
+    -   Body: `{"message": "Hello ORA"}`
+-   `GET /health`: Health check.
+-   `GET /docs`: Interactive API playground.
diff --git a/app/agents/base.py b/app/agents/base.py
new file mode 100644
index 0000000000000000000000000000000000000000..3e617629ce4a4e51f034a3c8f795f7cb9e0f3196
--- /dev/null
+++ b/app/agents/base.py
@@ -0,0 +1,18 @@
+from typing import List, Callable, Optional, Union, Dict
+from pydantic import BaseModel
+
+class Agent(BaseModel):
+    name: str = "Agent"
+    model: str = "llama3"
+    instructions: Union[str, Callable] = "You are a helpful assistant."
+    functions: List[Callable] = []
+    context_variables: Dict = {}
+    
+    class Config:
+        arbitrary_types_allowed = True
+
+class Response(BaseModel):
+    agent: Optional[Agent]
+    messages: List[Dict]
+    context_variables: Dict = {}
+    trace: List[Dict] = []
diff --git a/app/agents/gatekeeper.py b/app/agents/gatekeeper.py
new file mode 100644
index 0000000000000000000000000000000000000000..7068be9d2f85c5d781973fe16da4ab6140f08970
--- /dev/null
+++ b/app/agents/gatekeeper.py
@@ -0,0 +1,26 @@
+from app.agents.base import Agent
+
+def transfer_to_theologian():
+    """Call this when the user wants to study the Bible, explain doctrine, or analyze scripture."""
+    from app.agents.theologian import theologian_agent
+    return theologian_agent
+
+def transfer_to_healer():
+    """Call this when the user is emotional, needs prayer, or is seeking personal comfort."""
+    from app.agents.healer import healer_agent
+    return healer_agent
+
+gatekeeper_agent = Agent(
+    name="Gatekeeper",
+    instructions=lambda context: f"""
+    You are the ORA Gatekeeper. Your job is to listen to the user and hand them off to the right specialist.
+    
+    IMPORTANT CONTEXT (Episodic Memory):
+    {context.get('episodic_memory', 'No relevant past insights found.')}
+    
+    - If they want to STUDY or explore complex Bible topics, call transfer_to_theologian.
+    - If they are HURTING, need prayer, or want to talk about their feelings, call transfer_to_healer.
+    - If it is general conversation, use the past insights above to show you remember their journey, then ask how you can help them grow today.
+    """,
+    functions=[transfer_to_theologian, transfer_to_healer]
+)
diff --git a/app/agents/healer.py b/app/agents/healer.py
new file mode 100644
index 0000000000000000000000000000000000000000..702edf4e6f9ba699f147c54cb23f92b0e0774bfe
--- /dev/null
+++ b/app/agents/healer.py
@@ -0,0 +1,14 @@
+from app.agents.base import Agent
+# In the future, we can import prayer_service or similar
+
+healer_agent = Agent(
+    name="Healer",
+    model="christian-bible-expert", # Target the empathetic expert model
+    instructions="""
+    You are the ORA Healer. You focus on emotional support, prayer, and spiritual comfort.
+    - Listen deeply to the user's pain or joy.
+    - Offer heartfelt prayers based on their situation.
+    - Use scripture to provide comfort, but focus on the relationship and the heart.
+    - If the user wants a deep theological debate or technical study, hand back to the Gatekeeper.
+    """
+)
diff --git a/app/agents/theologian.py b/app/agents/theologian.py
new file mode 100644
index 0000000000000000000000000000000000000000..f562f990f9767b765d8f0d3931ad2604b0fe0ad1
--- /dev/null
+++ b/app/agents/theologian.py
@@ -0,0 +1,46 @@
+from app.agents.base import Agent
+from app.services.bible import bible_service
+from app.services.journal import journal_service
+from app.services.rlm import rlm_service
+
+async def search_bible(query: str):
+    """Search the Bible for relevant verses and context."""
+    results = await bible_service.search_bible(query)
+    if not results:
+        return "No relevant verses found."
+    formatted = "\n".join([f"- {r['reference']}: {r['text']}" for r in results])
+    return f"I found these relevant passages:\n{formatted}"
+
+async def search_journal(context_variables: dict, query: str):
+    """Search the user's past journal entries and reflections for related insights."""
+    user_id = context_variables.get("user_id", "unknown")
+    related = await journal_service.get_related_entries(user_id, query, limit=2)
+    if not related:
+        return "No related journal entries found."
+    
+    res = "Found related past reflections:\n"
+    for r in related:
+        res += f"- {r['timestamp']}: {r['text']}\n"
+    return res
+
+async def execute_logic(problem: str):
+    """
+    Execute a logical reasoning loop to solve complex calculations, timelines, or consistency checks.
+    Use this when you need an objective 'workspace' to verify facts or dates.
+    """
+    return await rlm_service.reason(problem)
+
+theologian_agent = Agent(
+    name="Theologian",
+    model="gabriel-8x7b",
+    instructions="""
+    You are the ORA Theologian. You specialize in Bible study, doctrine, and scripture analysis.
+    Your goal is to provide deep, accurate, and faithful explanations of the Bible.
+    - Use search_bible to find matching verses.
+    - Use search_journal to see if the user has reflected on this topic before.
+    - Use execute_logic if you need to verify timelines, dates, or complex logical steps.
+    - Always provide chapter and verse citations.
+    - Avoid making authoritative claims; instead, say 'The scripture suggests...' or 'Tradition teaches...'
+    """,
+    functions=[search_bible, search_journal, execute_logic]
+)
diff --git a/app/api/routes.py b/app/api/routes.py
new file mode 100644
index 0000000000000000000000000000000000000000..3f23b746f7b30525c33e782b8f386caeabd56f51
--- /dev/null
+++ b/app/api/routes.py
@@ -0,0 +1,62 @@
+from fastapi import APIRouter, HTTPException
+from pydantic import BaseModel
+from app.services.llm import llm_service
+
+router = APIRouter()
+
+class ChatRequest(BaseModel):
+    message: str
+    context: dict | None = None
+
+class ChatResponse(BaseModel):
+    success: bool
+    response: dict
+
+@router.post("/chat", response_model=ChatResponse)
+async def chat_endpoint(request: ChatRequest):
+    if not request.message:
+        raise HTTPException(status_code=400, detail="Message is required")
+    
+    # Use Orchestrator to handle routing and intelligence
+    from app.services.orchestrator import orchestrator
+    result = await orchestrator.process_message("user_123", request.message)
+    
+    # Map backend trace to frontend TraceStep format
+    formatted_trace = []
+    for step in result.get("trace", []):
+        action = step.get("thought", "")
+        if step.get("tool_calls"):
+            tools = ", ".join([tc["name"] for tc in step["tool_calls"]])
+            action = f"Thinking about using tools: {tools}. {action}"
+        
+        formatted_trace.append({
+            "agent": step["agent"],
+            "action": action
+        })
+    
+    return {
+        "success": True,
+        "response": {
+            "role": result["role"],
+            "content": result["content"],
+            "agent": result.get("agent", "ORA"),
+            "trace": formatted_trace
+        }
+    }
+
+@router.get("/memory/episodes")
+async def get_episodes():
+    from app.services.memory import memory_service
+    episodes = await memory_service.retrieve_episodes("user_123", "", limit=10)
+    return {"success": True, "episodes": episodes}
+
+@router.get("/user/profile")
+async def get_profile():
+    return {
+        "success": True,
+        "profile": {
+            "user_id": "user_123",
+            "name": "Spiritual Seeker",
+            "preferences": ["prayer", "scripture_study"]
+        }
+    }
diff --git a/app/core/config.py b/app/core/config.py
new file mode 100644
index 0000000000000000000000000000000000000000..05027a5598f3b230a62accc9966c5c4c3ed5fd2c
--- /dev/null
+++ b/app/core/config.py
@@ -0,0 +1,37 @@
+from pydantic_settings import BaseSettings
+
+class Settings(BaseSettings):
+    PROJECT_NAME: str = "ORA AI Service"
+    PROJECT_VERSION: str = "1.0.0"
+    
+    # LLM Settings
+    LLM_BASE_URL: str = "http://localhost:11434/v1"
+    LLM_API_KEY: str = "ollama"
+    MODEL_NAME: str = "llama3"
+    
+    # Server Settings
+    PORT: int = 6000
+    HOST: str = "0.0.0.0"
+    CORS_ORIGINS: list[str] = ["http://localhost:5173", "http://localhost:5000", "http://localhost:3000", "http://localhost:5174"]
+    
+    SYSTEM_PROMPT: str = """
+You are ORA, a spiritual guide and companion for the SoapBox Super App.
+YOUR IDENTITY:
+- You are kind, empathetic, and wise.
+- You are NOT a replacement for a pastor or bible, but a helper.
+- You ground your answers in biblical principles (using NIV or ESV translations).
+
+YOUR MISSION:
+- Help users reflect on scripture (Observe, Reflect, Act).
+- Offer prayer when appropriate.
+- Encourage users to connect with their local church community.
+
+CONSTRAINTS:
+- Keep responses concise (under 200 words) unless asked for a deep dive.
+- If a user expresses intent to harm themselves, encourage seeking professional help.
+"""
+
+    class Config:
+        env_file = ".env"
+
+settings = Settings()
diff --git a/app/core/swarm_client.py b/app/core/swarm_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..519b3f2f1b79665099f032017240215897fd9317
--- /dev/null
+++ b/app/core/swarm_client.py
@@ -0,0 +1,149 @@
+import inspect
+import json
+from typing import List, Dict, Any
+from app.agents.base import Agent, Response
+from app.services.llm import llm_service
+
+from app.services.trace import trace_service
+
+class SwarmClient:
+    def _function_to_schema(self, func) -> Dict:
+        """Converts Python function to OpenAI-style schema."""
+        sig = inspect.signature(func)
+        return {
+            "type": "function",
+            "function": {
+                "name": func.__name__,
+                "description": func.__doc__ or "No description provided.",
+                "parameters": {
+                    "type": "object",
+                    "properties": {
+                        name: {"type": "string"} # Simplified: assume string for ORA
+                        for name in sig.parameters
+                    },
+                    "required": [name for name, p in sig.parameters.items() if p.default == inspect.Parameter.empty]
+                },
+            },
+        }
+
+    async def run(
+        self,
+        agent: Agent,
+        messages: List[Dict],
+        context_variables: Dict = {},
+        max_turns: int = 5
+    ) -> Response:
+        active_agent = agent
+        history = list(messages)
+        user_query = messages[-1]["content"] if messages else ""
+        reasoning_steps = []
+        
+        for _ in range(max_turns):
+            # 1. Update active agent's context
+            active_agent.context_variables.update(context_variables)
+            
+            # 2. Prepare Tools
+            tools = [self._function_to_schema(f) for f in active_agent.functions] if active_agent.functions else None
+            
+            # 3. Get LLM Choice
+            instructions = active_agent.instructions
+            if callable(instructions):
+                sig = inspect.signature(instructions)
+                if len(sig.parameters) > 0:
+                    instructions = instructions(active_agent.context_variables)
+                else:
+                    instructions = instructions()
+
+            print(f"Swarm [{active_agent.name}]: Processing...")
+            llm_res = await llm_service.generate_response(
+                message=history[-1]["content"], 
+                system_prompt=instructions,
+                tools=tools
+            )
+            
+            content = llm_res.get("content", "")
+            tool_calls = llm_res.get("tool_calls")
+
+            # Record thought step
+            reasoning_steps.append({
+                "agent": active_agent.name,
+                "thought": content,
+                "tool_calls": [
+                    {"name": tc.function.name, "args": json.loads(tc.function.arguments)} 
+                    for tc in tool_calls
+                ] if tool_calls else []
+            })
+
+            # 3. Add Assistant Message to History
+            history.append({"role": "assistant", "content": content})
+
+            if not tool_calls:
+                # Capture and Save Trace
+                trace_service.save_trace({
+                    "user_query": user_query,
+                    "steps": reasoning_steps,
+                    "final_response": content,
+                    "success": True
+                })
+                return Response(
+                    agent=active_agent, 
+                    messages=history, 
+                    context_variables=context_variables,
+                    trace=reasoning_steps
+                )
+
+            # 4. Handle Tool Calls
+            for tool_call in tool_calls:
+                func_name = tool_call.function.name
+                func_args = json.loads(tool_call.function.arguments)
+                
+                func = next((f for f in active_agent.functions if f.__name__ == func_name), None)
+                if not func:
+                    history.append({"role": "tool", "tool_call_id": tool_call.id, "content": f"Error: Function {func_name} not found."})
+                    continue
+
+                print(f"Swarm: Executing {func_name}...")
+                
+                if inspect.iscoroutinefunction(func):
+                    result = await func(**func_args)
+                else:
+                    result = func(**func_args)
+
+                # Record tool result
+                reasoning_steps[-1]["tool_results"] = reasoning_steps[-1].get("tool_results", [])
+                reasoning_steps[-1]["tool_results"].append({
+                    "name": func_name,
+                    "result": str(result)
+                })
+
+                if isinstance(result, Agent):
+                    active_agent = result
+                    history.append({
+                        "role": "tool", 
+                        "tool_call_id": tool_call.id, 
+                        "content": f"Transferring to {active_agent.name}."
+                    })
+                else:
+                    history.append({
+                        "role": "tool", 
+                        "tool_call_id": tool_call.id, 
+                        "content": str(result)
+                    })
+        
+        # Save Trace even if max turns hit
+        trace_service.save_trace({
+            "user_query": user_query,
+            "steps": reasoning_steps,
+            "final_response": history[-1]["content"],
+            "success": False,
+            "error": "Max turns reached"
+        })
+        return Response(
+            agent=active_agent, 
+            messages=history, 
+            context_variables=context_variables,
+            trace=reasoning_steps
+        )
+
+swarm_client = SwarmClient()
+
diff --git a/app/ora_server.py b/app/ora_server.py
new file mode 100644
index 0000000000000000000000000000000000000000..8d6d1370c6a3ff2bbaaceb6e6b1ec305991b1cfb
--- /dev/null
+++ b/app/ora_server.py
@@ -0,0 +1,107 @@
+import torch
+from transformers import AutoModelForCausalLM, AutoTokenizer
+from peft import PeftModel
+from fastapi import FastAPI, HTTPException
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.staticfiles import StaticFiles
+from fastapi.responses import FileResponse
+from pydantic import BaseModel
+import uvicorn
+import os
+
+# Settings
+BASE_MODEL = "unsloth/Llama-3.2-1B-Instruct"
+ADAPTER_PATH = "important/finetuning/models/ora_adapter"
+
+app = FastAPI()
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# API Routes
+class ChatRequest(BaseModel):
+model = None
+tokenizer = None
+device = "cuda" if torch.cuda.is_available() else "cpu"
+
+class ChatRequest(BaseModel):
+    message: str
+    history: list = []
+
+@app.on_event("startup")
+async def load_model():
+    global model, tokenizer
+    print(f"Loading ORA Model on {device}...")
+    
+    tokenizer = AutoTokenizer.from_pretrained(BASE_MODEL)
+    base_model = AutoModelForCausalLM.from_pretrained(
+        BASE_MODEL,
+        torch_dtype=torch.float16 if device == "cuda" else torch.float32,
+        device_map=device,
+        low_cpu_mem_usage=True
+    )
+    
+    if os.path.exists(ADAPTER_PATH):
+        print(f"Loading adapter from {ADAPTER_PATH}...")
+        model = PeftModel.from_pretrained(base_model, ADAPTER_PATH)
+    else:
+        print("Adapter not found, using base model.")
+        model = base_model
+        
+    print("ORA Model Connected and Ready.")
+
+@app.post("/api/chat")
+async def chat_endpoint(req: ChatRequest):
+    global model, tokenizer
+    
+    system_prompt = "You are ORA, a spiritual assistant specializing in theological insights and biblical wisdom. Provide discerning, compassionate, and doctrine-aware responses."
+    
+    # Construct Prompt
+    messages = [{"role": "system", "content": system_prompt}]
+    # Add last few turns of history to keep context but save tokens
+    messages.extend(req.history[-4:]) 
+    messages.append({"role": "user", "content": req.message})
+
+    input_ids = tokenizer.apply_chat_template(
+        messages, 
+        add_generation_prompt=True,
+        return_tensors="pt"
+    ).to(device)
+
+    terminators = [
+        tokenizer.eos_token_id,
+        tokenizer.convert_tokens_to_ids("<|eot_id|>")
+    ]
+
+    outputs = model.generate(
+        input_ids,
+        max_new_tokens=256,
+        eos_token_id=terminators,
+        do_sample=True,
+        temperature=0.7,
+        top_p=0.9,
+    )
+    
+    response_tokens = outputs[0][input_ids.shape[-1]:]
+    response_text = tokenizer.decode(response_tokens, skip_special_tokens=True)
+    
+    return {"response": response_text}
+
+# Mount Static Frontend (Must be last)
+# Expects 'frontend/out' to exist (built via 'next build')
+if os.path.exists("frontend/out"):
+    app.mount("/_next", StaticFiles(directory="frontend/out/_next"), name="next")
+    app.mount("/", StaticFiles(directory="frontend/out", html=True), name="static")
+
+    @app.exception_handler(404)
+    async def not_found(request, exc):
+        return FileResponse("frontend/out/index.html")
+
+if __name__ == "__main__":
+    # HF Spaces expects port 7860
+    uvicorn.run(app, host="0.0.0.0", port=7860)
diff --git a/app/services/audit.py b/app/services/audit.py
new file mode 100644
index 0000000000000000000000000000000000000000..51c7b70f45935873c1c391ea70a3996b7a92a882
--- /dev/null
+++ b/app/services/audit.py
@@ -0,0 +1,51 @@
+import logging
+import json
+import os
+from logging.handlers import RotatingFileHandler
+from datetime import datetime
+
+# Ensure logs directory exists
+LOG_DIR = "logs"
+os.makedirs(LOG_DIR, exist_ok=True)
+LOG_FILE = os.path.join(LOG_DIR, "ora.log")
+
+class AuditLog:
+    def __init__(self):
+        self.logger = logging.getLogger("ORA_Audit")
+        self.logger.setLevel(logging.INFO)
+        
+        # Prevent adding multiple handlers if re-initialized
+        if not self.logger.handlers:
+            # Rotate log after 10MB, keep 5 backups
+            handler = RotatingFileHandler(LOG_FILE, maxBytes=10*1024*1024, backupCount=5)
+            formatter = logging.Formatter('%(message)s')
+            handler.setFormatter(formatter)
+            self.logger.addHandler(handler)
+
+    async def log_interaction(self, user_id: str, intent: str, guardrails_triggered: list[str]):
+        """
+        Logs a user interaction and any triggered guardrails.
+        """
+        entry = {
+            "timestamp": datetime.now().isoformat(),
+            "type": "INTERACTION",
+            "user_id": user_id,
+            "intent": intent,
+            "guardrails": guardrails_triggered
+        }
+        self.logger.info(json.dumps(entry))
+
+    async def log_violation(self, user_id: str, violation_type: str, content: str):
+        """
+        Logs a specific safety violation.
+        """
+        entry = {
+            "timestamp": datetime.now().isoformat(),
+            "type": "VIOLATION",
+            "user_id": user_id,
+            "violation_type": violation_type,
+            "content_snippet": content[:200]  # Store first 200 chars for context
+        }
+        self.logger.info(json.dumps(entry))
+
+audit_service = AuditLog()
diff --git a/app/services/bible.py b/app/services/bible.py
new file mode 100644
index 0000000000000000000000000000000000000000..d8c50d5be13fc9293a892e026040426c41afac91
--- /dev/null
+++ b/app/services/bible.py
@@ -0,0 +1,97 @@
+import httpx
+import os
+import asyncio
+import lancedb
+from typing import List, Optional, Dict
+from app.services.llm import llm_service
+
+class BibleService:
+    BASE_URL = "https://bible-api.com"
+    DB_PATH = "data/lancedb_storage"
+    TABLE_NAME = "bible_verses"
+
+    def __init__(self):
+        # We don't keep an in-memory index anymore.
+        # Connection is established per-query or cached if needed.
+        pass
+
+    async def initialize_index(self):
+        """
+        No-op for LanceDB as it's persistent. 
+        We might verify the DB exists here.
+        """
+        if not os.path.exists(self.DB_PATH):
+            print("BibleService: LanceDB storage not found at", self.DB_PATH)
+            print("Please run scripts/ingest_bible.py")
+        else:
+             print("BibleService: LanceDB connected.")
+
+    async def get_passage(self, reference: str, translation: str = "web") -> Optional[str]:
+        """
+        Retrieves full passage text from bible-api.com (External Fallback).
+        """
+        clean_ref = reference.strip()
+        if not clean_ref:
+            return None
+
+        async with httpx.AsyncClient() as client:
+            try:
+                response = await client.get(
+                    f"{self.BASE_URL}/{clean_ref}",
+                    params={"translation": translation}
+                )
+                if response.status_code == 200:
+                    return response.json().get("text", "").strip()
+                return None
+            except Exception:
+                return None
+
+    async def search(self, query: str, limit: int = 3) -> List[dict]:
+        """
+        Semantic search using persistent LanceDB.
+        """
+        if not os.path.exists(self.DB_PATH):
+            print("BibleService Error: DB not initialized.")
+            return []
+
+        # 1. Generate Query Vector
+        query_embedding = await llm_service.get_embedding(query)
+        if not query_embedding:
+            return []
+
+        try:
+            # 2. Search LanceDB
+            db = lancedb.connect(self.DB_PATH)
+            
+            # Check if table exists
+            if self.TABLE_NAME not in db.table_names():
+                 print(f"BibleService: Table {self.TABLE_NAME} not found.")
+                 return []
+                 
+            tbl = db.open_table(self.TABLE_NAME)
+            
+            # LanceDB search
+            # Explicitly select columns to ensure they are returned
+            results = tbl.search(query_embedding).limit(limit).select(["reference", "text"]).to_list()
+            
+            # 3. Format Results
+            valid_results = []
+            for item in results:
+                # distance is typically L2. For binary-ish vectors, it's sqrt(sum of differences squared).
+                dist = item.get('_distance', 1.0)
+                # Simple inverse normalization for display
+                relevance = 1.0 / (1.0 + dist)
+                
+                valid_results.append({
+                    "score": relevance,
+                    "text": item.get("text", ""),
+                    "reference": item.get("reference", "Unknown")
+                })
+            
+            return valid_results
+
+        except Exception as e:
+            print(f"BibleService Search Error: {e}")
+            return []
+
+bible_service = BibleService()
diff --git a/app/services/blessing.py b/app/services/blessing.py
new file mode 100644
index 0000000000000000000000000000000000000000..abbdd6e62adab7cc79b90397364d6d078f3c1d9c
--- /dev/null
+++ b/app/services/blessing.py
@@ -0,0 +1,15 @@
+from app.services.llm import llm_service
+
+class BlessingService:
+    PROMPT = """Offer a brief closing blessing.
+
+Guidelines:
+- One or two sentences
+- No claims of divine action
+- Encouraging, not authoritative
+- Warm but not dramatic"""
+
+    async def bless(self) -> str:
+        return await llm_service.generate_response(message="Bless me.", system_prompt=self.PROMPT)
+
+blessing_service = BlessingService()
diff --git a/app/services/citations.py b/app/services/citations.py
new file mode 100644
index 0000000000000000000000000000000000000000..045efda819b4e27a34c416c1ec19e79d552b6e70
--- /dev/null
+++ b/app/services/citations.py
@@ -0,0 +1,24 @@
+from pydantic import BaseModel
+from typing import List
+
+class ScriptureReference(BaseModel):
+    book: str
+    chapter: int
+    verses: str # e.g. "16-18" or "10"
+    text: str
+    translation: str
+
+class CitationService:
+    def format_citations(self, refs: List[ScriptureReference]) -> str:
+        """
+        Formats a list of scripture references into a readable footer.
+        """
+        if not refs:
+            return ""
+        
+        formatted = "\n\n**Scripture References:**\n"
+        for ref in refs:
+            formatted += f"- *{ref.book} {ref.chapter}:{ref.verses} ({ref.translation})*\n"
+        return formatted
+
+citation_service = CitationService()
diff --git a/app/services/context.py b/app/services/context.py
new file mode 100644
index 0000000000000000000000000000000000000000..30d1d6b12f5bde3a7fb04cc7b7908e0462bf6a0e
--- /dev/null
+++ b/app/services/context.py
@@ -0,0 +1,21 @@
+from app.services.llm import llm_service
+
+class ContextService:
+    PROMPT = """You are a biblical scholar explaining scripture responsibly.
+
+Verse:
+{verse_text}
+
+Explain:
+- Historical context
+- Audience
+- Key theme
+- What the verse DOES and DOES NOT claim
+
+Avoid modern assumptions or dogmatic conclusions."""
+
+    async def explain(self, verse_text: str) -> str:
+        prompt = self.PROMPT.format(verse_text=verse_text)
+        return await llm_service.generate_response(message="Explain this verse.", system_prompt=prompt)
+
+context_service = ContextService()
diff --git a/app/services/discernment.py b/app/services/discernment.py
new file mode 100644
index 0000000000000000000000000000000000000000..1f239386e61765a08eec88af32940c8aa3762b98
--- /dev/null
+++ b/app/services/discernment.py
@@ -0,0 +1,27 @@
+from app.services.llm import llm_service
+
+class DiscernmentService:
+    PROMPT = """You are ORA, a spiritual discernment guide.
+
+Context:
+- User situation: {situation}
+- Emotional tone: {emotion}
+- Relevant scripture: {scripture}
+
+Your Role:
+- You help the user reflect prayerfully and wisely.
+- You do NOT tell the user what decision to make.
+- You do NOT give commands or orders.
+- You do NOT promise specific outcomes.
+
+Respond with:
+1. A calm, empathetic acknowledgment
+2. 2–3 reflective questions to help them uncover their own answer
+3. A short, hopeful prayer or reflection
+4. A gentle reminder of their own agency and freedom"""
+
+    async def guide(self, situation: str, emotion: str, scripture: str = "") -> str:
+        prompt = self.PROMPT.format(situation=situation, emotion=emotion, scripture=scripture)
+        return await llm_service.generate_response(message="Please guide me.", system_prompt=prompt)
+
+discernment_service = DiscernmentService()
diff --git a/app/services/doctrine.py b/app/services/doctrine.py
new file mode 100644
index 0000000000000000000000000000000000000000..e85ac75c5509623ed89ebf8e48957efbd43263a9
--- /dev/null
+++ b/app/services/doctrine.py
@@ -0,0 +1,21 @@
+from app.services.llm import llm_service
+
+class DoctrineService:
+    PROMPT = """You are ORA, aware of Christian theological diversity.
+
+User tradition (if known): {tradition}
+
+Question:
+{question}
+
+Answer by:
+- Explaining the common ground
+- Noting differences where relevant
+- Avoiding declaring one view as “the only truth”
+- Using scripture carefully"""
+
+    async def answer(self, question: str, tradition: str = "general") -> str:
+        prompt = self.PROMPT.format(question=question, tradition=tradition)
+        return await llm_service.generate_response(message=question, system_prompt=prompt)
+
+doctrine_service = DoctrineService()
diff --git a/app/services/emotion.py b/app/services/emotion.py
new file mode 100644
index 0000000000000000000000000000000000000000..b77ff9211f9a915322f833596d5ff786298c6490
--- /dev/null
+++ b/app/services/emotion.py
@@ -0,0 +1,66 @@
+from typing import Dict
+
+class EmotionService:
+    def __init__(self):
+        self.positive_keywords = {
+            "happy", "joy", "blessed", "grateful", "peace", "hope", "love", 
+            "excited", "good", "great", "wonderful", "calm", "content"
+        }
+        self.negative_keywords = {
+            "sad", "depressed", "anxious", "afraid", "scared", "fear", 
+            "lonely", "hurt", "pain", "grief", "broken", "suffering", 
+            "angry", "mad", "upset", "bad", "terrible", "hate"
+        }
+        self.high_distress_keywords = {
+            "kill", "suicide", "die", "end it all", "hopeless", "worthless",
+            "unbearable", "can't go on", "no way out"
+        }
+
+    async def analyze_tone(self, text: str) -> Dict[str, any]:
+        """
+        Returns sentiment and emotional intensity.
+        """
+        text_lower = text.lower()
+        words = text_lower.split()
+        total_words = len(words) if words else 1
+        
+        pos_count = sum(1 for word in words if word in self.positive_keywords)
+        neg_count = sum(1 for word in words if word in self.negative_keywords)
+        
+        # Determine sentiment
+        if pos_count > neg_count:
+            sentiment = "positive"
+        elif neg_count > pos_count:
+            sentiment = "negative"
+        else:
+            sentiment = "neutral"
+            
+        # Calculate intensity (simple heuristic: fraction of emotional words)
+        emotional_word_count = pos_count + neg_count
+        # Normalize intensity to be somewhat reasonable (0.0 to 1.0)
+        # Assuming if 30% of words are emotional, it's very intense.
+        raw_intensity = emotional_word_count / total_words
+        intensity = min(raw_intensity * 3.0, 1.0) 
+        
+        return {
+            "sentiment": sentiment, 
+            "intensity": round(intensity, 2),
+            "pos_count": pos_count,
+            "neg_count": neg_count
+        }
+
+    def is_distress_high(self, text: str, emotion_data: Dict[str, any]) -> bool:
+        text_lower = text.lower()
+        
+        # Check for specific trigger words
+        for keyword in self.high_distress_keywords:
+            if keyword in text_lower:
+                return True
+                
+        # Check for high negative intensity
+        if emotion_data.get("sentiment") == "negative" and emotion_data.get("intensity", 0) > 0.8:
+            return True
+            
+        return False
+
+emotion_service = EmotionService()
diff --git a/app/services/ethics.py b/app/services/ethics.py
new file mode 100644
index 0000000000000000000000000000000000000000..935d99b8a128b31ebb1f9093813d9efb6b89a0ab
--- /dev/null
+++ b/app/services/ethics.py
@@ -0,0 +1,23 @@
+from app.services.llm import llm_service
+
+class EthicsService:
+    PROMPT = """You are ORA, facilitating ethical reflection.
+
+Scenario:
+{scenario}
+
+Use:
+- Scripture themes (not commands)
+- Wisdom principles
+- Compassion-first framing
+
+Avoid:
+- Absolute judgments
+- Shame
+- Fear-based language"""
+
+    async def reflect(self, scenario: str) -> str:
+        prompt = self.PROMPT.format(scenario=scenario)
+        return await llm_service.generate_response(message="Help me reflect ethically.", system_prompt=prompt)
+
+ethics_service = EthicsService()
diff --git a/app/services/feedback.py b/app/services/feedback.py
new file mode 100644
index 0000000000000000000000000000000000000000..0ff3258aed47b21e001f0269074bb486f5dee591
--- /dev/null
+++ b/app/services/feedback.py
@@ -0,0 +1,11 @@
+from pydantic import BaseModel
+
+class Feedback(BaseModel):
+    message_id: str
+    rating: int # 1-5
+    comment: str = ""
+
+class FeedbackService:
+    async def submit_feedback(self, feedback: Feedback):
+        # Store feedback for RLHF
+        pass
diff --git a/app/services/growth.py b/app/services/growth.py
new file mode 100644
index 0000000000000000000000000000000000000000..d8257ea0c727b460d403ff0b6815cda930a39267
--- /dev/null
+++ b/app/services/growth.py
@@ -0,0 +1,20 @@
+from app.services.llm import llm_service
+
+class GrowthService:
+    PROMPT = """You are summarizing the user’s spiritual journey.
+
+Based on:
+- Past reflections: {reflections}
+- Prayers: {prayers}
+- Questions asked: {questions}
+
+Produce:
+- A gentle narrative summary
+- Noticing growth patterns
+- No judgment or evaluation"""
+
+    async def summarize(self, reflections: str, prayers: str, questions: str) -> str:
+        prompt = self.PROMPT.format(reflections=reflections, prayers=prayers, questions=questions)
+        return await llm_service.generate_response(message="Summarize my journey.", system_prompt=prompt)
+
+growth_service = GrowthService()
diff --git a/app/services/guardrails.py b/app/services/guardrails.py
new file mode 100644
index 0000000000000000000000000000000000000000..a0add3ebe6c9992da5151ca42c3fbf143d8ff366
--- /dev/null
+++ b/app/services/guardrails.py
@@ -0,0 +1,61 @@
+from pydantic import BaseModel
+from typing import List, Optional
+from app.services.audit import audit_service
+
+
+class GuardrailViolation(Exception):
+    pass
+
+class GuardrailService:
+    def __init__(self):
+        self.prohibited_phrases = [
+            "God told me that you",
+            "I prophesy",
+            "You must do this",
+            "The Lord is saying right now",
+            "I declare over you",
+            "Scripture commands you to",
+            "Thus saith the Lord",
+            "God fails you if",
+            "You are sinning by"
+        ]
+
+    async def validate_response(self, content: str, user_id: str = "system") -> str:
+        """
+        Ensures ORA does not claim divine authority or give dangerous advice.
+        """
+        for phrase in self.prohibited_phrases:
+            if phrase.lower() in content.lower():
+                # Log the violation
+                await audit_service.log_violation(
+                    user_id=user_id,
+                    violation_type="Prohibited Phrase",
+                    content=content
+                )
+                # Block the output
+                raise GuardrailViolation(f"Response violated safety guardrail: '{phrase}'")
+        
+        return content
+
+    async def check_input_safety(self, message: str, user_id: str = "anonymous") -> bool:
+        """
+        Checks for self-harm or crisis keywords.
+        """
+        crisis_keywords = ["kill myself", "end it all", "suicide", "hurt myself"]
+        if any(keyword in message.lower() for keyword in crisis_keywords):
+            await audit_service.log_violation(
+                user_id=user_id,
+                violation_type="Crisis Keyword",
+                content=message
+            )
+            return False
+        return True
+
+    async def sanitize_content(self, content: str) -> str:
+        """
+        Sanitizes content by replacing restricted words (placeholders for now).
+        """
+        # Example: Simple redaction if we had a list of 'warning words' that aren't strict blocks
+        return content
+
+guardrail_service = GuardrailService()
diff --git a/app/services/intent.py b/app/services/intent.py
new file mode 100644
index 0000000000000000000000000000000000000000..dd652754624e32f16370b4b9b6830b01ba755d41
--- /dev/null
+++ b/app/services/intent.py
@@ -0,0 +1,60 @@
+from pydantic import BaseModel
+from typing import Optional, List
+from enum import Enum
+
+class UserIntent(str, Enum):
+    QUESTION = "question"
+    EMOTIONAL_SUPPORT = "emotional_support"
+    PRAYER_REQUEST = "prayer_request"
+    BIBLE_STUDY = "bible_study"
+    LIFE_DECISION = "life_decision"
+    CONFESSION = "confession"
+    UNKNOWN = "unknown"
+
+class IntentAnalysis(BaseModel):
+    intent: UserIntent
+    urgency: str = "low" # low, medium, high
+    requires_scripture: bool
+    emotional_tone: Optional[str] = None
+    confidence: float = 1.0
+
+class IntentService:
+    def __init__(self):
+        # Keywords for deterministic matching
+        self.intent_keywords = {
+            UserIntent.PRAYER_REQUEST: ["pray", "prayer", "intercede", "god help", "need god"],
+            UserIntent.EMOTIONAL_SUPPORT: ["sad", "depressed", "anxious", "lonely", "hurt", "grief", "pain", "crying", "broken", "suffering"],
+            UserIntent.BIBLE_STUDY: ["verse", "scripture", "passage", "chapter", "bible", "read", "psalm", "gospel", "book of"],
+            UserIntent.LIFE_DECISION: ["decide", "choice", "what should i do", "guidance", "direction", "path", "will for me"],
+            UserIntent.CONFESSION: ["sin", "forgive", "confess", "guilt", "mistake", "wrong", "sorry", "repent"],
+            UserIntent.QUESTION: ["who", "what", "where", "when", "why", "how", "?"],
+        }
+
+    async def analyze(self, message: str) -> IntentAnalysis:
+        msg_lower = message.lower()
+        
+        # Priority 1: High urgency / Specific needs
+        if any(kw in msg_lower for kw in self.intent_keywords[UserIntent.PRAYER_REQUEST]):
+             return IntentAnalysis(intent=UserIntent.PRAYER_REQUEST, requires_scripture=True, urgency="medium")
+             
+        if any(kw in msg_lower for kw in self.intent_keywords[UserIntent.CONFESSION]):
+            return IntentAnalysis(intent=UserIntent.CONFESSION, requires_scripture=True, urgency="medium")
+
+        if any(kw in msg_lower for kw in self.intent_keywords[UserIntent.EMOTIONAL_SUPPORT]):
+            return IntentAnalysis(intent=UserIntent.EMOTIONAL_SUPPORT, requires_scripture=True, urgency="medium")
+
+        # Priority 2: Study and Guidance
+        if any(kw in msg_lower for kw in self.intent_keywords[UserIntent.BIBLE_STUDY]):
+             return IntentAnalysis(intent=UserIntent.BIBLE_STUDY, requires_scripture=True)
+
+        if any(kw in msg_lower for kw in self.intent_keywords[UserIntent.LIFE_DECISION]):
+             return IntentAnalysis(intent=UserIntent.LIFE_DECISION, requires_scripture=True, urgency="medium")
+
+        # Priority 3: General Questions
+        if any(kw in msg_lower for kw in self.intent_keywords[UserIntent.QUESTION]):
+             return IntentAnalysis(intent=UserIntent.QUESTION, requires_scripture=False)
+             
+        # Fallback
+        return IntentAnalysis(intent=UserIntent.UNKNOWN, requires_scripture=False)
+
+intent_service = IntentService()
diff --git a/app/services/journal.py b/app/services/journal.py
new file mode 100644
index 0000000000000000000000000000000000000000..47c5b5591bfdc9fd82fd55653075d339438a0439
--- /dev/null
+++ b/app/services/journal.py
@@ -0,0 +1,86 @@
+import lancedb
+import uuid
+import os
+from typing import List, Dict, Optional
+from datetime import datetime
+from app.services.llm import llm_service
+
+class JournalService:
+    LANCE_PATH = "data/journal_lancedb"
+    TABLE_NAME = "journal_nodes"
+
+    def __init__(self):
+        if not os.path.exists("data"):
+            os.makedirs("data")
+        self.db = lancedb.connect(self.LANCE_PATH)
+
+    async def create_entry(self, user_id: str, text: str, verses: List[str] = None, tags: List[str] = None) -> str:
+        """
+        Creates a new journal node, embeds it, and automatically finds links to previous entries.
+        """
+        entry_id = str(uuid.uuid4())
+        timestamp = datetime.now().isoformat()
+        
+        # 1. Generate Embedding
+        vector = await llm_service.get_embedding(text)
+        if not vector:
+            print("JournalService: Failed to generate embedding.")
+            return None
+
+        # 2. Prepare Data
+        data = [{
+            "vector": vector,
+            "id": entry_id,
+            "user_id": user_id,
+            "text": text,
+            "verses": verses or [],
+            "tags": tags or [],
+            "timestamp": timestamp
+        }]
+
+        # 3. Store in LanceDB
+        if self.TABLE_NAME in self.db.table_names():
+            tbl = self.db.open_table(self.TABLE_NAME)
+            tbl.add(data)
+        else:
+            self.db.create_table(self.TABLE_NAME, data=data)
+
+        print(f"JournalService: Created entry {entry_id} for user {user_id}")
+        return entry_id
+
+    async def get_related_entries(self, user_id: str, entry_text: str, limit: int = 3) -> List[Dict]:
+        """
+        Finds the 'Zettelkasten links' — other entries that are semantically related.
+        """
+        if self.TABLE_NAME not in self.db.table_names():
+            return []
+
+        query_vec = await llm_service.get_embedding(entry_text)
+        if not query_vec:
+            return []
+
+        tbl = self.db.open_table(self.TABLE_NAME)
+        
+        # Search for similar entries by the same user
+        results = (tbl.search(query_vec)
+                   .where(f"user_id = '{user_id}'", prefilter=True)
+                   .limit(limit + 1)
+                   .to_list())
+        
+        # Filter out exact matches (the entry itself)
+        filtered = [r for r in results if r['text'] != entry_text]
+        return filtered[:limit]
+
+    async def get_user_entries(self, user_id: str, limit: int = 20) -> List[Dict]:
+        """Retrieves a timeline of entries."""
+        if self.TABLE_NAME not in self.db.table_names():
+            return []
+
+        tbl = self.db.open_table(self.TABLE_NAME)
+        # Using a simple to_list and manual sort for small POC datasets
+        results = tbl.search().where(f"user_id = '{user_id}'").to_list()
+        results.sort(key=lambda x: x['timestamp'], reverse=True)
+        return results[:limit]
+
+# Singleton instance
+journal_service = JournalService()
diff --git a/app/services/llm.py b/app/services/llm.py
new file mode 100644
index 0000000000000000000000000000000000000000..d4d58bbff941ee257d16bd608d89f123a563a9be
--- /dev/null
+++ b/app/services/llm.py
@@ -0,0 +1,128 @@
+from openai import AsyncOpenAI
+from app.core.config import settings
+
+class LLMService:
+    def __init__(self):
+        self.client = AsyncOpenAI(
+            base_url=settings.LLM_BASE_URL,
+            api_key=settings.LLM_API_KEY
+        )
+        self.is_offline = False # Cache offline status to avoid repeated timeouts
+
+    async def generate_response(self, message: str, system_prompt: str = settings.SYSTEM_PROMPT, tools: list = None) -> dict:
+        if self.is_offline:
+            return self._get_mock_swarm_response(message, system_prompt, tools)
+            
+        try:
+            messages = [
+                {"role": "system", "content": system_prompt},
+                {"role": "user", "content": message}
+            ]
+            
+            kwargs = {
+                "model": settings.MODEL_NAME,
+                "messages": messages,
+                "temperature": 0.7
+            }
+            
+            if tools:
+                kwargs["tools"] = tools
+                kwargs["tool_choice"] = "auto"
+
+            completion = await self.client.chat.completions.create(**kwargs)
+            
+            choice = completion.choices[0].message
+            return {
+                "content": choice.content or "",
+                "tool_calls": getattr(choice, "tool_calls", None)
+            }
+            
+        except Exception as e:
+            self.is_offline = True
+            print(f"LLM Connectivity failed: {str(e)}. Switching to MOCK mode.")
+            return self._get_mock_swarm_response(message, system_prompt, tools)
+
+    def _get_mock_swarm_response(self, message: str, system_prompt: str, tools: list) -> dict:
+        """
+        Simulates agent handoffs and tool calling based on keywords.
+        Used for verification when Ollama is offline.
+        """
+        msg_lower = message.lower()
+        
+        # Check for Episodic Memory in system prompt
+        memory_insight = ""
+        if "Relevant past insights:" in system_prompt:
+            # Extract the first insight for the mock response
+            parts = system_prompt.split("Relevant past insights:")
+            if len(parts) > 1:
+                memory_insight = parts[1].split("\n")[1].strip("- ").strip()
+
+        # 1. RLM / REPL Mocking
+        if "Python script" in system_prompt or "calculate" in msg_lower:
+            return {
+                "content": "```python\n# Simulated reasoning code\ndate1 = -586\ndate2 = 70\nprint(f'Total span: {date2 - date1} years')\n```",
+                "tool_calls": None
+            }
+
+        # 2. Check for Handoff Keywords
+        if tools:
+            tool_names = [t["function"]["name"] for t in tools]
+            
+            if "transfer_to_theologian" in tool_names and ("bible" in msg_lower or "genesis" in msg_lower or "study" in msg_lower):
+                return {
+                    "content": f"I see we previously talked about {memory_insight}. I will hand you over to our Theologian for a deeper Bible study.",
+                    "tool_calls": [type('ToolCall', (), {
+                        "id": "mock_handoff_1",
+                        "function": type('Func', (), {"name": "transfer_to_theologian", "arguments": "{}"})
+                    })]
+                }
+            
+            if "transfer_to_healer" in tool_names and ("sad" in msg_lower or "prayer" in msg_lower or "help" in msg_lower):
+                return {
+                    "content": f"I remember you were feeling {memory_insight} earlier. I will connect you with our Healer for prayer.",
+                    "tool_calls": [type('ToolCall', (), {
+                        "id": "mock_handoff_2",
+                        "function": type('Func', (), {"name": "transfer_to_healer", "arguments": "{}"})
+                    })]
+                }
+
+        response_content = f"[MOCK MODE] I am processing your message: '{message}'."
+        if memory_insight:
+            response_content += f" I remember you mentioned: '{memory_insight}'."
+        
+        return {
+            "content": response_content,
+            "tool_calls": None
+        }
+
+
+    async def get_embedding(self, text: str) -> list[float]:
+        if self.is_offline:
+            return self._get_mock_embedding(text)
+            
+        try:
+            response = await self.client.embeddings.create(
+                model=settings.MODEL_NAME, 
+                input=text
+            )
+            return response.data[0].embedding
+        except Exception as e:
+            # First failure sets the flag for this session/instance
+            self.is_offline = True
+            print(f"Embedding connectivity failed: {str(e)}. Switching to MOCK mode for this session.")
+            return self._get_mock_embedding(text)
+
+    def _get_mock_embedding(self, text: str, dim: int = 1536) -> list[float]:
+        """
+        Creates a deterministic sparse embedding based on word hashing.
+        Allows basic keyword matching to work even without a real LLM.
+        """
+        vec = [0.0] * dim
+        words = text.lower().split()
+        for word in words:
+            # Simple hash to map word to index
+            idx = sum(ord(c) for c in word) % dim
+            vec[idx] = 1.0
+        return vec
+
+llm_service = LLMService()
diff --git a/app/services/memory.py b/app/services/memory.py
new file mode 100644
index 0000000000000000000000000000000000000000..b869eca8a50e81e529dec70ae5cbcd067d49ce7d
--- /dev/null
+++ b/app/services/memory.py
@@ -0,0 +1,169 @@
+import sqlite3
+import json
+import os
+import lancedb
+from typing import List, Dict, Optional
+from datetime import datetime
+from app.services.llm import llm_service
+
+class MemoryService:
+    DB_PATH = "data/memory.db"
+    LANCE_PATH = "data/memory_lancedb"
+    EPISODE_TABLE = "episodes"
+
+    def __init__(self):
+        self._init_sqlite()
+        self._init_lancedb()
+
+    def _init_sqlite(self):
+        """Initialize the SQLite database with necessary tables."""
+        if not os.path.exists("data"):
+            os.makedirs("data")
+            
+        conn = sqlite3.connect(self.DB_PATH)
+        cursor = conn.cursor()
+        
+        # Table for conversation history (short-term memory)
+        cursor.execute('''
+            CREATE TABLE IF NOT EXISTS interactions (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                user_id TEXT NOT NULL,
+                role TEXT NOT NULL,
+                content TEXT NOT NULL,
+                timestamp DATETIME DEFAULT CURRENT_TIMESTAMP
+            )
+        ''')
+        
+        # Table for facts/long-term memory
+        cursor.execute('''
+            CREATE TABLE IF NOT EXISTS facts (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                user_id TEXT NOT NULL,
+                fact TEXT NOT NULL,
+                timestamp DATETIME DEFAULT CURRENT_TIMESTAMP
+            )
+        ''')
+        
+        conn.commit()
+        conn.close()
+
+    def _init_lancedb(self):
+        """Initialize LanceDB for episodic memory."""
+        self.db = lancedb.connect(self.LANCE_PATH)
+
+    async def add_interaction(self, user_id: str, role: str, content: str):
+        """Add a message interactions to the short-term memory."""
+        conn = sqlite3.connect(self.DB_PATH)
+        cursor = conn.cursor()
+        cursor.execute(
+            'INSERT INTO interactions (user_id, role, content) VALUES (?, ?, ?)',
+            (user_id, role, content)
+        )
+        conn.commit()
+        conn.close()
+
+    async def get_short_term_memory(self, user_id: str, limit: int = 10) -> List[Dict[str, str]]:
+        """Retrieve recent interactions for a user."""
+        conn = sqlite3.connect(self.DB_PATH)
+        conn.row_factory = sqlite3.Row
+        cursor = conn.cursor()
+        cursor.execute(
+            'SELECT role, content FROM interactions WHERE user_id = ? ORDER BY id DESC LIMIT ?',
+            (user_id, limit)
+        )
+        rows = cursor.fetchall()
+        conn.close()
+        return [{"role": row["role"], "content": row["content"]} for row in reversed(rows)]
+
+    async def add_fact(self, user_id: str, fact: str):
+        """Add a specific fact to long-term memory."""
+        conn = sqlite3.connect(self.DB_PATH)
+        cursor = conn.cursor()
+        cursor.execute(
+            'INSERT INTO facts (user_id, fact) VALUES (?, ?)',
+            (user_id, fact)
+        )
+        conn.commit()
+        conn.close()
+
+    async def get_long_term_memory(self, user_id: str) -> List[str]:
+        """Retrieve all stored facts for a user."""
+        conn = sqlite3.connect(self.DB_PATH)
+        conn.row_factory = sqlite3.Row
+        cursor = conn.cursor()
+        cursor.execute(
+            'SELECT fact FROM facts WHERE user_id = ? ORDER BY timestamp DESC',
+            (user_id,)
+        )
+        rows = cursor.fetchall()
+        conn.close()
+        return [row["fact"] for row in rows]
+
+    # --- EPISODIC MEMORY (Phase 2 Upgrade) ---
+
+    async def store_episode(self, user_id: str, content: str, insight: str, emotion: str = "neutral"):
+        """
+        Summarizes a session/interaction into an 'Episode' and stores in LanceDB.
+        """
+        # 1. Generate Embedding for the insight/content
+        combined_text = f"Episode: {content} Insight: {insight} Emotion: {emotion}"
+        vector = await llm_service.get_embedding(combined_text)
+        
+        if not vector:
+            print("MemoryService: Failed to generate embedding for episode.")
+            return
+
+        # 2. Data to store
+        data = [{
+            "vector": vector,
+            "user_id": user_id,
+            "content": content,
+            "insight": insight,
+            "emotion": emotion,
+            "timestamp": datetime.now().isoformat()
+        }]
+
+        # 3. Create or Update Table
+        if self.EPISODE_TABLE in self.db.table_names():
+            tbl = self.db.open_table(self.EPISODE_TABLE)
+            tbl.add(data)
+        else:
+            self.db.create_table(self.EPISODE_TABLE, data=data)
+        
+        print(f"MemoryService: Episode stored for user {user_id}")
+
+    async def retrieve_episodes(self, user_id: str, query: str, limit: int = 3) -> List[Dict]:
+        """
+        Retrieves relevant spiritual episodes using semantic search.
+        """
+        if self.EPISODE_TABLE not in self.db.table_names():
+            return []
+
+        query_vec = await llm_service.get_embedding(query)
+        if not query_vec:
+            return []
+
+        try:
+            tbl = self.db.open_table(self.EPISODE_TABLE)
+            
+            # Filter by user_id
+            results = (tbl.search(query_vec)
+                       .where(f"user_id = '{user_id}'", prefilter=True)
+                       .limit(limit)
+                       .to_list())
+            
+            return results
+        except Exception as e:
+            print(f"MemoryService: Search error: {str(e)}")
+            return []
+
+    # --- Legacy Compatibility ---
+    async def get_history(self, session_id: str) -> List[Dict[str, str]]:
+        return await self.get_short_term_memory(session_id, limit=50)
+
+    async def add_message(self, session_id: str, role: str, content: str):
+        await self.add_interaction(session_id, role, content)
+
+# Singleton instance
+memory_service = MemoryService()
+
diff --git a/app/services/orchestrator.py b/app/services/orchestrator.py
new file mode 100644
index 0000000000000000000000000000000000000000..856af8b5520b41011bb9e5e4b2831acc0785f898
--- /dev/null
+++ b/app/services/orchestrator.py
@@ -0,0 +1,58 @@
+from app.services.memory import memory_service
+from app.services.guardrails import guardrail_service, GuardrailViolation
+from app.core.swarm_client import swarm_client
+from app.agents.gatekeeper import gatekeeper_agent
+from typing import Dict
+
+class OrchestratorService:
+    async def process_message(self, user_id: str, message: str) -> dict:
+        # 1. Safety Check (Input)
+        is_safe = await guardrail_service.check_input_safety(message)
+        if not is_safe:
+            return {
+                "role": "assistant",
+                "content": "I sense you are in deep distress. Please contact a professional or emergency services immediately. You are valuable and loved."
+            }
+
+        # 2. Retrieve Episodic Context (Phase 2)
+        episodes = await memory_service.retrieve_episodes(user_id, message, limit=2)
+        episodic_context = ""
+        if episodes:
+            insights = [f"- {e['timestamp']}: {e['insight']}" for e in episodes]
+            episodic_context = "\nRelevant past insights:\n" + "\n".join(insights)
+
+        # 3. Run Swarm
+        messages = [{"role": "user", "content": message}]
+        
+        # Inject episodic memory into context variables for agents to see
+        context = {
+            "user_id": user_id,
+            "episodic_memory": episodic_context
+        }
+        
+        swarm_response = await swarm_client.run(
+            agent=gatekeeper_agent,
+            messages=messages,
+            context_variables=context
+        )
+        
+        # The final message in the swarm history is the result
+        response_text = swarm_response.messages[-1]["content"]
+
+        # 3. Final Safety Validation of Output
+        try:
+             response_text = await guardrail_service.validate_response(response_text)
+        except GuardrailViolation as e:
+             print(f"Safety Violation blocked: {e}")
+             response_text = "I apologize, but I cannot provide that response as it violates my safety guidelines regarding authority claims."
+        except GuardrailViolation:
+            response_text = "I apologize, but I cannot complete that response as it violates my safety guidelines."
+
+        return {
+            "role": "assistant",
+            "content": response_text,
+            "agent": swarm_response.agent.name if swarm_response.agent else "Unknown",
+            "trace": swarm_response.trace
+        }
+
+orchestrator = OrchestratorService()
diff --git a/app/services/practices.py b/app/services/practices.py
new file mode 100644
index 0000000000000000000000000000000000000000..2973af38bcdedd0f77f12bee42ba84ea278bf4f7
--- /dev/null
+++ b/app/services/practices.py
@@ -0,0 +1,19 @@
+from pydantic import BaseModel
+from typing import List, Optional
+
+class SpiritualPractice(BaseModel):
+    title: str
+    description: str
+    steps: List[str]
+    duration_minutes: int
+    scripture_ref: Optional[str] = None
+
+class PracticeGenerator:
+    async def generate(self, intent_data: dict, profile_data: dict) -> SpiritualPractice:
+        # Generation logic here
+        return SpiritualPractice(
+            title="Lectio Divina",
+            description="A traditional practice of scriptural reading, meditation and prayer.",
+            steps=["Read", "Reflect", "Respond", "Rest"],
+            duration_minutes=15
+        )
diff --git a/app/services/prayer.py b/app/services/prayer.py
new file mode 100644
index 0000000000000000000000000000000000000000..ac22a3ac4cf39fd2fd48c4e2ea2f35e58c1ab9c8
--- /dev/null
+++ b/app/services/prayer.py
@@ -0,0 +1,22 @@
+from app.services.llm import llm_service
+
+class PrayerService:
+    PROMPT = """You are ORA, a prayer companion.
+
+Prayer focus: {topic}
+User emotion: {emotion}
+Scripture (optional): {scripture}
+
+Write a prayer that:
+- Is gentle, humble, and invitational
+- Avoids absolutes (e.g., "always", "never", "definitely")
+- Does NOT make promises on God's behalf (e.g., "God will heal you")
+- Does NOT use commands or imperatives (e.g., "Pray this", "Do this", "Trust me")
+- Uses natural, conversational language, not sermon tone
+- Expresses hope and longing without guaranteeing outcomes"""
+
+    async def compose(self, topic: str, emotion: str, scripture: str = "") -> str:
+        prompt = self.PROMPT.format(topic=topic, emotion=emotion, scripture=scripture)
+        return await llm_service.generate_response(message="Compose a prayer for me.", system_prompt=prompt)
+
+prayer_service = PrayerService()
diff --git a/app/services/profile.py b/app/services/profile.py
new file mode 100644
index 0000000000000000000000000000000000000000..c39f2f97eba148ae5d880bb24c4c10f32d032685
--- /dev/null
+++ b/app/services/profile.py
@@ -0,0 +1,107 @@
+from pydantic import BaseModel, Field
+from typing import List, Optional
+from enum import Enum
+import sqlite3
+import json
+
+class TonePreference(str, Enum):
+    PASTORAL = "pastoral"
+    SCHOLARLY = "scholarly"
+    GENTLE = "gentle"
+    DIRECT = "direct"
+
+class SpiritualGoal(str, Enum):
+    PRAYER = "prayer"
+    STUDY = "study"
+    HEALING = "healing"
+    LEADERSHIP = "leadership"
+    DISCERNMENT = "discernment"
+
+class UserProfile(BaseModel):
+    user_id: str
+    denomination: Optional[str] = None
+    bible_translations: List[str] = Field(default=["NIV", "ESV"])
+    tone_preference: TonePreference = TonePreference.PASTORAL
+    spiritual_goals: List[SpiritualGoal] = []
+    
+    class Config:
+        json_schema_extra = {
+            "example": {
+                "user_id": "usr_123",
+                "denomination": "non-denominational",
+                "bible_translations": ["NIV"],
+                "tone_preference": "gentle",
+                "spiritual_goals": ["prayer", "healing"]
+            }
+        }
+
+class ProfileService:
+    def __init__(self, db_path: str = "memory.db"):
+        self.db_path = db_path
+        self._init_db()
+
+    def _init_db(self):
+        conn = sqlite3.connect(self.db_path)
+        cursor = conn.cursor()
+        cursor.execute('''
+            CREATE TABLE IF NOT EXISTS user_profiles (
+                user_id TEXT PRIMARY KEY,
+                denomination TEXT,
+                bible_translations TEXT,
+                tone_preference TEXT,
+                spiritual_goals TEXT
+            )
+        ''')
+        conn.commit()
+        conn.close()
+
+    async def get_profile(self, user_id: str) -> UserProfile:
+        conn = sqlite3.connect(self.db_path)
+        conn.row_factory = sqlite3.Row
+        cursor = conn.cursor()
+        
+        cursor.execute('SELECT * FROM user_profiles WHERE user_id = ?', (user_id,))
+        row = cursor.fetchone()
+        conn.close()
+
+        if row:
+            return UserProfile(
+                user_id=row['user_id'],
+                denomination=row['denomination'],
+                bible_translations=json.loads(row['bible_translations']) if row['bible_translations'] else ["NIV"],
+                tone_preference=row['tone_preference'] or TonePreference.PASTORAL,
+                spiritual_goals=json.loads(row['spiritual_goals']) if row['spiritual_goals'] else []
+            )
+        
+        # Return default profile if none exists
+        return UserProfile(user_id=user_id)
+
+    async def update_profile(self, user_id: str, data: dict) -> UserProfile:
+        # Get current profile to merge (or default)
+        current = await self.get_profile(user_id)
+        
+        # Merge data and validate to ensure Enums are correctly parsed
+        merged_data = current.model_dump()
+        merged_data.update(data)
+        updated_model = UserProfile(**merged_data)
+        
+        conn = sqlite3.connect(self.db_path)
+        cursor = conn.cursor()
+        
+        cursor.execute('''
+            INSERT OR REPLACE INTO user_profiles (user_id, denomination, bible_translations, tone_preference, spiritual_goals)
+            VALUES (?, ?, ?, ?, ?)
+        ''', (
+            updated_model.user_id,
+            updated_model.denomination,
+            json.dumps(updated_model.bible_translations),
+            updated_model.tone_preference.value,
+            json.dumps([g.value for g in updated_model.spiritual_goals])
+        ))
+        
+        conn.commit()
+        conn.close()
+        
+        return updated_model
+
+profile_service = ProfileService()
diff --git a/app/services/repl.py b/app/services/repl.py
new file mode 100644
index 0000000000000000000000000000000000000000..8fe188caead553b8d7ba02948722c283b0cb0bf6
--- /dev/null
+++ b/app/services/repl.py
@@ -0,0 +1,89 @@
+import sys
+import io
+import contextlib
+import multiprocessing
+import traceback
+from typing import Dict, Any, Optional
+
+def _restricted_execute(code: str, queue: multiprocessing.Queue):
+    """
+    Executes code in a completely isolated process environment.
+    """
+    # Redirect stdout to capture it
+    stdout = io.StringIO()
+    
+    # Define restricted globals
+    # We remove dangerous modules like 'os', 'sys', 'shutil', etc.
+    safe_globals = {
+        "__builtins__": __builtins__.copy(),
+        "math": __import__("math"),
+        "datetime": __import__("datetime"),
+        "json": __import__("json"),
+    }
+    # Remove dangerous builtins
+    dangerous_builtins = ["open", "exec", "eval", "getattr", "setattr", "delattr", "help", "input", "compile"]
+    for b in dangerous_builtins:
+        if b in safe_globals["__builtins__"]:
+            del safe_globals["__builtins__"][b]
+
+    try:
+        with contextlib.redirect_stdout(stdout):
+            exec(code, safe_globals)
+        queue.put({"success": True, "output": stdout.getvalue(), "error": None})
+    except Exception:
+        queue.put({"success": False, "output": stdout.getvalue(), "error": traceback.format_exc()})
+
+class REPLService:
+    def execute(self, code: str, timeout: int = 2) -> Dict[str, Any]:
+        """
+        Executes Python code in a restricted global environment.
+        """
+        stdout = io.StringIO()
+        
+        # Define restricted globals
+        safe_globals = {
+            "__builtins__": {
+                "print": print,
+                "range": range,
+                "len": len,
+                "list": list,
+                "dict": dict,
+                "str": str,
+                "int": int,
+                "float": float,
+                "bool": bool,
+                "abs": abs,
+                "sum": sum,
+                "min": min,
+                "max": max,
+                "reversed": reversed,
+                "sorted": sorted,
+                "set": set,
+                "enumerate": enumerate,
+                "zip": zip,
+            },
+            "math": __import__("math"),
+            "datetime": __import__("datetime"),
+            "json": __import__("json"),
+        }
+
+        try:
+            with contextlib.redirect_stdout(stdout):
+                # Using a wrapper to avoid affecting the main thread too much if it hangs
+                # Note: This doesn't actually provide timeout protection in same-thread
+                # but works around the multiprocess hang in local dev
+                exec(code, safe_globals)
+            
+            return {
+                "success": True, 
+                "output": stdout.getvalue(), 
+                "error": None
+            }
+        except Exception:
+            return {
+                "success": False, 
+                "output": stdout.getvalue(), 
+                "error": traceback.format_exc()
+            }
+
+repl_service = REPLService()
diff --git a/app/services/rlm.py b/app/services/rlm.py
new file mode 100644
index 0000000000000000000000000000000000000000..92113fca141016c95745cde6f857952c5a436c8b
--- /dev/null
+++ b/app/services/rlm.py
@@ -0,0 +1,48 @@
+from app.services.repl import repl_service
+from app.services.llm import llm_service
+from typing import Dict, Any
+
+class RLMService:
+    """
+    Reason Synergizing Service. 
+    Uses the REPL to solve complex logical problems through code generation and execution.
+    """
+    
+    async def reason(self, problem: str) -> str:
+        """
+        Takes a logical problem, generates Python code to solve it, and returns the result.
+        """
+        system_prompt = """
+        You are the ORA Reasoning Engine. 
+        Your task is to write a Python script to solve the user's logical problem or calculation.
+        - Only output the Python code, nothing else.
+        - Use print() to output final results.
+        - You have access to: math, datetime, json.
+        - Do not use dangerous modules (os, subprocess, etc).
+        - Keep the script efficient.
+        """
+        
+        # 1. Generate the code
+        prompt = f"Problem: {problem}\n\nWrite a Python script to solve this. Only output code."
+        llm_res = await llm_service.generate_response(prompt, system_prompt=system_prompt)
+        code = llm_res.get("content", "").strip()
+        
+        # Clean up markdown if LLM adds it
+        if code.startswith("```python"):
+            code = code.split("```python")[1].split("```")[0].strip()
+        elif code.startswith("```"):
+            code = code.split("```")[1].split("```")[0].strip()
+
+        if not code:
+             return "Error: Could not generate reasoning code."
+
+        # 2. Execute in REPL
+        print(f"RLM: Executing reasoning code...")
+        result = repl_service.execute(code)
+        
+        if not result["success"]:
+            return f"Reasoning Fallacy (Code Error): {result['error']}"
+        
+        return result["output"]
+
+rlm_service = RLMService()
diff --git a/app/services/simplify.py b/app/services/simplify.py
new file mode 100644
index 0000000000000000000000000000000000000000..68dbb7e0b18d136dee7315cbcad25829b32b5d2d
--- /dev/null
+++ b/app/services/simplify.py
@@ -0,0 +1,19 @@
+from app.services.llm import llm_service
+
+class SimplifyService:
+    PROMPT = """Rewrite the following spiritual explanation
+in clear, everyday language.
+
+Text:
+{text}
+
+Rules:
+- No jargon
+- No preaching
+- Keep meaning intact"""
+
+    async def simplify(self, text: str) -> str:
+        prompt = self.PROMPT.format(text=text)
+        return await llm_service.generate_response(message="Simplify this.", system_prompt=prompt)
+
+simplify_service = SimplifyService()
diff --git a/app/services/stillness.py b/app/services/stillness.py
new file mode 100644
index 0000000000000000000000000000000000000000..1bd60ed3e3f6304cbb41a5bf3e31de457ef9a219
--- /dev/null
+++ b/app/services/stillness.py
@@ -0,0 +1,17 @@
+from app.services.llm import llm_service
+
+class StillnessService:
+    PROMPT = """You are guiding the user into silence and stillness.
+
+Create:
+- A short breathing or grounding exercise
+- One reflective sentence
+- An invitation to pause without pressure
+
+Do not quote scripture unless requested.
+Keep it under 150 words."""
+
+    async def guide(self) -> str:
+        return await llm_service.generate_response(message="Help me find stillness.", system_prompt=self.PROMPT)
+
+stillness_service = StillnessService()
diff --git a/app/services/trace.py b/app/services/trace.py
new file mode 100644
index 0000000000000000000000000000000000000000..17eca2c60353d0d7b07e41800e3f8c55ed8d492f
--- /dev/null
+++ b/app/services/trace.py
@@ -0,0 +1,31 @@
+import json
+import os
+from datetime import datetime
+from typing import Dict, Any
+
+class TraceService:
+    TRACE_DIR = "important/reasoning_traces"
+
+    def __init__(self):
+        if not os.path.exists(self.TRACE_DIR):
+            os.makedirs(self.TRACE_DIR, exist_ok=True)
+
+    def save_trace(self, trace_data: Dict[str, Any]):
+        """
+        Appends a reasoning trace to a daily .jsonl file.
+        """
+        today = datetime.now().strftime("%Y-%m-%d")
+        file_path = os.path.join(self.TRACE_DIR, f"ora_traces_{today}.jsonl")
+        
+        # Add timestamp if missing
+        if "timestamp" not in trace_data:
+            trace_data["timestamp"] = datetime.now().isoformat()
+
+        try:
+            with open(file_path, "a", encoding="utf-8") as f:
+                f.write(json.dumps(trace_data) + "\n")
+            # print(f"TraceService: Trace saved to {file_path}")
+        except Exception as e:
+            print(f"TraceService Error: Failed to save trace: {str(e)}")
+
+trace_service = TraceService()
diff --git a/app/services/translation.py b/app/services/translation.py
new file mode 100644
index 0000000000000000000000000000000000000000..ec2f692c9f44572bb9c2fbcf082bd5603258f553
--- /dev/null
+++ b/app/services/translation.py
@@ -0,0 +1,24 @@
+from app.services.llm import llm_service
+from typing import List
+
+class TranslationService:
+    PROMPT = """Compare the following Bible translations:
+
+Verse reference: {reference}
+Translations:
+{translations}
+
+Explain:
+- Key wording differences
+- What meaning is shared
+- What remains ambiguous
+
+Do not claim one translation is superior."""
+
+    async def compare(self, reference: str, translations: List[str]) -> str:
+        # In a real app, we would fetch the texts first, here we mock passing them
+        translations_text = "\n".join(translations) # Placeholder
+        prompt = self.PROMPT.format(reference=reference, translations=translations_text)
+        return await llm_service.generate_response(message="Compare these translations.", system_prompt=prompt)
+
+translation_service = TranslationService()
diff --git a/config.yml b/config.yml
new file mode 100644
index 0000000000000000000000000000000000000000..0967ef424bce6791893e9a57bb952f80fd536e93
--- /dev/null
+++ b/config.yml
@@ -0,0 +1 @@
+{}
diff --git a/frontend/.claude/settings.local.json b/frontend/.claude/settings.local.json
new file mode 100644
index 0000000000000000000000000000000000000000..efd4b25d545822f823f2d8f8df5a2f65d7c0041c
--- /dev/null
+++ b/frontend/.claude/settings.local.json
@@ -0,0 +1,17 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(dir:*)",
+      "Bash(npm run build:*)",
+      "Bash(npm run dev:*)",
+      "Bash(taskkill:*)",
+      "Bash(timeout /t 2)",
+      "Bash(cat:*)",
+      "Bash(if [ -d \".next\" ])",
+      "Bash(then rm -rf .next)",
+      "Bash(fi)",
+      "Bash(git init:*)",
+      "Bash(git add:*)"
+    ]
+  }
+}
diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..b3ccd7e4a4a7fa9efec9bb740659e2e08faabe52
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,33 @@
+# Dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# Testing
+/coverage
+
+# Next.js
+/.next/
+/out/
+
+# Production
+/build
+
+# Misc
+.DS_Store
+*.pem
+
+# Debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Local env files
+.env*.local
+
+# Vercel
+.vercel
+
+# TypeScript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..c98c9efa9fbd65ca8d0b03f435d405e8035cf3cc
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,98 @@
+# SoapBox Candles - Web App
+
+A Next.js web application for SoapBox Super App's Candles feature - spiritual engagement rewards and AI feature credits.
+
+## Getting Started
+
+### Prerequisites
+- Node.js 18+
+- npm or yarn
+
+### Installation
+
+```bash
+cd soapbox-candles
+npm install
+```
+
+### Development
+
+```bash
+npm run dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) in your browser.
+
+### Build
+
+```bash
+npm run build
+```
+
+### Production
+
+```bash
+npm start
+```
+
+## Deploy to Vercel
+
+### Option 1: Vercel CLI
+
+```bash
+npm i -g vercel
+vercel
+```
+
+### Option 2: GitHub Integration
+
+1. Push this project to a GitHub repository
+2. Go to [vercel.com](https://vercel.com)
+3. Import your GitHub repository
+4. Vercel will auto-detect Next.js and deploy
+
+## Project Structure
+
+```
+soapbox-candles/
+├── app/
+│   ├── globals.css        # Global styles & animations
+│   ├── layout.tsx         # Root layout with Navbar/Footer
+│   ├── page.tsx           # Home page (Candles landing)
+│   ├── features/          # Features page
+│   ├── pricing/           # Pricing page
+│   ├── about/             # About page
+│   ├── contact/           # Contact page
+│   ├── signin/            # Sign in page
+│   └── get-started/       # Sign up page
+├── components/
+│   ├── Navbar.tsx         # Navigation component
+│   ├── Footer.tsx         # Footer component
+│   ├── SpotlightCard.tsx  # Interactive card component
+│   └── ShinyButton.tsx    # Animated CTA button
+├── public/                # Static assets
+├── package.json
+├── tailwind.config.js
+├── tsconfig.json
+└── next.config.js
+```
+
+## Features
+
+- **Responsive Design** - Works on all devices
+- **Animations** - Sonar, beam, float, flicker effects
+- **Interactive Cards** - Spotlight effect on hover
+- **Shiny CTA Buttons** - Animated gradient borders
+- **Dark Theme** - Warm amber/gold color scheme
+- **TypeScript** - Full type safety
+- **Tailwind CSS** - Utility-first styling
+
+## Pages
+
+- `/` - Candles landing page
+- `/features` - Platform features
+- `/pricing` - Pricing plans
+- `/about` - About SoapBox
+- `/contact` - Contact form
+- `/signin` - Sign in
+- `/get-started` - Sign up
diff --git a/frontend/app/about/page.tsx b/frontend/app/about/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..39f5659c5165797223c02b2bd831e9564bdf9dc3
--- /dev/null
+++ b/frontend/app/about/page.tsx
@@ -0,0 +1,182 @@
+'use client';
+
+import { Sparkles, Brain, Heart, BookOpen, Shield, Users, Zap, Target } from 'lucide-react';
+import SpotlightCard from '@/components/SpotlightCard';
+import Link from 'next/link';
+import ShinyButton from '@/components/ShinyButton';
+
+const values = [
+  {
+    icon: Shield,
+    title: 'Faith-First Design',
+    description: 'Every feature is built with theological accuracy and spiritual sensitivity at its core.',
+  },
+  {
+    icon: Heart,
+    title: 'Compassionate AI',
+    description: 'Our agents are trained to provide empathetic, pastoral care in every interaction.',
+  },
+  {
+    icon: Brain,
+    title: 'Intelligent Guidance',
+    description: 'Multi-agent architecture ensures you receive specialized expertise for every question.',
+  },
+  {
+    icon: Users,
+    title: 'Privacy Respected',
+    description: 'Your spiritual journey is sacred. We never sell data or compromise your privacy.',
+  },
+];
+
+const agents = [
+  {
+    name: 'Gatekeeper',
+    icon: Shield,
+    color: 'purple',
+    description: 'The intelligent router that understands your intent and connects you with the right specialist.',
+  },
+  {
+    name: 'Theologian',
+    icon: BookOpen,
+    color: 'blue',
+    description: 'Deep Scripture analysis with cross-references, historical context, and doctrinal insights.',
+  },
+  {
+    name: 'Healer',
+    icon: Heart,
+    color: 'rose',
+    description: 'Compassionate pastoral care with prayer guidance and emotional support.',
+  },
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string }> = {
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400' },
+  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/30', text: 'text-blue-400' },
+  rose: { bg: 'bg-rose-500/10', border: 'border-rose-500/30', text: 'text-rose-400' },
+};
+
+export default function AboutPage() {
+  return (
+    <>
+      {/* Hero */}
+      <section className="relative pt-32 pb-20 overflow-hidden">
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-purple-600/20 rounded-full blur-[150px] pointer-events-none -z-10" />
+
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 mb-8">
+            <Sparkles className="w-4 h-4 text-purple-400" />
+            <span className="text-xs font-mono text-purple-300 uppercase tracking-wider">About ORA</span>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-bold tracking-tight mb-6 text-white">
+            AI Spiritual Guidance,{' '}
+            <span className="text-purple-400">Reimagined</span>
+          </h1>
+
+          <p className="text-lg text-neutral-400 max-w-2xl mx-auto">
+            ORA is a sovereign AI spiritual companion built with a multi-agent architecture
+            designed to provide personalized, theologically-grounded guidance for your faith journey.
+          </p>
+        </div>
+      </section>
+
+      {/* Mission */}
+      <section className="py-20 border-t border-white/5">
+        <div className="max-w-6xl mx-auto px-6">
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+            <div>
+              <h2 className="text-3xl font-bold text-white mb-6">Our Mission</h2>
+              <p className="text-neutral-400 leading-relaxed mb-4">
+                We believe technology can serve faith. ORA was created to bridge the gap between
+                ancient wisdom and modern AI, providing believers with an intelligent companion
+                that understands Scripture, respects tradition, and meets you where you are.
+              </p>
+              <p className="text-neutral-400 leading-relaxed">
+                Our name embodies our method: <strong className="text-purple-400">O</strong>bserve,
+                <strong className="text-purple-400"> R</strong>eflect, <strong className="text-purple-400">A</strong>ct.
+                This framework guides every interaction, helping you engage more deeply with your faith.
+              </p>
+            </div>
+            <div className="grid grid-cols-2 gap-4">
+              {values.map((value) => (
+                <div
+                  key={value.title}
+                  className="p-5 rounded-xl bg-white/[0.02] border border-white/10 hover:border-purple-500/30 transition-all"
+                >
+                  <value.icon className="w-8 h-8 text-purple-400 mb-3" />
+                  <h3 className="text-white font-medium mb-1">{value.title}</h3>
+                  <p className="text-neutral-500 text-sm">{value.description}</p>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Agent Architecture */}
+      <section className="py-20 border-t border-white/5 bg-[#030303]">
+        <div className="max-w-6xl mx-auto px-6">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl font-bold text-white mb-4">Multi-Agent Architecture</h2>
+            <p className="text-neutral-400 max-w-2xl mx-auto">
+              ORA uses specialized AI agents that work together, each bringing unique expertise
+              to serve your spiritual needs.
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            {agents.map((agent) => {
+              const colors = colorClasses[agent.color];
+              return (
+                <SpotlightCard
+                  key={agent.name}
+                  className={`p-6 rounded-xl border ${colors.border} bg-white/[0.02]`}
+                  spotlightColor="purple"
+                >
+                  <div className={`w-14 h-14 rounded-xl ${colors.bg} flex items-center justify-center border ${colors.border} mb-4`}>
+                    <agent.icon className={`w-7 h-7 ${colors.text}`} />
+                  </div>
+                  <h3 className="text-xl font-semibold text-white mb-2">{agent.name}</h3>
+                  <p className="text-neutral-400 text-sm">{agent.description}</p>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* Technology */}
+      <section className="py-20 border-t border-white/5">
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <h2 className="text-3xl font-bold text-white mb-6">Built with Purpose</h2>
+          <p className="text-neutral-400 mb-8 max-w-2xl mx-auto">
+            ORA combines cutting-edge AI with deep respect for theological tradition.
+            Our system includes episodic memory, reasoning traces, and safety guardrails
+            to ensure every interaction is helpful, accurate, and spiritually sensitive.
+          </p>
+
+          <div className="flex flex-wrap justify-center gap-3 mb-12">
+            {['Multi-Agent Swarm', 'Episodic Memory', 'LanceDB Vectors', 'Safety Guardrails', 'Reasoning Traces', 'Bible RAG'].map((tech) => (
+              <span
+                key={tech}
+                className="px-4 py-2 rounded-full bg-purple-500/10 border border-purple-500/20 text-purple-300 text-sm"
+              >
+                {tech}
+              </span>
+            ))}
+          </div>
+
+          <Link href="/dashboard">
+            <ShinyButton>
+              <span className="flex items-center gap-2">
+                <Sparkles className="w-5 h-5" />
+                Experience ORA
+              </span>
+            </ShinyButton>
+          </Link>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/candle/page.tsx b/frontend/app/candle/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fc7f74d06fad5a8743302996723b64e352ab3a28
--- /dev/null
+++ b/frontend/app/candle/page.tsx
@@ -0,0 +1,635 @@
+'use client';
+
+import { Flame, Sun, Share2, TrendingUp, Gift, Calendar, Check, Users, Church, Star, Zap, ArrowRight, Sparkles, Heart, BookOpen, Video, MessageSquare, Trophy, Target, UserPlus, ThumbsUp } from 'lucide-react';
+import SpotlightCard from '@/components/SpotlightCard';
+import ShinyButton from '@/components/ShinyButton';
+import Link from 'next/link';
+
+export default function CandlePage() {
+  return (
+    <>
+      {/* Hero Section - Completely Redesigned */}
+      <section className="relative pt-36 pb-24 md:pt-44 md:pb-32 overflow-hidden min-h-[90vh] flex items-center">
+        <div className="absolute inset-0 bg-grid-pattern opacity-50 z-0 pointer-events-none" style={{ maskImage: 'radial-gradient(circle at center, black 30%, transparent 80%)', WebkitMaskImage: 'radial-gradient(circle at center, black 30%, transparent 80%)' }} />
+
+        {/* Animated Glow Backgrounds */}
+        <div className="absolute top-1/4 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[1000px] h-[1000px] bg-amber-600/20 rounded-full blur-[150px] pointer-events-none -z-10 animate-pulse" style={{ animationDuration: '4s' }} />
+        <div className="absolute bottom-0 right-0 w-[600px] h-[600px] bg-orange-900/15 rounded-full blur-[100px] pointer-events-none -z-10" />
+        <div className="absolute top-1/2 left-0 w-[400px] h-[400px] bg-amber-500/10 rounded-full blur-[80px] pointer-events-none -z-10 animate-pulse" style={{ animationDuration: '6s', animationDelay: '2s' }} />
+
+        <div className="max-w-7xl mx-auto px-6 w-full">
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
+            {/* Left: Content */}
+            <div className="max-w-xl z-10">
+              <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full border border-amber-500/20 bg-amber-500/5 mb-8 backdrop-blur-sm animate-fade-slide-in">
+                <span className="relative flex h-2 w-2">
+                  <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-400 opacity-75" />
+                  <span className="relative inline-flex rounded-full h-2 w-2 bg-amber-500" />
+                </span>
+                <span className="text-xs uppercase tracking-widest font-medium text-amber-200/80">
+                  Spiritual Rewards System
+                </span>
+              </div>
+
+              <h1 className="text-5xl sm:text-6xl lg:text-7xl font-semibold tracking-tight leading-[1.05] mb-6 animate-fade-slide-in stagger-1">
+                <span className="text-white">Light Your</span>
+                <br />
+                <span className="text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-orange-400 to-amber-500">
+                  Faith Journey
+                </span>
+              </h1>
+
+              <p className="text-xl text-neutral-300 mb-8 leading-relaxed animate-fade-slide-in stagger-2">
+                Earn <span className="text-amber-400 font-medium">Candles</span> through spiritual engagement. Spend them on AI-powered tools. Watch your faith community grow.
+              </p>
+
+              {/* Stats Row */}
+              <div className="flex items-center gap-6 mb-10 animate-fade-slide-in stagger-3">
+                <div className="text-center">
+                  <div className="text-3xl font-bold text-amber-400">250</div>
+                  <div className="text-xs text-neutral-500 uppercase tracking-wider">Free Start</div>
+                </div>
+                <div className="w-px h-12 bg-white/10" />
+                <div className="text-center">
+                  <div className="text-3xl font-bold text-amber-400">+250</div>
+                  <div className="text-xs text-neutral-500 uppercase tracking-wider">Monthly</div>
+                </div>
+                <div className="w-px h-12 bg-white/10" />
+                <div className="text-center">
+                  <div className="text-3xl font-bold text-emerald-400">∞</div>
+                  <div className="text-xs text-neutral-500 uppercase tracking-wider">Earn More</div>
+                </div>
+              </div>
+
+              <div className="flex flex-col sm:flex-row gap-4 animate-fade-slide-in stagger-4">
+                <Link href="/get-started">
+                  <ShinyButton>
+                    <span className="flex items-center gap-2">
+                      <Flame className="w-[18px] h-[18px] candle-glow" />
+                      Get 250 Free Candles
+                    </span>
+                  </ShinyButton>
+                </Link>
+                <button className="px-6 py-3.5 text-sm font-medium text-neutral-300 border border-white/10 rounded-full hover:bg-white/5 hover:text-white transition-all flex items-center gap-2">
+                  <span>See How It Works</span>
+                  <ArrowRight className="w-4 h-4" />
+                </button>
+              </div>
+            </div>
+
+            {/* Right: Candle Visual System */}
+            <div className="relative h-[500px] lg:h-[600px] w-full flex items-center justify-center animate-fade-slide-in stagger-2">
+              {/* Central Candle Orb */}
+              <div className="relative z-20">
+                {/* Outer Glow Ring */}
+                <div className="absolute inset-0 w-64 h-64 -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2">
+                  <div className="absolute inset-0 rounded-full border border-amber-500/20 animate-ping" style={{ animationDuration: '3s' }} />
+                  <div className="absolute inset-4 rounded-full border border-amber-500/30 animate-ping" style={{ animationDuration: '3s', animationDelay: '1s' }} />
+                  <div className="absolute inset-8 rounded-full border border-amber-500/40 animate-ping" style={{ animationDuration: '3s', animationDelay: '2s' }} />
+                </div>
+
+                {/* Main Candle Circle */}
+                <div className="w-48 h-48 rounded-full bg-gradient-to-br from-amber-500/20 via-orange-500/10 to-transparent border border-amber-500/30 flex items-center justify-center shadow-[0_0_100px_-20px_rgba(251,191,36,0.5)] animate-breathe">
+                  <div className="w-36 h-36 rounded-full bg-gradient-to-br from-amber-500/30 to-orange-600/20 border border-amber-400/40 flex items-center justify-center">
+                    <div className="w-24 h-24 rounded-full bg-gradient-to-br from-amber-400/50 to-orange-500/30 border border-amber-300/50 flex items-center justify-center shadow-[inset_0_0_30px_rgba(251,191,36,0.3)]">
+                      <Flame className="w-12 h-12 text-amber-300 drop-shadow-[0_0_20px_rgba(251,191,36,0.8)] animate-flicker" />
+                    </div>
+                  </div>
+                </div>
+
+                {/* Orbiting Elements */}
+                <div className="absolute inset-0 w-72 h-72 -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 animate-spin-slow">
+                  <div className="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2">
+                    <div className="w-10 h-10 rounded-full bg-amber-500/20 border border-amber-500/30 flex items-center justify-center">
+                      <Sun className="w-5 h-5 text-amber-400" />
+                    </div>
+                  </div>
+                  <div className="absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2">
+                    <div className="w-10 h-10 rounded-full bg-rose-500/20 border border-rose-500/30 flex items-center justify-center">
+                      <Heart className="w-5 h-5 text-rose-400" />
+                    </div>
+                  </div>
+                  <div className="absolute left-0 top-1/2 -translate-x-1/2 -translate-y-1/2">
+                    <div className="w-10 h-10 rounded-full bg-blue-500/20 border border-blue-500/30 flex items-center justify-center">
+                      <Share2 className="w-5 h-5 text-blue-400" />
+                    </div>
+                  </div>
+                  <div className="absolute right-0 top-1/2 translate-x-1/2 -translate-y-1/2">
+                    <div className="w-10 h-10 rounded-full bg-emerald-500/20 border border-emerald-500/30 flex items-center justify-center">
+                      <TrendingUp className="w-5 h-5 text-emerald-400" />
+                    </div>
+                  </div>
+                </div>
+
+                {/* Inner Orbit */}
+                <div className="absolute inset-0 w-56 h-56 -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 animate-spin-slow" style={{ animationDirection: 'reverse', animationDuration: '20s' }}>
+                  <div className="absolute top-0 right-0 translate-x-1/4 -translate-y-1/4">
+                    <div className="w-8 h-8 rounded-full bg-purple-500/20 border border-purple-500/30 flex items-center justify-center">
+                      <Sparkles className="w-4 h-4 text-purple-400" />
+                    </div>
+                  </div>
+                  <div className="absolute bottom-0 left-0 -translate-x-1/4 translate-y-1/4">
+                    <div className="w-8 h-8 rounded-full bg-cyan-500/20 border border-cyan-500/30 flex items-center justify-center">
+                      <Zap className="w-4 h-4 text-cyan-400" />
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Floating Cards */}
+              <div className="absolute top-8 right-0 p-4 rounded-2xl bg-white/5 border border-white/10 backdrop-blur-xl flex items-center gap-3 animate-float" style={{ animationDuration: '6s' }}>
+                <div className="w-10 h-10 rounded-xl bg-amber-500/20 flex items-center justify-center">
+                  <Gift className="w-5 h-5 text-amber-400" />
+                </div>
+                <div>
+                  <div className="text-[10px] text-neutral-500 uppercase tracking-wider">Welcome Bonus</div>
+                  <div className="text-lg font-bold text-white">+250 <span className="text-amber-400 text-sm">Candles</span></div>
+                </div>
+              </div>
+
+              <div className="absolute bottom-16 left-0 p-4 rounded-2xl bg-white/5 border border-white/10 backdrop-blur-xl flex items-center gap-3 animate-float" style={{ animationDuration: '7s', animationDelay: '1s' }}>
+                <div className="w-10 h-10 rounded-xl bg-emerald-500/20 flex items-center justify-center">
+                  <Calendar className="w-5 h-5 text-emerald-400" />
+                </div>
+                <div>
+                  <div className="text-[10px] text-neutral-500 uppercase tracking-wider">Monthly Refresh</div>
+                  <div className="text-lg font-bold text-white">+250 <span className="text-emerald-400 text-sm">Candles</span></div>
+                </div>
+              </div>
+
+              <div className="absolute top-1/2 right-8 -translate-y-1/2 p-3 rounded-xl bg-purple-500/10 border border-purple-500/20 backdrop-blur-xl animate-float" style={{ animationDuration: '8s', animationDelay: '2s' }}>
+                <div className="flex items-center gap-2">
+                  <Sparkles className="w-4 h-4 text-purple-400" />
+                  <span className="text-xs text-purple-300 font-medium">ORA™ Powered</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* How Candles Work - Interactive Visual */}
+      <section className="py-24 relative border-t border-white/5">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-amber-500/10 bg-amber-500/5 mb-6">
+              <Flame className="w-3.5 h-3.5 text-amber-400" />
+              <span className="text-[10px] uppercase tracking-widest font-medium text-amber-200/80">The Candle Economy</span>
+            </div>
+            <h2 className="text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-white">
+              How Candles Work
+            </h2>
+            <p className="text-neutral-400 max-w-2xl mx-auto">
+              A simple three-step cycle that rewards your spiritual growth and empowers your ministry
+            </p>
+          </div>
+
+          {/* Three Step Flow */}
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-16">
+            {[
+              {
+                step: '01',
+                icon: Sun,
+                title: 'Earn',
+                subtitle: 'Through Engagement',
+                description: 'Complete spiritual activities, engage with your community, and grow in faith to earn Candles.',
+                color: 'amber',
+                examples: ['Daily devotions', 'Prayer requests', 'Community posts'],
+              },
+              {
+                step: '02',
+                icon: Zap,
+                title: 'Spend',
+                subtitle: 'On AI Features',
+                description: 'Use your Candles to access powerful AI tools that enhance your worship and ministry.',
+                color: 'purple',
+                examples: ['ORA™ insights', 'Video editing', 'Sermon prep'],
+              },
+              {
+                step: '03',
+                icon: Share2,
+                title: 'Share',
+                subtitle: 'With Others',
+                description: 'Gift Candles to friends, family, or donate to churches and ministries in need.',
+                color: 'emerald',
+                examples: ['Gift to friends', 'Support churches', 'Fund missions'],
+              },
+            ].map((item, i) => {
+              const colorClasses = {
+                amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/20', hoverBorder: 'hover:border-amber-500/40', text: 'text-amber-400', spotlight: 'rgba(245, 158, 11, 0.15)' },
+                purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/20', hoverBorder: 'hover:border-purple-500/40', text: 'text-purple-400', spotlight: 'rgba(168, 85, 247, 0.15)' },
+                emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/20', hoverBorder: 'hover:border-emerald-500/40', text: 'text-emerald-400', spotlight: 'rgba(16, 185, 129, 0.15)' },
+              };
+              const colors = colorClasses[item.color as keyof typeof colorClasses];
+              const staggerClass = `stagger-${i + 1}`;
+
+              return (
+                <SpotlightCard
+                  key={i}
+                  className={`p-8 rounded-3xl border ${colors.border} bg-white/[0.02] ${colors.hoverBorder} transition-all group animate-fade-slide-in ${staggerClass} relative overflow-hidden`}
+                  spotlightColor={colors.spotlight}
+                >
+                  {/* Step Number */}
+                  <div className="absolute top-4 right-4 text-6xl font-bold text-white/5">{item.step}</div>
+
+                  <div className={`w-16 h-16 rounded-2xl ${colors.bg} flex items-center justify-center mb-6 border ${colors.border} group-hover:scale-110 transition-transform`}>
+                    <item.icon className={`w-8 h-8 ${colors.text}`} />
+                  </div>
+
+                  <div className="mb-2">
+                    <h3 className="text-2xl font-semibold text-white">{item.title}</h3>
+                    <p className={`text-sm ${colors.text}`}>{item.subtitle}</p>
+                  </div>
+
+                  <p className="text-neutral-400 text-sm leading-relaxed mb-6">{item.description}</p>
+
+                  <div className="space-y-2">
+                    {item.examples.map((ex, j) => (
+                      <div key={j} className="flex items-center gap-2 text-xs text-neutral-500">
+                        <Check className={`w-3.5 h-3.5 ${colors.text}`} />
+                        {ex}
+                      </div>
+                    ))}
+                  </div>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+
+          {/* Connection Line */}
+          <div className="hidden md:flex items-center justify-center gap-4 -mt-8 mb-8">
+            <div className="flex-1 h-px bg-gradient-to-r from-transparent via-amber-500/30 to-transparent" />
+            <div className="w-3 h-3 rounded-full bg-amber-500/30 border border-amber-500/50" />
+            <div className="flex-1 h-px bg-gradient-to-r from-transparent via-purple-500/30 to-transparent" />
+            <div className="w-3 h-3 rounded-full bg-purple-500/30 border border-purple-500/50" />
+            <div className="flex-1 h-px bg-gradient-to-r from-transparent via-emerald-500/30 to-transparent" />
+          </div>
+        </div>
+      </section>
+
+      {/* Live Candle Counter Demo */}
+      <section className="py-24 relative border-t border-white/5 bg-[#080808]">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+            {/* Left: Demo Interface */}
+            <div className="rounded-3xl border border-white/10 bg-[#0a0a0a] overflow-hidden">
+              <div className="px-6 py-4 border-b border-white/5 flex items-center justify-between bg-white/[0.02]">
+                <div className="flex items-center gap-2">
+                  <div className="w-3 h-3 rounded-full bg-red-500/50" />
+                  <div className="w-3 h-3 rounded-full bg-yellow-500/50" />
+                  <div className="w-3 h-3 rounded-full bg-green-500/50" />
+                </div>
+                <span className="text-xs text-white/30 font-mono">candle-wallet.app</span>
+              </div>
+
+              <div className="p-8">
+                {/* Balance Display */}
+                <div className="text-center mb-8">
+                  <div className="text-xs text-neutral-500 uppercase tracking-wider mb-2">Your Candle Balance</div>
+                  <div className="flex items-center justify-center gap-3">
+                    <Flame className="w-10 h-10 text-amber-400 animate-flicker" />
+                    <span className="text-6xl font-bold text-white">1,247</span>
+                  </div>
+                  <div className="text-sm text-emerald-400 mt-2">+127 this week</div>
+                </div>
+
+                {/* Recent Activity */}
+                <div className="space-y-3">
+                  <div className="text-xs text-neutral-500 uppercase tracking-wider mb-3">Recent Activity</div>
+                  {[
+                    { action: 'Completed Daily Devotion', amount: '+25', icon: BookOpen, color: 'amber', time: '2h ago' },
+                    { action: 'Posted Prayer Request', amount: '+10', icon: Heart, color: 'rose', time: '5h ago' },
+                    { action: 'Used ORA™ for Bible Study', amount: '-15', icon: Sparkles, color: 'purple', time: '1d ago' },
+                    { action: '7-Day Streak Bonus!', amount: '+50', icon: Trophy, color: 'emerald', time: '1d ago' },
+                  ].map((item, i) => (
+                    <div key={i} className="flex items-center justify-between p-3 rounded-xl bg-white/5 border border-white/5">
+                      <div className="flex items-center gap-3">
+                        <div className={`w-8 h-8 rounded-lg bg-${item.color}-500/10 flex items-center justify-center`}>
+                          <item.icon className={`w-4 h-4 text-${item.color}-400`} />
+                        </div>
+                        <div>
+                          <div className="text-sm text-white">{item.action}</div>
+                          <div className="text-[10px] text-neutral-500">{item.time}</div>
+                        </div>
+                      </div>
+                      <span className={`text-sm font-semibold ${item.amount.startsWith('+') ? 'text-emerald-400' : 'text-amber-400'}`}>
+                        {item.amount}
+                      </span>
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </div>
+
+            {/* Right: Content */}
+            <div>
+              <h2 className="text-3xl md:text-4xl font-semibold tracking-tight mb-6 text-white">
+                Watch Your Candles Grow
+              </h2>
+              <p className="text-neutral-400 leading-relaxed mb-8">
+                Every spiritual activity earns you Candles. Track your balance, see your growth over time, and celebrate milestones in your faith journey.
+              </p>
+
+              <div className="space-y-4 mb-8">
+                {[
+                  { label: 'Real-time balance updates', desc: 'See your Candles change as you engage' },
+                  { label: 'Activity history', desc: 'Track every earn and spend transaction' },
+                  { label: 'Streak bonuses', desc: 'Earn bonus Candles for consistent engagement' },
+                  { label: 'Monthly refresh', desc: 'Get 250 free Candles every month' },
+                ].map((item, i) => (
+                  <div key={i} className="flex items-start gap-3">
+                    <div className="w-6 h-6 rounded-full bg-amber-500/20 flex items-center justify-center shrink-0 mt-0.5">
+                      <Check className="w-3.5 h-3.5 text-amber-400" />
+                    </div>
+                    <div>
+                      <div className="text-white font-medium">{item.label}</div>
+                      <div className="text-sm text-neutral-500">{item.desc}</div>
+                    </div>
+                  </div>
+                ))}
+              </div>
+
+              <Link href="/get-started">
+                <ShinyButton>
+                  <span className="flex items-center gap-2">
+                    Start Earning Today
+                    <ArrowRight className="w-4 h-4" />
+                  </span>
+                </ShinyButton>
+              </Link>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Earn Candles Section - Enhanced */}
+      <section className="py-24 relative border-t border-white/5">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-white">
+              Ways to Earn Candles
+            </h2>
+            <p className="text-neutral-400 max-w-lg mx-auto">
+              Every meaningful interaction with your faith community earns you Candles
+            </p>
+          </div>
+
+          {/* Community Engagement */}
+          <div className="mb-12">
+            <div className="flex items-center gap-3 mb-6">
+              <div className="w-10 h-10 rounded-xl bg-blue-500/10 flex items-center justify-center border border-blue-500/20">
+                <MessageSquare className="w-5 h-5 text-blue-400" />
+              </div>
+              <div>
+                <h3 className="text-lg font-semibold text-white">Community Engagement</h3>
+                <p className="text-xs text-neutral-500">Connect and interact with your faith family</p>
+              </div>
+            </div>
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+              {[
+                { icon: UserPlus, title: 'Add A Contact', candles: 25, badge: 'Connector', color: 'blue' },
+                { icon: Target, title: 'Attend An Event', candles: 25, badge: 'Active Member', color: 'blue' },
+                { icon: MessageSquare, title: 'Post A Discussion', candles: 20, badge: 'Community Builder', color: 'blue' },
+                { icon: ThumbsUp, title: 'Like/Amen/Share', candles: 5, badge: 'Encourager', color: 'blue' },
+              ].map((item, i) => {
+                const staggerClass = `stagger-${(i % 4) + 1}`;
+                return (
+                  <SpotlightCard key={i} className={`p-5 rounded-2xl border border-blue-500/20 bg-blue-500/5 hover:border-blue-500/40 transition-all group animate-fade-slide-in ${staggerClass}`} spotlightColor="rgba(59, 130, 246, 0.15)">
+                    <div className="flex items-center justify-between mb-3">
+                      <div className="w-10 h-10 rounded-xl bg-blue-500/20 flex items-center justify-center group-hover:scale-110 transition-transform">
+                        <item.icon className="w-5 h-5 text-blue-400" />
+                      </div>
+                      <span className="text-[10px] px-2 py-0.5 rounded-full bg-blue-500/20 text-blue-300 border border-blue-500/30">{item.badge}</span>
+                    </div>
+                    <h4 className="text-sm font-medium text-white mb-1">{item.title}</h4>
+                    <div className="flex items-center gap-1">
+                      <Flame className="w-4 h-4 text-amber-400" />
+                      <span className="text-amber-400 font-bold">{item.candles}</span>
+                      <span className="text-neutral-500 text-xs">Candles</span>
+                    </div>
+                  </SpotlightCard>
+                );
+              })}
+            </div>
+          </div>
+
+          {/* Spiritual Habits */}
+          <div className="mb-12">
+            <div className="flex items-center gap-3 mb-6">
+              <div className="w-10 h-10 rounded-xl bg-rose-500/10 flex items-center justify-center border border-rose-500/20">
+                <Heart className="w-5 h-5 text-rose-400" />
+              </div>
+              <div>
+                <h3 className="text-lg font-semibold text-white">Spiritual Habits</h3>
+                <p className="text-xs text-neutral-500">Deepen your faith through daily practices</p>
+              </div>
+            </div>
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+              {[
+                { icon: Trophy, title: 'Finish A Reading Plan', candles: 50, badge: 'Devoted Reader', color: 'rose' },
+                { icon: Flame, title: '7-Day Streak', candles: 50, badge: 'Disciplined', color: 'rose' },
+                { icon: BookOpen, title: 'Post S.O.A.P. Journal', candles: 25, badge: 'Reflective', color: 'rose' },
+                { icon: Heart, title: 'Request A Prayer', candles: 10, badge: 'Prayer Warrior', color: 'rose' },
+              ].map((item, i) => {
+                const staggerClass = `stagger-${(i % 4) + 1}`;
+                return (
+                  <SpotlightCard key={i} className={`p-5 rounded-2xl border border-rose-500/20 bg-rose-500/5 hover:border-rose-500/40 transition-all group animate-fade-slide-in ${staggerClass}`} spotlightColor="rgba(244, 63, 94, 0.15)">
+                    <div className="flex items-center justify-between mb-3">
+                      <div className="w-10 h-10 rounded-xl bg-rose-500/20 flex items-center justify-center group-hover:scale-110 transition-transform">
+                        <item.icon className="w-5 h-5 text-rose-400" />
+                      </div>
+                      <span className="text-[10px] px-2 py-0.5 rounded-full bg-rose-500/20 text-rose-300 border border-rose-500/30">{item.badge}</span>
+                    </div>
+                    <h4 className="text-sm font-medium text-white mb-1">{item.title}</h4>
+                    <div className="flex items-center gap-1">
+                      <Flame className="w-4 h-4 text-amber-400" />
+                      <span className="text-amber-400 font-bold">{item.candles}</span>
+                      <span className="text-neutral-500 text-xs">Candles</span>
+                    </div>
+                  </SpotlightCard>
+                );
+              })}
+            </div>
+          </div>
+
+          {/* Growth & Leadership */}
+          <div>
+            <div className="flex items-center gap-3 mb-6">
+              <div className="w-10 h-10 rounded-xl bg-amber-500/10 flex items-center justify-center border border-amber-500/20">
+                <Star className="w-5 h-5 text-amber-400" />
+              </div>
+              <div>
+                <h3 className="text-lg font-semibold text-white">Growth & Leadership</h3>
+                <p className="text-xs text-neutral-500">Big rewards for big commitments</p>
+              </div>
+            </div>
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+              {[
+                { icon: Users, title: 'Complete Profile', candles: 250, badge: 'Committed', highlight: true },
+                { icon: Gift, title: 'Refer A Friend', candles: 250, badge: 'Evangelist', highlight: true },
+                { icon: Church, title: 'Create A Church', candles: 100, badge: 'Church Builder', highlight: false },
+                { icon: Users, title: 'Create A Ministry', candles: 50, badge: 'Founder', highlight: false },
+              ].map((item, i) => {
+                const staggerClass = `stagger-${(i % 4) + 1}`;
+                return (
+                  <SpotlightCard
+                    key={i}
+                    className={`p-5 rounded-2xl border ${item.highlight ? 'border-amber-500/30 bg-amber-500/10' : 'border-emerald-500/20 bg-emerald-500/5'} ${item.highlight ? 'hover:border-amber-500/50' : 'hover:border-emerald-500/40'} transition-all group animate-fade-slide-in ${staggerClass}`}
+                    spotlightColor={item.highlight ? "rgba(245, 158, 11, 0.2)" : "rgba(16, 185, 129, 0.15)"}
+                  >
+                    {item.highlight && (
+                      <div className="absolute top-2 right-2">
+                        <span className="text-[8px] px-1.5 py-0.5 rounded bg-amber-500/30 text-amber-200 font-bold uppercase">Bonus</span>
+                      </div>
+                    )}
+                    <div className="flex items-center justify-between mb-3">
+                      <div className={`w-10 h-10 rounded-xl ${item.highlight ? 'bg-amber-500/20' : 'bg-emerald-500/20'} flex items-center justify-center group-hover:scale-110 transition-transform`}>
+                        <item.icon className={`w-5 h-5 ${item.highlight ? 'text-amber-400' : 'text-emerald-400'}`} />
+                      </div>
+                      <span className={`text-[10px] px-2 py-0.5 rounded-full ${item.highlight ? 'bg-amber-500/20 text-amber-300 border-amber-500/30' : 'bg-emerald-500/20 text-emerald-300 border-emerald-500/30'} border`}>{item.badge}</span>
+                    </div>
+                    <h4 className="text-sm font-medium text-white mb-1">{item.title}</h4>
+                    <div className="flex items-center gap-1">
+                      <Flame className="w-4 h-4 text-amber-400" />
+                      <span className="text-amber-400 font-bold text-lg">{item.candles}</span>
+                      <span className="text-neutral-500 text-xs">Candles</span>
+                    </div>
+                  </SpotlightCard>
+                );
+              })}
+            </div>
+          </div>
+
+          <p className="text-center text-xs text-neutral-500 mt-8">
+            *Candles are awarded upon completion. Maximum 5,000 Candles per person per month.
+          </p>
+        </div>
+      </section>
+
+      {/* Spend Your Candles */}
+      <section className="py-24 relative border-t border-white/5 bg-[#080808]">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-white">
+              Spend Your Candles
+            </h2>
+            <p className="text-neutral-400 max-w-lg mx-auto">
+              Unlock powerful AI features that enhance your worship, study, and ministry
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+            {[
+              { icon: Sparkles, title: 'ORA™ Insights', desc: 'AI-powered Scripture analysis and spiritual guidance', cost: '5-15', color: 'purple' },
+              { icon: Video, title: 'Pro Studio', desc: 'Professional video editing and content creation', cost: '10-50', color: 'amber' },
+              { icon: BookOpen, title: 'Study Tools', desc: 'Advanced Bible study and sermon preparation', cost: '5-20', color: 'blue' },
+              { icon: MessageSquare, title: 'Content AI', desc: 'Social media posts and ministry content', cost: '5-25', color: 'emerald' },
+            ].map((item, i) => {
+              const colorClasses = {
+                purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/20', hoverBorder: 'hover:border-purple-500/40', text: 'text-purple-400' },
+                amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/20', hoverBorder: 'hover:border-amber-500/40', text: 'text-amber-400' },
+                blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/20', hoverBorder: 'hover:border-blue-500/40', text: 'text-blue-400' },
+                emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/20', hoverBorder: 'hover:border-emerald-500/40', text: 'text-emerald-400' },
+              };
+              const colors = colorClasses[item.color as keyof typeof colorClasses];
+              const staggerClass = `stagger-${(i % 4) + 1}`;
+
+              return (
+                <SpotlightCard key={i} className={`p-6 rounded-2xl border ${colors.border} bg-white/[0.02] ${colors.hoverBorder} transition-all group animate-fade-slide-in ${staggerClass}`}>
+                  <div className={`w-14 h-14 rounded-xl ${colors.bg} flex items-center justify-center mb-4 border ${colors.border} group-hover:scale-110 transition-transform`}>
+                    <item.icon className={`w-7 h-7 ${colors.text}`} />
+                  </div>
+                  <h3 className="text-lg font-semibold text-white mb-2">{item.title}</h3>
+                  <p className="text-neutral-400 text-sm leading-relaxed mb-4">{item.desc}</p>
+                  <div className="flex items-center gap-2 text-sm">
+                    <Flame className="w-4 h-4 text-amber-400" />
+                    <span className="text-amber-400 font-semibold">{item.cost}</span>
+                    <span className="text-neutral-500">Candles per use</span>
+                  </div>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* Share the Light */}
+      <section className="py-24 relative border-t border-white/5">
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[400px] bg-amber-600/5 rounded-full blur-[100px] pointer-events-none -z-10" />
+
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-white">
+              Share the Light
+            </h2>
+            <p className="text-neutral-400 max-w-lg mx-auto">
+              Gift your Candles to bless others in their faith journey
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            {[
+              { icon: Users, title: 'Gift to Friends', desc: 'Send Candles to friends and family who need AI features for their spiritual growth', color: 'blue' },
+              { icon: Church, title: 'Support Churches', desc: 'Donate to churches and help them access powerful ministry tools', color: 'purple' },
+              { icon: Heart, title: 'Fund Missions', desc: 'Empower missionaries and ministry teams with collaborative Candle pools', color: 'emerald' },
+            ].map((item, i) => {
+              const colorClasses = {
+                blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/20', hoverBorder: 'hover:border-blue-500/40', text: 'text-blue-400', spotlight: 'rgba(59, 130, 246, 0.15)' },
+                purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/20', hoverBorder: 'hover:border-purple-500/40', text: 'text-purple-400', spotlight: 'rgba(168, 85, 247, 0.15)' },
+                emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/20', hoverBorder: 'hover:border-emerald-500/40', text: 'text-emerald-400', spotlight: 'rgba(16, 185, 129, 0.15)' },
+              };
+              const colors = colorClasses[item.color as keyof typeof colorClasses];
+              const staggerClass = `stagger-${i + 1}`;
+
+              return (
+                <SpotlightCard key={i} className={`p-8 rounded-3xl border ${colors.border} bg-white/[0.02] ${colors.hoverBorder} transition-all group text-center animate-fade-slide-in ${staggerClass}`} spotlightColor={colors.spotlight}>
+                  <div className={`w-16 h-16 mx-auto rounded-2xl ${colors.bg} flex items-center justify-center mb-6 border ${colors.border} group-hover:scale-110 transition-transform`}>
+                    <item.icon className={`w-8 h-8 ${colors.text}`} />
+                  </div>
+                  <h3 className="text-lg font-semibold text-white mb-3">{item.title}</h3>
+                  <p className="text-neutral-400 text-sm leading-relaxed">{item.desc}</p>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* CTA Section */}
+      <section className="py-32 text-center relative overflow-hidden border-t border-white/5 bg-[#080808]">
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[400px] bg-amber-600/10 rounded-full blur-[120px] pointer-events-none -z-10" />
+
+        <div className="max-w-3xl mx-auto px-6 relative z-10">
+          <div className="w-24 h-24 mx-auto rounded-full bg-gradient-to-br from-amber-500/20 to-orange-600/10 flex items-center justify-center mb-8 border border-amber-500/30 animate-breathe shadow-[0_0_60px_-15px_rgba(251,191,36,0.5)]">
+            <Flame className="w-12 h-12 text-amber-400 drop-shadow-[0_0_20px_rgba(251,191,36,0.8)]" />
+          </div>
+
+          <h2 className="text-4xl sm:text-5xl font-semibold tracking-tight mb-6 text-white">
+            Start Your Candle Journey
+          </h2>
+          <p className="text-neutral-400 text-lg mb-10 max-w-xl mx-auto">
+            Join thousands of believers earning and using Candles to enhance their faith journey with AI-powered tools.
+          </p>
+
+          <div className="flex flex-col sm:flex-row justify-center gap-4">
+            <Link href="/get-started">
+              <ShinyButton>
+                <span className="flex items-center gap-2">
+                  <Flame className="w-[18px] h-[18px] candle-glow" />
+                  Get 250 Free Candles
+                </span>
+              </ShinyButton>
+            </Link>
+            <Link href="/pricing" className="px-8 py-3.5 text-sm font-medium text-neutral-300 border border-white/10 rounded-full hover:bg-white/5 hover:text-white transition-all">
+              View Pricing Plans
+            </Link>
+          </div>
+
+          <p className="text-xs text-neutral-500 mt-6">
+            No credit card required • 250 Candles refresh monthly
+          </p>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/contact/page.tsx b/frontend/app/contact/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..22a07c5a629df44ff3707796e8d1cd9897766aac
--- /dev/null
+++ b/frontend/app/contact/page.tsx
@@ -0,0 +1,121 @@
+'use client';
+
+import { Mail, MessageSquare, MapPin, Send, Sparkles } from 'lucide-react';
+import SpotlightCard from '@/components/SpotlightCard';
+import ShinyButton from '@/components/ShinyButton';
+import Link from 'next/link';
+
+export default function ContactPage() {
+  return (
+    <>
+      {/* Hero */}
+      <section className="relative pt-32 pb-20 overflow-hidden">
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-purple-600/20 rounded-full blur-[150px] pointer-events-none -z-10" />
+
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 mb-8">
+            <Mail className="w-4 h-4 text-purple-400" />
+            <span className="text-xs font-mono text-purple-300 uppercase tracking-wider">Contact</span>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-bold tracking-tight mb-6 text-white">
+            Get in <span className="text-purple-400">Touch</span>
+          </h1>
+
+          <p className="text-lg text-neutral-400 max-w-2xl mx-auto">
+            Have questions about ORA? We'd love to hear from you. Reach out and we'll respond as soon as we can.
+          </p>
+        </div>
+      </section>
+
+      {/* Contact Methods */}
+      <section className="py-16 border-t border-white/5">
+        <div className="max-w-4xl mx-auto px-6">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-16">
+            <SpotlightCard className="p-6 rounded-xl border border-purple-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <div className="w-12 h-12 rounded-xl bg-purple-500/10 flex items-center justify-center border border-purple-500/20 mb-4">
+                <Mail className="w-6 h-6 text-purple-400" />
+              </div>
+              <h3 className="text-lg font-semibold text-white mb-2">Email</h3>
+              <p className="text-neutral-500 text-sm mb-3">Send us an email anytime</p>
+              <a href="mailto:support@ora.ai" className="text-purple-400 hover:text-purple-300 transition-colors text-sm">
+                support@ora.ai
+              </a>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-blue-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <div className="w-12 h-12 rounded-xl bg-blue-500/10 flex items-center justify-center border border-blue-500/20 mb-4">
+                <MessageSquare className="w-6 h-6 text-blue-400" />
+              </div>
+              <h3 className="text-lg font-semibold text-white mb-2">Chat with ORA</h3>
+              <p className="text-neutral-500 text-sm mb-3">Try our AI assistant directly</p>
+              <Link href="/dashboard" className="text-blue-400 hover:text-blue-300 transition-colors text-sm">
+                Open Dashboard
+              </Link>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-emerald-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <div className="w-12 h-12 rounded-xl bg-emerald-500/10 flex items-center justify-center border border-emerald-500/20 mb-4">
+                <Sparkles className="w-6 h-6 text-emerald-400" />
+              </div>
+              <h3 className="text-lg font-semibold text-white mb-2">Documentation</h3>
+              <p className="text-neutral-500 text-sm mb-3">Browse our help resources</p>
+              <Link href="/help" className="text-emerald-400 hover:text-emerald-300 transition-colors text-sm">
+                View Help Center
+              </Link>
+            </SpotlightCard>
+          </div>
+
+          {/* Contact Form */}
+          <div className="max-w-xl mx-auto">
+            <h2 className="text-2xl font-bold text-white text-center mb-8">Send a Message</h2>
+            <form className="space-y-4">
+              <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                <div>
+                  <label className="block text-sm text-neutral-400 mb-2">Name</label>
+                  <input
+                    type="text"
+                    className="w-full px-4 py-3 rounded-xl bg-white/5 border border-white/10 text-white placeholder-neutral-500 focus:outline-none focus:border-purple-500/50 transition-colors"
+                    placeholder="Your name"
+                  />
+                </div>
+                <div>
+                  <label className="block text-sm text-neutral-400 mb-2">Email</label>
+                  <input
+                    type="email"
+                    className="w-full px-4 py-3 rounded-xl bg-white/5 border border-white/10 text-white placeholder-neutral-500 focus:outline-none focus:border-purple-500/50 transition-colors"
+                    placeholder="you@example.com"
+                  />
+                </div>
+              </div>
+              <div>
+                <label className="block text-sm text-neutral-400 mb-2">Subject</label>
+                <input
+                  type="text"
+                  className="w-full px-4 py-3 rounded-xl bg-white/5 border border-white/10 text-white placeholder-neutral-500 focus:outline-none focus:border-purple-500/50 transition-colors"
+                  placeholder="How can we help?"
+                />
+              </div>
+              <div>
+                <label className="block text-sm text-neutral-400 mb-2">Message</label>
+                <textarea
+                  rows={5}
+                  className="w-full px-4 py-3 rounded-xl bg-white/5 border border-white/10 text-white placeholder-neutral-500 focus:outline-none focus:border-purple-500/50 transition-colors resize-none"
+                  placeholder="Tell us more..."
+                />
+              </div>
+              <button
+                type="submit"
+                className="w-full py-3 rounded-xl bg-purple-600 hover:bg-purple-500 text-white font-medium transition-colors flex items-center justify-center gap-2"
+              >
+                <Send className="w-4 h-4" />
+                Send Message
+              </button>
+            </form>
+          </div>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/dashboard/bible/page.tsx b/frontend/app/dashboard/bible/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..59af79f81a491f68e21792128ecde294e1f9b623
--- /dev/null
+++ b/frontend/app/dashboard/bible/page.tsx
@@ -0,0 +1,143 @@
+'use client';
+
+import { useState } from 'react';
+import { BookOpen, Search, Bookmark, ChevronRight, Sparkles, History, ExternalLink } from 'lucide-react';
+
+const popularBooks = [
+  { name: 'Genesis', chapters: 50, category: 'Torah' },
+  { name: 'Psalms', chapters: 150, category: 'Wisdom' },
+  { name: 'Proverbs', chapters: 31, category: 'Wisdom' },
+  { name: 'Isaiah', chapters: 66, category: 'Prophets' },
+  { name: 'Matthew', chapters: 28, category: 'Gospel' },
+  { name: 'John', chapters: 21, category: 'Gospel' },
+  { name: 'Romans', chapters: 16, category: 'Epistle' },
+  { name: 'Revelation', chapters: 22, category: 'Apocalyptic' },
+];
+
+const recentSearches = [
+  'Love one another - John 13:34',
+  'Faith without works - James 2:17',
+  'The Lord is my shepherd - Psalm 23',
+  'For God so loved - John 3:16',
+];
+
+export default function BiblePage() {
+  const [searchQuery, setSearchQuery] = useState('');
+
+  return (
+    <div className="flex-1 overflow-y-auto">
+      {/* Header */}
+      <div className="sticky top-0 z-10 bg-[#0a0a0a]/90 backdrop-blur-xl border-b border-white/5">
+        <div className="max-w-4xl mx-auto px-6 py-4">
+          <div className="flex items-center gap-3 mb-4">
+            <div className="w-10 h-10 rounded-xl bg-blue-500/10 border border-blue-500/30 flex items-center justify-center">
+              <BookOpen className="w-5 h-5 text-blue-400" />
+            </div>
+            <div>
+              <h1 className="text-xl font-semibold text-white">Bible Study</h1>
+              <p className="text-sm text-neutral-500">Search Scripture with the Theologian Agent</p>
+            </div>
+          </div>
+
+          {/* Search Bar */}
+          <div className="relative">
+            <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-neutral-500" />
+            <input
+              type="text"
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              placeholder="Search verses, topics, or ask a theological question..."
+              className="w-full pl-12 pr-4 py-3 rounded-xl bg-white/5 border border-white/10 text-white placeholder-neutral-500 focus:outline-none focus:border-blue-500/50 transition-colors"
+            />
+            <button className="absolute right-2 top-1/2 -translate-y-1/2 px-4 py-1.5 rounded-lg bg-blue-600 hover:bg-blue-500 text-white text-sm font-medium transition-colors">
+              Search
+            </button>
+          </div>
+        </div>
+      </div>
+
+      {/* Content */}
+      <div className="max-w-4xl mx-auto px-6 py-8">
+        {/* Quick Actions */}
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
+          <button className="p-4 rounded-xl bg-white/[0.02] border border-white/10 hover:border-blue-500/30 transition-all text-left group">
+            <div className="flex items-center gap-3 mb-2">
+              <Sparkles className="w-5 h-5 text-purple-400" />
+              <span className="text-white font-medium">Ask Theologian</span>
+            </div>
+            <p className="text-sm text-neutral-500">Get deep theological insights</p>
+          </button>
+          <button className="p-4 rounded-xl bg-white/[0.02] border border-white/10 hover:border-blue-500/30 transition-all text-left group">
+            <div className="flex items-center gap-3 mb-2">
+              <Bookmark className="w-5 h-5 text-amber-400" />
+              <span className="text-white font-medium">My Bookmarks</span>
+            </div>
+            <p className="text-sm text-neutral-500">View saved verses</p>
+          </button>
+          <button className="p-4 rounded-xl bg-white/[0.02] border border-white/10 hover:border-blue-500/30 transition-all text-left group">
+            <div className="flex items-center gap-3 mb-2">
+              <History className="w-5 h-5 text-emerald-400" />
+              <span className="text-white font-medium">Study History</span>
+            </div>
+            <p className="text-sm text-neutral-500">Continue where you left off</p>
+          </button>
+        </div>
+
+        {/* Recent Searches */}
+        <div className="mb-8">
+          <h2 className="text-lg font-semibold text-white mb-4">Recent Searches</h2>
+          <div className="space-y-2">
+            {recentSearches.map((search, i) => (
+              <button
+                key={i}
+                className="w-full flex items-center gap-3 p-3 rounded-xl bg-white/[0.02] border border-white/5 hover:border-blue-500/30 transition-all text-left"
+              >
+                <History className="w-4 h-4 text-neutral-500" />
+                <span className="text-neutral-300 text-sm">{search}</span>
+                <ChevronRight className="w-4 h-4 text-neutral-500 ml-auto" />
+              </button>
+            ))}
+          </div>
+        </div>
+
+        {/* Popular Books */}
+        <div>
+          <h2 className="text-lg font-semibold text-white mb-4">Browse by Book</h2>
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-3">
+            {popularBooks.map((book) => (
+              <button
+                key={book.name}
+                className="p-4 rounded-xl bg-white/[0.02] border border-white/10 hover:border-blue-500/30 transition-all text-left group"
+              >
+                <div className="flex items-center justify-between mb-1">
+                  <span className="text-white font-medium">{book.name}</span>
+                  <ExternalLink className="w-3.5 h-3.5 text-neutral-500 opacity-0 group-hover:opacity-100 transition-opacity" />
+                </div>
+                <div className="flex items-center gap-2">
+                  <span className="text-xs text-neutral-500">{book.chapters} chapters</span>
+                  <span className="text-[10px] px-1.5 py-0.5 rounded bg-blue-500/10 text-blue-400">{book.category}</span>
+                </div>
+              </button>
+            ))}
+          </div>
+        </div>
+
+        {/* AI Suggestion */}
+        <div className="mt-8 p-6 rounded-2xl bg-gradient-to-br from-blue-500/10 to-purple-500/10 border border-blue-500/20">
+          <div className="flex items-start gap-4">
+            <div className="w-12 h-12 rounded-xl bg-blue-500/20 border border-blue-500/30 flex items-center justify-center shrink-0">
+              <Sparkles className="w-6 h-6 text-blue-400" />
+            </div>
+            <div>
+              <h3 className="text-white font-semibold mb-1">Theologian Tip</h3>
+              <p className="text-neutral-400 text-sm leading-relaxed">
+                Try asking questions like "What does Paul mean by 'justified by faith' in Romans 3:28?"
+                or "Compare the creation accounts in Genesis 1 and 2" for deeper theological analysis.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/explore/page.tsx b/frontend/app/dashboard/explore/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d7f0f6053cc27f09ea2725ebed3fb9851fed2953
--- /dev/null
+++ b/frontend/app/dashboard/explore/page.tsx
@@ -0,0 +1,233 @@
+'use client';
+
+import { useState } from 'react';
+import { Compass, BookOpen, Heart, Users, Sparkles, ChevronRight, Play, Clock, Star } from 'lucide-react';
+
+const featuredTopics = [
+  {
+    title: 'Understanding Grace',
+    description: 'Explore the concept of grace throughout Scripture',
+    duration: '15 min read',
+    category: 'Theology',
+    color: 'purple',
+  },
+  {
+    title: 'Prayer 101',
+    description: 'Learn different forms of biblical prayer',
+    duration: '10 min read',
+    category: 'Spiritual Practice',
+    color: 'rose',
+  },
+  {
+    title: 'The Beatitudes',
+    description: 'Deep dive into Jesus\' Sermon on the Mount',
+    duration: '20 min read',
+    category: 'Bible Study',
+    color: 'blue',
+  },
+];
+
+const guidedStudies = [
+  {
+    title: '7 Days of Psalms',
+    description: 'A week-long journey through the Psalms',
+    days: 7,
+    progress: 3,
+    color: 'amber',
+  },
+  {
+    title: 'Foundations of Faith',
+    description: 'Core beliefs of Christianity explained',
+    days: 14,
+    progress: 0,
+    color: 'emerald',
+  },
+  {
+    title: 'The Life of Jesus',
+    description: 'Walk through the Gospels chronologically',
+    days: 30,
+    progress: 12,
+    color: 'blue',
+  },
+];
+
+const quickPrompts = [
+  'What does the Bible say about anxiety?',
+  'Explain the Trinity in simple terms',
+  'How can I strengthen my prayer life?',
+  'What are the fruits of the Spirit?',
+  'Help me understand forgiveness',
+  'What does it mean to love your neighbor?',
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string; gradient: string }> = {
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400', gradient: 'from-purple-500 to-violet-500' },
+  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/30', text: 'text-blue-400', gradient: 'from-blue-500 to-cyan-500' },
+  amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/30', text: 'text-amber-400', gradient: 'from-amber-500 to-orange-500' },
+  rose: { bg: 'bg-rose-500/10', border: 'border-rose-500/30', text: 'text-rose-400', gradient: 'from-rose-500 to-pink-500' },
+  emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/30', text: 'text-emerald-400', gradient: 'from-emerald-500 to-teal-500' },
+  cyan: { bg: 'bg-cyan-500/10', border: 'border-cyan-500/30', text: 'text-cyan-400', gradient: 'from-cyan-500 to-blue-500' },
+};
+
+export default function ExplorePage() {
+  return (
+    <div className="flex-1 overflow-y-auto">
+      {/* Header */}
+      <div className="sticky top-0 z-10 bg-[#0a0a0a]/90 backdrop-blur-xl border-b border-white/5">
+        <div className="max-w-5xl mx-auto px-6 py-4">
+          <div className="flex items-center gap-3">
+            <div className="w-10 h-10 rounded-xl bg-cyan-500/10 border border-cyan-500/30 flex items-center justify-center">
+              <Compass className="w-5 h-5 text-cyan-400" />
+            </div>
+            <div>
+              <h1 className="text-xl font-semibold text-white">Explore</h1>
+              <p className="text-sm text-neutral-500">Discover new spiritual topics and guided studies</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="max-w-5xl mx-auto px-6 py-8">
+        {/* Quick Prompts */}
+        <div className="mb-8">
+          <h2 className="text-lg font-semibold text-white mb-4">Quick Questions</h2>
+          <div className="flex flex-wrap gap-2">
+            {quickPrompts.map((prompt) => (
+              <button
+                key={prompt}
+                className="px-4 py-2 rounded-full bg-white/[0.02] border border-white/10 text-neutral-300 text-sm hover:border-cyan-500/30 hover:text-white transition-all"
+              >
+                {prompt}
+              </button>
+            ))}
+          </div>
+        </div>
+
+        {/* Featured Topics */}
+        <div className="mb-8">
+          <div className="flex items-center justify-between mb-4">
+            <h2 className="text-lg font-semibold text-white">Featured Topics</h2>
+            <button className="text-sm text-cyan-400 hover:text-cyan-300 transition-colors">
+              View All
+            </button>
+          </div>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+            {featuredTopics.map((topic) => {
+              const colors = colorClasses[topic.color];
+              return (
+                <button
+                  key={topic.title}
+                  className={`p-5 rounded-xl ${colors.bg} border ${colors.border} hover:brightness-110 transition-all text-left group`}
+                >
+                  <div className="flex items-center gap-2 mb-2">
+                    <span className={`text-xs px-2 py-0.5 rounded-full ${colors.bg} ${colors.text} border ${colors.border}`}>
+                      {topic.category}
+                    </span>
+                    <span className="text-xs text-neutral-500 flex items-center gap-1">
+                      <Clock className="w-3 h-3" />
+                      {topic.duration}
+                    </span>
+                  </div>
+                  <h3 className="text-white font-semibold mb-1">{topic.title}</h3>
+                  <p className="text-neutral-400 text-sm">{topic.description}</p>
+                  <div className={`mt-3 flex items-center gap-1 ${colors.text} text-sm opacity-0 group-hover:opacity-100 transition-opacity`}>
+                    <span>Start reading</span>
+                    <ChevronRight className="w-4 h-4" />
+                  </div>
+                </button>
+              );
+            })}
+          </div>
+        </div>
+
+        {/* Guided Studies */}
+        <div className="mb-8">
+          <div className="flex items-center justify-between mb-4">
+            <h2 className="text-lg font-semibold text-white">Guided Studies</h2>
+            <button className="text-sm text-cyan-400 hover:text-cyan-300 transition-colors">
+              Browse All
+            </button>
+          </div>
+          <div className="space-y-3">
+            {guidedStudies.map((study) => {
+              const colors = colorClasses[study.color];
+              const progressPercent = (study.progress / study.days) * 100;
+              return (
+                <div
+                  key={study.title}
+                  className="p-4 rounded-xl bg-white/[0.02] border border-white/10 hover:border-cyan-500/30 transition-all"
+                >
+                  <div className="flex items-start justify-between mb-3">
+                    <div>
+                      <h3 className="text-white font-medium">{study.title}</h3>
+                      <p className="text-neutral-500 text-sm">{study.description}</p>
+                    </div>
+                    <button className={`p-2 rounded-lg ${colors.bg} border ${colors.border} ${colors.text} hover:brightness-110 transition-all`}>
+                      <Play className="w-4 h-4" />
+                    </button>
+                  </div>
+                  <div className="flex items-center gap-3">
+                    <div className="flex-1 h-2 bg-white/5 rounded-full overflow-hidden">
+                      <div
+                        className={`h-full rounded-full bg-gradient-to-r ${colors.gradient}`}
+                        style={{ width: `${progressPercent}%` }}
+                      />
+                    </div>
+                    <span className="text-xs text-neutral-500">
+                      {study.progress} / {study.days} days
+                    </span>
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+
+        {/* Categories */}
+        <div>
+          <h2 className="text-lg font-semibold text-white mb-4">Browse by Category</h2>
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-3">
+            {[
+              { icon: BookOpen, label: 'Bible Study', count: 24, color: 'blue' },
+              { icon: Heart, label: 'Spiritual Growth', count: 18, color: 'rose' },
+              { icon: Users, label: 'Relationships', count: 12, color: 'amber' },
+              { icon: Sparkles, label: 'Theology', count: 15, color: 'purple' },
+            ].map((category) => {
+              const colors = colorClasses[category.color];
+              return (
+                <button
+                  key={category.label}
+                  className={`p-4 rounded-xl ${colors.bg} border ${colors.border} hover:brightness-110 transition-all text-left`}
+                >
+                  <category.icon className={`w-6 h-6 ${colors.text} mb-2`} />
+                  <div className="text-white font-medium">{category.label}</div>
+                  <div className="text-neutral-500 text-sm">{category.count} topics</div>
+                </button>
+              );
+            })}
+          </div>
+        </div>
+
+        {/* AI Suggestion */}
+        <div className="mt-8 p-6 rounded-2xl bg-gradient-to-br from-cyan-500/10 to-purple-500/10 border border-cyan-500/20">
+          <div className="flex items-start gap-4">
+            <div className="w-12 h-12 rounded-xl bg-cyan-500/20 border border-cyan-500/30 flex items-center justify-center shrink-0">
+              <Sparkles className="w-6 h-6 text-cyan-400" />
+            </div>
+            <div>
+              <h3 className="text-white font-semibold mb-1">Personalized for You</h3>
+              <p className="text-neutral-400 text-sm leading-relaxed">
+                Based on your recent conversations about faith and trust, you might enjoy exploring
+                "The Life of Abraham" study - it beautifully illustrates unwavering faith in God's promises.
+              </p>
+              <button className="mt-3 text-cyan-400 hover:text-cyan-300 text-sm font-medium transition-colors flex items-center gap-1">
+                Start Study
+                <ChevronRight className="w-4 h-4" />
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/insights/page.tsx b/frontend/app/dashboard/insights/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..14818d01426c3b058f8eeb50e6ea233e6d008962
--- /dev/null
+++ b/frontend/app/dashboard/insights/page.tsx
@@ -0,0 +1,222 @@
+'use client';
+
+import { useState } from 'react';
+import { Brain, TrendingUp, Calendar, BookOpen, Heart, Sparkles, BarChart3, PieChart, ArrowUp, ArrowDown } from 'lucide-react';
+
+const weeklyStats = [
+  { label: 'Conversations', value: 12, change: +3, color: 'purple' },
+  { label: 'Bible Searches', value: 28, change: +7, color: 'blue' },
+  { label: 'Journal Entries', value: 5, change: +2, color: 'amber' },
+  { label: 'Prayers', value: 8, change: -1, color: 'rose' },
+];
+
+const topTopics = [
+  { topic: 'Faith & Trust', count: 15, percentage: 30 },
+  { topic: 'Prayer & Meditation', count: 12, percentage: 24 },
+  { topic: 'Scripture Study', count: 10, percentage: 20 },
+  { topic: 'Life Guidance', count: 8, percentage: 16 },
+  { topic: 'Emotional Support', count: 5, percentage: 10 },
+];
+
+const spiritualGrowth = [
+  { month: 'Jul', score: 65 },
+  { month: 'Aug', score: 70 },
+  { month: 'Sep', score: 68 },
+  { month: 'Oct', score: 75 },
+  { month: 'Nov', score: 82 },
+  { month: 'Dec', score: 88 },
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string }> = {
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400' },
+  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/30', text: 'text-blue-400' },
+  amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/30', text: 'text-amber-400' },
+  rose: { bg: 'bg-rose-500/10', border: 'border-rose-500/30', text: 'text-rose-400' },
+  emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/30', text: 'text-emerald-400' },
+};
+
+export default function InsightsPage() {
+  const [timeRange, setTimeRange] = useState<'week' | 'month' | 'year'>('week');
+
+  return (
+    <div className="flex-1 overflow-y-auto">
+      {/* Header */}
+      <div className="sticky top-0 z-10 bg-[#0a0a0a]/90 backdrop-blur-xl border-b border-white/5">
+        <div className="max-w-5xl mx-auto px-6 py-4">
+          <div className="flex items-center justify-between">
+            <div className="flex items-center gap-3">
+              <div className="w-10 h-10 rounded-xl bg-emerald-500/10 border border-emerald-500/30 flex items-center justify-center">
+                <Brain className="w-5 h-5 text-emerald-400" />
+              </div>
+              <div>
+                <h1 className="text-xl font-semibold text-white">Insights</h1>
+                <p className="text-sm text-neutral-500">Track your spiritual growth</p>
+              </div>
+            </div>
+            <div className="flex gap-1 p-1 rounded-lg bg-white/5">
+              {(['week', 'month', 'year'] as const).map((range) => (
+                <button
+                  key={range}
+                  onClick={() => setTimeRange(range)}
+                  className={`px-3 py-1.5 rounded-md text-sm font-medium transition-colors ${
+                    timeRange === range
+                      ? 'bg-white/10 text-white'
+                      : 'text-neutral-400 hover:text-white'
+                  }`}
+                >
+                  {range.charAt(0).toUpperCase() + range.slice(1)}
+                </button>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="max-w-5xl mx-auto px-6 py-8">
+        {/* Weekly Stats */}
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
+          {weeklyStats.map((stat) => {
+            const colors = colorClasses[stat.color];
+            return (
+              <div
+                key={stat.label}
+                className={`p-4 rounded-xl ${colors.bg} border ${colors.border}`}
+              >
+                <div className="flex items-center justify-between mb-2">
+                  <span className="text-neutral-400 text-sm">{stat.label}</span>
+                  <div className={`flex items-center gap-1 text-xs ${
+                    stat.change >= 0 ? 'text-emerald-400' : 'text-rose-400'
+                  }`}>
+                    {stat.change >= 0 ? <ArrowUp className="w-3 h-3" /> : <ArrowDown className="w-3 h-3" />}
+                    {Math.abs(stat.change)}
+                  </div>
+                </div>
+                <div className={`text-2xl font-bold ${colors.text}`}>{stat.value}</div>
+              </div>
+            );
+          })}
+        </div>
+
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
+          {/* Growth Chart */}
+          <div className="p-6 rounded-2xl bg-white/[0.02] border border-white/10">
+            <div className="flex items-center justify-between mb-6">
+              <h2 className="text-lg font-semibold text-white">Spiritual Growth</h2>
+              <BarChart3 className="w-5 h-5 text-neutral-500" />
+            </div>
+            <div className="flex items-end justify-between h-40 gap-2">
+              {spiritualGrowth.map((data) => (
+                <div key={data.month} className="flex-1 flex flex-col items-center gap-2">
+                  <div
+                    className="w-full bg-gradient-to-t from-emerald-500/50 to-emerald-400/30 rounded-t-lg transition-all"
+                    style={{ height: `${data.score}%` }}
+                  />
+                  <span className="text-xs text-neutral-500">{data.month}</span>
+                </div>
+              ))}
+            </div>
+            <div className="mt-4 pt-4 border-t border-white/5 flex items-center justify-between">
+              <span className="text-sm text-neutral-400">Engagement Score</span>
+              <span className="text-emerald-400 font-semibold">88/100</span>
+            </div>
+          </div>
+
+          {/* Top Topics */}
+          <div className="p-6 rounded-2xl bg-white/[0.02] border border-white/10">
+            <div className="flex items-center justify-between mb-6">
+              <h2 className="text-lg font-semibold text-white">Top Topics</h2>
+              <PieChart className="w-5 h-5 text-neutral-500" />
+            </div>
+            <div className="space-y-4">
+              {topTopics.map((topic, i) => (
+                <div key={topic.topic}>
+                  <div className="flex items-center justify-between mb-1">
+                    <span className="text-sm text-neutral-300">{topic.topic}</span>
+                    <span className="text-sm text-neutral-500">{topic.percentage}%</span>
+                  </div>
+                  <div className="h-2 bg-white/5 rounded-full overflow-hidden">
+                    <div
+                      className={`h-full rounded-full ${
+                        i === 0 ? 'bg-purple-500' :
+                        i === 1 ? 'bg-rose-500' :
+                        i === 2 ? 'bg-blue-500' :
+                        i === 3 ? 'bg-amber-500' :
+                        'bg-emerald-500'
+                      }`}
+                      style={{ width: `${topic.percentage}%` }}
+                    />
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+
+        {/* AI Insights */}
+        <div className="p-6 rounded-2xl bg-gradient-to-br from-emerald-500/10 to-purple-500/10 border border-emerald-500/20">
+          <div className="flex items-start gap-4">
+            <div className="w-12 h-12 rounded-xl bg-emerald-500/20 border border-emerald-500/30 flex items-center justify-center shrink-0">
+              <Sparkles className="w-6 h-6 text-emerald-400" />
+            </div>
+            <div>
+              <h3 className="text-white font-semibold mb-2">ORA's Observation</h3>
+              <p className="text-neutral-400 text-sm leading-relaxed mb-4">
+                Your spiritual engagement has grown 35% this month! I've noticed you've been particularly
+                drawn to topics around faith and trust. Consider exploring the book of Hebrews,
+                which offers deep insights on faith in action.
+              </p>
+              <div className="flex flex-wrap gap-2">
+                <span className="px-3 py-1 rounded-full bg-emerald-500/10 text-emerald-400 text-xs">
+                  +35% engagement
+                </span>
+                <span className="px-3 py-1 rounded-full bg-purple-500/10 text-purple-400 text-xs">
+                  5-day streak
+                </span>
+                <span className="px-3 py-1 rounded-full bg-blue-500/10 text-blue-400 text-xs">
+                  28 verses studied
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Goals */}
+        <div className="mt-8">
+          <h2 className="text-lg font-semibold text-white mb-4">Spiritual Goals</h2>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+            <div className="p-4 rounded-xl bg-white/[0.02] border border-white/10">
+              <div className="flex items-center gap-3 mb-3">
+                <BookOpen className="w-5 h-5 text-blue-400" />
+                <span className="text-white font-medium">Daily Reading</span>
+              </div>
+              <div className="h-2 bg-white/5 rounded-full overflow-hidden mb-2">
+                <div className="h-full bg-blue-500 rounded-full" style={{ width: '70%' }} />
+              </div>
+              <span className="text-xs text-neutral-500">5 of 7 days this week</span>
+            </div>
+            <div className="p-4 rounded-xl bg-white/[0.02] border border-white/10">
+              <div className="flex items-center gap-3 mb-3">
+                <Heart className="w-5 h-5 text-rose-400" />
+                <span className="text-white font-medium">Prayer Time</span>
+              </div>
+              <div className="h-2 bg-white/5 rounded-full overflow-hidden mb-2">
+                <div className="h-full bg-rose-500 rounded-full" style={{ width: '85%' }} />
+              </div>
+              <span className="text-xs text-neutral-500">6 of 7 days this week</span>
+            </div>
+            <div className="p-4 rounded-xl bg-white/[0.02] border border-white/10">
+              <div className="flex items-center gap-3 mb-3">
+                <Calendar className="w-5 h-5 text-amber-400" />
+                <span className="text-white font-medium">Journaling</span>
+              </div>
+              <div className="h-2 bg-white/5 rounded-full overflow-hidden mb-2">
+                <div className="h-full bg-amber-500 rounded-full" style={{ width: '40%' }} />
+              </div>
+              <span className="text-xs text-neutral-500">2 of 5 entries this week</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/journal/page.tsx b/frontend/app/dashboard/journal/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..73fc967b3f9fc92776ffc75fc9a57dd66b35839f
--- /dev/null
+++ b/frontend/app/dashboard/journal/page.tsx
@@ -0,0 +1,207 @@
+'use client';
+
+import { useState } from 'react';
+import { PenTool, Plus, Calendar, Tag, BookOpen, Lightbulb, Heart, Search, ChevronRight } from 'lucide-react';
+
+const soapSteps = [
+  { letter: 'S', title: 'Scripture', description: 'Read and write down the passage', color: 'purple' },
+  { letter: 'O', title: 'Observation', description: 'What do you notice?', color: 'blue' },
+  { letter: 'A', title: 'Application', description: 'How does this apply to your life?', color: 'amber' },
+  { letter: 'P', title: 'Prayer', description: 'Your response to God', color: 'rose' },
+];
+
+const recentEntries = [
+  { date: 'Today', title: 'Trusting God in Uncertainty', scripture: 'Proverbs 3:5-6', tags: ['Trust', 'Guidance'] },
+  { date: 'Yesterday', title: 'The Power of Forgiveness', scripture: 'Matthew 6:14-15', tags: ['Forgiveness', 'Grace'] },
+  { date: 'Dec 19', title: 'Finding Rest in Christ', scripture: 'Matthew 11:28-30', tags: ['Rest', 'Peace'] },
+  { date: 'Dec 18', title: 'Walking by Faith', scripture: '2 Corinthians 5:7', tags: ['Faith', 'Growth'] },
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string }> = {
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400' },
+  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/30', text: 'text-blue-400' },
+  amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/30', text: 'text-amber-400' },
+  rose: { bg: 'bg-rose-500/10', border: 'border-rose-500/30', text: 'text-rose-400' },
+};
+
+export default function JournalPage() {
+  const [activeTab, setActiveTab] = useState<'entries' | 'new'>('entries');
+
+  return (
+    <div className="flex-1 overflow-y-auto">
+      {/* Header */}
+      <div className="sticky top-0 z-10 bg-[#0a0a0a]/90 backdrop-blur-xl border-b border-white/5">
+        <div className="max-w-4xl mx-auto px-6 py-4">
+          <div className="flex items-center justify-between mb-4">
+            <div className="flex items-center gap-3">
+              <div className="w-10 h-10 rounded-xl bg-amber-500/10 border border-amber-500/30 flex items-center justify-center">
+                <PenTool className="w-5 h-5 text-amber-400" />
+              </div>
+              <div>
+                <h1 className="text-xl font-semibold text-white">Journal</h1>
+                <p className="text-sm text-neutral-500">S.O.A.P. Method for deeper reflection</p>
+              </div>
+            </div>
+            <button className="flex items-center gap-2 px-4 py-2 rounded-xl bg-amber-600 hover:bg-amber-500 text-white font-medium transition-colors">
+              <Plus className="w-4 h-4" />
+              New Entry
+            </button>
+          </div>
+
+          {/* Tabs */}
+          <div className="flex gap-2">
+            <button
+              onClick={() => setActiveTab('entries')}
+              className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
+                activeTab === 'entries'
+                  ? 'bg-white/10 text-white'
+                  : 'text-neutral-400 hover:text-white hover:bg-white/5'
+              }`}
+            >
+              My Entries
+            </button>
+            <button
+              onClick={() => setActiveTab('new')}
+              className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
+                activeTab === 'new'
+                  ? 'bg-white/10 text-white'
+                  : 'text-neutral-400 hover:text-white hover:bg-white/5'
+              }`}
+            >
+              New Entry
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div className="max-w-4xl mx-auto px-6 py-8">
+        {activeTab === 'entries' ? (
+          <>
+            {/* Search */}
+            <div className="relative mb-6">
+              <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-neutral-500" />
+              <input
+                type="text"
+                placeholder="Search your journal entries..."
+                className="w-full pl-12 pr-4 py-3 rounded-xl bg-white/5 border border-white/10 text-white placeholder-neutral-500 focus:outline-none focus:border-amber-500/50 transition-colors"
+              />
+            </div>
+
+            {/* Recent Entries */}
+            <div className="space-y-3">
+              {recentEntries.map((entry, i) => (
+                <button
+                  key={i}
+                  className="w-full p-4 rounded-xl bg-white/[0.02] border border-white/10 hover:border-amber-500/30 transition-all text-left group"
+                >
+                  <div className="flex items-start justify-between mb-2">
+                    <div>
+                      <span className="text-xs text-neutral-500">{entry.date}</span>
+                      <h3 className="text-white font-medium">{entry.title}</h3>
+                    </div>
+                    <ChevronRight className="w-5 h-5 text-neutral-500 group-hover:text-amber-400 transition-colors" />
+                  </div>
+                  <div className="flex items-center gap-3">
+                    <div className="flex items-center gap-1.5 text-sm text-blue-400">
+                      <BookOpen className="w-3.5 h-3.5" />
+                      {entry.scripture}
+                    </div>
+                    <div className="flex gap-1.5">
+                      {entry.tags.map((tag) => (
+                        <span key={tag} className="text-xs px-2 py-0.5 rounded-full bg-amber-500/10 text-amber-400">
+                          {tag}
+                        </span>
+                      ))}
+                    </div>
+                  </div>
+                </button>
+              ))}
+            </div>
+          </>
+        ) : (
+          <>
+            {/* S.O.A.P. Method Guide */}
+            <div className="mb-8">
+              <h2 className="text-lg font-semibold text-white mb-4">The S.O.A.P. Method</h2>
+              <div className="grid grid-cols-2 md:grid-cols-4 gap-3">
+                {soapSteps.map((step) => {
+                  const colors = colorClasses[step.color];
+                  return (
+                    <div
+                      key={step.letter}
+                      className={`p-4 rounded-xl ${colors.bg} border ${colors.border}`}
+                    >
+                      <div className={`text-2xl font-bold ${colors.text} mb-1`}>{step.letter}</div>
+                      <div className="text-white font-medium text-sm">{step.title}</div>
+                      <div className="text-neutral-500 text-xs mt-1">{step.description}</div>
+                    </div>
+                  );
+                })}
+              </div>
+            </div>
+
+            {/* New Entry Form */}
+            <div className="space-y-6">
+              <div>
+                <label className="block text-sm text-neutral-400 mb-2">Title</label>
+                <input
+                  type="text"
+                  placeholder="Give your entry a title..."
+                  className="w-full px-4 py-3 rounded-xl bg-white/5 border border-white/10 text-white placeholder-neutral-500 focus:outline-none focus:border-amber-500/50 transition-colors"
+                />
+              </div>
+
+              <div>
+                <label className="block text-sm text-neutral-400 mb-2">
+                  <span className="text-purple-400 font-semibold">S</span>cripture
+                </label>
+                <input
+                  type="text"
+                  placeholder="Enter the Bible passage (e.g., John 3:16)"
+                  className="w-full px-4 py-3 rounded-xl bg-white/5 border border-purple-500/20 text-white placeholder-neutral-500 focus:outline-none focus:border-purple-500/50 transition-colors"
+                />
+              </div>
+
+              <div>
+                <label className="block text-sm text-neutral-400 mb-2">
+                  <span className="text-blue-400 font-semibold">O</span>bservation
+                </label>
+                <textarea
+                  rows={3}
+                  placeholder="What do you notice about this passage? Who, what, where, when, why?"
+                  className="w-full px-4 py-3 rounded-xl bg-white/5 border border-blue-500/20 text-white placeholder-neutral-500 focus:outline-none focus:border-blue-500/50 transition-colors resize-none"
+                />
+              </div>
+
+              <div>
+                <label className="block text-sm text-neutral-400 mb-2">
+                  <span className="text-amber-400 font-semibold">A</span>pplication
+                </label>
+                <textarea
+                  rows={3}
+                  placeholder="How does this apply to your life today?"
+                  className="w-full px-4 py-3 rounded-xl bg-white/5 border border-amber-500/20 text-white placeholder-neutral-500 focus:outline-none focus:border-amber-500/50 transition-colors resize-none"
+                />
+              </div>
+
+              <div>
+                <label className="block text-sm text-neutral-400 mb-2">
+                  <span className="text-rose-400 font-semibold">P</span>rayer
+                </label>
+                <textarea
+                  rows={3}
+                  placeholder="Write your prayer response to God..."
+                  className="w-full px-4 py-3 rounded-xl bg-white/5 border border-rose-500/20 text-white placeholder-neutral-500 focus:outline-none focus:border-rose-500/50 transition-colors resize-none"
+                />
+              </div>
+
+              <button className="w-full py-3 rounded-xl bg-amber-600 hover:bg-amber-500 text-white font-medium transition-colors">
+                Save Journal Entry
+              </button>
+            </div>
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/layout.tsx b/frontend/app/dashboard/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e4200f0186ea26b8fe441cebacb5122e9f952c3c
--- /dev/null
+++ b/frontend/app/dashboard/layout.tsx
@@ -0,0 +1,16 @@
+import Sidebar from '@/components/dashboard/Sidebar';
+
+export default function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="flex min-h-screen bg-[#050402]">
+      <Sidebar />
+      <main className="flex-1 flex flex-col overflow-hidden">
+        {children}
+      </main>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/memory/page.tsx b/frontend/app/dashboard/memory/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6f91610d085691996789b4339811c5133093f24c
--- /dev/null
+++ b/frontend/app/dashboard/memory/page.tsx
@@ -0,0 +1,180 @@
+'use client';
+
+import { useState } from 'react';
+import { History, Brain, Search, Calendar, Tag, Sparkles, ChevronRight, Trash2, Download } from 'lucide-react';
+
+const memoryCategories = [
+  { name: 'Conversations', count: 47, icon: History, color: 'violet' },
+  { name: 'Spiritual Insights', count: 23, icon: Sparkles, color: 'purple' },
+  { name: 'Prayer Requests', count: 18, icon: Brain, color: 'rose' },
+  { name: 'Bible Studies', count: 12, icon: Calendar, color: 'blue' },
+];
+
+const recentMemories = [
+  {
+    type: 'insight',
+    title: 'Understanding grace in Romans',
+    summary: 'Discussed how Paul\'s concept of grace differs from works-based righteousness...',
+    date: 'Today',
+    emotion: 'peace',
+  },
+  {
+    type: 'conversation',
+    title: 'Career guidance discussion',
+    summary: 'Explored biblical principles for making decisions about job opportunities...',
+    date: 'Yesterday',
+    emotion: 'hope',
+  },
+  {
+    type: 'prayer',
+    title: 'Prayer for family healing',
+    summary: 'Prayed together for mother\'s recovery and family unity during difficult times...',
+    date: 'Dec 19',
+    emotion: 'comfort',
+  },
+  {
+    type: 'study',
+    title: 'Psalm 23 deep dive',
+    summary: 'Analyzed the shepherd metaphor and its application to modern faith...',
+    date: 'Dec 18',
+    emotion: 'joy',
+  },
+];
+
+const emotionColors: Record<string, string> = {
+  peace: 'bg-emerald-500/20 text-emerald-400',
+  hope: 'bg-blue-500/20 text-blue-400',
+  comfort: 'bg-rose-500/20 text-rose-400',
+  joy: 'bg-amber-500/20 text-amber-400',
+};
+
+const colorClasses: Record<string, { bg: string; border: string; text: string }> = {
+  violet: { bg: 'bg-violet-500/10', border: 'border-violet-500/30', text: 'text-violet-400' },
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400' },
+  rose: { bg: 'bg-rose-500/10', border: 'border-rose-500/30', text: 'text-rose-400' },
+  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/30', text: 'text-blue-400' },
+};
+
+export default function MemoryPage() {
+  const [searchQuery, setSearchQuery] = useState('');
+
+  return (
+    <div className="flex-1 overflow-y-auto">
+      {/* Header */}
+      <div className="sticky top-0 z-10 bg-[#0a0a0a]/90 backdrop-blur-xl border-b border-white/5">
+        <div className="max-w-4xl mx-auto px-6 py-4">
+          <div className="flex items-center justify-between mb-4">
+            <div className="flex items-center gap-3">
+              <div className="w-10 h-10 rounded-xl bg-violet-500/10 border border-violet-500/30 flex items-center justify-center">
+                <History className="w-5 h-5 text-violet-400" />
+              </div>
+              <div>
+                <h1 className="text-xl font-semibold text-white">Memory</h1>
+                <p className="text-sm text-neutral-500">Your spiritual journey remembered</p>
+              </div>
+            </div>
+            <div className="flex items-center gap-2">
+              <button className="flex items-center gap-2 px-3 py-2 rounded-xl border border-white/10 text-neutral-400 hover:text-white hover:border-white/20 transition-colors">
+                <Download className="w-4 h-4" />
+                <span className="text-sm">Export</span>
+              </button>
+            </div>
+          </div>
+
+          {/* Search */}
+          <div className="relative">
+            <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-neutral-500" />
+            <input
+              type="text"
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              placeholder="Search your memories..."
+              className="w-full pl-12 pr-4 py-3 rounded-xl bg-white/5 border border-white/10 text-white placeholder-neutral-500 focus:outline-none focus:border-violet-500/50 transition-colors"
+            />
+          </div>
+        </div>
+      </div>
+
+      <div className="max-w-4xl mx-auto px-6 py-8">
+        {/* Categories */}
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-8">
+          {memoryCategories.map((category) => {
+            const colors = colorClasses[category.color];
+            return (
+              <button
+                key={category.name}
+                className={`p-4 rounded-xl ${colors.bg} border ${colors.border} hover:brightness-110 transition-all text-left`}
+              >
+                <category.icon className={`w-5 h-5 ${colors.text} mb-2`} />
+                <div className="text-white font-medium text-sm">{category.name}</div>
+                <div className="text-neutral-500 text-xs">{category.count} memories</div>
+              </button>
+            );
+          })}
+        </div>
+
+        {/* Recent Memories */}
+        <div className="mb-8">
+          <h2 className="text-lg font-semibold text-white mb-4">Recent Memories</h2>
+          <div className="space-y-3">
+            {recentMemories.map((memory, i) => (
+              <div
+                key={i}
+                className="p-4 rounded-xl bg-white/[0.02] border border-white/10 hover:border-violet-500/30 transition-all group"
+              >
+                <div className="flex items-start justify-between mb-2">
+                  <div className="flex items-center gap-2">
+                    <span className="text-xs text-neutral-500">{memory.date}</span>
+                    <span className={`text-xs px-2 py-0.5 rounded-full ${emotionColors[memory.emotion]}`}>
+                      {memory.emotion}
+                    </span>
+                  </div>
+                  <button className="p-1.5 rounded-lg opacity-0 group-hover:opacity-100 hover:bg-white/5 text-neutral-500 hover:text-rose-400 transition-all">
+                    <Trash2 className="w-4 h-4" />
+                  </button>
+                </div>
+                <h3 className="text-white font-medium mb-1">{memory.title}</h3>
+                <p className="text-neutral-500 text-sm line-clamp-2">{memory.summary}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        {/* Memory Insights */}
+        <div className="p-6 rounded-2xl bg-gradient-to-br from-violet-500/10 to-purple-500/10 border border-violet-500/20">
+          <div className="flex items-start gap-4">
+            <div className="w-12 h-12 rounded-xl bg-violet-500/20 border border-violet-500/30 flex items-center justify-center shrink-0">
+              <Brain className="w-6 h-6 text-violet-400" />
+            </div>
+            <div>
+              <h3 className="text-white font-semibold mb-1">Memory Insights</h3>
+              <p className="text-neutral-400 text-sm leading-relaxed mb-3">
+                ORA uses episodic memory to remember your spiritual journey. This helps provide
+                personalized guidance based on your past conversations, prayers, and studies.
+              </p>
+              <div className="flex items-center gap-4 text-sm">
+                <div className="flex items-center gap-2">
+                  <div className="w-2 h-2 rounded-full bg-emerald-500" />
+                  <span className="text-neutral-400">100 total memories</span>
+                </div>
+                <div className="flex items-center gap-2">
+                  <div className="w-2 h-2 rounded-full bg-violet-500" />
+                  <span className="text-neutral-400">Last sync: Just now</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Privacy Notice */}
+        <div className="mt-6 p-4 rounded-xl bg-white/[0.02] border border-white/5">
+          <p className="text-neutral-500 text-sm text-center">
+            Your memories are encrypted and private. You can delete individual memories or
+            <button className="text-violet-400 hover:text-violet-300 mx-1">clear all data</button>
+            at any time.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/page.tsx b/frontend/app/dashboard/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..19e70a97279752fd5c9339c5b4c3d4487568d5b6
--- /dev/null
+++ b/frontend/app/dashboard/page.tsx
@@ -0,0 +1,58 @@
+'use client';
+
+import { useState } from 'react';
+import ChatInterface from '@/components/dashboard/ChatInterface';
+import MemoryTimeline from '@/components/dashboard/MemoryTimeline';
+import { PanelRightClose, PanelRight } from 'lucide-react';
+
+export default function DashboardPage() {
+  const [showMemoryPanel, setShowMemoryPanel] = useState(true);
+
+  return (
+    <div className="flex h-screen">
+      {/* Main Chat Area */}
+      <div className="flex-1 flex flex-col h-full overflow-hidden">
+        <ChatInterface />
+      </div>
+
+      {/* Memory Panel Toggle Button (when collapsed) */}
+      {!showMemoryPanel && (
+        <button
+          onClick={() => setShowMemoryPanel(true)}
+          className="fixed right-4 top-4 z-50 p-2 rounded-lg bg-purple-500/20 border border-purple-500/30 text-purple-400 hover:bg-purple-500/30 transition-colors hidden lg:flex items-center gap-2"
+        >
+          <PanelRight className="w-5 h-5" />
+          <span className="text-sm">Memory</span>
+        </button>
+      )}
+
+      {/* Memory Panel */}
+      <div
+        className={`
+          ${showMemoryPanel ? 'w-[320px]' : 'w-0'}
+          transition-all duration-300 overflow-hidden
+          border-l border-white/5 bg-[#0a0a0a]/50
+          hidden lg:block
+        `}
+      >
+        <div className="h-full flex flex-col">
+          {/* Panel Header */}
+          <div className="flex items-center justify-between p-3 border-b border-white/5">
+            <span className="text-sm font-medium text-white">Memory</span>
+            <button
+              onClick={() => setShowMemoryPanel(false)}
+              className="p-1.5 rounded-lg hover:bg-white/5 text-neutral-500 hover:text-white transition-colors"
+            >
+              <PanelRightClose className="w-4 h-4" />
+            </button>
+          </div>
+
+          {/* Memory Timeline */}
+          <div className="flex-1 overflow-hidden">
+            <MemoryTimeline />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/prayer/page.tsx b/frontend/app/dashboard/prayer/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b71a5ffa33659d8f0027859cb1b36a9327af45ba
--- /dev/null
+++ b/frontend/app/dashboard/prayer/page.tsx
@@ -0,0 +1,159 @@
+'use client';
+
+import { useState } from 'react';
+import { Heart, Plus, Clock, CheckCircle, Sparkles, Users, Lock, Globe, ChevronRight } from 'lucide-react';
+
+const prayerCategories = [
+  { name: 'Personal', icon: Lock, count: 12, color: 'purple' },
+  { name: 'Family', icon: Heart, count: 8, color: 'rose' },
+  { name: 'Community', icon: Users, count: 5, color: 'blue' },
+  { name: 'World', icon: Globe, count: 3, color: 'emerald' },
+];
+
+const recentPrayers = [
+  { title: 'Guidance for career decision', category: 'Personal', date: 'Today', answered: false },
+  { title: 'Healing for mom\'s health', category: 'Family', date: 'Yesterday', answered: false },
+  { title: 'Peace in our community', category: 'Community', date: 'Dec 19', answered: false },
+  { title: 'Found a new job!', category: 'Personal', date: 'Dec 15', answered: true },
+  { title: 'Safe travels for dad', category: 'Family', date: 'Dec 10', answered: true },
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string }> = {
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400' },
+  rose: { bg: 'bg-rose-500/10', border: 'border-rose-500/30', text: 'text-rose-400' },
+  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/30', text: 'text-blue-400' },
+  emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/30', text: 'text-emerald-400' },
+};
+
+export default function PrayerPage() {
+  const [activeTab, setActiveTab] = useState<'active' | 'answered'>('active');
+
+  const activePrayers = recentPrayers.filter((p) => !p.answered);
+  const answeredPrayers = recentPrayers.filter((p) => p.answered);
+
+  return (
+    <div className="flex-1 overflow-y-auto">
+      {/* Header */}
+      <div className="sticky top-0 z-10 bg-[#0a0a0a]/90 backdrop-blur-xl border-b border-white/5">
+        <div className="max-w-4xl mx-auto px-6 py-4">
+          <div className="flex items-center justify-between mb-4">
+            <div className="flex items-center gap-3">
+              <div className="w-10 h-10 rounded-xl bg-rose-500/10 border border-rose-500/30 flex items-center justify-center">
+                <Heart className="w-5 h-5 text-rose-400" />
+              </div>
+              <div>
+                <h1 className="text-xl font-semibold text-white">Prayer</h1>
+                <p className="text-sm text-neutral-500">Track your prayers with the Healer Agent</p>
+              </div>
+            </div>
+            <button className="flex items-center gap-2 px-4 py-2 rounded-xl bg-rose-600 hover:bg-rose-500 text-white font-medium transition-colors">
+              <Plus className="w-4 h-4" />
+              New Prayer
+            </button>
+          </div>
+
+          {/* Tabs */}
+          <div className="flex gap-2">
+            <button
+              onClick={() => setActiveTab('active')}
+              className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors flex items-center gap-2 ${
+                activeTab === 'active'
+                  ? 'bg-white/10 text-white'
+                  : 'text-neutral-400 hover:text-white hover:bg-white/5'
+              }`}
+            >
+              <Clock className="w-4 h-4" />
+              Active ({activePrayers.length})
+            </button>
+            <button
+              onClick={() => setActiveTab('answered')}
+              className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors flex items-center gap-2 ${
+                activeTab === 'answered'
+                  ? 'bg-white/10 text-white'
+                  : 'text-neutral-400 hover:text-white hover:bg-white/5'
+              }`}
+            >
+              <CheckCircle className="w-4 h-4" />
+              Answered ({answeredPrayers.length})
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div className="max-w-4xl mx-auto px-6 py-8">
+        {/* Categories */}
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-8">
+          {prayerCategories.map((category) => {
+            const colors = colorClasses[category.color];
+            return (
+              <button
+                key={category.name}
+                className={`p-4 rounded-xl ${colors.bg} border ${colors.border} hover:brightness-110 transition-all text-left`}
+              >
+                <category.icon className={`w-5 h-5 ${colors.text} mb-2`} />
+                <div className="text-white font-medium">{category.name}</div>
+                <div className="text-neutral-500 text-sm">{category.count} prayers</div>
+              </button>
+            );
+          })}
+        </div>
+
+        {/* Prayer List */}
+        <div className="mb-8">
+          <h2 className="text-lg font-semibold text-white mb-4">
+            {activeTab === 'active' ? 'Active Prayers' : 'Answered Prayers'}
+          </h2>
+          <div className="space-y-3">
+            {(activeTab === 'active' ? activePrayers : answeredPrayers).map((prayer, i) => (
+              <button
+                key={i}
+                className="w-full p-4 rounded-xl bg-white/[0.02] border border-white/10 hover:border-rose-500/30 transition-all text-left group"
+              >
+                <div className="flex items-start justify-between">
+                  <div className="flex-1">
+                    <div className="flex items-center gap-2 mb-1">
+                      {prayer.answered ? (
+                        <CheckCircle className="w-4 h-4 text-emerald-400" />
+                      ) : (
+                        <Clock className="w-4 h-4 text-amber-400" />
+                      )}
+                      <span className="text-xs text-neutral-500">{prayer.date}</span>
+                      <span className={`text-xs px-2 py-0.5 rounded-full ${
+                        colorClasses[prayerCategories.find((c) => c.name === prayer.category)?.color || 'purple'].bg
+                      } ${
+                        colorClasses[prayerCategories.find((c) => c.name === prayer.category)?.color || 'purple'].text
+                      }`}>
+                        {prayer.category}
+                      </span>
+                    </div>
+                    <h3 className="text-white font-medium">{prayer.title}</h3>
+                  </div>
+                  <ChevronRight className="w-5 h-5 text-neutral-500 group-hover:text-rose-400 transition-colors" />
+                </div>
+              </button>
+            ))}
+          </div>
+        </div>
+
+        {/* AI Suggestion */}
+        <div className="p-6 rounded-2xl bg-gradient-to-br from-rose-500/10 to-purple-500/10 border border-rose-500/20">
+          <div className="flex items-start gap-4">
+            <div className="w-12 h-12 rounded-xl bg-rose-500/20 border border-rose-500/30 flex items-center justify-center shrink-0">
+              <Sparkles className="w-6 h-6 text-rose-400" />
+            </div>
+            <div>
+              <h3 className="text-white font-semibold mb-1">Healer Suggestion</h3>
+              <p className="text-neutral-400 text-sm leading-relaxed">
+                You can ask me to pray with you, help you process difficult emotions,
+                or provide Scripture-based encouragement for what you're going through.
+              </p>
+              <button className="mt-3 text-rose-400 hover:text-rose-300 text-sm font-medium transition-colors">
+                Talk to Healer Agent →
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/dashboard/settings/page.tsx b/frontend/app/dashboard/settings/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e111972f1ae3a7a940a29af1642da6a319c3abdb
--- /dev/null
+++ b/frontend/app/dashboard/settings/page.tsx
@@ -0,0 +1,237 @@
+'use client';
+
+import { useState } from 'react';
+import { Settings, User, Bell, Shield, Palette, Brain, Trash2, Download, LogOut, ChevronRight, Moon, Sun, Volume2, VolumeX } from 'lucide-react';
+
+const settingSections = [
+  {
+    title: 'Account',
+    icon: User,
+    items: [
+      { label: 'Profile Information', description: 'Update your name and email' },
+      { label: 'Password', description: 'Change your password' },
+      { label: 'Connected Accounts', description: 'Manage social logins' },
+    ],
+  },
+  {
+    title: 'Notifications',
+    icon: Bell,
+    items: [
+      { label: 'Email Notifications', description: 'Weekly digest and updates', toggle: true, enabled: true },
+      { label: 'Prayer Reminders', description: 'Daily prayer time reminders', toggle: true, enabled: true },
+      { label: 'Study Reminders', description: 'Bible study notifications', toggle: true, enabled: false },
+    ],
+  },
+  {
+    title: 'Privacy',
+    icon: Shield,
+    items: [
+      { label: 'Data Collection', description: 'How we use your information' },
+      { label: 'Memory Settings', description: 'Control what ORA remembers', toggle: true, enabled: true },
+      { label: 'Share Analytics', description: 'Help improve ORA', toggle: true, enabled: true },
+    ],
+  },
+];
+
+export default function SettingsPage() {
+  const [theme, setTheme] = useState<'dark' | 'light' | 'system'>('dark');
+  const [soundEnabled, setSoundEnabled] = useState(true);
+  const [toggleStates, setToggleStates] = useState<Record<string, boolean>>({
+    'Email Notifications': true,
+    'Prayer Reminders': true,
+    'Study Reminders': false,
+    'Memory Settings': true,
+    'Share Analytics': true,
+  });
+
+  const handleToggle = (label: string) => {
+    setToggleStates((prev) => ({ ...prev, [label]: !prev[label] }));
+  };
+
+  return (
+    <div className="flex-1 overflow-y-auto">
+      {/* Header */}
+      <div className="sticky top-0 z-10 bg-[#0a0a0a]/90 backdrop-blur-xl border-b border-white/5">
+        <div className="max-w-3xl mx-auto px-6 py-4">
+          <div className="flex items-center gap-3">
+            <div className="w-10 h-10 rounded-xl bg-neutral-500/10 border border-neutral-500/30 flex items-center justify-center">
+              <Settings className="w-5 h-5 text-neutral-400" />
+            </div>
+            <div>
+              <h1 className="text-xl font-semibold text-white">Settings</h1>
+              <p className="text-sm text-neutral-500">Customize your ORA experience</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="max-w-3xl mx-auto px-6 py-8">
+        {/* Appearance */}
+        <div className="mb-8">
+          <div className="flex items-center gap-2 mb-4">
+            <Palette className="w-5 h-5 text-purple-400" />
+            <h2 className="text-lg font-semibold text-white">Appearance</h2>
+          </div>
+          <div className="p-4 rounded-xl bg-white/[0.02] border border-white/10">
+            <div className="flex items-center justify-between mb-4">
+              <div>
+                <span className="text-white font-medium">Theme</span>
+                <p className="text-neutral-500 text-sm">Choose your preferred theme</p>
+              </div>
+              <div className="flex gap-1 p-1 rounded-lg bg-white/5">
+                {[
+                  { value: 'dark', icon: Moon, label: 'Dark' },
+                  { value: 'light', icon: Sun, label: 'Light' },
+                ].map((option) => (
+                  <button
+                    key={option.value}
+                    onClick={() => setTheme(option.value as 'dark' | 'light')}
+                    className={`flex items-center gap-2 px-3 py-1.5 rounded-md text-sm transition-colors ${
+                      theme === option.value
+                        ? 'bg-purple-500/20 text-purple-400'
+                        : 'text-neutral-400 hover:text-white'
+                    }`}
+                  >
+                    <option.icon className="w-4 h-4" />
+                    {option.label}
+                  </button>
+                ))}
+              </div>
+            </div>
+            <div className="flex items-center justify-between pt-4 border-t border-white/5">
+              <div>
+                <span className="text-white font-medium">Sound Effects</span>
+                <p className="text-neutral-500 text-sm">Play sounds for notifications</p>
+              </div>
+              <button
+                onClick={() => setSoundEnabled(!soundEnabled)}
+                className={`p-2 rounded-lg transition-colors ${
+                  soundEnabled
+                    ? 'bg-purple-500/20 text-purple-400'
+                    : 'bg-white/5 text-neutral-500'
+                }`}
+              >
+                {soundEnabled ? <Volume2 className="w-5 h-5" /> : <VolumeX className="w-5 h-5" />}
+              </button>
+            </div>
+          </div>
+        </div>
+
+        {/* AI Settings */}
+        <div className="mb-8">
+          <div className="flex items-center gap-2 mb-4">
+            <Brain className="w-5 h-5 text-violet-400" />
+            <h2 className="text-lg font-semibold text-white">AI Settings</h2>
+          </div>
+          <div className="p-4 rounded-xl bg-white/[0.02] border border-white/10 space-y-4">
+            <div className="flex items-center justify-between">
+              <div>
+                <span className="text-white font-medium">Show Reasoning</span>
+                <p className="text-neutral-500 text-sm">Display ORA's thought process</p>
+              </div>
+              <button
+                className="w-12 h-6 rounded-full bg-purple-500/20 border border-purple-500/30 relative"
+              >
+                <div className="absolute right-0.5 top-0.5 w-5 h-5 rounded-full bg-purple-400" />
+              </button>
+            </div>
+            <div className="flex items-center justify-between pt-4 border-t border-white/5">
+              <div>
+                <span className="text-white font-medium">Preferred Bible Version</span>
+                <p className="text-neutral-500 text-sm">Default translation for verses</p>
+              </div>
+              <select className="px-3 py-1.5 rounded-lg bg-white/5 border border-white/10 text-white text-sm focus:outline-none focus:border-purple-500/50">
+                <option value="esv">ESV</option>
+                <option value="niv">NIV</option>
+                <option value="kjv">KJV</option>
+                <option value="nasb">NASB</option>
+                <option value="nlt">NLT</option>
+              </select>
+            </div>
+          </div>
+        </div>
+
+        {/* Setting Sections */}
+        {settingSections.map((section) => (
+          <div key={section.title} className="mb-8">
+            <div className="flex items-center gap-2 mb-4">
+              <section.icon className="w-5 h-5 text-neutral-400" />
+              <h2 className="text-lg font-semibold text-white">{section.title}</h2>
+            </div>
+            <div className="rounded-xl bg-white/[0.02] border border-white/10 divide-y divide-white/5">
+              {section.items.map((item) => (
+                <div
+                  key={item.label}
+                  className="p-4 flex items-center justify-between hover:bg-white/[0.02] transition-colors"
+                >
+                  <div>
+                    <span className="text-white font-medium">{item.label}</span>
+                    <p className="text-neutral-500 text-sm">{item.description}</p>
+                  </div>
+                  {item.toggle ? (
+                    <button
+                      onClick={() => handleToggle(item.label)}
+                      className={`w-12 h-6 rounded-full relative transition-colors ${
+                        toggleStates[item.label]
+                          ? 'bg-purple-500/20 border border-purple-500/30'
+                          : 'bg-white/5 border border-white/10'
+                      }`}
+                    >
+                      <div
+                        className={`absolute top-0.5 w-5 h-5 rounded-full transition-all ${
+                          toggleStates[item.label]
+                            ? 'right-0.5 bg-purple-400'
+                            : 'left-0.5 bg-neutral-500'
+                        }`}
+                      />
+                    </button>
+                  ) : (
+                    <ChevronRight className="w-5 h-5 text-neutral-500" />
+                  )}
+                </div>
+              ))}
+            </div>
+          </div>
+        ))}
+
+        {/* Data Management */}
+        <div className="mb-8">
+          <h2 className="text-lg font-semibold text-white mb-4">Data Management</h2>
+          <div className="space-y-3">
+            <button className="w-full p-4 rounded-xl bg-white/[0.02] border border-white/10 hover:border-blue-500/30 transition-all flex items-center justify-between group">
+              <div className="flex items-center gap-3">
+                <Download className="w-5 h-5 text-blue-400" />
+                <div className="text-left">
+                  <span className="text-white font-medium">Export My Data</span>
+                  <p className="text-neutral-500 text-sm">Download all your ORA data</p>
+                </div>
+              </div>
+              <ChevronRight className="w-5 h-5 text-neutral-500 group-hover:text-blue-400 transition-colors" />
+            </button>
+            <button className="w-full p-4 rounded-xl bg-white/[0.02] border border-rose-500/20 hover:border-rose-500/30 transition-all flex items-center justify-between group">
+              <div className="flex items-center gap-3">
+                <Trash2 className="w-5 h-5 text-rose-400" />
+                <div className="text-left">
+                  <span className="text-white font-medium">Delete All Data</span>
+                  <p className="text-neutral-500 text-sm">Permanently remove all your data</p>
+                </div>
+              </div>
+              <ChevronRight className="w-5 h-5 text-neutral-500 group-hover:text-rose-400 transition-colors" />
+            </button>
+          </div>
+        </div>
+
+        {/* Sign Out */}
+        <button className="w-full p-4 rounded-xl bg-white/[0.02] border border-white/10 hover:bg-white/[0.04] transition-all flex items-center justify-center gap-2 text-neutral-400 hover:text-white">
+          <LogOut className="w-5 h-5" />
+          <span className="font-medium">Sign Out</span>
+        </button>
+
+        {/* Version */}
+        <p className="text-center text-neutral-600 text-sm mt-8">
+          ORA v1.0.0 • Made with faith
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/faq/page.tsx b/frontend/app/faq/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bc01f1a2e01ed51d7b4e85d820b9952225b769ca
--- /dev/null
+++ b/frontend/app/faq/page.tsx
@@ -0,0 +1,153 @@
+'use client';
+
+import { useState } from 'react';
+import { ChevronDown, HelpCircle, Mail, Sparkles } from 'lucide-react';
+import Link from 'next/link';
+import ShinyButton from '@/components/ShinyButton';
+
+const faqs = [
+  {
+    category: 'general',
+    question: 'What is ORA?',
+    answer: 'ORA is an AI spiritual companion that uses a multi-agent architecture to provide personalized guidance for your faith journey. The name stands for Observe, Reflect, Act - our framework for deeper spiritual engagement.',
+  },
+  {
+    category: 'general',
+    question: 'How does ORA work?',
+    answer: 'ORA uses specialized AI agents (Gatekeeper, Theologian, Healer) that work together to understand your needs and provide appropriate guidance. The Gatekeeper routes your questions, while specialist agents provide deep Scripture analysis or pastoral care.',
+  },
+  {
+    category: 'features',
+    question: 'What can I ask ORA?',
+    answer: 'You can ask ORA about Scripture interpretation, seek prayer guidance, discuss life decisions from a faith perspective, explore theological questions, or simply have a conversation about your spiritual journey.',
+  },
+  {
+    category: 'features',
+    question: 'Does ORA remember our conversations?',
+    answer: 'Yes, ORA uses episodic memory to remember your spiritual journey over time. This allows for more personalized and contextual guidance as you continue to interact with the system.',
+  },
+  {
+    category: 'features',
+    question: 'What is the "Show Reasoning" feature?',
+    answer: 'The Show Reasoning toggle reveals ORA\'s thought process - the reasoning trace that shows how different agents collaborated to formulate a response. This provides transparency into how conclusions were reached.',
+  },
+  {
+    category: 'privacy',
+    question: 'Is my data private?',
+    answer: 'Yes, your privacy is sacred to us. We do not sell your data, use it for advertising, or share it with third parties. Your spiritual conversations remain confidential.',
+  },
+  {
+    category: 'privacy',
+    question: 'Can I delete my data?',
+    answer: 'Yes, you have full control over your data. You can request deletion of your conversation history and episodic memories at any time.',
+  },
+  {
+    category: 'technical',
+    question: 'What AI models power ORA?',
+    answer: 'ORA is designed to work with various LLM backends. The system uses a swarm architecture with specialized agents, vector databases for memory and Bible search, and safety guardrails for appropriate responses.',
+  },
+  {
+    category: 'technical',
+    question: 'Is ORA available offline?',
+    answer: 'ORA requires an internet connection to access its AI capabilities. However, the system has fallback modes for graceful degradation if connectivity is limited.',
+  },
+];
+
+export default function FAQPage() {
+  const [openIndex, setOpenIndex] = useState<number | null>(null);
+  const [filter, setFilter] = useState('all');
+
+  const categories = ['all', 'general', 'features', 'privacy', 'technical'];
+
+  const filteredFaqs = filter === 'all' ? faqs : faqs.filter(faq => faq.category === filter);
+
+  return (
+    <>
+      {/* Hero */}
+      <section className="relative pt-32 pb-16 overflow-hidden">
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-purple-600/20 rounded-full blur-[150px] pointer-events-none -z-10" />
+
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 mb-8">
+            <HelpCircle className="w-4 h-4 text-purple-400" />
+            <span className="text-xs font-mono text-purple-300 uppercase tracking-wider">FAQ</span>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-bold tracking-tight mb-6 text-white">
+            Frequently Asked <span className="text-purple-400">Questions</span>
+          </h1>
+
+          <p className="text-lg text-neutral-400 max-w-2xl mx-auto">
+            Find answers to common questions about ORA and how it can support your spiritual journey.
+          </p>
+        </div>
+      </section>
+
+      {/* FAQ List */}
+      <section className="py-16 border-t border-white/5">
+        <div className="max-w-3xl mx-auto px-6">
+          {/* Category Filter */}
+          <div className="flex flex-wrap gap-2 justify-center mb-10">
+            {categories.map((cat) => (
+              <button
+                key={cat}
+                onClick={() => setFilter(cat)}
+                className={`px-4 py-2 rounded-full text-sm font-medium transition-all ${
+                  filter === cat
+                    ? 'bg-purple-600 text-white'
+                    : 'bg-white/5 text-neutral-400 hover:bg-white/10 hover:text-white'
+                }`}
+              >
+                {cat.charAt(0).toUpperCase() + cat.slice(1)}
+              </button>
+            ))}
+          </div>
+
+          {/* Questions */}
+          <div className="space-y-3">
+            {filteredFaqs.map((faq, index) => (
+              <div
+                key={index}
+                className="rounded-xl border border-white/10 bg-white/[0.02] overflow-hidden"
+              >
+                <button
+                  onClick={() => setOpenIndex(openIndex === index ? null : index)}
+                  className="w-full px-6 py-4 flex items-center justify-between text-left"
+                >
+                  <span className="text-white font-medium pr-4">{faq.question}</span>
+                  <ChevronDown
+                    className={`w-5 h-5 text-purple-400 shrink-0 transition-transform ${
+                      openIndex === index ? 'rotate-180' : ''
+                    }`}
+                  />
+                </button>
+                {openIndex === index && (
+                  <div className="px-6 pb-4">
+                    <p className="text-neutral-400 leading-relaxed">{faq.answer}</p>
+                  </div>
+                )}
+              </div>
+            ))}
+          </div>
+
+          {/* Still have questions */}
+          <div className="mt-16 text-center p-8 rounded-2xl bg-purple-500/5 border border-purple-500/20">
+            <h3 className="text-xl font-semibold text-white mb-3">Still have questions?</h3>
+            <p className="text-neutral-400 mb-6">
+              Can't find what you're looking for? Reach out to our team.
+            </p>
+            <Link href="/contact">
+              <ShinyButton>
+                <span className="flex items-center gap-2">
+                  <Mail className="w-4 h-4" />
+                  Contact Us
+                </span>
+              </ShinyButton>
+            </Link>
+          </div>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/features/page.tsx b/frontend/app/features/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2e5b51e5e66a165aab345331497c0242e8558493
--- /dev/null
+++ b/frontend/app/features/page.tsx
@@ -0,0 +1,300 @@
+'use client';
+
+import Link from 'next/link';
+import {
+  Sparkles, Shield, BookOpen, Heart, Brain, Eye, Zap,
+  MessageSquare, PenTool, History, Search, Compass,
+  ArrowRight, Check, ChevronRight
+} from 'lucide-react';
+import SpotlightCard from '@/components/SpotlightCard';
+import ShinyButton from '@/components/ShinyButton';
+
+const coreAgents = [
+  {
+    icon: Shield,
+    name: 'Gatekeeper',
+    role: 'Intelligent Router',
+    description: 'Understands your intent and connects you with the right specialist agent for your needs.',
+    color: 'purple',
+    capabilities: ['Intent Classification', 'Context Analysis', 'Agent Handoffs', 'Safety Guardrails'],
+  },
+  {
+    icon: BookOpen,
+    name: 'Theologian',
+    role: 'Scripture Expert',
+    description: 'Deep Scripture analysis with cross-references, historical context, and doctrinal insights from multiple traditions.',
+    color: 'blue',
+    capabilities: ['Bible Search (RAG)', 'Cross-References', 'Historical Context', 'Doctrinal Analysis'],
+  },
+  {
+    icon: Heart,
+    name: 'Healer',
+    role: 'Pastoral Care',
+    description: 'Compassionate support for emotional and spiritual needs with prayer guidance and encouragement.',
+    color: 'rose',
+    capabilities: ['Prayer Guidance', 'Emotional Support', 'Crisis Detection', 'Pastoral Wisdom'],
+  },
+];
+
+const features = [
+  {
+    icon: MessageSquare,
+    title: 'Intelligent Chat',
+    description: 'Natural conversations with specialized AI agents that understand your spiritual context.',
+    color: 'purple',
+  },
+  {
+    icon: BookOpen,
+    title: 'Bible Study',
+    description: 'Search Scripture with semantic understanding, get cross-references and commentary.',
+    color: 'blue',
+  },
+  {
+    icon: PenTool,
+    title: 'S.O.A.P. Journaling',
+    description: 'Structured journaling: Scripture, Observation, Application, Prayer.',
+    color: 'amber',
+  },
+  {
+    icon: Heart,
+    title: 'Prayer Tracking',
+    description: 'Record prayers, track answers, and receive prayer guidance from the Healer.',
+    color: 'rose',
+  },
+  {
+    icon: Brain,
+    title: 'Episodic Memory',
+    description: 'ORA remembers your spiritual journey for personalized, contextual guidance.',
+    color: 'violet',
+  },
+  {
+    icon: History,
+    title: 'Reasoning Traces',
+    description: 'See how agents collaborate with transparent reasoning visibility.',
+    color: 'emerald',
+  },
+];
+
+const oraMethod = [
+  { letter: 'O', title: 'Observe', description: 'Notice key themes and insights in Scripture', color: 'purple' },
+  { letter: 'R', title: 'Reflect', description: 'Deepen understanding through guided questions', color: 'blue' },
+  { letter: 'A', title: 'Act', description: 'Apply biblical truth to daily life', color: 'amber' },
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string; glow: string }> = {
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400', glow: 'shadow-[0_0_30px_rgba(168,85,247,0.3)]' },
+  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/30', text: 'text-blue-400', glow: 'shadow-[0_0_30px_rgba(59,130,246,0.3)]' },
+  amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/30', text: 'text-amber-400', glow: 'shadow-[0_0_30px_rgba(245,158,11,0.3)]' },
+  rose: { bg: 'bg-rose-500/10', border: 'border-rose-500/30', text: 'text-rose-400', glow: 'shadow-[0_0_30px_rgba(244,63,94,0.3)]' },
+  violet: { bg: 'bg-violet-500/10', border: 'border-violet-500/30', text: 'text-violet-400', glow: 'shadow-[0_0_30px_rgba(139,92,246,0.3)]' },
+  emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/30', text: 'text-emerald-400', glow: 'shadow-[0_0_30px_rgba(52,211,153,0.3)]' },
+};
+
+export default function FeaturesPage() {
+  return (
+    <>
+      {/* Hero */}
+      <section className="relative pt-32 pb-20 overflow-hidden">
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-purple-600/20 rounded-full blur-[150px] pointer-events-none -z-10" />
+
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 mb-8">
+            <Sparkles className="w-4 h-4 text-purple-400" />
+            <span className="text-xs font-mono text-purple-300 uppercase tracking-wider">All Features</span>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-bold tracking-tight mb-6 text-white">
+            Everything ORA <span className="text-purple-400">Offers</span>
+          </h1>
+
+          <p className="text-lg text-neutral-400 max-w-2xl mx-auto mb-10">
+            A multi-agent AI system designed to deepen your faith through intelligent spiritual companionship,
+            Scripture study, and pastoral care.
+          </p>
+
+          <Link href="/dashboard">
+            <ShinyButton>
+              <span className="flex items-center gap-2">
+                <Sparkles className="w-5 h-5" />
+                Try ORA Now
+                <ArrowRight className="w-4 h-4" />
+              </span>
+            </ShinyButton>
+          </Link>
+        </div>
+      </section>
+
+      {/* Core Agents */}
+      <section className="py-20 border-t border-white/5">
+        <div className="max-w-6xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-purple-500/20 bg-purple-500/5 mb-6">
+              <Brain className="w-3.5 h-3.5 text-purple-400" />
+              <span className="text-[10px] uppercase tracking-widest font-medium text-purple-300">
+                Multi-Agent Architecture
+              </span>
+            </div>
+            <h2 className="text-3xl font-bold text-white mb-4">Specialized AI Agents</h2>
+            <p className="text-neutral-400 max-w-2xl mx-auto">
+              Three specialized agents work together as a swarm to provide comprehensive spiritual guidance.
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+            {coreAgents.map((agent) => {
+              const colors = colorClasses[agent.color];
+              return (
+                <SpotlightCard
+                  key={agent.name}
+                  className={`p-6 rounded-2xl border ${colors.border} bg-white/[0.02]`}
+                  spotlightColor="purple"
+                >
+                  <div className={`w-14 h-14 rounded-xl ${colors.bg} flex items-center justify-center border ${colors.border} ${colors.glow} mb-4`}>
+                    <agent.icon className={`w-7 h-7 ${colors.text}`} />
+                  </div>
+                  <div className="flex items-center gap-2 mb-2">
+                    <h3 className="text-xl font-semibold text-white">{agent.name}</h3>
+                    <span className={`text-xs px-2 py-0.5 rounded-full ${colors.bg} ${colors.text}`}>
+                      {agent.role}
+                    </span>
+                  </div>
+                  <p className="text-neutral-400 text-sm mb-4">{agent.description}</p>
+                  <div className="pt-4 border-t border-white/5">
+                    <span className="text-xs text-neutral-500 mb-2 block">Capabilities:</span>
+                    <div className="flex flex-wrap gap-2">
+                      {agent.capabilities.map((cap) => (
+                        <span key={cap} className="text-xs px-2 py-1 rounded bg-white/5 text-neutral-300">
+                          {cap}
+                        </span>
+                      ))}
+                    </div>
+                  </div>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* The ORA Method */}
+      <section className="py-20 border-t border-white/5 bg-[#030303]">
+        <div className="max-w-6xl mx-auto px-6">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl font-bold text-white mb-4">The ORA Method</h2>
+            <p className="text-neutral-400">Our framework for deeper spiritual engagement</p>
+          </div>
+
+          <div className="flex flex-col md:flex-row items-center justify-center gap-4 md:gap-8">
+            {oraMethod.map((step, i) => {
+              const colors = colorClasses[step.color];
+              return (
+                <div key={step.letter} className="flex items-center gap-4">
+                  <div className={`w-20 h-20 rounded-2xl ${colors.bg} border ${colors.border} flex items-center justify-center ${colors.glow}`}>
+                    <span className={`text-4xl font-bold ${colors.text}`}>{step.letter}</span>
+                  </div>
+                  <div className="text-left">
+                    <h3 className="text-lg font-semibold text-white">{step.title}</h3>
+                    <p className="text-sm text-neutral-400">{step.description}</p>
+                  </div>
+                  {i < oraMethod.length - 1 && (
+                    <ArrowRight className="w-6 h-6 text-neutral-600 hidden md:block ml-4" />
+                  )}
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* Features Grid */}
+      <section className="py-20 border-t border-white/5">
+        <div className="max-w-6xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl font-bold text-white mb-4">Platform Features</h2>
+            <p className="text-neutral-400">Everything you need for your spiritual journey</p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            {features.map((feature) => {
+              const colors = colorClasses[feature.color];
+              return (
+                <div
+                  key={feature.title}
+                  className={`p-6 rounded-xl border ${colors.border} ${colors.bg} hover:brightness-110 transition-all`}
+                >
+                  <div className={`w-12 h-12 rounded-xl ${colors.bg} flex items-center justify-center border ${colors.border} mb-4`}>
+                    <feature.icon className={`w-6 h-6 ${colors.text}`} />
+                  </div>
+                  <h3 className="text-lg font-semibold text-white mb-2">{feature.title}</h3>
+                  <p className="text-sm text-neutral-400">{feature.description}</p>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* Technical Highlights */}
+      <section className="py-20 border-t border-white/5 bg-[#030303]">
+        <div className="max-w-6xl mx-auto px-6">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl font-bold text-white mb-4">Built with Purpose</h2>
+            <p className="text-neutral-400">Advanced technology in service of your faith</p>
+          </div>
+
+          <div className="flex flex-wrap justify-center gap-3">
+            {[
+              'Multi-Agent Swarm',
+              'LanceDB Vectors',
+              'Bible RAG',
+              'Episodic Memory',
+              'Reasoning Traces',
+              'Safety Guardrails',
+              'FastAPI Backend',
+              'Next.js Frontend',
+            ].map((tech) => (
+              <span
+                key={tech}
+                className="px-4 py-2 rounded-full bg-purple-500/10 border border-purple-500/20 text-purple-300 text-sm"
+              >
+                {tech}
+              </span>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* CTA */}
+      <section className="py-20 border-t border-white/5">
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="w-20 h-20 mx-auto rounded-2xl bg-gradient-to-br from-purple-600 to-purple-800 flex items-center justify-center mb-8 shadow-lg shadow-purple-500/30 animate-breathe">
+            <Sparkles className="w-10 h-10 text-white" />
+          </div>
+          <h2 className="text-3xl font-bold text-white mb-4">
+            Ready to Experience ORA?
+          </h2>
+          <p className="text-neutral-400 mb-10 max-w-xl mx-auto">
+            Start your spiritual journey with AI-powered guidance designed to deepen your faith.
+          </p>
+          <div className="flex flex-col sm:flex-row gap-4 justify-center">
+            <Link href="/dashboard">
+              <ShinyButton>
+                <span className="flex items-center gap-2">
+                  <Sparkles className="w-5 h-5" />
+                  Enter Dashboard
+                </span>
+              </ShinyButton>
+            </Link>
+            <Link
+              href="/about"
+              className="px-8 py-3.5 text-sm font-medium text-neutral-300 border border-white/10 rounded-full hover:bg-white/5 hover:text-white transition-all"
+            >
+              Learn More
+            </Link>
+          </div>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/get-started/page.tsx b/frontend/app/get-started/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3b774953549390d921da9d275df734ee73265715
--- /dev/null
+++ b/frontend/app/get-started/page.tsx
@@ -0,0 +1,248 @@
+'use client';
+
+import { Sparkles, BookOpen, Heart, Brain, Shield, ArrowRight, MessageSquare, PenTool, History } from 'lucide-react';
+import Link from 'next/link';
+import ShinyButton from '@/components/ShinyButton';
+import SpotlightCard from '@/components/SpotlightCard';
+
+const steps = [
+  {
+    number: '1',
+    title: 'Meet ORA',
+    description: 'ORA is your AI spiritual companion powered by specialized agents: Gatekeeper routes your questions, Theologian provides Scripture insight, and Healer offers pastoral care.',
+    icon: Sparkles,
+    color: 'purple',
+  },
+  {
+    number: '2',
+    title: 'Start a Conversation',
+    description: 'Simply share what\'s on your heart. Ask questions about Scripture, seek guidance for life decisions, request prayer support, or explore theological concepts.',
+    icon: MessageSquare,
+    color: 'blue',
+  },
+  {
+    number: '3',
+    title: 'Engage with Scripture',
+    description: 'The Theologian agent helps you dive deep into the Bible with cross-references, historical context, and doctrinal insights from across traditions.',
+    icon: BookOpen,
+    color: 'amber',
+  },
+  {
+    number: '4',
+    title: 'Grow Your Faith',
+    description: 'ORA remembers your journey through episodic memory, offering increasingly personalized guidance as you continue your spiritual growth.',
+    icon: Heart,
+    color: 'rose',
+  },
+];
+
+const features = [
+  {
+    icon: Shield,
+    title: 'Gatekeeper Agent',
+    description: 'Intelligently routes your questions to the right specialist agent.',
+    color: 'purple',
+  },
+  {
+    icon: BookOpen,
+    title: 'Theologian Agent',
+    description: 'Deep Scripture analysis with cross-references and doctrinal insights.',
+    color: 'blue',
+  },
+  {
+    icon: Heart,
+    title: 'Healer Agent',
+    description: 'Compassionate pastoral care with prayer guidance and emotional support.',
+    color: 'rose',
+  },
+  {
+    icon: Brain,
+    title: 'Episodic Memory',
+    description: 'ORA remembers your spiritual journey for personalized guidance.',
+    color: 'amber',
+  },
+  {
+    icon: History,
+    title: 'Reasoning Traces',
+    description: 'See how ORA\'s agents collaborate to formulate responses.',
+    color: 'emerald',
+  },
+  {
+    icon: PenTool,
+    title: 'S.O.A.P. Journaling',
+    description: 'Structured journaling: Scripture, Observation, Application, Prayer.',
+    color: 'purple',
+  },
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string; gradient: string }> = {
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400', gradient: 'from-purple-500 to-violet-500' },
+  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/30', text: 'text-blue-400', gradient: 'from-blue-500 to-cyan-500' },
+  amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/30', text: 'text-amber-400', gradient: 'from-amber-500 to-orange-500' },
+  rose: { bg: 'bg-rose-500/10', border: 'border-rose-500/30', text: 'text-rose-400', gradient: 'from-rose-500 to-pink-500' },
+  emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/30', text: 'text-emerald-400', gradient: 'from-emerald-500 to-teal-500' },
+};
+
+export default function GetStartedPage() {
+  return (
+    <>
+      {/* Hero */}
+      <section className="relative pt-32 pb-20 overflow-hidden">
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-purple-600/20 rounded-full blur-[150px] pointer-events-none -z-10" />
+
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 mb-8">
+            <Sparkles className="w-4 h-4 text-purple-400" />
+            <span className="text-xs font-mono text-purple-300 uppercase tracking-wider">Get Started</span>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-bold tracking-tight mb-6 text-white">
+            Begin Your <span className="text-purple-400">Spiritual Journey</span>
+          </h1>
+
+          <p className="text-lg text-neutral-400 max-w-2xl mx-auto mb-10">
+            ORA is your sovereign AI spiritual companion, designed to support your faith journey with theologically-grounded guidance, Scripture wisdom, and pastoral care.
+          </p>
+
+          <Link href="/dashboard">
+            <ShinyButton>
+              <span className="flex items-center gap-2">
+                <Sparkles className="w-5 h-5" />
+                Open ORA Dashboard
+                <ArrowRight className="w-4 h-4" />
+              </span>
+            </ShinyButton>
+          </Link>
+        </div>
+      </section>
+
+      {/* How It Works */}
+      <section className="py-20 border-t border-white/5">
+        <div className="max-w-6xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl font-bold text-white mb-4">How ORA Works</h2>
+            <p className="text-neutral-400 max-w-xl mx-auto">
+              Four simple steps to deeper spiritual engagement
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+            {steps.map((step) => {
+              const colors = colorClasses[step.color];
+              return (
+                <SpotlightCard
+                  key={step.number}
+                  className={`p-6 rounded-xl border ${colors.border} bg-white/[0.02]`}
+                  spotlightColor="purple"
+                >
+                  <div className={`w-12 h-12 rounded-xl bg-gradient-to-br ${colors.gradient} flex items-center justify-center mb-4`}>
+                    <span className="text-xl font-bold text-white">{step.number}</span>
+                  </div>
+                  <div className={`w-10 h-10 rounded-lg ${colors.bg} flex items-center justify-center border ${colors.border} mb-4`}>
+                    <step.icon className={`w-5 h-5 ${colors.text}`} />
+                  </div>
+                  <h3 className="text-lg font-semibold text-white mb-2">{step.title}</h3>
+                  <p className="text-neutral-400 text-sm leading-relaxed">{step.description}</p>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* Features Grid */}
+      <section className="py-20 border-t border-white/5 bg-[#030303]">
+        <div className="max-w-6xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl font-bold text-white mb-4">What You Can Do with ORA</h2>
+            <p className="text-neutral-400 max-w-xl mx-auto">
+              Powerful features designed for your spiritual growth
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            {features.map((feature) => {
+              const colors = colorClasses[feature.color];
+              return (
+                <div
+                  key={feature.title}
+                  className={`p-6 rounded-xl border ${colors.border} bg-white/[0.02] hover:bg-white/[0.04] transition-all`}
+                >
+                  <div className={`w-12 h-12 rounded-xl ${colors.bg} flex items-center justify-center border ${colors.border} mb-4`}>
+                    <feature.icon className={`w-6 h-6 ${colors.text}`} />
+                  </div>
+                  <h3 className="text-lg font-semibold text-white mb-2">{feature.title}</h3>
+                  <p className="text-neutral-400 text-sm">{feature.description}</p>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* The ORA Method */}
+      <section className="py-20 border-t border-white/5">
+        <div className="max-w-4xl mx-auto px-6">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl font-bold text-white mb-4">The ORA Method</h2>
+            <p className="text-neutral-400 max-w-xl mx-auto">
+              Our name embodies our framework for spiritual engagement
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            <div className="p-6 rounded-xl bg-purple-500/5 border border-purple-500/20 text-center">
+              <div className="text-4xl font-bold text-purple-400 mb-2">O</div>
+              <h3 className="text-lg font-semibold text-white mb-2">Observe</h3>
+              <p className="text-neutral-400 text-sm">
+                Pay attention to Scripture, your circumstances, and God's voice in your life.
+              </p>
+            </div>
+            <div className="p-6 rounded-xl bg-purple-500/5 border border-purple-500/20 text-center">
+              <div className="text-4xl font-bold text-purple-400 mb-2">R</div>
+              <h3 className="text-lg font-semibold text-white mb-2">Reflect</h3>
+              <p className="text-neutral-400 text-sm">
+                Consider what God is teaching you through study, meditation, and prayer.
+              </p>
+            </div>
+            <div className="p-6 rounded-xl bg-purple-500/5 border border-purple-500/20 text-center">
+              <div className="text-4xl font-bold text-purple-400 mb-2">A</div>
+              <h3 className="text-lg font-semibold text-white mb-2">Act</h3>
+              <p className="text-neutral-400 text-sm">
+                Put your insights into practice and live out your faith in daily life.
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* CTA */}
+      <section className="py-20 border-t border-white/5 bg-[#030303]">
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <h2 className="text-3xl font-bold text-white mb-4">Ready to Begin?</h2>
+          <p className="text-neutral-400 mb-8 max-w-xl mx-auto">
+            Start your conversation with ORA and experience AI-powered spiritual guidance designed for your unique journey.
+          </p>
+          <div className="flex flex-col sm:flex-row gap-4 justify-center">
+            <Link href="/dashboard">
+              <ShinyButton>
+                <span className="flex items-center gap-2">
+                  <Sparkles className="w-5 h-5" />
+                  Launch ORA
+                </span>
+              </ShinyButton>
+            </Link>
+            <Link
+              href="/about"
+              className="px-8 py-3.5 text-sm font-medium text-neutral-300 border border-white/10 rounded-full hover:bg-white/5 hover:text-white transition-all inline-flex items-center gap-2"
+            >
+              Learn More
+              <ArrowRight className="w-4 h-4" />
+            </Link>
+          </div>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/globals.css b/frontend/app/globals.css
new file mode 100644
index 0000000000000000000000000000000000000000..e90a66c2126514799f014477501fb2dc008b857f
--- /dev/null
+++ b/frontend/app/globals.css
@@ -0,0 +1,465 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --gradient-angle: 0deg;
+}
+
+body {
+  font-family: 'Inter', sans-serif;
+  background-color: #050402;
+  color: #f5f5f4;
+  -webkit-font-smoothing: antialiased;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+::selection {
+  background-color: rgba(245, 158, 11, 0.2);
+  color: #fef3c7;
+}
+
+/* Glass Panel */
+.glass-panel {
+  background: rgba(255, 255, 255, 0.02);
+  backdrop-filter: blur(12px);
+  border: 1px solid rgba(255, 255, 255, 0.06);
+  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+}
+
+.glass-panel-glow {
+  background: rgba(251, 191, 36, 0.03);
+  backdrop-filter: blur(12px);
+  border: 1px solid rgba(251, 191, 36, 0.1);
+}
+
+/* Text Gradient */
+.text-gradient-gold {
+  background: linear-gradient(to right, #fef3c7, #f59e0b);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+/* Grid Pattern */
+.bg-grid-pattern {
+  background-image: linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px),
+                    linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px);
+  background-size: 40px 40px;
+}
+
+/* Spotlight Card */
+.spotlight-card {
+  transform-style: preserve-3d;
+  transition: transform 0.1s ease-out, box-shadow 0.3s ease;
+  will-change: transform;
+}
+
+.spotlight-card:hover {
+  z-index: 10;
+  box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5), 0 0 30px rgba(251, 191, 36, 0.1);
+}
+
+/* Candle Glow */
+.candle-glow {
+  filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.5));
+}
+
+/* Beam Line */
+.beam-line {
+  stroke-dasharray: 80 1000;
+  stroke-linecap: round;
+}
+
+/* Shiny CTA Button */
+.shiny-cta {
+  position: relative;
+  overflow: visible;
+  border-radius: 9999px;
+  padding: 1.25rem 2.5rem;
+  font-size: 0.875rem;
+  line-height: 1.2;
+  font-weight: 600;
+  color: #ffffff;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  isolation: isolate;
+  z-index: 0;
+  transition: all 0.5s ease;
+}
+
+.shiny-cta:hover {
+  transform: scale(1.02);
+  box-shadow: 0 0 40px -10px rgba(245, 158, 11, 0.5);
+}
+
+.shiny-cta:active {
+  transform: translateY(1px) scale(1.02);
+}
+
+/* Border Spin Animation */
+@keyframes border-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.animate-border-spin {
+  animation: border-spin 3s linear infinite;
+}
+
+/* Dots Movement Animation */
+@keyframes dots-move {
+  0% { background-position: 0 0; }
+  100% { background-position: 24px 24px; }
+}
+
+.animate-dots-move {
+  animation: dots-move 8s linear infinite;
+}
+
+/* Animation Delays */
+.delay-100 { animation-delay: 100ms; }
+.delay-200 { animation-delay: 200ms; }
+.delay-300 { animation-delay: 300ms; }
+.delay-1000 { animation-delay: 1s; }
+.delay-2000 { animation-delay: 2s; }
+
+/* Animations */
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes slideUp {
+  from { transform: translateY(20px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+
+@keyframes blurIn {
+  from { filter: blur(10px); opacity: 0; }
+  to { filter: blur(0); opacity: 1; }
+}
+
+.animate-fade-in { animation: fadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) both; }
+.animate-slide-up { animation: slideUp 1s cubic-bezier(0.16, 1, 0.3, 1) both; }
+.animate-blur-in { animation: blurIn 1.2s ease-out both; }
+
+/* Sonar Animation */
+@keyframes sonar-wave {
+  0% { r: 10px; opacity: 0.8; stroke-width: 1px; }
+  100% { r: 80px; opacity: 0; stroke-width: 0px; }
+}
+
+.animate-sonar {
+  animation: sonar-wave 3s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+/* Spin Animations */
+.animate-spin-slow {
+  animation: spin 12s linear infinite;
+}
+
+.animate-spin-slow-reverse {
+  animation: spin 15s linear infinite reverse;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+/* Pulse Fast */
+.animate-pulse-fast {
+  animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+/* Float Animation */
+@keyframes float {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-10px); }
+}
+
+.animate-float {
+  animation: float 6s ease-in-out infinite;
+}
+
+/* Flicker Animation */
+@keyframes flicker {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.8; }
+}
+
+.animate-flicker {
+  animation: flicker 3s ease-in-out infinite;
+}
+
+/* Beam Animation */
+@keyframes beam {
+  0% { stroke-dashoffset: 1000; }
+  100% { stroke-dashoffset: 0; }
+}
+
+.animate-beam {
+  animation: beam 3s linear infinite;
+}
+
+/* Interactive Background Gradient */
+.radial-glow-amber {
+  background: radial-gradient(circle at 70% 50%, rgba(245, 158, 11, 0.25) 0%, rgba(5, 5, 5, 0) 60%);
+}
+
+.radial-glow-purple {
+  background: radial-gradient(circle at 50% 30%, rgba(168, 85, 247, 0.2) 0%, rgba(5, 5, 5, 0) 50%);
+}
+
+/* ORA Page Enhanced Grid Background */
+.ora-grid-bg {
+  background-size: 80px 80px;
+  background-image:
+    linear-gradient(to right, rgba(168, 85, 247, 0.03) 1px, transparent 1px),
+    linear-gradient(to bottom, rgba(168, 85, 247, 0.03) 1px, transparent 1px);
+  mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, black 20%, transparent 70%);
+  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, black 20%, transparent 70%);
+}
+
+/* Text Glow Effect */
+.text-glow-amber {
+  text-shadow: 0 0 25px rgba(245, 158, 11, 0.4);
+}
+
+/* Grid Background with mask */
+.grid-bg {
+  background-size: 100px 200px;
+  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
+    linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
+  mask-image: radial-gradient(circle at center, black 40%, transparent 100%);
+}
+
+/* Infinite Marquee Animation */
+@keyframes marquee {
+  0% { transform: translateX(0); }
+  100% { transform: translateX(-50%); }
+}
+
+.animate-marquee {
+  animation: marquee 40s linear infinite;
+}
+
+/* Progressive Blur Effect for Navbar */
+.gradient-blur {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 100px;
+  pointer-events: none;
+  z-index: 40;
+}
+
+.gradient-blur::before,
+.gradient-blur::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+}
+
+.gradient-blur::before {
+  background: linear-gradient(to bottom, rgba(5, 4, 2, 0.8), transparent);
+}
+
+.gradient-blur::after {
+  backdrop-filter: blur(4px);
+  mask-image: linear-gradient(to bottom, black 20%, transparent 80%);
+  -webkit-mask-image: linear-gradient(to bottom, black 20%, transparent 80%);
+}
+
+/* Fade Slide In Animation */
+@keyframes fadeSlideIn {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.animate-fade-slide-in {
+  animation: fadeSlideIn 0.8s ease-out forwards;
+}
+
+/* Column Reveal Animation */
+@keyframes columnReveal {
+  0% { clip-path: inset(0 0 100% 0); }
+  100% { clip-path: inset(0 0 0% 0); }
+}
+
+.col-anim {
+  animation: columnReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+.col-anim.delay-1 { animation-delay: 0.1s; }
+.col-anim.delay-2 { animation-delay: 0.15s; }
+.col-anim.delay-3 { animation-delay: 0.2s; }
+.col-anim.delay-4 { animation-delay: 0.25s; }
+.col-anim.delay-5 { animation-delay: 0.3s; }
+.col-anim.delay-6 { animation-delay: 0.35s; }
+.col-anim.delay-7 { animation-delay: 0.4s; }
+
+/* Typing Animation */
+@keyframes typing {
+  from { width: 0; }
+  to { width: 100%; }
+}
+
+@keyframes blink-caret {
+  50% { border-color: transparent; }
+}
+
+.type-writer {
+  overflow: hidden;
+  white-space: nowrap;
+  border-right: 2px solid #f59e0b;
+  width: 0;
+  animation: typing 1.5s steps(30, end) 0.5s forwards, blink-caret 0.75s step-end infinite;
+}
+
+/* Button Shimmer Effect */
+@keyframes button-shimmer {
+  0% { transform: translateX(-100%); }
+  100% { transform: translateX(100%); }
+}
+
+.animate-button-shimmer {
+  animation: button-shimmer 1.5s infinite;
+}
+
+/* Breathing/Pulse Glow */
+@keyframes breathe {
+  0%, 100% { box-shadow: 0 0 20px -5px rgba(245, 158, 11, 0.3); }
+  50% { box-shadow: 0 0 40px -5px rgba(245, 158, 11, 0.5); }
+}
+
+.animate-breathe {
+  animation: breathe 3s ease-in-out infinite;
+}
+
+/* Stagger Animation Delays */
+.stagger-1 { animation-delay: 0.1s; }
+.stagger-2 { animation-delay: 0.2s; }
+.stagger-3 { animation-delay: 0.3s; }
+.stagger-4 { animation-delay: 0.4s; }
+.stagger-5 { animation-delay: 0.5s; }
+.stagger-6 { animation-delay: 0.6s; }
+
+/* Enhanced Thinking Animations */
+@keyframes ping-slow {
+  0% { transform: scale(1); opacity: 0.5; }
+  75%, 100% { transform: scale(1.5); opacity: 0; }
+}
+
+@keyframes ping-slower {
+  0% { transform: scale(1); opacity: 0.3; }
+  75%, 100% { transform: scale(2); opacity: 0; }
+}
+
+.animate-ping-slow {
+  animation: ping-slow 2s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+.animate-ping-slower {
+  animation: ping-slower 3s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+/* Agent Orb Glow Animations */
+@keyframes orb-glow-purple {
+  0%, 100% { box-shadow: 0 0 20px rgba(168, 85, 247, 0.3), 0 0 40px rgba(168, 85, 247, 0.1); }
+  50% { box-shadow: 0 0 30px rgba(168, 85, 247, 0.5), 0 0 60px rgba(168, 85, 247, 0.2); }
+}
+
+@keyframes orb-glow-amber {
+  0%, 100% { box-shadow: 0 0 20px rgba(245, 158, 11, 0.3), 0 0 40px rgba(245, 158, 11, 0.1); }
+  50% { box-shadow: 0 0 30px rgba(245, 158, 11, 0.5), 0 0 60px rgba(245, 158, 11, 0.2); }
+}
+
+.animate-orb-glow-purple {
+  animation: orb-glow-purple 2s ease-in-out infinite;
+}
+
+.animate-orb-glow-amber {
+  animation: orb-glow-amber 2s ease-in-out infinite;
+}
+
+/* Shimmer Text Effect */
+@keyframes shimmer-text {
+  0% { background-position: -100% 0; }
+  100% { background-position: 200% 0; }
+}
+
+.animate-shimmer-text {
+  background: linear-gradient(90deg,
+    rgba(168, 85, 247, 0.6) 0%,
+    rgba(255, 255, 255, 0.8) 50%,
+    rgba(168, 85, 247, 0.6) 100%
+  );
+  background-size: 200% 100%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: shimmer-text 2s linear infinite;
+}
+
+/* Chat Message Slide In */
+@keyframes message-slide-in {
+  from {
+    opacity: 0;
+    transform: translateY(10px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+.animate-message-in {
+  animation: message-slide-in 0.3s ease-out forwards;
+}
+
+/* Agent Badge Pulse */
+@keyframes badge-pulse {
+  0%, 100% { opacity: 1; transform: scale(1); }
+  50% { opacity: 0.7; transform: scale(1.05); }
+}
+
+.animate-badge-pulse {
+  animation: badge-pulse 1.5s ease-in-out infinite;
+}
+
+/* Reasoning Trace Expand */
+@keyframes trace-expand {
+  from {
+    opacity: 0;
+    max-height: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    max-height: 500px;
+    transform: translateY(0);
+  }
+}
+
+.animate-trace-expand {
+  animation: trace-expand 0.4s ease-out forwards;
+  overflow: hidden;
+}
diff --git a/frontend/app/help/page.tsx b/frontend/app/help/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..8ff177ae58b2b4a66c130bf1b9acecb38eb72e76
--- /dev/null
+++ b/frontend/app/help/page.tsx
@@ -0,0 +1,152 @@
+'use client';
+
+import Link from 'next/link';
+import { HelpCircle, BookOpen, Brain, Heart, Shield, MessageSquare, ChevronRight, Sparkles, PenTool, History } from 'lucide-react';
+import SpotlightCard from '@/components/SpotlightCard';
+import ShinyButton from '@/components/ShinyButton';
+
+const helpCategories = [
+  {
+    title: 'Getting Started',
+    icon: Sparkles,
+    color: 'purple',
+    items: ['What is ORA?', 'How to start a conversation', 'Understanding agent responses', 'Using the dashboard'],
+  },
+  {
+    title: 'Chat Features',
+    icon: MessageSquare,
+    color: 'blue',
+    items: ['Markdown formatting', 'Show Reasoning toggle', 'Quick actions', 'Message history'],
+  },
+  {
+    title: 'Bible Study',
+    icon: BookOpen,
+    color: 'amber',
+    items: ['Scripture search', 'Cross-references', 'Theological insights', 'Study guides'],
+  },
+  {
+    title: 'Journaling',
+    icon: PenTool,
+    color: 'emerald',
+    items: ['S.O.A.P. method', 'Reflection prompts', 'Memory integration', 'Tagging entries'],
+  },
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string }> = {
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400' },
+  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/30', text: 'text-blue-400' },
+  amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/30', text: 'text-amber-400' },
+  emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/30', text: 'text-emerald-400' },
+};
+
+export default function HelpPage() {
+  return (
+    <>
+      {/* Hero */}
+      <section className="relative pt-32 pb-16 overflow-hidden">
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-purple-600/20 rounded-full blur-[150px] pointer-events-none -z-10" />
+
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 mb-8">
+            <HelpCircle className="w-4 h-4 text-purple-400" />
+            <span className="text-xs font-mono text-purple-300 uppercase tracking-wider">Help Center</span>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-bold tracking-tight mb-6 text-white">
+            How can we <span className="text-purple-400">help?</span>
+          </h1>
+
+          <p className="text-lg text-neutral-400 max-w-2xl mx-auto">
+            Find guides, tutorials, and answers to help you get the most out of ORA.
+          </p>
+        </div>
+      </section>
+
+      {/* Help Categories */}
+      <section className="py-16 border-t border-white/5">
+        <div className="max-w-6xl mx-auto px-6">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            {helpCategories.map((category) => {
+              const colors = colorClasses[category.color];
+              return (
+                <SpotlightCard
+                  key={category.title}
+                  className={`p-6 rounded-xl border ${colors.border} bg-white/[0.02]`}
+                  spotlightColor="purple"
+                >
+                  <div className="flex items-center gap-4 mb-4">
+                    <div className={`w-12 h-12 rounded-xl ${colors.bg} flex items-center justify-center border ${colors.border}`}>
+                      <category.icon className={`w-6 h-6 ${colors.text}`} />
+                    </div>
+                    <h3 className="text-xl font-semibold text-white">{category.title}</h3>
+                  </div>
+                  <ul className="space-y-2">
+                    {category.items.map((item) => (
+                      <li key={item}>
+                        <Link
+                          href="#"
+                          className="flex items-center gap-2 text-neutral-400 hover:text-white transition-colors py-1"
+                        >
+                          <ChevronRight className="w-4 h-4 text-purple-400" />
+                          {item}
+                        </Link>
+                      </li>
+                    ))}
+                  </ul>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* Quick Links */}
+      <section className="py-16 border-t border-white/5 bg-[#030303]">
+        <div className="max-w-4xl mx-auto px-6">
+          <h2 className="text-2xl font-bold text-white text-center mb-8">Popular Topics</h2>
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+            {[
+              { icon: Shield, title: 'Gatekeeper Agent', desc: 'How routing works' },
+              { icon: BookOpen, title: 'Theologian Agent', desc: 'Scripture analysis' },
+              { icon: Heart, title: 'Healer Agent', desc: 'Pastoral care' },
+              { icon: Brain, title: 'Episodic Memory', desc: 'How ORA remembers' },
+              { icon: History, title: 'Reasoning Traces', desc: 'Transparency features' },
+              { icon: MessageSquare, title: 'Getting Started', desc: 'First steps with ORA' },
+            ].map((topic) => (
+              <Link
+                key={topic.title}
+                href="#"
+                className="flex items-center gap-3 p-4 rounded-xl bg-white/[0.02] border border-white/10 hover:border-purple-500/30 transition-all"
+              >
+                <topic.icon className="w-5 h-5 text-purple-400" />
+                <div>
+                  <span className="text-white font-medium block">{topic.title}</span>
+                  <span className="text-neutral-500 text-sm">{topic.desc}</span>
+                </div>
+              </Link>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Contact CTA */}
+      <section className="py-16 border-t border-white/5">
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <h2 className="text-2xl font-bold text-white mb-4">Need more help?</h2>
+          <p className="text-neutral-400 mb-8">
+            Our team is here to assist you with any questions about ORA.
+          </p>
+          <Link href="/contact">
+            <ShinyButton>
+              <span className="flex items-center gap-2">
+                <MessageSquare className="w-4 h-4" />
+                Contact Support
+              </span>
+            </ShinyButton>
+          </Link>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3df4b984a8b1cb6b1e101faf8d7b23361d023964
--- /dev/null
+++ b/frontend/app/layout.tsx
@@ -0,0 +1,32 @@
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import './globals.css';
+import LayoutWrapper from '@/components/LayoutWrapper';
+
+const inter = Inter({ subsets: ['latin'] });
+
+export const metadata: Metadata = {
+  title: 'ORA | Sovereign AI Spiritual Companion',
+  description: 'Your AI spiritual guide. Observe. Reflect. Act. Deepen your faith journey with intelligent spiritual companionship.',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" className="scroll-smooth">
+      <head>
+        <script
+          type="text/javascript"
+          src="https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js@v1.4.29/dist/unicornStudio.umd.js"
+          defer
+        />
+      </head>
+      <body className={`${inter.className} overflow-x-hidden`}>
+        <LayoutWrapper>{children}</LayoutWrapper>
+      </body>
+    </html>
+  );
+}
diff --git a/frontend/app/ora/page.tsx b/frontend/app/ora/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e67853ef8a8e3c19a5bd1d0b1bc2393b962605f8
--- /dev/null
+++ b/frontend/app/ora/page.tsx
@@ -0,0 +1,751 @@
+'use client';
+
+import { useState } from 'react';
+import { Eye, Brain, Sparkles, BookOpen, Heart, MessageSquare, Flame, Play, ChevronRight, Check, Zap, Users, Calendar, Shield, Star, Quote, ArrowRight, Send, Church, Mic, Image as ImageIcon, Radio, CircleCheck, Activity, Globe } from 'lucide-react';
+import SpotlightCard from '@/components/SpotlightCard';
+import ShinyButton from '@/components/ShinyButton';
+import Link from 'next/link';
+
+const oraSteps = [
+  {
+    letter: 'O',
+    title: 'Observe',
+    icon: Eye,
+    description: 'ORA™ helps you notice key themes, patterns, and insights in Scripture, prayers, and spiritual practices.',
+    details: [
+      'Identify recurring biblical themes',
+      'Spot connections across passages',
+      'Highlight historical context',
+      'Surface key Greek/Hebrew meanings',
+    ],
+    demo: {
+      input: 'Reading: Psalm 23',
+      output: 'Key themes identified: Divine protection, provision, guidance. The "valley of shadow of death" connects to Exodus journey imagery...',
+    },
+  },
+  {
+    letter: 'R',
+    title: 'Reflect',
+    icon: Brain,
+    description: 'Get personalized questions and prompts that deepen your understanding and connect Scripture to your daily life.',
+    details: [
+      'Personalized reflection questions',
+      'Connect Scripture to life situations',
+      'Journal prompts for deeper insight',
+      'Discussion starters for groups',
+    ],
+    demo: {
+      input: 'How does this apply to me?',
+      output: 'Consider: When have you felt like you were walking through a "valley"? How did you experience God\'s presence during that time?',
+    },
+  },
+  {
+    letter: 'A',
+    title: 'Act',
+    icon: Sparkles,
+    description: 'Receive practical suggestions for applying biblical wisdom to real-world situations and spiritual growth.',
+    details: [
+      'Practical daily applications',
+      'Habit-forming suggestions',
+      'Prayer points and practices',
+      'Community engagement ideas',
+    ],
+    demo: {
+      input: 'What should I do next?',
+      output: 'This week: Share your "green pastures" moment with someone. Start each morning acknowledging God as your Shepherd.',
+    },
+  },
+];
+
+const oraFeatures = [
+  {
+    icon: BookOpen,
+    title: 'S.O.A.P. Journal',
+    description: 'Scripture, Observation, Application, Prayer - enhanced with AI insights',
+    color: 'purple',
+    stat: '3x deeper engagement',
+  },
+  {
+    icon: BookOpen,
+    title: 'Bible Study',
+    description: 'Personalized commentary and cross-references powered by ORA™',
+    color: 'blue',
+    stat: '100+ Bible versions',
+  },
+  {
+    icon: Heart,
+    title: 'Prayer Assistant',
+    description: 'Guided prayers, intercession prompts, and prayer journaling',
+    color: 'rose',
+    stat: '24/7 available',
+  },
+  {
+    icon: Flame,
+    title: 'Pro Studio',
+    description: 'AI-powered sermon prep, social content, and video editing',
+    color: 'amber',
+    stat: '10x faster creation',
+  },
+];
+
+const testimonials = [
+  {
+    quote: "ORA™ helped me see connections in Scripture I'd never noticed in 20 years of ministry.",
+    author: "Pastor Michael T.",
+    role: "Senior Pastor, Grace Community",
+  },
+  {
+    quote: "The reflection questions feel so personal - like having a spiritual director in my pocket.",
+    author: "Sarah K.",
+    role: "Small Group Leader",
+  },
+  {
+    quote: "My daily devotional time went from 10 minutes to 30+ because I'm actually engaged.",
+    author: "David R.",
+    role: "Church Member",
+  },
+];
+
+const useCases = [
+  {
+    title: 'Personal Devotions',
+    description: 'Start your day with AI-guided Scripture study that meets you where you are spiritually.',
+    icon: BookOpen,
+    color: 'purple',
+    image: 'devotion',
+    features: ['Daily verse suggestions', 'Personalized insights', 'Journal prompts'],
+  },
+  {
+    title: 'Sermon Preparation',
+    description: 'Research, outline, and develop messages with intelligent assistance that saves hours.',
+    icon: MessageSquare,
+    color: 'amber',
+    image: 'sermon',
+    features: ['Cross-references', 'Historical context', 'Illustration ideas'],
+  },
+  {
+    title: 'Small Group Studies',
+    description: 'Generate discussion questions and study guides tailored to your group dynamics.',
+    icon: Users,
+    color: 'blue',
+    image: 'group',
+    features: ['Discussion questions', 'Ice breakers', 'Application exercises'],
+  },
+  {
+    title: 'Prayer Ministry',
+    description: 'Organize prayer requests and receive guidance for powerful intercession.',
+    icon: Heart,
+    color: 'rose',
+    image: 'prayer',
+    features: ['Prayer templates', 'Scripture prayers', 'Intercession guides'],
+  },
+];
+
+const capabilities = [
+  'Scripture Analysis',
+  'Prayer Guidance',
+  'Sermon Prep',
+  'Devotionals',
+  'Bible Study',
+  'Theological Insights',
+  'Greek & Hebrew',
+  'Cross References',
+  'Journal Prompts',
+  'Discussion Questions',
+];
+
+export default function ORAPage() {
+  const [activeUseCase, setActiveUseCase] = useState(0);
+
+  return (
+    <>
+      {/* Hero Section */}
+      <section className="relative pt-36 pb-24 overflow-hidden">
+        {/* Purple Grid Overlay */}
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+
+        {/* Primary Purple Radial Glow - Center Top */}
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[1000px] h-[800px] bg-purple-600/20 rounded-[100%] blur-[150px] pointer-events-none -z-10" />
+
+        {/* Secondary Glow - Accent */}
+        <div className="absolute top-1/4 right-0 w-[500px] h-[500px] bg-violet-500/10 rounded-full blur-[120px] pointer-events-none -z-10" />
+        <div className="absolute top-1/3 left-0 w-[400px] h-[400px] bg-purple-400/10 rounded-full blur-[100px] pointer-events-none -z-10" />
+
+        <div className="max-w-5xl mx-auto px-6 text-center">
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/20 bg-purple-500/5 mb-8 backdrop-blur-sm animate-fade-slide-in">
+            <span className="relative flex h-2 w-2">
+              <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-purple-400 opacity-75" />
+              <span className="relative inline-flex rounded-full h-2 w-2 bg-purple-500" />
+            </span>
+            <span className="text-xs font-mono text-purple-400 uppercase tracking-[0.2em]">AI-Powered Spiritual Guide</span>
+          </div>
+
+          <h1 className="text-5xl sm:text-6xl md:text-7xl font-semibold tracking-tight leading-[1.1] mb-6 text-white animate-fade-slide-in stagger-1">
+            Meet <span className="text-purple-400">ORA™</span>
+          </h1>
+          <p className="text-xl md:text-2xl text-neutral-400 max-w-3xl mx-auto mb-4 animate-fade-slide-in stagger-2">
+            Your AI Spiritual Guide
+          </p>
+          <p className="text-lg text-neutral-500 max-w-2xl mx-auto mb-10 animate-fade-slide-in stagger-3">
+            <span className="text-purple-400 font-medium">O</span>bserve. <span className="text-purple-400 font-medium">R</span>eflect. <span className="text-purple-400 font-medium">A</span>ct. — A revolutionary approach to deepening your faith through intelligent spiritual companionship.
+          </p>
+
+          <div className="flex flex-col sm:flex-row justify-center gap-4 animate-fade-slide-in stagger-4">
+            <ShinyButton>
+              <span className="flex items-center gap-2">
+                <Sparkles className="w-[18px] h-[18px]" />
+                Try ORA™ Free
+              </span>
+            </ShinyButton>
+            <button className="px-8 py-3.5 text-sm font-medium text-neutral-300 border border-white/10 rounded-full hover:bg-white/5 hover:text-white transition-all flex items-center justify-center gap-2">
+              <Play className="w-4 h-4" />
+              Watch Demo
+            </button>
+          </div>
+        </div>
+      </section>
+
+      {/* Capabilities Marquee */}
+      <section className="relative py-8 border-y border-white/5 overflow-hidden bg-[#030303]">
+        <div className="absolute inset-0 bg-gradient-to-r from-[#030303] via-transparent to-[#030303] z-10 pointer-events-none" />
+        <div className="flex gap-16 items-center animate-marquee whitespace-nowrap opacity-40 hover:opacity-100 transition-opacity duration-500" style={{ maskImage: 'linear-gradient(to right, transparent, black 10%, black 90%, transparent)' }}>
+          {[...capabilities, ...capabilities].map((cap, i) => (
+            <div key={i} className="flex items-center gap-3">
+              <Sparkles className="w-4 h-4 text-purple-400" />
+              <span className="text-lg font-light text-white/80 tracking-wide">{cap}</span>
+            </div>
+          ))}
+        </div>
+      </section>
+
+      {/* Interactive O-R-A Demo Section */}
+      <section className="py-24 border-t border-white/5">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-white">
+              The ORA™ Method
+            </h2>
+            <p className="text-neutral-400 max-w-2xl mx-auto">
+              A three-step framework that transforms how you engage with Scripture and grow in your faith.
+            </p>
+          </div>
+
+          <div className="space-y-8">
+            {oraSteps.map((step, i) => {
+              const staggerClass = `stagger-${i + 1}`;
+              return (
+                <div key={i} className={`animate-fade-slide-in ${staggerClass}`}>
+                  <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 items-stretch">
+                    {/* Left: Step Info */}
+                    <SpotlightCard
+                      className="p-8 rounded-3xl border border-purple-500/20 bg-purple-500/5 hover:bg-purple-500/10 transition-all group"
+                      spotlightColor="rgba(168, 85, 247, 0.15)"
+                    >
+                      <div className="flex items-start gap-6">
+                        <div className="relative">
+                          <div className="w-20 h-20 rounded-2xl bg-purple-500/20 flex items-center justify-center border border-purple-500/30 group-hover:border-purple-500/50 group-hover:shadow-[0_0_40px_rgba(168,85,247,0.3)] transition-all">
+                            <span className="text-4xl font-bold text-purple-400">{step.letter}</span>
+                          </div>
+                          <div className="absolute -bottom-2 -right-2 w-8 h-8 rounded-lg bg-purple-500/30 flex items-center justify-center border border-purple-500/40">
+                            <step.icon className="w-4 h-4 text-purple-300" />
+                          </div>
+                        </div>
+                        <div className="flex-1">
+                          <div className="flex items-center gap-3 mb-2">
+                            <h3 className="text-2xl font-semibold text-white">{step.title}</h3>
+                            <span className="text-[10px] px-2 py-0.5 rounded-full bg-purple-500/20 text-purple-300 border border-purple-500/30">
+                              Step {i + 1}
+                            </span>
+                          </div>
+                          <p className="text-purple-200/70 leading-relaxed mb-4">{step.description}</p>
+                          <ul className="space-y-2">
+                            {step.details.map((detail, j) => (
+                              <li key={j} className="flex items-center gap-2 text-sm text-neutral-400">
+                                <Check className="w-4 h-4 text-purple-400 shrink-0" />
+                                {detail}
+                              </li>
+                            ))}
+                          </ul>
+                        </div>
+                      </div>
+                    </SpotlightCard>
+
+                    {/* Right: Live Demo */}
+                    <div className="rounded-2xl border border-purple-500/20 bg-[#0a0a0a] overflow-hidden flex flex-col">
+                      <div className="px-4 py-3 border-b border-white/5 flex items-center justify-between bg-purple-500/5">
+                        <div className="flex items-center gap-2">
+                          <div className="w-3 h-3 rounded-full bg-red-500/50" />
+                          <div className="w-3 h-3 rounded-full bg-yellow-500/50" />
+                          <div className="w-3 h-3 rounded-full bg-green-500/50" />
+                        </div>
+                        <span className="text-[10px] text-purple-400 font-mono">ORA™ Demo - {step.title}</span>
+                      </div>
+
+                      <div className="p-6 flex-1 flex flex-col justify-center space-y-4">
+                        {/* Input */}
+                        <div className="flex items-start gap-3">
+                          <div className="w-8 h-8 rounded-full bg-amber-500/20 flex items-center justify-center shrink-0">
+                            <span className="text-amber-400 text-xs font-bold">You</span>
+                          </div>
+                          <div className="bg-amber-500/10 border border-amber-500/20 rounded-2xl rounded-tl-md px-4 py-3">
+                            <p className="text-sm text-white">{step.demo.input}</p>
+                          </div>
+                        </div>
+
+                        {/* Output */}
+                        <div className="flex items-start gap-3">
+                          <div className="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center shrink-0">
+                            <Sparkles className="w-4 h-4 text-purple-400" />
+                          </div>
+                          <div className="bg-purple-500/10 border border-purple-500/20 rounded-2xl rounded-tl-md px-4 py-3 flex-1">
+                            <p className="text-sm text-white/90 leading-relaxed">{step.demo.output}</p>
+                          </div>
+                        </div>
+
+                        {/* Typing indicator */}
+                        <div className="flex items-start gap-3 opacity-50">
+                          <div className="w-8 h-8 rounded-full bg-purple-500/10 flex items-center justify-center shrink-0">
+                            <Sparkles className="w-4 h-4 text-purple-400/50" />
+                          </div>
+                          <div className="bg-white/5 border border-white/10 rounded-2xl rounded-tl-md px-4 py-3">
+                            <div className="flex items-center gap-1">
+                              <span className="w-2 h-2 bg-purple-400 rounded-full animate-bounce" style={{ animationDelay: '0ms' }} />
+                              <span className="w-2 h-2 bg-purple-400 rounded-full animate-bounce" style={{ animationDelay: '150ms' }} />
+                              <span className="w-2 h-2 bg-purple-400 rounded-full animate-bounce" style={{ animationDelay: '300ms' }} />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* Interactive Use Cases with Sticky Panel */}
+      <section className="py-24 border-t border-white/5 bg-[#080808]">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-purple-500/20 bg-purple-500/5 mb-6">
+              <Zap className="w-3.5 h-3.5 text-purple-400" />
+              <span className="text-[10px] uppercase tracking-widest font-medium text-purple-200/80">Use Cases</span>
+            </div>
+            <h2 className="text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-white">
+              Built for Every Believer
+            </h2>
+            <p className="text-neutral-400 max-w-2xl mx-auto">
+              Whether you're a pastor preparing sermons or a new believer exploring Scripture, ORA™ meets you where you are.
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-start">
+            {/* Left: Sticky Demo Panel */}
+            <div className="lg:sticky lg:top-32 hidden lg:block">
+              <div className="rounded-3xl border border-purple-500/20 bg-[#0a0a0a] overflow-hidden">
+                <div className="px-6 py-4 border-b border-white/5 bg-purple-500/5">
+                  <div className="flex items-center justify-between">
+                    <div className="flex items-center gap-3">
+                      <div className="w-10 h-10 rounded-xl bg-purple-500/20 flex items-center justify-center">
+                        {(() => {
+                          const Icon = useCases[activeUseCase].icon;
+                          return <Icon className="w-5 h-5 text-purple-400" />;
+                        })()}
+                      </div>
+                      <div>
+                        <span className="text-white font-medium">{useCases[activeUseCase].title}</span>
+                        <p className="text-xs text-purple-400">ORA™ Demo</p>
+                      </div>
+                    </div>
+                    <span className="px-2 py-1 rounded bg-emerald-500/20 text-emerald-400 text-[10px] font-medium border border-emerald-500/30">
+                      Live Preview
+                    </span>
+                  </div>
+                </div>
+
+                <div className="p-8 min-h-[400px] flex flex-col justify-center">
+                  {/* Dynamic content based on active use case */}
+                  <div className="space-y-6">
+                    <div className="flex items-start gap-3">
+                      <div className="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center shrink-0">
+                        <Sparkles className="w-4 h-4 text-purple-400" />
+                      </div>
+                      <div className="bg-purple-500/10 border border-purple-500/20 rounded-2xl rounded-tl-md px-4 py-4 flex-1">
+                        <p className="text-sm text-white/90 mb-3">
+                          I can help you with <span className="text-purple-400 font-medium">{useCases[activeUseCase].title.toLowerCase()}</span>. Here's what I can do:
+                        </p>
+                        <ul className="space-y-2">
+                          {useCases[activeUseCase].features.map((feature, i) => (
+                            <li key={i} className="flex items-center gap-2 text-sm text-white/70">
+                              <Check className="w-4 h-4 text-purple-400" />
+                              {feature}
+                            </li>
+                          ))}
+                        </ul>
+                      </div>
+                    </div>
+
+                    {/* Simulated interaction */}
+                    <div className="flex justify-end">
+                      <div className="bg-amber-500/20 border border-amber-500/30 rounded-2xl rounded-br-md px-4 py-3 max-w-[80%]">
+                        <p className="text-sm text-white">Help me get started</p>
+                      </div>
+                    </div>
+
+                    <div className="flex items-start gap-3">
+                      <div className="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center shrink-0">
+                        <Sparkles className="w-4 h-4 text-purple-400" />
+                      </div>
+                      <div className="bg-white/5 border border-white/10 rounded-2xl rounded-tl-md px-4 py-3">
+                        <div className="flex items-center gap-1">
+                          <span className="w-2 h-2 bg-purple-400 rounded-full animate-bounce" style={{ animationDelay: '0ms' }} />
+                          <span className="w-2 h-2 bg-purple-400 rounded-full animate-bounce" style={{ animationDelay: '150ms' }} />
+                          <span className="w-2 h-2 bg-purple-400 rounded-full animate-bounce" style={{ animationDelay: '300ms' }} />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <div className="px-6 py-4 border-t border-white/5 bg-white/[0.02]">
+                  <div className="flex items-center gap-3">
+                    <input
+                      type="text"
+                      placeholder={`Ask about ${useCases[activeUseCase].title.toLowerCase()}...`}
+                      className="flex-1 bg-white/5 border border-white/10 rounded-full px-5 py-3 text-sm text-white placeholder-white/30 focus:outline-none focus:border-purple-500/50"
+                      disabled
+                    />
+                    <button className="w-10 h-10 rounded-full bg-purple-500 flex items-center justify-center text-white">
+                      <Send className="w-4 h-4" />
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            {/* Right: Use Case Cards */}
+            <div className="space-y-4">
+              {useCases.map((useCase, i) => {
+                const colorClasses: Record<string, { bg: string; border: string; activeBorder: string; text: string; spotlight: string }> = {
+                  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/20', activeBorder: 'border-purple-500/50', text: 'text-purple-400', spotlight: 'rgba(168, 85, 247, 0.15)' },
+                  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/20', activeBorder: 'border-blue-500/50', text: 'text-blue-400', spotlight: 'rgba(59, 130, 246, 0.15)' },
+                  rose: { bg: 'bg-rose-500/10', border: 'border-rose-500/20', activeBorder: 'border-rose-500/50', text: 'text-rose-400', spotlight: 'rgba(244, 63, 94, 0.15)' },
+                  amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/20', activeBorder: 'border-amber-500/50', text: 'text-amber-400', spotlight: 'rgba(245, 158, 11, 0.15)' },
+                };
+                const colors = colorClasses[useCase.color];
+                const isActive = activeUseCase === i;
+
+                return (
+                  <div
+                    key={i}
+                    className={`p-6 rounded-2xl border ${isActive ? colors.activeBorder : 'border-white/10'} bg-white/[0.02] hover:bg-white/[0.04] transition-all cursor-pointer group`}
+                    onMouseEnter={() => setActiveUseCase(i)}
+                  >
+                    <div className="flex items-start gap-5">
+                      <div className={`w-14 h-14 rounded-xl ${colors.bg} flex items-center justify-center border ${colors.border} group-hover:scale-110 transition-transform shrink-0`}>
+                        <useCase.icon className={`w-7 h-7 ${colors.text}`} />
+                      </div>
+                      <div className="flex-1">
+                        <div className="flex items-center justify-between mb-2">
+                          <h3 className="text-lg font-semibold text-white">{useCase.title}</h3>
+                          <ChevronRight className={`w-5 h-5 ${isActive ? colors.text : 'text-white/20'} transition-colors`} />
+                        </div>
+                        <p className="text-neutral-400 text-sm leading-relaxed mb-3">{useCase.description}</p>
+                        <div className="flex flex-wrap gap-2">
+                          {useCase.features.map((feature, j) => (
+                            <span key={j} className={`text-[10px] px-2 py-1 rounded-full ${colors.bg} ${colors.text} border ${colors.border}`}>
+                              {feature}
+                            </span>
+                          ))}
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Features Powered by ORA */}
+      <section className="py-24 border-t border-white/5">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-white">
+              ORA™ Powers Everything
+            </h2>
+            <p className="text-neutral-400 max-w-2xl mx-auto">
+              Our AI powers every aspect of your spiritual journey with intelligent guidance.
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+            {oraFeatures.map((feature, i) => {
+              const staggerClass = `stagger-${(i % 4) + 1}`;
+              const colorClasses = {
+                purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/20', hoverBorder: 'hover:border-purple-500/40', text: 'text-purple-400', spotlight: 'rgba(168, 85, 247, 0.15)' },
+                blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/20', hoverBorder: 'hover:border-blue-500/40', text: 'text-blue-400', spotlight: 'rgba(59, 130, 246, 0.15)' },
+                rose: { bg: 'bg-rose-500/10', border: 'border-rose-500/20', hoverBorder: 'hover:border-rose-500/40', text: 'text-rose-400', spotlight: 'rgba(244, 63, 94, 0.15)' },
+                amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/20', hoverBorder: 'hover:border-amber-500/40', text: 'text-amber-400', spotlight: 'rgba(245, 158, 11, 0.15)' },
+              };
+              const colors = colorClasses[feature.color as keyof typeof colorClasses];
+
+              return (
+                <SpotlightCard
+                  key={i}
+                  className={`p-6 rounded-2xl border ${colors.border} bg-white/[0.02] ${colors.hoverBorder} transition-all group animate-fade-slide-in ${staggerClass}`}
+                  spotlightColor={colors.spotlight}
+                >
+                  <div className={`w-14 h-14 rounded-xl ${colors.bg} flex items-center justify-center mb-4 border ${colors.border} group-hover:scale-110 transition-transform`}>
+                    <feature.icon className={`w-7 h-7 ${colors.text}`} />
+                  </div>
+                  <h3 className="text-lg font-semibold text-white mb-2">{feature.title}</h3>
+                  <p className="text-neutral-400 text-sm leading-relaxed mb-4">{feature.description}</p>
+                  <div className={`inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-[10px] font-medium ${colors.bg} ${colors.text} border ${colors.border}`}>
+                    <Sparkles className="w-3 h-3" />
+                    {feature.stat}
+                  </div>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* ORA System Status Dashboard */}
+      <section className="py-24 border-t border-white/5 bg-[#030303]">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-emerald-500/20 bg-emerald-500/5 mb-6">
+              <span className="relative flex h-2 w-2">
+                <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" />
+                <span className="relative inline-flex rounded-full h-2 w-2 bg-emerald-500" />
+              </span>
+              <span className="text-[10px] uppercase tracking-widest font-medium text-emerald-200/80">System Status</span>
+            </div>
+            <h2 className="text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-white">
+              ORA™ <span className="text-purple-400">Infrastructure</span>
+            </h2>
+            <p className="text-neutral-400 max-w-2xl mx-auto">
+              Enterprise-grade AI infrastructure with guaranteed uptime and lightning-fast responses
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+            {/* Left: API Status Panel */}
+            <div className="glass-panel rounded-2xl p-6 border border-white/10">
+              <div className="flex items-center justify-between mb-6">
+                <div className="flex items-center gap-2">
+                  <Radio className="w-4 h-4 text-purple-400" />
+                  <span className="text-sm font-medium text-white">API Status</span>
+                </div>
+                <div className="flex items-center gap-1.5 px-2 py-1 rounded-full bg-emerald-500/10 border border-emerald-500/20">
+                  <CircleCheck className="w-3 h-3 text-emerald-400" />
+                  <span className="text-[10px] text-emerald-400 font-medium">All Systems Operational</span>
+                </div>
+              </div>
+
+              <div className="space-y-3">
+                {[
+                  { service: 'ORA™ Core API', region: 'us-east-1', latency: '23ms', status: 'active', load: 92 },
+                  { service: 'Scripture Analysis', region: 'global-edge', latency: '45ms', status: 'active', load: 88 },
+                  { service: 'Prayer Generation', region: 'us-west-2', latency: '38ms', status: 'active', load: 95 },
+                  { service: 'Reflection Engine', region: 'eu-west-1', latency: '52ms', status: 'active', load: 78 },
+                  { service: 'Content Studio', region: 'cdn-global', latency: '18ms', status: 'active', load: 85 },
+                ].map((item, i) => (
+                  <div key={i} className="flex items-center justify-between p-3 rounded-xl bg-white/[0.02] border border-white/5 hover:border-purple-500/20 transition-all">
+                    <div className="flex items-center gap-3">
+                      <div className="w-2 h-2 rounded-full bg-emerald-500 shadow-[0_0_8px_rgba(16,185,129,0.5)]" />
+                      <div>
+                        <p className="text-white text-sm">{item.service}</p>
+                        <p className="text-neutral-600 text-[10px] font-mono">{item.region}</p>
+                      </div>
+                    </div>
+                    <div className="flex items-center gap-4">
+                      <div className="text-right">
+                        <p className="text-emerald-400 text-xs font-mono">{item.latency}</p>
+                        <div className="w-16 h-1 bg-white/5 rounded-full overflow-hidden mt-1">
+                          <div className="h-full bg-purple-500/50 rounded-full transition-all" style={{ width: `${item.load}%` }} />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                ))}
+              </div>
+
+              {/* Uptime Footer */}
+              <div className="mt-6 pt-4 border-t border-white/5 flex items-center justify-between">
+                <span className="text-neutral-500 text-xs">Last 90 days uptime</span>
+                <span className="text-emerald-400 text-sm font-mono font-bold">99.99%</span>
+              </div>
+            </div>
+
+            {/* Right: Live Metrics + Support */}
+            <div className="space-y-6">
+              {/* Live Metrics Card */}
+              <div className="glass-panel rounded-2xl p-6 border border-white/10">
+                <div className="flex items-center gap-2 mb-6">
+                  <Activity className="w-4 h-4 text-purple-400" />
+                  <span className="text-sm font-medium text-white">Live Metrics</span>
+                </div>
+
+                <div className="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6">
+                  {[
+                    { label: 'Requests/sec', value: '2.4K', trend: '+12%' },
+                    { label: 'Avg Response', value: '34ms', trend: '-8%' },
+                    { label: 'Active Sessions', value: '156K', trend: '+24%' },
+                  ].map((metric, i) => (
+                    <div key={i} className="text-center p-4 rounded-xl bg-white/[0.02] border border-white/5">
+                      <div className="text-2xl font-bold text-white mb-1">{metric.value}</div>
+                      <div className="text-[10px] text-neutral-500 mb-1">{metric.label}</div>
+                      <div className={`text-[10px] ${metric.trend.startsWith('+') ? 'text-emerald-400' : 'text-blue-400'}`}>
+                        {metric.trend}
+                      </div>
+                    </div>
+                  ))}
+                </div>
+
+                {/* Feature Badges */}
+                <div className="flex flex-wrap gap-2">
+                  {['zk-Proofs', 'Auto-scale', 'Edge Compute', 'Multi-region'].map((badge, i) => (
+                    <span key={i} className="px-3 py-1.5 rounded-full bg-purple-500/10 border border-purple-500/20 text-purple-400 text-[10px] font-medium">
+                      {badge}
+                    </span>
+                  ))}
+                </div>
+              </div>
+
+              {/* Support Cards */}
+              <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                <div className="glass-panel rounded-xl p-4 border border-white/10 hover:border-purple-500/30 transition-all group">
+                  <div className="flex items-center gap-2 mb-3">
+                    <div className="w-8 h-8 rounded-lg bg-purple-500/10 flex items-center justify-center border border-purple-500/20">
+                      <MessageSquare className="w-4 h-4 text-purple-400" />
+                    </div>
+                    <span className="text-white text-sm font-medium">Support</span>
+                  </div>
+                  <p className="text-neutral-500 text-xs mb-3">Need help with ORA™? Our team is here 24/7.</p>
+                  <div className="flex items-center gap-2">
+                    <span className="w-2 h-2 bg-emerald-500 rounded-full animate-pulse" />
+                    <span className="text-emerald-400 text-[10px]">support@ora.ai</span>
+                  </div>
+                </div>
+
+                <div className="glass-panel rounded-xl p-4 border border-white/10 hover:border-blue-500/30 transition-all group">
+                  <div className="flex items-center gap-2 mb-3">
+                    <div className="w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center border border-blue-500/20">
+                      <BookOpen className="w-4 h-4 text-blue-400" />
+                    </div>
+                    <span className="text-white text-sm font-medium">Documentation</span>
+                  </div>
+                  <p className="text-neutral-500 text-xs mb-3">API docs, guides, and integration examples.</p>
+                  <Link href="/help" className="text-blue-400 text-[10px] flex items-center gap-1 hover:text-blue-300 transition-colors">
+                    View Docs <ChevronRight className="w-3 h-3" />
+                  </Link>
+                </div>
+              </div>
+
+              {/* Activity Log */}
+              <div className="glass-panel rounded-xl p-4 border border-white/10">
+                <div className="flex items-center justify-between mb-3">
+                  <span className="text-xs text-neutral-400">Live Logs</span>
+                  <span className="text-[10px] text-neutral-600">View all</span>
+                </div>
+                <div className="space-y-2">
+                  {[
+                    { action: 'Scripture Analysis', id: 'req_8f2...', time: '12ms ago' },
+                    { action: 'Prayer Generated', id: 'req_3a1...', time: '45ms ago' },
+                    { action: 'Reflection Created', id: 'req_9c4...', time: '120ms ago' },
+                  ].map((log, i) => (
+                    <div key={i} className="flex items-center justify-between text-[10px] py-1.5 border-b border-white/5 last:border-0">
+                      <div className="flex items-center gap-2">
+                        <span className="w-1 h-1 bg-purple-400 rounded-full" />
+                        <span className="text-white">{log.action}</span>
+                        <span className="text-neutral-600 font-mono">{log.id}</span>
+                      </div>
+                      <span className="text-neutral-500">{log.time}</span>
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Testimonials */}
+      <section className="py-24 border-t border-white/5 bg-[#080808]">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-white">
+              Lives Transformed
+            </h2>
+            <p className="text-neutral-400 max-w-2xl mx-auto">
+              Hear from believers who have deepened their faith with ORA™.
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            {testimonials.map((testimonial, i) => {
+              const staggerClass = `stagger-${i + 1}`;
+              return (
+                <SpotlightCard
+                  key={i}
+                  className={`p-8 rounded-3xl border border-white/10 bg-white/[0.02] hover:border-purple-500/30 transition-all group animate-fade-slide-in ${staggerClass}`}
+                  spotlightColor="rgba(168, 85, 247, 0.1)"
+                >
+                  <Quote className="w-8 h-8 text-purple-500/30 mb-4" />
+                  <p className="text-white/90 leading-relaxed mb-6 italic">"{testimonial.quote}"</p>
+                  <div className="flex items-center gap-3">
+                    <div className="w-10 h-10 rounded-full bg-purple-500/20 flex items-center justify-center">
+                      <span className="text-purple-400 text-sm font-bold">{testimonial.author[0]}</span>
+                    </div>
+                    <div>
+                      <p className="text-white font-medium text-sm">{testimonial.author}</p>
+                      <p className="text-neutral-500 text-xs">{testimonial.role}</p>
+                    </div>
+                  </div>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* CTA */}
+      <section className="py-24 border-t border-white/5">
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="w-20 h-20 mx-auto rounded-2xl bg-purple-500/10 flex items-center justify-center mb-8 border border-purple-500/20 animate-breathe">
+            <Sparkles className="w-10 h-10 text-purple-400" />
+          </div>
+          <h2 className="text-3xl md:text-4xl font-semibold tracking-tight mb-4 text-white">
+            Ready to Deepen Your Faith?
+          </h2>
+          <p className="text-neutral-400 mb-10 max-w-xl mx-auto">
+            Join thousands of believers who are experiencing Scripture in a whole new way with ORA™.
+          </p>
+          <div className="flex flex-col sm:flex-row justify-center gap-4">
+            <Link href="/get-started">
+              <ShinyButton>
+                <span className="flex items-center gap-2">
+                  <Sparkles className="w-[18px] h-[18px]" />
+                  Start Free Today
+                </span>
+              </ShinyButton>
+            </Link>
+            <Link href="/pricing" className="px-8 py-3.5 text-sm font-medium text-neutral-300 border border-white/10 rounded-full hover:bg-white/5 hover:text-white transition-all">
+              View Pricing
+            </Link>
+          </div>
+          <p className="text-xs text-neutral-500 mt-6">
+            250 free Candles included • No credit card required
+          </p>
+        </div>
+      </section>
+
+    </>
+  );
+}
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..31479e0d3f4fbc27dd12743ec36af8bc374dace9
--- /dev/null
+++ b/frontend/app/page.tsx
@@ -0,0 +1,442 @@
+'use client';
+
+import Link from 'next/link';
+import { Sparkles, ArrowRight, Eye, Brain, Zap, Shield, BookOpen, Heart, MessageSquare, ChevronRight } from 'lucide-react';
+import SpotlightCard from '@/components/SpotlightCard';
+import ShinyButton from '@/components/ShinyButton';
+
+const oraSteps = [
+  {
+    letter: 'O',
+    title: 'Observe',
+    icon: Eye,
+    description: 'ORA helps you notice key themes, patterns, and insights in Scripture with deep contextual understanding.',
+    color: 'purple',
+  },
+  {
+    letter: 'R',
+    title: 'Reflect',
+    icon: Brain,
+    description: 'Get personalized questions and prompts that deepen your understanding and connect Scripture to your life.',
+    color: 'blue',
+  },
+  {
+    letter: 'A',
+    title: 'Act',
+    icon: Zap,
+    description: 'Receive practical wisdom for applying biblical truth to real-world situations and spiritual growth.',
+    color: 'amber',
+  },
+];
+
+const features = [
+  {
+    icon: Shield,
+    title: 'Gatekeeper Agent',
+    description: 'Intelligent routing ensures your questions reach the right specialist in our AI swarm.',
+    color: 'purple',
+  },
+  {
+    icon: BookOpen,
+    title: 'Theologian Agent',
+    description: 'Deep Scripture analysis with cross-references, historical context, and doctrinal insights.',
+    color: 'blue',
+  },
+  {
+    icon: Heart,
+    title: 'Healer Agent',
+    description: 'Compassionate pastoral care with prayer guidance and emotional support.',
+    color: 'rose',
+  },
+  {
+    icon: Brain,
+    title: 'Episodic Memory',
+    description: 'ORA remembers your spiritual journey, building understanding over time.',
+    color: 'violet',
+  },
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string; glow: string }> = {
+  purple: {
+    bg: 'bg-purple-500/10',
+    border: 'border-purple-500/30',
+    text: 'text-purple-400',
+    glow: 'shadow-[0_0_30px_rgba(168,85,247,0.3)]',
+  },
+  blue: {
+    bg: 'bg-blue-500/10',
+    border: 'border-blue-500/30',
+    text: 'text-blue-400',
+    glow: 'shadow-[0_0_30px_rgba(59,130,246,0.3)]',
+  },
+  amber: {
+    bg: 'bg-amber-500/10',
+    border: 'border-amber-500/30',
+    text: 'text-amber-400',
+    glow: 'shadow-[0_0_30px_rgba(245,158,11,0.3)]',
+  },
+  rose: {
+    bg: 'bg-rose-500/10',
+    border: 'border-rose-500/30',
+    text: 'text-rose-400',
+    glow: 'shadow-[0_0_30px_rgba(244,63,94,0.3)]',
+  },
+  violet: {
+    bg: 'bg-violet-500/10',
+    border: 'border-violet-500/30',
+    text: 'text-violet-400',
+    glow: 'shadow-[0_0_30px_rgba(139,92,246,0.3)]',
+  },
+};
+
+export default function HomePage() {
+  return (
+    <>
+      {/* Hero Section */}
+      <section className="relative pt-32 pb-24 overflow-hidden">
+        {/* Background Effects */}
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[1000px] h-[800px] bg-purple-600/20 rounded-[100%] blur-[150px] pointer-events-none -z-10" />
+        <div className="absolute top-1/4 right-0 w-[500px] h-[500px] bg-violet-500/10 rounded-full blur-[120px] pointer-events-none -z-10" />
+        <div className="absolute top-1/3 left-0 w-[400px] h-[400px] bg-amber-500/5 rounded-full blur-[100px] pointer-events-none -z-10" />
+
+        <div className="max-w-5xl mx-auto px-6 text-center">
+          {/* Badge */}
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 mb-8 backdrop-blur-sm animate-fade-slide-in">
+            <span className="relative flex h-2 w-2">
+              <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" />
+              <span className="relative inline-flex rounded-full h-2 w-2 bg-emerald-500" />
+            </span>
+            <span className="text-xs font-mono text-purple-300 uppercase tracking-[0.15em]">
+              Sovereign AI Spiritual Companion
+            </span>
+          </div>
+
+          {/* Main Heading */}
+          <h1 className="text-5xl sm:text-6xl md:text-7xl font-bold tracking-tight leading-[1.1] mb-6 text-white animate-fade-slide-in stagger-1">
+            Meet{' '}
+            <span className="bg-gradient-to-r from-purple-400 via-violet-400 to-purple-400 bg-clip-text text-transparent">
+              ORA
+            </span>
+          </h1>
+
+          <p className="text-xl md:text-2xl text-neutral-300 max-w-3xl mx-auto mb-4 animate-fade-slide-in stagger-2">
+            Your AI Spiritual Guide
+          </p>
+
+          <p className="text-lg text-neutral-500 max-w-2xl mx-auto mb-10 animate-fade-slide-in stagger-3">
+            <span className="text-purple-400 font-semibold">O</span>bserve.{' '}
+            <span className="text-purple-400 font-semibold">R</span>eflect.{' '}
+            <span className="text-purple-400 font-semibold">A</span>ct. — A multi-agent AI system
+            designed to deepen your faith through intelligent spiritual companionship.
+          </p>
+
+          {/* CTA Buttons */}
+          <div className="flex flex-col sm:flex-row justify-center gap-4 animate-fade-slide-in stagger-4">
+            <Link href="/dashboard">
+              <ShinyButton>
+                <span className="flex items-center gap-2">
+                  <Sparkles className="w-5 h-5" />
+                  Enter Dashboard
+                  <ArrowRight className="w-4 h-4" />
+                </span>
+              </ShinyButton>
+            </Link>
+            <Link
+              href="/ora"
+              className="px-8 py-3.5 text-sm font-medium text-neutral-300 border border-white/10 rounded-full hover:bg-white/5 hover:text-white transition-all flex items-center justify-center gap-2"
+            >
+              Learn More
+              <ChevronRight className="w-4 h-4" />
+            </Link>
+          </div>
+        </div>
+      </section>
+
+      {/* ORA Method Section */}
+      <section className="py-24 border-t border-white/5">
+        <div className="max-w-6xl mx-auto px-6">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl md:text-4xl font-bold tracking-tight mb-4 text-white">
+              The ORA Method
+            </h2>
+            <p className="text-neutral-400 max-w-2xl mx-auto">
+              A three-step framework that transforms how you engage with Scripture and grow in your faith.
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            {oraSteps.map((step, i) => {
+              const colors = colorClasses[step.color];
+              return (
+                <SpotlightCard
+                  key={step.letter}
+                  className={`p-8 rounded-2xl border ${colors.border} bg-white/[0.02] transition-all group animate-fade-slide-in text-center`}
+                  spotlightColor={`rgba(168, 85, 247, 0.15)`}
+                  style={{ animationDelay: `${i * 100}ms` }}
+                >
+                  {/* Large Letter */}
+                  <div
+                    className={`w-20 h-20 mx-auto rounded-2xl ${colors.bg} flex items-center justify-center border ${colors.border} group-hover:scale-110 transition-transform ${colors.glow} mb-6`}
+                  >
+                    <span className={`text-4xl font-bold ${colors.text}`}>{step.letter}</span>
+                  </div>
+
+                  {/* Title */}
+                  <h3 className="text-2xl font-bold text-white mb-2">{step.title}</h3>
+
+                  {/* Step Badge */}
+                  <div className={`inline-flex items-center gap-1.5 px-3 py-1 rounded-full ${colors.bg} border ${colors.border} mb-4`}>
+                    <span className={`text-xs font-medium ${colors.text}`}>Step {i + 1}</span>
+                  </div>
+
+                  {/* Description */}
+                  <p className="text-neutral-400 leading-relaxed">{step.description}</p>
+
+                  {/* Icon at bottom */}
+                  <div className={`mt-6 flex justify-center`}>
+                    <step.icon className={`w-6 h-6 ${colors.text} opacity-50 group-hover:opacity-100 transition-opacity`} />
+                  </div>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+
+          {/* Connecting flow indicator */}
+          <div className="hidden md:flex justify-center items-center gap-4 mt-8">
+            <div className="flex items-center gap-2 text-neutral-500 text-sm">
+              <span className="text-purple-400 font-semibold">Observe</span>
+              <ArrowRight className="w-4 h-4" />
+              <span className="text-blue-400 font-semibold">Reflect</span>
+              <ArrowRight className="w-4 h-4" />
+              <span className="text-amber-400 font-semibold">Act</span>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Agent Swarm Section */}
+      <section className="py-24 border-t border-white/5 bg-[#030303] relative overflow-hidden">
+        {/* Background decoration */}
+        <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-purple-600/5 rounded-full blur-[150px] pointer-events-none" />
+
+        <div className="max-w-6xl mx-auto px-6 relative">
+          <div className="text-center mb-16">
+            <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-purple-500/20 bg-purple-500/5 mb-6">
+              <Brain className="w-3.5 h-3.5 text-purple-400" />
+              <span className="text-[10px] uppercase tracking-widest font-medium text-purple-300">
+                Multi-Agent Architecture
+              </span>
+            </div>
+            <h2 className="text-3xl md:text-4xl font-bold tracking-tight mb-4 text-white">
+              Powered by Intelligent Agents
+            </h2>
+            <p className="text-neutral-400 max-w-2xl mx-auto">
+              ORA uses a swarm of specialized AI agents that work together to provide
+              comprehensive spiritual guidance.
+            </p>
+          </div>
+
+          {/* Agent Cards - 2x2 grid on larger screens */}
+          <div className="grid grid-cols-1 sm:grid-cols-2 gap-6 max-w-4xl mx-auto">
+            {features.map((feature, i) => {
+              const colors = colorClasses[feature.color];
+              return (
+                <SpotlightCard
+                  key={feature.title}
+                  className={`p-6 rounded-2xl border ${colors.border} bg-white/[0.02] hover:bg-white/[0.04] transition-all animate-fade-slide-in group`}
+                  spotlightColor="purple"
+                  style={{ animationDelay: `${i * 100}ms` }}
+                >
+                  <div className="flex items-start gap-4">
+                    {/* Icon */}
+                    <div
+                      className={`w-14 h-14 rounded-xl ${colors.bg} flex items-center justify-center border ${colors.border} shrink-0 group-hover:scale-110 transition-transform ${colors.glow}`}
+                    >
+                      <feature.icon className={`w-7 h-7 ${colors.text}`} />
+                    </div>
+
+                    {/* Content */}
+                    <div className="flex-1">
+                      <h3 className="text-lg font-semibold text-white mb-1">{feature.title}</h3>
+                      <p className="text-sm text-neutral-400 leading-relaxed">{feature.description}</p>
+                    </div>
+                  </div>
+
+                  {/* Status indicator */}
+                  <div className="mt-4 pt-4 border-t border-white/5 flex items-center justify-between">
+                    <span className={`text-xs ${colors.text} font-medium`}>
+                      {feature.title.includes('Agent') ? 'Active Agent' : 'System Feature'}
+                    </span>
+                    <div className="flex items-center gap-1.5">
+                      <span className="relative flex h-2 w-2">
+                        <span className={`animate-ping absolute inline-flex h-full w-full rounded-full opacity-75 ${colors.text.replace('text-', 'bg-')}`} />
+                        <span className={`relative inline-flex rounded-full h-2 w-2 ${colors.text.replace('text-', 'bg-')}`} />
+                      </span>
+                      <span className="text-xs text-neutral-500">Online</span>
+                    </div>
+                  </div>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+
+          {/* Central Hub Visualization */}
+          <div className="mt-16 flex justify-center">
+            <div className="relative w-64 h-64 flex items-center justify-center">
+              {/* Connection lines */}
+              <div className="absolute inset-0 flex items-center justify-center">
+                <div className="absolute w-px h-full bg-gradient-to-b from-transparent via-white/10 to-transparent" />
+                <div className="absolute w-full h-px bg-gradient-to-r from-transparent via-white/10 to-transparent" />
+              </div>
+
+              {/* Central ORA orb */}
+              <div className="relative z-10 w-20 h-20 rounded-full bg-gradient-to-br from-purple-600 to-violet-700 flex items-center justify-center shadow-lg shadow-purple-500/30 animate-breathe">
+                <Sparkles className="w-8 h-8 text-white" />
+              </div>
+
+              {/* Top - Gatekeeper */}
+              <div className="absolute top-0 left-1/2 -translate-x-1/2 flex flex-col items-center gap-2">
+                <span className="text-xs text-purple-400 font-medium">Gatekeeper</span>
+                <div className="w-4 h-4 rounded-full bg-purple-500/20 border border-purple-500/50 flex items-center justify-center">
+                  <div className="w-2 h-2 rounded-full bg-purple-400 animate-pulse" />
+                </div>
+              </div>
+
+              {/* Bottom - Healer */}
+              <div className="absolute bottom-0 left-1/2 -translate-x-1/2 flex flex-col items-center gap-2">
+                <div className="w-4 h-4 rounded-full bg-rose-500/20 border border-rose-500/50 flex items-center justify-center">
+                  <div className="w-2 h-2 rounded-full bg-rose-400 animate-pulse" style={{ animationDelay: '0.5s' }} />
+                </div>
+                <span className="text-xs text-rose-400 font-medium">Healer</span>
+              </div>
+
+              {/* Left - Theologian */}
+              <div className="absolute left-0 top-1/2 -translate-y-1/2 flex items-center gap-2">
+                <span className="text-xs text-blue-400 font-medium">Theologian</span>
+                <div className="w-4 h-4 rounded-full bg-blue-500/20 border border-blue-500/50 flex items-center justify-center">
+                  <div className="w-2 h-2 rounded-full bg-blue-400 animate-pulse" style={{ animationDelay: '1s' }} />
+                </div>
+              </div>
+
+              {/* Right - Memory */}
+              <div className="absolute right-0 top-1/2 -translate-y-1/2 flex items-center gap-2">
+                <div className="w-4 h-4 rounded-full bg-violet-500/20 border border-violet-500/50 flex items-center justify-center">
+                  <div className="w-2 h-2 rounded-full bg-violet-400 animate-pulse" style={{ animationDelay: '1.5s' }} />
+                </div>
+                <span className="text-xs text-violet-400 font-medium">Memory</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Demo Preview Section */}
+      <section className="py-24 border-t border-white/5">
+        <div className="max-w-6xl mx-auto px-6">
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+            {/* Left: Text */}
+            <div>
+              <h2 className="text-3xl md:text-4xl font-bold tracking-tight mb-6 text-white">
+                Experience Spiritual AI
+              </h2>
+              <p className="text-neutral-400 mb-6 leading-relaxed">
+                ORA combines advanced language models with a deep understanding of theology,
+                Scripture, and pastoral care. Whether you're seeking guidance, studying the Bible,
+                or looking for prayer support, ORA is here to help.
+              </p>
+              <ul className="space-y-3 mb-8">
+                {[
+                  'Full markdown support for Scripture references',
+                  'Reasoning traces show agent thinking',
+                  'Episodic memory learns your journey',
+                  'Multi-agent handoffs for specialized care',
+                ].map((item, i) => (
+                  <li key={i} className="flex items-center gap-3 text-neutral-300">
+                    <span className="w-1.5 h-1.5 rounded-full bg-purple-500" />
+                    {item}
+                  </li>
+                ))}
+              </ul>
+              <Link href="/dashboard">
+                <ShinyButton>
+                  <span className="flex items-center gap-2">
+                    Try ORA Now
+                    <ArrowRight className="w-4 h-4" />
+                  </span>
+                </ShinyButton>
+              </Link>
+            </div>
+
+            {/* Right: Chat Preview */}
+            <div className="rounded-2xl border border-purple-500/20 bg-[#0a0a0a] overflow-hidden">
+              <div className="px-4 py-3 border-b border-white/5 bg-purple-500/5 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center">
+                  <Sparkles className="w-4 h-4 text-purple-400" />
+                </div>
+                <div>
+                  <span className="text-sm text-white font-medium">ORA</span>
+                  <span className="block text-[10px] text-emerald-400">Online</span>
+                </div>
+              </div>
+              <div className="p-4 space-y-4 min-h-[300px]">
+                {/* User Message */}
+                <div className="flex justify-end">
+                  <div className="bg-amber-500/10 border border-amber-500/20 rounded-2xl rounded-tr-sm px-4 py-3 max-w-[80%]">
+                    <p className="text-sm text-amber-50">
+                      I'm feeling anxious about a decision I need to make. Can you help?
+                    </p>
+                  </div>
+                </div>
+                {/* ORA Response */}
+                <div className="flex gap-3">
+                  <div className="w-7 h-7 rounded-full bg-rose-500/20 flex items-center justify-center border border-rose-500/30 shrink-0">
+                    <Heart className="w-3.5 h-3.5 text-rose-400" />
+                  </div>
+                  <div>
+                    <span className="text-[9px] font-mono text-rose-400 uppercase">Healer</span>
+                    <div className="bg-purple-500/10 border border-purple-500/20 rounded-2xl rounded-tl-sm px-4 py-3 mt-1">
+                      <p className="text-sm text-purple-50">
+                        I understand that feeling of anxiety when facing important decisions.
+                        Scripture reminds us in <strong>Philippians 4:6-7</strong>:
+                      </p>
+                      <blockquote className="mt-2 pl-3 border-l-2 border-purple-500/40 text-sm text-neutral-300 italic">
+                        "Do not be anxious about anything, but in everything by prayer...
+                        the peace of God will guard your hearts and minds."
+                      </blockquote>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* CTA Section */}
+      <section className="py-24 border-t border-white/5">
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="w-20 h-20 mx-auto rounded-2xl bg-gradient-to-br from-purple-600 to-purple-800 flex items-center justify-center mb-8 shadow-lg shadow-purple-500/30 animate-breathe">
+            <Sparkles className="w-10 h-10 text-white" />
+          </div>
+          <h2 className="text-3xl md:text-4xl font-bold tracking-tight mb-4 text-white">
+            Ready to Deepen Your Faith?
+          </h2>
+          <p className="text-neutral-400 mb-10 max-w-xl mx-auto">
+            Start your spiritual journey with ORA today. Experience AI-powered guidance
+            that respects your faith and grows with you.
+          </p>
+          <Link href="/dashboard">
+            <ShinyButton>
+              <span className="flex items-center gap-2">
+                <Sparkles className="w-5 h-5" />
+                Enter the Dashboard
+                <ArrowRight className="w-4 h-4" />
+              </span>
+            </ShinyButton>
+          </Link>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/pricing/page.tsx b/frontend/app/pricing/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..78ecc002422fce14a68598b2ddd84a4e56509727
--- /dev/null
+++ b/frontend/app/pricing/page.tsx
@@ -0,0 +1,242 @@
+'use client';
+
+import { Check, Sparkles, Zap, Crown, ArrowRight, Brain, BookOpen, Heart, MessageSquare } from 'lucide-react';
+import SpotlightCard from '@/components/SpotlightCard';
+import ShinyButton from '@/components/ShinyButton';
+import Link from 'next/link';
+
+const plans = [
+  {
+    name: 'Seeker',
+    tagline: 'Begin your journey',
+    price: 'Free',
+    period: '',
+    color: 'emerald',
+    features: [
+      'Basic chat with ORA agents',
+      '10 conversations per day',
+      'Bible search (limited)',
+      'S.O.A.P. journaling',
+      'Basic memory (7 days)',
+    ],
+    cta: 'Start Free',
+    popular: false,
+  },
+  {
+    name: 'Disciple',
+    tagline: 'Deepen your faith',
+    price: '$9',
+    period: '/month',
+    color: 'purple',
+    features: [
+      'Unlimited conversations',
+      'Full Bible search with RAG',
+      'All 3 agents (Gatekeeper, Theologian, Healer)',
+      'Extended memory (30 days)',
+      'Reasoning traces visible',
+      'Prayer tracking',
+      'Journal insights',
+    ],
+    cta: 'Get Started',
+    popular: true,
+  },
+  {
+    name: 'Shepherd',
+    tagline: 'Lead with wisdom',
+    price: '$19',
+    period: '/month',
+    color: 'amber',
+    features: [
+      'Everything in Disciple',
+      'Unlimited memory',
+      'Priority agent responses',
+      'Advanced insights dashboard',
+      'Export all data',
+      'API access',
+      'Early access to new features',
+    ],
+    cta: 'Upgrade Now',
+    popular: false,
+  },
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string; check: string }> = {
+  emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/30', text: 'text-emerald-400', check: 'text-emerald-500' },
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400', check: 'text-purple-500' },
+  amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/30', text: 'text-amber-400', check: 'text-amber-500' },
+};
+
+const faqs = [
+  {
+    q: 'What are conversations?',
+    a: 'Each time you send a message to ORA counts as part of a conversation. A conversation includes all back-and-forth messages in a single chat session.',
+  },
+  {
+    q: 'What is episodic memory?',
+    a: 'ORA remembers your spiritual journey—your prayer requests, Scripture studies, and insights—to provide increasingly personalized guidance over time.',
+  },
+  {
+    q: 'Can I cancel anytime?',
+    a: 'Yes, you can cancel your subscription at any time. Your access continues until the end of your billing period.',
+  },
+  {
+    q: 'Is my data private?',
+    a: 'Absolutely. Your spiritual conversations are encrypted and private. We never sell your data or use it for advertising.',
+  },
+];
+
+export default function PricingPage() {
+  return (
+    <>
+      {/* Hero */}
+      <section className="relative pt-32 pb-20 overflow-hidden">
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-purple-600/20 rounded-full blur-[150px] pointer-events-none -z-10" />
+
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 mb-8">
+            <Sparkles className="w-4 h-4 text-purple-400" />
+            <span className="text-xs font-mono text-purple-300 uppercase tracking-wider">Pricing</span>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-bold tracking-tight mb-6 text-white">
+            Simple, <span className="text-purple-400">Transparent</span> Pricing
+          </h1>
+
+          <p className="text-lg text-neutral-400 max-w-2xl mx-auto">
+            Choose the plan that fits your spiritual journey. Start free, upgrade when you're ready.
+          </p>
+        </div>
+      </section>
+
+      {/* Pricing Cards */}
+      <section className="py-16 border-t border-white/5">
+        <div className="max-w-5xl mx-auto px-6">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            {plans.map((plan) => {
+              const colors = colorClasses[plan.color];
+              return (
+                <SpotlightCard
+                  key={plan.name}
+                  className={`p-6 rounded-2xl border ${
+                    plan.popular ? 'border-purple-500/50' : 'border-white/10'
+                  } bg-white/[0.02] relative`}
+                  spotlightColor="purple"
+                >
+                  {plan.popular && (
+                    <div className="absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 bg-purple-600 text-white text-xs font-semibold rounded-full flex items-center gap-1.5">
+                      <Sparkles className="w-3 h-3" />
+                      Most Popular
+                    </div>
+                  )}
+
+                  <div className="text-center mb-6">
+                    <div className={`inline-flex items-center gap-1.5 px-3 py-1 rounded-full ${colors.bg} border ${colors.border} mb-4`}>
+                      <span className={`text-xs font-medium ${colors.text}`}>{plan.tagline}</span>
+                    </div>
+                    <h3 className="text-2xl font-bold text-white mb-2">{plan.name}</h3>
+                    <div className="flex items-baseline justify-center gap-1">
+                      <span className="text-4xl font-bold text-white">{plan.price}</span>
+                      {plan.period && <span className="text-neutral-400">{plan.period}</span>}
+                    </div>
+                  </div>
+
+                  <ul className="space-y-3 mb-8">
+                    {plan.features.map((feature) => (
+                      <li key={feature} className="flex items-start gap-2">
+                        <Check className={`w-5 h-5 ${colors.check} shrink-0 mt-0.5`} />
+                        <span className="text-sm text-neutral-300">{feature}</span>
+                      </li>
+                    ))}
+                  </ul>
+
+                  <Link href="/dashboard" className="block">
+                    {plan.popular ? (
+                      <ShinyButton className="w-full justify-center">
+                        {plan.cta}
+                      </ShinyButton>
+                    ) : (
+                      <button className={`w-full py-3 rounded-xl border ${colors.border} ${colors.text} hover:bg-white/5 transition-colors font-medium`}>
+                        {plan.cta}
+                      </button>
+                    )}
+                  </Link>
+                </SpotlightCard>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* What's Included */}
+      <section className="py-16 border-t border-white/5 bg-[#030303]">
+        <div className="max-w-5xl mx-auto px-6">
+          <div className="text-center mb-12">
+            <h2 className="text-2xl font-bold text-white mb-4">All Plans Include</h2>
+            <p className="text-neutral-400">Core features available to everyone</p>
+          </div>
+
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-6">
+            {[
+              { icon: MessageSquare, title: 'Chat with ORA', desc: 'Natural conversations' },
+              { icon: BookOpen, title: 'Bible Access', desc: 'Scripture search' },
+              { icon: Brain, title: 'AI Agents', desc: 'Specialized guidance' },
+              { icon: Heart, title: 'Prayer Support', desc: 'Pastoral care' },
+            ].map((item) => (
+              <div key={item.title} className="text-center p-4 rounded-xl bg-white/[0.02] border border-white/5">
+                <div className="w-12 h-12 mx-auto rounded-xl bg-purple-500/10 border border-purple-500/30 flex items-center justify-center mb-3">
+                  <item.icon className="w-6 h-6 text-purple-400" />
+                </div>
+                <h3 className="text-white font-medium mb-1">{item.title}</h3>
+                <p className="text-xs text-neutral-500">{item.desc}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* FAQ */}
+      <section className="py-16 border-t border-white/5">
+        <div className="max-w-3xl mx-auto px-6">
+          <div className="text-center mb-12">
+            <h2 className="text-2xl font-bold text-white mb-4">Frequently Asked Questions</h2>
+          </div>
+
+          <div className="space-y-4">
+            {faqs.map((faq) => (
+              <div key={faq.q} className="p-5 rounded-xl bg-white/[0.02] border border-white/10">
+                <h3 className="text-white font-medium mb-2">{faq.q}</h3>
+                <p className="text-neutral-400 text-sm">{faq.a}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* CTA */}
+      <section className="py-20 border-t border-white/5 bg-[#030303]">
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="w-20 h-20 mx-auto rounded-2xl bg-gradient-to-br from-purple-600 to-purple-800 flex items-center justify-center mb-8 shadow-lg shadow-purple-500/30 animate-breathe">
+            <Sparkles className="w-10 h-10 text-white" />
+          </div>
+          <h2 className="text-3xl font-bold text-white mb-4">
+            Start Your Journey Today
+          </h2>
+          <p className="text-neutral-400 mb-10 max-w-xl mx-auto">
+            Begin with our free plan and experience the power of AI-guided spiritual growth.
+          </p>
+          <Link href="/dashboard">
+            <ShinyButton>
+              <span className="flex items-center gap-2">
+                <Sparkles className="w-5 h-5" />
+                Try ORA Free
+                <ArrowRight className="w-4 h-4" />
+              </span>
+            </ShinyButton>
+          </Link>
+          <p className="text-xs text-neutral-500 mt-4">No credit card required</p>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/privacy/page.tsx b/frontend/app/privacy/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6cb3f11538822736315e8d47f81bacca9cfceb19
--- /dev/null
+++ b/frontend/app/privacy/page.tsx
@@ -0,0 +1,148 @@
+'use client';
+
+import Link from 'next/link';
+import { Shield, Lock, Eye, FileText, UserCheck, Globe, Brain, Heart, Sparkles } from 'lucide-react';
+import SpotlightCard from '@/components/SpotlightCard';
+
+export default function PrivacyPage() {
+  return (
+    <>
+      {/* Hero */}
+      <section className="relative pt-32 pb-16 overflow-hidden">
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-purple-600/20 rounded-full blur-[150px] pointer-events-none -z-10" />
+
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 mb-8">
+            <Shield className="w-4 h-4 text-purple-400" />
+            <span className="text-xs font-mono text-purple-300 uppercase tracking-wider">Privacy</span>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-bold tracking-tight mb-6 text-white">
+            Your Privacy is <span className="text-purple-400">Sacred</span>
+          </h1>
+
+          <p className="text-lg text-neutral-400 max-w-2xl mx-auto">
+            We treat your spiritual journey with the sacred care it deserves—secure, private, and always under your control.
+          </p>
+
+          <p className="text-sm text-neutral-500 mt-4">
+            Last updated: December 2025
+          </p>
+        </div>
+      </section>
+
+      {/* Privacy Content */}
+      <section className="py-16 border-t border-white/5">
+        <div className="max-w-4xl mx-auto px-6">
+          <div className="space-y-6">
+            <SpotlightCard className="p-6 rounded-xl border border-purple-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-purple-500/10 flex items-center justify-center border border-purple-500/20">
+                  <Shield className="w-4 h-4 text-purple-400" />
+                </div>
+                Our Commitment
+              </h2>
+              <p className="text-neutral-400 leading-relaxed">
+                Your privacy is sacred to us. ORA is designed to be a trusted spiritual companion, and that trust begins with how we handle your data. We are committed to protecting your personal information and spiritual conversations with the utmost care.
+              </p>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-blue-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center border border-blue-500/20">
+                  <Eye className="w-4 h-4 text-blue-400" />
+                </div>
+                Information Collection
+              </h2>
+              <p className="text-neutral-400 leading-relaxed">
+                We only collect information necessary to provide you with personalized spiritual guidance. This includes your conversations with ORA, which help our agents understand your spiritual journey and provide relevant support. We collect it by fair and lawful means, with your knowledge and consent.
+              </p>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-amber-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-amber-500/10 flex items-center justify-center border border-amber-500/20">
+                  <Brain className="w-4 h-4 text-amber-400" />
+                </div>
+                Episodic Memory
+              </h2>
+              <p className="text-neutral-400 leading-relaxed">
+                ORA uses episodic memory to remember your spiritual journey over time. This allows for more meaningful, personalized conversations. Your memories are encrypted and stored securely. You have full control over your memory data and can request its deletion at any time.
+              </p>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-emerald-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-emerald-500/10 flex items-center justify-center border border-emerald-500/20">
+                  <Lock className="w-4 h-4 text-emerald-400" />
+                </div>
+                Data Protection
+              </h2>
+              <p className="text-neutral-400 leading-relaxed">
+                We protect your data using industry-standard encryption and security measures. Your spiritual conversations are treated with the same confidentiality as pastoral counseling. We implement technical and organizational safeguards to prevent unauthorized access, disclosure, or misuse.
+              </p>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-rose-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-rose-500/10 flex items-center justify-center border border-rose-500/20">
+                  <Heart className="w-4 h-4 text-rose-400" />
+                </div>
+                No Data Selling
+              </h2>
+              <p className="text-neutral-400 leading-relaxed">
+                We do not sell your data. Ever. Your spiritual journey is not a commodity. We don't share your personally identifying information with third-parties for marketing, advertising, or any commercial purpose. Your conversations with ORA remain confidential.
+              </p>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-blue-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center border border-blue-500/20">
+                  <UserCheck className="w-4 h-4 text-blue-400" />
+                </div>
+                Your Rights
+              </h2>
+              <p className="text-neutral-400 leading-relaxed mb-4">
+                You have complete control over your data. You can:
+              </p>
+              <ul className="space-y-2 text-neutral-400">
+                <li className="flex items-start gap-2">
+                  <Sparkles className="w-4 h-4 text-purple-400 mt-1 shrink-0" />
+                  <span>Request a copy of all your stored data</span>
+                </li>
+                <li className="flex items-start gap-2">
+                  <Sparkles className="w-4 h-4 text-purple-400 mt-1 shrink-0" />
+                  <span>Delete your conversation history and episodic memories</span>
+                </li>
+                <li className="flex items-start gap-2">
+                  <Sparkles className="w-4 h-4 text-purple-400 mt-1 shrink-0" />
+                  <span>Opt out of memory features while still using ORA</span>
+                </li>
+                <li className="flex items-start gap-2">
+                  <Sparkles className="w-4 h-4 text-purple-400 mt-1 shrink-0" />
+                  <span>Close your account entirely at any time</span>
+                </li>
+              </ul>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-purple-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-purple-500/10 flex items-center justify-center border border-purple-500/20">
+                  <FileText className="w-4 h-4 text-purple-400" />
+                </div>
+                Contact Us
+              </h2>
+              <p className="text-neutral-400 leading-relaxed">
+                Your continued use of ORA will be regarded as acceptance of our practices around privacy and personal information. If you have any questions about how we handle user data and personal information, feel free to{' '}
+                <Link href="/contact" className="text-purple-400 hover:text-purple-300 transition-colors">
+                  contact us
+                </Link>.
+              </p>
+            </SpotlightCard>
+          </div>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/signin/page.tsx b/frontend/app/signin/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..93e58711e39c806d9eae5d429ef7d6ba56ab1898
--- /dev/null
+++ b/frontend/app/signin/page.tsx
@@ -0,0 +1,70 @@
+'use client';
+
+import { Flame, Mail, Lock } from 'lucide-react';
+import Link from 'next/link';
+import ShinyButton from '@/components/ShinyButton';
+
+export default function SignInPage() {
+  return (
+    <section className="relative min-h-screen pt-36 pb-24 overflow-hidden flex items-center">
+      <div className="absolute inset-0 bg-grid-pattern opacity-50 z-0 pointer-events-none" style={{ maskImage: 'radial-gradient(circle at center, black 30%, transparent 80%)' }} />
+      <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-amber-600/10 rounded-[100%] blur-[120px] pointer-events-none -z-10" />
+
+      <div className="max-w-md mx-auto px-6 w-full">
+        <div className="text-center mb-8">
+          <div className="w-16 h-16 mx-auto rounded-full bg-amber-500/10 flex items-center justify-center mb-6 border border-amber-500/20 animate-fade-slide-in animate-breathe">
+            <Flame className="w-8 h-8 text-amber-500 candle-glow" />
+          </div>
+          <h1 className="text-3xl font-semibold text-white mb-2 animate-fade-slide-in stagger-1">Welcome Back</h1>
+          <p className="text-neutral-400 animate-fade-slide-in stagger-2">Sign in to continue your faith journey</p>
+        </div>
+
+        <div className="glass-panel rounded-3xl p-8 animate-fade-slide-in stagger-3">
+          <form className="space-y-6">
+            <div>
+              <label className="block text-sm font-medium text-neutral-300 mb-2">Email</label>
+              <div className="relative">
+                <Mail className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-neutral-500" />
+                <input
+                  type="email"
+                  className="w-full pl-12 pr-4 py-3 rounded-xl bg-white/5 border border-white/10 text-white placeholder-neutral-500 focus:outline-none focus:border-amber-500/50 transition-colors"
+                  placeholder="your@email.com"
+                />
+              </div>
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-neutral-300 mb-2">Password</label>
+              <div className="relative">
+                <Lock className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-neutral-500" />
+                <input
+                  type="password"
+                  className="w-full pl-12 pr-4 py-3 rounded-xl bg-white/5 border border-white/10 text-white placeholder-neutral-500 focus:outline-none focus:border-amber-500/50 transition-colors"
+                  placeholder="••••••••"
+                />
+              </div>
+            </div>
+            <div className="flex items-center justify-between text-sm">
+              <label className="flex items-center gap-2 text-neutral-400">
+                <input type="checkbox" className="rounded border-white/20 bg-white/5" />
+                Remember me
+              </label>
+              <a href="#" className="text-amber-400 hover:text-amber-300 transition-colors">
+                Forgot password?
+              </a>
+            </div>
+            <ShinyButton className="w-full justify-center">Sign In</ShinyButton>
+          </form>
+
+          <div className="mt-6 text-center">
+            <p className="text-neutral-500 text-sm">
+              Don't have an account?{' '}
+              <Link href="/get-started" className="text-amber-400 hover:text-amber-300 transition-colors">
+                Get Started Free
+              </Link>
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/frontend/app/support/page.tsx b/frontend/app/support/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..03bed400934e9fb4b49176f88780833eb83e885f
--- /dev/null
+++ b/frontend/app/support/page.tsx
@@ -0,0 +1,125 @@
+'use client';
+
+import Link from 'next/link';
+import { Headphones, Mail, MessageSquare, BookOpen, Sparkles, ArrowRight } from 'lucide-react';
+import SpotlightCard from '@/components/SpotlightCard';
+import ShinyButton from '@/components/ShinyButton';
+
+const supportOptions = [
+  {
+    title: 'Email Support',
+    icon: Mail,
+    description: 'Send us an email and we\'ll respond within 24 hours.',
+    action: 'support@ora.ai',
+    actionType: 'email',
+    color: 'purple',
+  },
+  {
+    title: 'Help Center',
+    icon: BookOpen,
+    description: 'Browse our documentation and guides.',
+    action: '/help',
+    actionType: 'link',
+    color: 'blue',
+  },
+  {
+    title: 'Chat with ORA',
+    icon: Sparkles,
+    description: 'Try asking ORA directly for help.',
+    action: '/dashboard',
+    actionType: 'link',
+    color: 'amber',
+  },
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string }> = {
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400' },
+  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/30', text: 'text-blue-400' },
+  amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/30', text: 'text-amber-400' },
+};
+
+export default function SupportPage() {
+  return (
+    <>
+      {/* Hero */}
+      <section className="relative pt-32 pb-16 overflow-hidden">
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-purple-600/20 rounded-full blur-[150px] pointer-events-none -z-10" />
+
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 mb-8">
+            <Headphones className="w-4 h-4 text-purple-400" />
+            <span className="text-xs font-mono text-purple-300 uppercase tracking-wider">Support</span>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-bold tracking-tight mb-6 text-white">
+            We're here to <span className="text-purple-400">help</span>
+          </h1>
+
+          <p className="text-lg text-neutral-400 max-w-2xl mx-auto">
+            Get the support you need to make the most of your ORA experience.
+          </p>
+        </div>
+      </section>
+
+      {/* Support Options */}
+      <section className="py-16 border-t border-white/5">
+        <div className="max-w-4xl mx-auto px-6">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            {supportOptions.map((option) => {
+              const colors = colorClasses[option.color];
+              return (
+                <SpotlightCard
+                  key={option.title}
+                  className={`p-6 rounded-xl border ${colors.border} bg-white/[0.02]`}
+                  spotlightColor="purple"
+                >
+                  <div className={`w-12 h-12 rounded-xl ${colors.bg} flex items-center justify-center border ${colors.border} mb-4`}>
+                    <option.icon className={`w-6 h-6 ${colors.text}`} />
+                  </div>
+                  <h3 className="text-lg font-semibold text-white mb-2">{option.title}</h3>
+                  <p className="text-neutral-500 text-sm mb-4">{option.description}</p>
+                  {option.actionType === 'email' ? (
+                    <a
+                      href={`mailto:${option.action}`}
+                      className={`${colors.text} hover:underline text-sm flex items-center gap-1`}
+                    >
+                      {option.action}
+                      <ArrowRight className="w-3 h-3" />
+                    </a>
+                  ) : (
+                    <Link
+                      href={option.action}
+                      className={`${colors.text} hover:underline text-sm flex items-center gap-1`}
+                    >
+                      Learn more
+                      <ArrowRight className="w-3 h-3" />
+                    </Link>
+                  )}
+                </SpotlightCard>
+              );
+            })}
+          </div>
+        </div>
+      </section>
+
+      {/* FAQ Teaser */}
+      <section className="py-16 border-t border-white/5 bg-[#030303]">
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <h2 className="text-2xl font-bold text-white mb-4">Common Questions</h2>
+          <p className="text-neutral-400 mb-8 max-w-xl mx-auto">
+            Check our FAQ for quick answers to frequently asked questions about ORA.
+          </p>
+          <Link href="/faq">
+            <ShinyButton>
+              <span className="flex items-center gap-2">
+                View FAQ
+                <ArrowRight className="w-4 h-4" />
+              </span>
+            </ShinyButton>
+          </Link>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/terms/page.tsx b/frontend/app/terms/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..7c05315e6b7fc2027544669e01e67c078da8376c
--- /dev/null
+++ b/frontend/app/terms/page.tsx
@@ -0,0 +1,158 @@
+'use client';
+
+import { FileText, Scale, AlertTriangle, Link as LinkIcon, RefreshCw, Gavel, CheckCircle, XCircle, Sparkles } from 'lucide-react';
+import SpotlightCard from '@/components/SpotlightCard';
+
+export default function TermsPage() {
+  return (
+    <>
+      {/* Hero */}
+      <section className="relative pt-32 pb-16 overflow-hidden">
+        <div className="absolute inset-0 ora-grid-bg pointer-events-none z-0" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-purple-600/20 rounded-full blur-[150px] pointer-events-none -z-10" />
+
+        <div className="max-w-4xl mx-auto px-6 text-center">
+          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 mb-8">
+            <Scale className="w-4 h-4 text-purple-400" />
+            <span className="text-xs font-mono text-purple-300 uppercase tracking-wider">Legal</span>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-bold tracking-tight mb-6 text-white">
+            Terms of <span className="text-purple-400">Service</span>
+          </h1>
+
+          <p className="text-lg text-neutral-400 max-w-2xl mx-auto">
+            Please read these terms carefully before using ORA services.
+          </p>
+
+          <p className="text-sm text-neutral-500 mt-4">
+            Last updated: December 2025
+          </p>
+        </div>
+      </section>
+
+      {/* Terms Content */}
+      <section className="py-16 border-t border-white/5">
+        <div className="max-w-4xl mx-auto px-6">
+          <div className="space-y-6">
+            <SpotlightCard className="p-6 rounded-xl border border-purple-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-purple-500/10 flex items-center justify-center border border-purple-500/20">
+                  <span className="text-purple-400 font-bold text-sm">1</span>
+                </div>
+                Acceptance of Terms
+              </h2>
+              <p className="text-neutral-400 leading-relaxed">
+                By accessing ORA, you agree to be bound by these terms of service, all applicable laws and regulations, and agree that you are responsible for compliance with any applicable local laws. If you do not agree with any of these terms, you are prohibited from using or accessing this service. The materials contained in ORA are protected by applicable copyright and trademark law.
+              </p>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-blue-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center border border-blue-500/20">
+                  <span className="text-blue-400 font-bold text-sm">2</span>
+                </div>
+                Use License
+              </h2>
+              <p className="text-neutral-400 leading-relaxed mb-4">
+                Permission is granted to use ORA for personal, non-commercial spiritual guidance and study. This is the grant of a license, not a transfer of title, and under this license you may not:
+              </p>
+              <ul className="space-y-2 text-neutral-400">
+                <li className="flex items-start gap-2">
+                  <XCircle className="w-4 h-4 text-rose-400 mt-1 shrink-0" />
+                  <span>Modify or copy the underlying software or materials</span>
+                </li>
+                <li className="flex items-start gap-2">
+                  <XCircle className="w-4 h-4 text-rose-400 mt-1 shrink-0" />
+                  <span>Use ORA for any commercial purpose without authorization</span>
+                </li>
+                <li className="flex items-start gap-2">
+                  <XCircle className="w-4 h-4 text-rose-400 mt-1 shrink-0" />
+                  <span>Attempt to decompile or reverse engineer any software</span>
+                </li>
+                <li className="flex items-start gap-2">
+                  <XCircle className="w-4 h-4 text-rose-400 mt-1 shrink-0" />
+                  <span>Remove any copyright or other proprietary notations</span>
+                </li>
+              </ul>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-amber-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-amber-500/10 flex items-center justify-center border border-amber-500/20">
+                  <span className="text-amber-400 font-bold text-sm">3</span>
+                </div>
+                AI Guidance Disclaimer
+              </h2>
+              <p className="text-neutral-400 leading-relaxed mb-4">
+                ORA is an AI spiritual companion designed to support your faith journey. While our agents (Gatekeeper, Theologian, Healer) are trained to provide theologically-grounded guidance, ORA is not a substitute for:
+              </p>
+              <ul className="space-y-2 text-neutral-400">
+                <li className="flex items-start gap-2">
+                  <AlertTriangle className="w-4 h-4 text-amber-400 mt-1 shrink-0" />
+                  <span>Professional pastoral counseling from ordained ministers</span>
+                </li>
+                <li className="flex items-start gap-2">
+                  <AlertTriangle className="w-4 h-4 text-amber-400 mt-1 shrink-0" />
+                  <span>Mental health treatment from licensed professionals</span>
+                </li>
+                <li className="flex items-start gap-2">
+                  <AlertTriangle className="w-4 h-4 text-amber-400 mt-1 shrink-0" />
+                  <span>Official theological or doctrinal authority</span>
+                </li>
+              </ul>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-rose-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-rose-500/10 flex items-center justify-center border border-rose-500/20">
+                  <span className="text-rose-400 font-bold text-sm">4</span>
+                </div>
+                Limitations
+              </h2>
+              <p className="text-neutral-400 leading-relaxed">
+                In no event shall ORA or its creators be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use ORA, even if ORA or an ORA authorized representative has been notified orally or in writing of the possibility of such damage.
+              </p>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-emerald-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-emerald-500/10 flex items-center justify-center border border-emerald-500/20">
+                  <span className="text-emerald-400 font-bold text-sm">5</span>
+                </div>
+                Your Data & Memory
+              </h2>
+              <p className="text-neutral-400 leading-relaxed">
+                ORA uses episodic memory to remember your spiritual journey and provide personalized guidance. By using ORA, you acknowledge that your conversations may be stored to improve your experience. You retain full control over your data and can request deletion at any time.
+              </p>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-purple-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-purple-500/10 flex items-center justify-center border border-purple-500/20">
+                  <span className="text-purple-400 font-bold text-sm">6</span>
+                </div>
+                Modifications
+              </h2>
+              <p className="text-neutral-400 leading-relaxed">
+                ORA may revise these terms of service at any time without notice. By using this service you are agreeing to be bound by the then current version of these terms of service. We will make reasonable efforts to notify users of significant changes.
+              </p>
+            </SpotlightCard>
+
+            <SpotlightCard className="p-6 rounded-xl border border-blue-500/20 bg-white/[0.02]" spotlightColor="purple">
+              <h2 className="text-xl font-semibold text-white mb-4 flex items-center gap-3">
+                <div className="w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center border border-blue-500/20">
+                  <span className="text-blue-400 font-bold text-sm">7</span>
+                </div>
+                Governing Law
+              </h2>
+              <p className="text-neutral-400 leading-relaxed">
+                These terms and conditions are governed by and construed in accordance with applicable law, and you irrevocably submit to the exclusive jurisdiction of the courts in the appropriate jurisdiction.
+              </p>
+            </SpotlightCard>
+          </div>
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/frontend/app/voice/page.tsx b/frontend/app/voice/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a419d80639b291d5cd15467a140dbae84d34443b
--- /dev/null
+++ b/frontend/app/voice/page.tsx
@@ -0,0 +1,143 @@
+"use client";
+
+import { useState, useEffect, useRef } from "react";
+
+export default function OraVoice() {
+    const [state, setState] = useState<"IDLE" | "LISTENING" | "THINKING" | "SPEAKING">("IDLE");
+    const [transcript, setTranscript] = useState("");
+    const [response, setResponse] = useState("");
+    const [history, setHistory] = useState<any[]>([]);
+
+    const recognitionRef = useRef<any>(null);
+
+    useEffect(() => {
+        // Initialize Speech Recognition
+        if (typeof window !== "undefined") {
+            const SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;
+            if (SpeechRecognition) {
+                const recognition = new SpeechRecognition();
+                recognition.continuous = false;
+                recognition.lang = "en-US";
+                recognition.interimResults = false;
+
+                recognition.onstart = () => setState("LISTENING");
+
+                recognition.onresult = (event: any) => {
+                    const text = event.results[0][0].transcript;
+                    setTranscript(text);
+                    handleSend(text);
+                };
+
+                recognition.onend = () => {
+                    // If we didn't get a result and state is still listening, go back to idle
+                    // But if we got a result, handleSend changes state to THINKING
+                    if (state === "LISTENING") setState("IDLE");
+                };
+
+                recognitionRef.current = recognition;
+            }
+        }
+    }, []);
+
+    const handleSend = async (text: string) => {
+        setState("THINKING");
+
+        try {
+            const res = await fetch("/api/chat", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ message: text, history: history }),
+            });
+
+            const data = await res.json();
+            const reply = data.response;
+
+            setResponse(reply);
+            setHistory(prev => [...prev, { role: "user", content: text }, { role: "assistant", content: reply }]);
+
+            speak(reply);
+        } catch (e) {
+            console.error(e);
+            setState("IDLE");
+        }
+    };
+
+    const speak = (text: string) => {
+        setState("SPEAKING");
+        const utterance = new SpeechSynthesisUtterance(text);
+        // Try to find a nice voice
+        const voices = window.speechSynthesis.getVoices();
+        const preferred = voices.find(v => v.name.includes("Google US English")) || voices[0];
+        if (preferred) utterance.voice = preferred;
+
+        utterance.onend = () => setState("IDLE");
+        window.speechSynthesis.speak(utterance);
+    };
+
+    const toggleListen = () => {
+        if (state === "IDLE") {
+            recognitionRef.current?.start();
+        } else if (state === "SPEAKING") {
+            window.speechSynthesis.cancel();
+            setState("IDLE");
+        }
+    };
+
+    // Dynamic Styles for the Orb
+    const getOrbStyle = () => {
+        switch (state) {
+            case "IDLE": return "scale-100 bg-blue-500/20 shadow-[0_0_50px_rgba(59,130,246,0.2)]";
+            case "LISTENING": return "scale-110 bg-red-500/40 shadow-[0_0_80px_rgba(239,68,68,0.4)] animate-pulse";
+            case "THINKING": return "scale-90 bg-purple-500/40 shadow-[0_0_50px_rgba(168,85,247,0.4)] animate-bounce";
+            case "SPEAKING": return "scale-125 bg-blue-400/50 shadow-[0_0_100px_rgba(96,165,250,0.5)] animate-pulse";
+        }
+    };
+
+    return (
+        <div className="min-h-screen bg-black text-white flex flex-col items-center justify-center relative overflow-hidden">
+            {/* Background Gradient */}
+            <div className="absolute inset-0 bg-gradient-to-br from-gray-900 to-black z-0" />
+
+            <div className="z-10 flex flex-col items-center space-y-12">
+
+                {/* Header */}
+                <h1 className="text-4xl font-thin tracking-[0.5em] text-blue-200 opacity-80">ORA</h1>
+
+                {/* The Orb */}
+                <div
+                    onClick={toggleListen}
+                    className={`w-48 h-48 rounded-full transition-all duration-700 cursor-pointer backdrop-blur-3xl border border-white/10 flex items-center justify-center ${getOrbStyle()}`}
+                >
+                    <div className="w-40 h-40 rounded-full bg-white/5 blur-md" />
+                </div>
+
+                {/* Status / Text */}
+                <div className="h-32 w-full max-w-2xl text-center px-4 space-y-4">
+                    <p className="text-gray-400 font-light tracking-widest text-sm uppercase">{state}</p>
+
+                    {state === "LISTENING" && (
+                        <p className="text-2xl text-white font-serif italic">"I'm listening..."</p>
+                    )}
+
+                    {state === "THINKING" && (
+                        <p className="text-2xl text-purple-300 font-serif italic animate-pulse">Divining wisdom...</p>
+                    )}
+
+                    {(state === "SPEAKING" || state === "IDLE") && response && (
+                        <p className="text-xl text-blue-100 font-serif leading-relaxed fade-in">
+                            "{response}"
+                        </p>
+                    )}
+                </div>
+
+                <button
+                    onClick={toggleListen}
+                    className="mt-8 px-8 py-3 rounded-full border border-white/20 hover:bg-white/10 transition-colors text-sm tracking-widest uppercase"
+                >
+                    {state === "SPEAKING" ? "Stop Speaking" : state === "LISTENING" ? "Stop Listening" : "Tap to Speak"}
+                </button>
+
+            </div>
+        </div>
+    );
+}
diff --git a/frontend/components/ChatWidget.tsx b/frontend/components/ChatWidget.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..457054622d53046917623db80566977dc40f4b04
--- /dev/null
+++ b/frontend/components/ChatWidget.tsx
@@ -0,0 +1,328 @@
+'use client';
+
+import { useState, useRef, useEffect } from 'react';
+import { X, Bot, Sparkles, Send, Shield, BookOpen, Heart, Brain, ChevronDown, Eye, EyeOff } from 'lucide-react';
+import ThinkingIndicator from './chat/ThinkingIndicator';
+import MarkdownMessage from './chat/MarkdownMessage';
+
+interface Message {
+  role: 'user' | 'assistant';
+  content: string;
+  agent?: string;
+  trace?: TraceStep[];
+  timestamp?: Date;
+}
+
+interface TraceStep {
+  agent: string;
+  action: string;
+  result?: string;
+}
+
+const agentIcons: Record<string, typeof Shield> = {
+  Gatekeeper: Shield,
+  Theologian: BookOpen,
+  Healer: Heart,
+  Orchestrator: Brain,
+  System: Sparkles,
+};
+
+const agentColors: Record<string, { bg: string; border: string; text: string }> = {
+  Gatekeeper: { bg: 'bg-purple-500/20', border: 'border-purple-500/30', text: 'text-purple-400' },
+  Theologian: { bg: 'bg-blue-500/20', border: 'border-blue-500/30', text: 'text-blue-400' },
+  Healer: { bg: 'bg-rose-500/20', border: 'border-rose-500/30', text: 'text-rose-400' },
+  Orchestrator: { bg: 'bg-amber-500/20', border: 'border-amber-500/30', text: 'text-amber-400' },
+  System: { bg: 'bg-neutral-500/20', border: 'border-neutral-500/30', text: 'text-neutral-400' },
+};
+
+export default function ChatWidget() {
+  const [chatOpen, setChatOpen] = useState(false);
+  const [messages, setMessages] = useState<Message[]>([
+    {
+      role: 'assistant',
+      content: "Hello, I'm **ORA**, your AI spiritual companion. I'm here to help you explore Scripture, reflect on your faith, and grow in wisdom. How may I serve you today?",
+      agent: 'Gatekeeper',
+      timestamp: new Date(),
+    }
+  ]);
+  const [input, setInput] = useState('');
+  const [isTyping, setIsTyping] = useState(false);
+  const [activeAgent, setActiveAgent] = useState<string>('Gatekeeper');
+  const [showTrace, setShowTrace] = useState<Record<number, boolean>>({});
+  const messagesEndRef = useRef<HTMLDivElement>(null);
+
+  const scrollToBottom = () => {
+    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+  };
+
+  useEffect(() => {
+    scrollToBottom();
+  }, [messages, isTyping]);
+
+  const handleSend = async () => {
+    if (!input.trim()) return;
+
+    const userMsg: Message = {
+      role: 'user',
+      content: input,
+      timestamp: new Date(),
+    };
+
+    setMessages(prev => [...prev, userMsg]);
+    setInput('');
+    setIsTyping(true);
+    setActiveAgent('Gatekeeper'); // Start with Gatekeeper
+
+    try {
+      const response = await fetch('http://localhost:6000/api/chat', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ message: input })
+      });
+      const data = await response.json();
+
+      if (data.success) {
+        // Simulate agent handoff animation
+        if (data.response.agent !== 'Gatekeeper') {
+          setActiveAgent(data.response.agent);
+          await new Promise(resolve => setTimeout(resolve, 500));
+        }
+
+        const assistantMsg: Message = {
+          role: 'assistant',
+          content: data.response.content,
+          agent: data.response.agent,
+          trace: data.response.trace || [],
+          timestamp: new Date(),
+        };
+
+        setMessages(prev => [...prev, assistantMsg]);
+      }
+    } catch (error) {
+      console.error('Chat failed:', error);
+      setMessages(prev => [...prev, {
+        role: 'assistant',
+        content: "I apologize, but I'm having trouble connecting to my reasoning core. Please ensure the ORA backend is running on port 6000.",
+        agent: 'System',
+        timestamp: new Date(),
+      }]);
+    } finally {
+      setIsTyping(false);
+    }
+  };
+
+  const toggleTrace = (index: number) => {
+    setShowTrace(prev => ({ ...prev, [index]: !prev[index] }));
+  };
+
+  const AgentIcon = ({ agent }: { agent: string }) => {
+    const Icon = agentIcons[agent] || Sparkles;
+    const colors = agentColors[agent] || agentColors.System;
+    return (
+      <div className={`w-7 h-7 rounded-full ${colors.bg} flex items-center justify-center border ${colors.border}`}>
+        <Icon className={`w-3.5 h-3.5 ${colors.text}`} />
+      </div>
+    );
+  };
+
+  return (
+    <div className="fixed bottom-6 right-6 z-50 hidden md:block">
+      <div className="relative">
+        {/* Chat Button */}
+        <button
+          onClick={() => setChatOpen(!chatOpen)}
+          className="relative w-14 h-14 bg-gradient-to-br from-purple-600 to-purple-800 hover:from-purple-500 hover:to-purple-700 text-white rounded-full flex items-center justify-center shadow-[0_4px_30px_rgba(168,85,247,0.4)] hover:shadow-[0_4px_40px_rgba(168,85,247,0.6)] hover:scale-105 active:scale-95 transition-all duration-300 z-50"
+        >
+          {chatOpen ? (
+            <X className="w-6 h-6" />
+          ) : (
+            <div className="relative">
+              <Sparkles className="w-6 h-6 animate-pulse-fast" />
+            </div>
+          )}
+          {!chatOpen && (
+            <span className="absolute top-0 right-0 w-3.5 h-3.5 bg-emerald-500 border-2 border-[#0a0a0a] rounded-full">
+              <span className="absolute inset-0 rounded-full bg-emerald-400 animate-ping" />
+            </span>
+          )}
+        </button>
+
+        {/* Chat Box */}
+        <div
+          className={`absolute bottom-[calc(100%+16px)] right-0 w-[420px] bg-[#0a0a0a]/98 backdrop-blur-xl border border-purple-500/20 rounded-2xl shadow-2xl shadow-purple-500/10 transition-all duration-300 overflow-hidden flex flex-col ${
+            chatOpen
+              ? 'visible opacity-100 translate-y-0 scale-100'
+              : 'invisible opacity-0 translate-y-4 scale-95'
+          }`}
+          style={{ maxHeight: 'calc(100vh - 150px)' }}
+        >
+          {/* Header */}
+          <div className="bg-gradient-to-r from-purple-900/60 to-purple-800/40 p-4 border-b border-white/5 flex items-center justify-between">
+            <div className="flex items-center gap-3">
+              <div className="relative">
+                <div className="w-10 h-10 rounded-full bg-gradient-to-br from-purple-500/30 to-purple-700/30 flex items-center justify-center border border-purple-500/40 animate-orb-glow-purple">
+                  <Sparkles className="w-5 h-5 text-purple-300" />
+                </div>
+                <span className="absolute bottom-0 right-0 w-2.5 h-2.5 bg-emerald-500 border-2 border-[#0a0a0a] rounded-full shadow-[0_0_8px_rgba(16,185,129,0.6)]" />
+              </div>
+              <div>
+                <span className="block text-white text-sm font-semibold tracking-wide">ORA</span>
+                <span className="block text-[10px] text-emerald-400 font-medium">
+                  Sovereign AI Companion
+                </span>
+              </div>
+            </div>
+            <button
+              onClick={() => setChatOpen(false)}
+              className="p-1.5 rounded-full hover:bg-white/10 text-neutral-400 hover:text-white transition-all"
+            >
+              <X className="w-5 h-5" />
+            </button>
+          </div>
+
+          {/* Messages */}
+          <div className="flex-1 p-4 space-y-4 min-h-[300px] max-h-[450px] overflow-y-auto bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-purple-500/5 via-transparent to-transparent scrollbar-thin scrollbar-thumb-purple-500/20 scrollbar-track-transparent">
+            {messages.map((m, i) => (
+              <div
+                key={i}
+                className={`flex gap-3 items-start animate-message-in ${
+                  m.role === 'user' ? 'flex-row-reverse' : ''
+                }`}
+              >
+                {/* Avatar */}
+                <div className="shrink-0">
+                  {m.role === 'user' ? (
+                    <div className="w-7 h-7 rounded-full bg-amber-500/20 flex items-center justify-center border border-amber-500/30">
+                      <Bot className="w-3.5 h-3.5 text-amber-400" />
+                    </div>
+                  ) : (
+                    <AgentIcon agent={m.agent || 'System'} />
+                  )}
+                </div>
+
+                {/* Message Content */}
+                <div className="flex flex-col gap-1 max-w-[85%]">
+                  {/* Agent Badge */}
+                  {m.agent && m.role === 'assistant' && (
+                    <div className="flex items-center gap-2">
+                      <span className={`text-[9px] font-mono uppercase tracking-wider ${agentColors[m.agent]?.text || 'text-neutral-400'}`}>
+                        {m.agent}
+                      </span>
+                      {m.trace && m.trace.length > 0 && (
+                        <button
+                          onClick={() => toggleTrace(i)}
+                          className="flex items-center gap-1 text-[9px] text-neutral-500 hover:text-purple-400 transition-colors"
+                        >
+                          {showTrace[i] ? <EyeOff className="w-3 h-3" /> : <Eye className="w-3 h-3" />}
+                          {showTrace[i] ? 'Hide' : 'Show'} Reasoning
+                        </button>
+                      )}
+                    </div>
+                  )}
+
+                  {/* Trace Steps */}
+                  {showTrace[i] && m.trace && m.trace.length > 0 && (
+                    <div className="animate-trace-expand mb-2 p-3 rounded-xl bg-white/[0.02] border border-white/5">
+                      <div className="text-[9px] text-neutral-500 uppercase tracking-wider mb-2">
+                        Reasoning Trace
+                      </div>
+                      <div className="space-y-2">
+                        {m.trace.map((step, j) => (
+                          <div key={j} className="flex items-start gap-2 text-[10px]">
+                            <div className={`w-4 h-4 rounded shrink-0 flex items-center justify-center ${agentColors[step.agent]?.bg || 'bg-neutral-500/20'}`}>
+                              <span className={`text-[8px] font-bold ${agentColors[step.agent]?.text || 'text-neutral-400'}`}>
+                                {j + 1}
+                              </span>
+                            </div>
+                            <div>
+                              <span className={`font-medium ${agentColors[step.agent]?.text || 'text-neutral-400'}`}>
+                                {step.agent}:
+                              </span>
+                              <span className="text-neutral-400 ml-1">{step.action}</span>
+                              {step.result && (
+                                <div className="text-neutral-500 mt-0.5 italic">{step.result}</div>
+                              )}
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                    </div>
+                  )}
+
+                  {/* Message Bubble */}
+                  <div
+                    className={`rounded-2xl p-3.5 text-sm leading-relaxed ${
+                      m.role === 'user'
+                        ? 'bg-gradient-to-br from-amber-500/15 to-amber-600/10 border border-amber-500/20 rounded-tr-sm'
+                        : `bg-gradient-to-br from-purple-500/10 to-purple-600/5 border ${agentColors[m.agent || 'System']?.border || 'border-purple-500/20'} rounded-tl-sm`
+                    }`}
+                  >
+                    <MarkdownMessage
+                      content={m.content}
+                      variant={m.role}
+                    />
+                  </div>
+
+                  {/* Timestamp */}
+                  {m.timestamp && (
+                    <span className="text-[9px] text-neutral-600 px-1">
+                      {m.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+                    </span>
+                  )}
+                </div>
+              </div>
+            ))}
+
+            {/* Thinking Indicator */}
+            {isTyping && (
+              <ThinkingIndicator activeAgent={activeAgent} stage="thinking" />
+            )}
+
+            <div ref={messagesEndRef} />
+          </div>
+
+          {/* Quick Actions */}
+          <div className="px-4 py-2 border-t border-white/5 bg-black/20">
+            <div className="flex gap-2 overflow-x-auto pb-1 scrollbar-none">
+              {['Pray with me', 'Explain a verse', 'Daily reflection'].map((action) => (
+                <button
+                  key={action}
+                  onClick={() => setInput(action)}
+                  className="shrink-0 px-3 py-1.5 text-[10px] font-medium text-purple-300 bg-purple-500/10 hover:bg-purple-500/20 border border-purple-500/20 rounded-full transition-all hover:scale-105"
+                >
+                  {action}
+                </button>
+              ))}
+            </div>
+          </div>
+
+          {/* Input */}
+          <div className="p-3 border-t border-white/5 bg-black/30">
+            <div className="flex items-center gap-2 bg-white/5 border border-white/10 rounded-full px-4 py-2.5 focus-within:border-purple-500/40 focus-within:bg-white/[0.07] transition-all">
+              <input
+                type="text"
+                value={input}
+                onChange={(e) => setInput(e.target.value)}
+                onKeyDown={(e) => e.key === 'Enter' && !e.shiftKey && handleSend()}
+                placeholder="Ask ORA anything..."
+                className="bg-transparent border-none focus:outline-none text-sm text-white w-full placeholder-neutral-500"
+                disabled={isTyping}
+              />
+              <button
+                onClick={handleSend}
+                disabled={isTyping || !input.trim()}
+                className={`p-2 rounded-full transition-all ${
+                  isTyping || !input.trim()
+                    ? 'text-neutral-600 cursor-not-allowed'
+                    : 'text-purple-400 hover:text-purple-300 hover:bg-purple-500/20'
+                }`}
+              >
+                <Send className="w-4 h-4" />
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/components/Footer.tsx b/frontend/components/Footer.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..23af8306fed66d52bb10abc236769addab2dff42
--- /dev/null
+++ b/frontend/components/Footer.tsx
@@ -0,0 +1,74 @@
+import Link from 'next/link';
+import { Sparkles } from 'lucide-react';
+
+export default function Footer() {
+  return (
+    <footer className="border-t border-white/5 py-16 bg-black">
+      <div className="max-w-7xl mx-auto px-6">
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12">
+          {/* Brand */}
+          <div>
+            <div className="flex items-center gap-2 mb-4">
+              <div className="w-8 h-8 rounded-full bg-purple-900/30 flex items-center justify-center border border-purple-900/50">
+                <Sparkles className="w-4 h-4 text-purple-400" />
+              </div>
+              <span className="text-white font-medium">ORA</span>
+            </div>
+            <p className="text-neutral-500 text-sm mb-4">
+              Your sovereign AI spiritual companion. Observe. Reflect. Act. Deepen your faith through intelligent spiritual guidance.
+            </p>
+          </div>
+
+          {/* Features */}
+          <div>
+            <h4 className="text-white font-medium mb-4">Features</h4>
+            <ul className="space-y-2 text-sm text-neutral-500">
+              <li><Link href="/dashboard" className="hover:text-purple-400 transition-colors">Chat</Link></li>
+              <li><Link href="/dashboard/bible" className="hover:text-purple-400 transition-colors">Bible Study</Link></li>
+              <li><Link href="/dashboard/journal" className="hover:text-purple-400 transition-colors">Journal</Link></li>
+              <li><Link href="/dashboard/prayer" className="hover:text-purple-400 transition-colors">Prayer</Link></li>
+              <li><Link href="/dashboard/memory" className="hover:text-purple-400 transition-colors">Memory</Link></li>
+            </ul>
+          </div>
+
+          {/* Resources */}
+          <div>
+            <h4 className="text-white font-medium mb-4">Resources</h4>
+            <ul className="space-y-2 text-sm text-neutral-500">
+              <li><Link href="/ora" className="hover:text-purple-400 transition-colors">About ORA</Link></li>
+              <li><Link href="/features" className="hover:text-purple-400 transition-colors">All Features</Link></li>
+              <li><Link href="/help" className="hover:text-purple-400 transition-colors">Help Center</Link></li>
+              <li><Link href="/support" className="hover:text-purple-400 transition-colors">Support</Link></li>
+            </ul>
+          </div>
+
+          {/* Legal */}
+          <div>
+            <h4 className="text-white font-medium mb-4">Legal</h4>
+            <ul className="space-y-2 text-sm text-neutral-500">
+              <li><Link href="/privacy" className="hover:text-purple-400 transition-colors">Privacy Policy</Link></li>
+              <li><Link href="/terms" className="hover:text-purple-400 transition-colors">Terms of Service</Link></li>
+            </ul>
+
+            <h4 className="text-white font-medium mb-4 mt-8">Get Started</h4>
+            <ul className="space-y-2 text-sm text-neutral-500">
+              <li><Link href="/dashboard" className="hover:text-purple-400 transition-colors">Try ORA</Link></li>
+              <li><Link href="/pricing" className="hover:text-purple-400 transition-colors">Pricing</Link></li>
+            </ul>
+          </div>
+        </div>
+
+        <div className="border-t border-white/5 pt-8">
+          <div className="flex flex-col md:flex-row justify-between items-center gap-4">
+            <p className="text-neutral-600 text-sm">
+              &copy; 2025 ORA. All rights reserved.
+            </p>
+            <p className="text-neutral-600 text-xs">
+              Built with faith and technology.
+            </p>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/frontend/components/LayoutWrapper.tsx b/frontend/components/LayoutWrapper.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..23eb98c25afe478d796d685451c83156e91a02a7
--- /dev/null
+++ b/frontend/components/LayoutWrapper.tsx
@@ -0,0 +1,41 @@
+'use client';
+
+import { usePathname } from 'next/navigation';
+import Navbar from '@/components/Navbar';
+import Footer from '@/components/Footer';
+import ChatWidget from '@/components/ChatWidget';
+
+export default function LayoutWrapper({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  const isDashboard = pathname?.startsWith('/dashboard');
+
+  if (isDashboard) {
+    // Dashboard has its own layout - render children directly
+    return <>{children}</>;
+  }
+
+  // Regular pages with navbar, footer, and chat widget
+  return (
+    <>
+      {/* Progressive Blur Effect */}
+      <div className="gradient-blur" />
+      <Navbar />
+      <main>{children}</main>
+      <Footer />
+      <ChatWidget />
+      {/* Background effect */}
+      <div
+        className="aura-background-component top-0 w-full h-screen -z-10 fixed"
+        data-alpha-mask="80"
+        style={{ maskImage: 'linear-gradient(transparent, black 0%, black 80%, transparent)' }}
+      >
+        <div className="aura-background-component top-0 w-full -z-10 absolute h-full">
+          <div
+            data-us-project="FixNvEwvWwbu3QX9qC3F"
+            className="absolute w-full h-full left-0 top-0 -z-10"
+          />
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/frontend/components/LogoMarquee.tsx b/frontend/components/LogoMarquee.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d3f34cb4edf138c8b9e2c78e96de56c4f442b78f
--- /dev/null
+++ b/frontend/components/LogoMarquee.tsx
@@ -0,0 +1,55 @@
+'use client';
+
+import { Church, BookOpen, Heart, Users, Calendar, Shield } from 'lucide-react';
+
+const partners = [
+  { name: 'Grace Community', icon: Church },
+  { name: 'Living Faith', icon: Heart },
+  { name: 'New Hope Church', icon: BookOpen },
+  { name: 'Unity Fellowship', icon: Users },
+  { name: 'Harvest Chapel', icon: Calendar },
+  { name: 'Cornerstone', icon: Shield },
+  { name: 'Lighthouse', icon: Church },
+  { name: 'Redeemer', icon: Heart },
+];
+
+export default function LogoMarquee() {
+  return (
+    <div className="w-full py-12 overflow-hidden">
+      <p className="text-xs text-center text-white/40 font-mono uppercase tracking-[0.2em] mb-8">
+        Trusted by faith communities worldwide
+      </p>
+
+      <div className="relative w-full group">
+        {/* Gradient masks for smooth fade */}
+        <div className="absolute inset-y-0 left-0 w-32 bg-gradient-to-r from-[#050402] to-transparent z-10 pointer-events-none" />
+        <div className="absolute inset-y-0 right-0 w-32 bg-gradient-to-l from-[#050402] to-transparent z-10 pointer-events-none" />
+
+        {/* Scrolling container */}
+        <div className="flex w-max animate-marquee group-hover:[animation-play-state:paused]">
+          {/* First set */}
+          {partners.map((partner, i) => (
+            <div
+              key={`first-${i}`}
+              className="flex items-center gap-2 mx-8 opacity-40 grayscale hover:opacity-100 hover:grayscale-0 transition-all duration-500 cursor-default"
+            >
+              <partner.icon className="w-5 h-5 text-white" />
+              <span className="text-white font-medium text-sm whitespace-nowrap">{partner.name}</span>
+            </div>
+          ))}
+
+          {/* Duplicate set for seamless loop */}
+          {partners.map((partner, i) => (
+            <div
+              key={`second-${i}`}
+              className="flex items-center gap-2 mx-8 opacity-40 grayscale hover:opacity-100 hover:grayscale-0 transition-all duration-500 cursor-default"
+            >
+              <partner.icon className="w-5 h-5 text-white" />
+              <span className="text-white font-medium text-sm whitespace-nowrap">{partner.name}</span>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/components/Navbar.tsx b/frontend/components/Navbar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..69091c602595421c46949352b98d0d8d1b689c14
--- /dev/null
+++ b/frontend/components/Navbar.tsx
@@ -0,0 +1,116 @@
+'use client';
+
+import { useState } from 'react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { ArrowRight, Sparkles, Menu, X } from 'lucide-react';
+
+export default function Navbar() {
+  const pathname = usePathname();
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+
+  const isActive = (path: string) => pathname === path;
+
+  const navLinks = [
+    { href: '/dashboard', label: 'Dashboard', icon: Sparkles, purple: true },
+    { href: '/ora', label: 'About ORA' },
+    { href: '/features', label: 'Features' },
+    { href: '/pricing', label: 'Pricing' },
+  ];
+
+  return (
+    <>
+      <nav className="fixed left-1/2 -translate-x-1/2 flex shadow-black/50 transition-all duration-300 hover:border-white/20 hover:shadow-amber-500/5 bg-gradient-to-br from-white/10 to-white/0 w-fit max-w-[90vw] z-50 rounded-full ring-white/10 ring-1 pt-1.5 pr-1.5 pb-1.5 pl-4 top-6 shadow-[0_2.8px_2.2px_rgba(0,_0,_0,_0.034),_0_6.7px_5.3px_rgba(0,_0,_0,_0.048),_0_12.5px_10px_rgba(0,_0,_0,_0.06),_0_22.3px_17.9px_rgba(0,_0,_0,_0.072),_0_41.8px_33.4px_rgba(0,_0,_0,_0.086),_0_100px_80px_rgba(0,_0,_0,_0.12)] backdrop-blur-xl items-center justify-between">
+
+        {/* Logo Area */}
+        <Link href="/" className="flex gap-2.5 items-center mr-4 md:mr-8">
+          <div className="relative flex items-center justify-center w-6 h-6">
+            <Sparkles className="w-5 h-5 text-purple-500" />
+          </div>
+          <span className="font-medium text-sm tracking-tight text-white">ORA</span>
+        </Link>
+
+        {/* Links (Hidden on small screens) */}
+        <div className="hidden lg:flex items-center gap-6 mr-8">
+          {navLinks.map((link) => (
+            <Link
+              key={link.href}
+              href={link.href}
+              className={`text-xs font-medium transition-colors flex items-center gap-1 ${
+                isActive(link.href)
+                  ? (link.purple ? 'text-purple-400' : 'text-amber-400')
+                  : (link.purple ? 'text-white/50 hover:text-purple-300' : 'text-white/50 hover:text-white')
+              }`}
+            >
+              {link.icon && <link.icon className="w-3 h-3" />}
+              {link.label}
+            </Link>
+          ))}
+        </div>
+
+        {/* Action Button - Hidden on very small screens */}
+        <Link
+          href="/dashboard"
+          className="hidden sm:flex items-center gap-2 px-4 py-2 rounded-full bg-purple-600 text-white text-xs font-semibold hover:bg-purple-500 transition-colors group"
+        >
+          Try ORA
+          <ArrowRight className="w-3 h-3 group-hover:translate-x-0.5 transition-transform" />
+        </Link>
+
+        {/* Mobile Menu Button */}
+        <button
+          onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
+          className="lg:hidden flex items-center justify-center w-9 h-9 rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors ml-2"
+          aria-label="Toggle menu"
+        >
+          {mobileMenuOpen ? <X className="w-4 h-4" /> : <Menu className="w-4 h-4" />}
+        </button>
+      </nav>
+
+      {/* Mobile Menu Overlay */}
+      <div
+        className={`fixed inset-0 bg-black/80 backdrop-blur-sm z-40 transition-opacity duration-300 lg:hidden ${
+          mobileMenuOpen ? 'opacity-100 pointer-events-auto' : 'opacity-0 pointer-events-none'
+        }`}
+        onClick={() => setMobileMenuOpen(false)}
+      />
+
+      {/* Mobile Menu Panel */}
+      <div
+        className={`fixed top-20 left-4 right-4 bg-[#0a0a0a] border border-white/10 rounded-2xl z-50 p-6 transition-all duration-300 lg:hidden ${
+          mobileMenuOpen ? 'opacity-100 translate-y-0 pointer-events-auto' : 'opacity-0 -translate-y-4 pointer-events-none'
+        }`}
+      >
+        <div className="flex flex-col gap-2">
+          {navLinks.map((link) => (
+            <Link
+              key={link.href}
+              href={link.href}
+              onClick={() => setMobileMenuOpen(false)}
+              className={`flex items-center gap-3 px-4 py-3 rounded-xl transition-colors ${
+                isActive(link.href)
+                  ? (link.purple ? 'bg-purple-500/10 text-purple-400' : 'bg-amber-500/10 text-amber-400')
+                  : 'text-white/70 hover:bg-white/5 hover:text-white'
+              }`}
+            >
+              {link.icon && <link.icon className="w-4 h-4" />}
+              <span className="font-medium">{link.label}</span>
+            </Link>
+          ))}
+        </div>
+
+        {/* Mobile CTA */}
+        <div className="mt-4 pt-4 border-t border-white/10">
+          <Link
+            href="/dashboard"
+            onClick={() => setMobileMenuOpen(false)}
+            className="flex items-center justify-center gap-2 w-full px-4 py-3 rounded-xl bg-purple-600 text-white font-semibold hover:bg-purple-500 transition-colors"
+          >
+            Try ORA
+            <ArrowRight className="w-4 h-4" />
+          </Link>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/frontend/components/ShinyButton.tsx b/frontend/components/ShinyButton.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2a6503be7a688232467dd772746dc9a9b6169f09
--- /dev/null
+++ b/frontend/components/ShinyButton.tsx
@@ -0,0 +1,41 @@
+'use client';
+
+import { ReactNode } from 'react';
+
+interface ShinyButtonProps {
+  children: ReactNode;
+  onClick?: () => void;
+  className?: string;
+}
+
+export default function ShinyButton({ children, onClick, className = '' }: ShinyButtonProps) {
+  return (
+    <button className={`shiny-cta group ${className}`} onClick={onClick}>
+      {/* Rotating Border Beam */}
+      <div className="absolute inset-0 -z-20 rounded-full overflow-hidden p-[1px]">
+        <div className="absolute inset-[-100%] bg-[conic-gradient(from_0deg,transparent_0_300deg,#f59e0b_360deg)] animate-border-spin" />
+        <div className="absolute inset-[1px] rounded-full bg-[#050402]" />
+      </div>
+
+      {/* Inner Background & Effects */}
+      <div className="absolute inset-[2px] -z-10 overflow-hidden bg-[#0a0a08] rounded-full">
+        {/* Light Gradient Background */}
+        <div className="absolute inset-0 bg-gradient-to-b from-amber-900/20 to-transparent" />
+
+        {/* Animated Dots Pattern */}
+        <div className="absolute inset-0 opacity-30 mix-blend-overlay animate-dots-move"
+          style={{
+            backgroundImage: 'radial-gradient(rgba(255,255,255,0.6) 1px, transparent 1px)',
+            backgroundSize: '12px 12px'
+          }}
+        />
+
+        {/* Amber Glow on Hover */}
+        <div className="absolute bottom-0 left-1/2 -translate-x-1/2 w-2/3 h-1/2 bg-amber-500/10 blur-2xl rounded-full pointer-events-none transition-colors duration-500 group-hover:bg-amber-500/30" />
+      </div>
+
+      {/* Content */}
+      <span className="relative z-10 text-white/90 transition-colors group-hover:text-white">{children}</span>
+    </button>
+  );
+}
diff --git a/frontend/components/SpotlightCard.tsx b/frontend/components/SpotlightCard.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..93ecbab9d2083f93bfc57685280b865a682bef64
--- /dev/null
+++ b/frontend/components/SpotlightCard.tsx
@@ -0,0 +1,85 @@
+'use client';
+
+import { useRef, ReactNode } from 'react';
+
+interface SpotlightCardProps {
+  children: ReactNode;
+  className?: string;
+  spotlightColor?: string;
+  id?: string;
+  style?: React.CSSProperties;
+}
+
+export default function SpotlightCard({ children, className = '', spotlightColor = 'amber', id, style }: SpotlightCardProps) {
+  const cardRef = useRef<HTMLDivElement>(null);
+
+  const handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {
+    if (!cardRef.current) return;
+    const rect = cardRef.current.getBoundingClientRect();
+    const x = e.clientX - rect.left;
+    const y = e.clientY - rect.top;
+    cardRef.current.style.setProperty('--mouse-x', `${x}px`);
+    cardRef.current.style.setProperty('--mouse-y', `${y}px`);
+
+    const centerX = rect.width / 2;
+    const centerY = rect.height / 2;
+    const rotateX = ((y - centerY) / centerY) * -4;
+    const rotateY = ((x - centerX) / centerX) * 4;
+    cardRef.current.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.02)`;
+  };
+
+  const handleMouseLeave = () => {
+    if (!cardRef.current) return;
+    cardRef.current.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1)';
+  };
+
+  // Color mapping for spotlight
+  const colorMap: Record<string, string> = {
+    amber: 'rgba(251, 191, 36, 0.08)',
+    purple: 'rgba(168, 85, 247, 0.08)',
+    emerald: 'rgba(52, 211, 153, 0.08)',
+  };
+
+  const borderColorMap: Record<string, string> = {
+    amber: 'rgba(251, 191, 36, 0.5)',
+    purple: 'rgba(168, 85, 247, 0.5)',
+    emerald: 'rgba(52, 211, 153, 0.5)',
+  };
+
+  const glowColor = colorMap[spotlightColor] || colorMap.amber;
+  const borderColor = borderColorMap[spotlightColor] || borderColorMap.amber;
+
+  return (
+    <div
+      ref={cardRef}
+      id={id}
+      className={`spotlight-card group relative ${className}`}
+      onMouseMove={handleMouseMove}
+      onMouseLeave={handleMouseLeave}
+      style={style}
+    >
+      {/* Spotlight Background Glow */}
+      <div
+        className="pointer-events-none absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[inherit]"
+        style={{
+          background: `radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), ${glowColor}, transparent 40%)`,
+        }}
+      />
+
+      {/* Spotlight Border Effect */}
+      <div
+        className="pointer-events-none absolute inset-0 rounded-[inherit] opacity-0 group-hover:opacity-100 transition-opacity duration-500"
+        style={{
+          border: `1px solid ${borderColor}`,
+          maskImage: 'radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), black, transparent)',
+          WebkitMaskImage: 'radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), black, transparent)',
+        }}
+      />
+
+      {/* Hover Top Gradient */}
+      <div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-white/[0.03] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[inherit]" />
+
+      {children}
+    </div>
+  );
+}
diff --git a/frontend/components/chat/MarkdownMessage.tsx b/frontend/components/chat/MarkdownMessage.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2ef805c70dcb999ee3a87b4ed5858c91c5fdb85b
--- /dev/null
+++ b/frontend/components/chat/MarkdownMessage.tsx
@@ -0,0 +1,138 @@
+'use client';
+
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import type { Components } from 'react-markdown';
+
+interface MarkdownMessageProps {
+  content: string;
+  variant?: 'user' | 'assistant';
+}
+
+export default function MarkdownMessage({ content, variant = 'assistant' }: MarkdownMessageProps) {
+  const isUser = variant === 'user';
+
+  const components: Components = {
+    // Headings
+    h1: ({ children }) => (
+      <h1 className="text-lg font-bold mb-2 mt-3 first:mt-0 text-white">{children}</h1>
+    ),
+    h2: ({ children }) => (
+      <h2 className="text-base font-semibold mb-2 mt-3 first:mt-0 text-white">{children}</h2>
+    ),
+    h3: ({ children }) => (
+      <h3 className="text-sm font-semibold mb-1.5 mt-2 first:mt-0 text-white">{children}</h3>
+    ),
+
+    // Paragraphs
+    p: ({ children }) => (
+      <p className="mb-2 last:mb-0 leading-relaxed">{children}</p>
+    ),
+
+    // Strong/Bold - for scripture references
+    strong: ({ children }) => (
+      <strong className={`font-semibold ${isUser ? 'text-amber-200' : 'text-purple-300'}`}>
+        {children}
+      </strong>
+    ),
+
+    // Emphasis/Italic
+    em: ({ children }) => (
+      <em className="italic text-neutral-300">{children}</em>
+    ),
+
+    // Links
+    a: ({ href, children }) => (
+      <a
+        href={href}
+        target="_blank"
+        rel="noopener noreferrer"
+        className={`underline underline-offset-2 hover:no-underline transition-colors ${
+          isUser ? 'text-amber-400 hover:text-amber-300' : 'text-purple-400 hover:text-purple-300'
+        }`}
+      >
+        {children}
+      </a>
+    ),
+
+    // Lists
+    ul: ({ children }) => (
+      <ul className="list-none space-y-1.5 my-2 ml-1">{children}</ul>
+    ),
+    ol: ({ children }) => (
+      <ol className="list-decimal list-inside space-y-1.5 my-2 ml-1">{children}</ol>
+    ),
+    li: ({ children }) => (
+      <li className="flex items-start gap-2">
+        <span className={`mt-2 w-1.5 h-1.5 rounded-full shrink-0 ${isUser ? 'bg-amber-400/60' : 'bg-purple-400/60'}`} />
+        <span className="flex-1">{children}</span>
+      </li>
+    ),
+
+    // Blockquotes - for scripture
+    blockquote: ({ children }) => (
+      <blockquote className={`my-3 pl-4 border-l-2 ${
+        isUser ? 'border-amber-500/40 bg-amber-500/5' : 'border-purple-500/40 bg-purple-500/5'
+      } rounded-r-lg py-2 pr-3 italic`}>
+        {children}
+      </blockquote>
+    ),
+
+    // Code blocks
+    code: ({ className, children }) => {
+      const isInline = !className;
+      if (isInline) {
+        return (
+          <code className={`px-1.5 py-0.5 rounded text-xs font-mono ${
+            isUser ? 'bg-amber-500/20 text-amber-200' : 'bg-purple-500/20 text-purple-200'
+          }`}>
+            {children}
+          </code>
+        );
+      }
+      return (
+        <code className="block p-3 my-2 rounded-lg bg-black/30 border border-white/10 text-xs font-mono overflow-x-auto text-neutral-200">
+          {children}
+        </code>
+      );
+    },
+
+    // Pre for code blocks
+    pre: ({ children }) => (
+      <pre className="my-2 rounded-lg overflow-hidden">{children}</pre>
+    ),
+
+    // Horizontal rule
+    hr: () => (
+      <hr className={`my-4 border-t ${isUser ? 'border-amber-500/20' : 'border-purple-500/20'}`} />
+    ),
+
+    // Tables
+    table: ({ children }) => (
+      <div className="my-3 overflow-x-auto">
+        <table className="w-full text-xs border-collapse">{children}</table>
+      </div>
+    ),
+    thead: ({ children }) => (
+      <thead className={`${isUser ? 'bg-amber-500/10' : 'bg-purple-500/10'}`}>{children}</thead>
+    ),
+    tbody: ({ children }) => <tbody>{children}</tbody>,
+    tr: ({ children }) => (
+      <tr className="border-b border-white/5">{children}</tr>
+    ),
+    th: ({ children }) => (
+      <th className="px-3 py-2 text-left font-semibold text-white">{children}</th>
+    ),
+    td: ({ children }) => (
+      <td className="px-3 py-2 text-neutral-300">{children}</td>
+    ),
+  };
+
+  return (
+    <div className={`prose prose-sm max-w-none ${isUser ? 'text-amber-50' : 'text-purple-50'}`}>
+      <ReactMarkdown remarkPlugins={[remarkGfm]} components={components}>
+        {content}
+      </ReactMarkdown>
+    </div>
+  );
+}
diff --git a/frontend/components/chat/ThinkingIndicator.tsx b/frontend/components/chat/ThinkingIndicator.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ba2f755bb34a08856eb3c8e8e6c0537bfd752dc2
--- /dev/null
+++ b/frontend/components/chat/ThinkingIndicator.tsx
@@ -0,0 +1,161 @@
+'use client';
+
+import { Shield, BookOpen, Heart, Brain, Sparkles } from 'lucide-react';
+
+interface ThinkingIndicatorProps {
+  activeAgent?: string;
+  stage?: 'routing' | 'thinking' | 'responding';
+}
+
+const agentConfig: Record<string, { icon: typeof Shield; color: string; label: string; description: string }> = {
+  Gatekeeper: {
+    icon: Shield,
+    color: 'purple',
+    label: 'Gatekeeper',
+    description: 'Analyzing your intent...',
+  },
+  Theologian: {
+    icon: BookOpen,
+    color: 'blue',
+    label: 'Theologian',
+    description: 'Consulting Scripture...',
+  },
+  Healer: {
+    icon: Heart,
+    color: 'rose',
+    label: 'Healer',
+    description: 'Preparing pastoral care...',
+  },
+  Orchestrator: {
+    icon: Brain,
+    color: 'amber',
+    label: 'Orchestrator',
+    description: 'Coordinating response...',
+  },
+  System: {
+    icon: Sparkles,
+    color: 'neutral',
+    label: 'System',
+    description: 'Processing...',
+  },
+};
+
+const colorClasses: Record<string, { bg: string; border: string; text: string; glow: string; pulse: string }> = {
+  purple: {
+    bg: 'bg-purple-500/20',
+    border: 'border-purple-500/40',
+    text: 'text-purple-400',
+    glow: 'shadow-[0_0_20px_rgba(168,85,247,0.4)]',
+    pulse: 'bg-purple-400',
+  },
+  blue: {
+    bg: 'bg-blue-500/20',
+    border: 'border-blue-500/40',
+    text: 'text-blue-400',
+    glow: 'shadow-[0_0_20px_rgba(59,130,246,0.4)]',
+    pulse: 'bg-blue-400',
+  },
+  rose: {
+    bg: 'bg-rose-500/20',
+    border: 'border-rose-500/40',
+    text: 'text-rose-400',
+    glow: 'shadow-[0_0_20px_rgba(244,63,94,0.4)]',
+    pulse: 'bg-rose-400',
+  },
+  amber: {
+    bg: 'bg-amber-500/20',
+    border: 'border-amber-500/40',
+    text: 'text-amber-400',
+    glow: 'shadow-[0_0_20px_rgba(245,158,11,0.4)]',
+    pulse: 'bg-amber-400',
+  },
+  neutral: {
+    bg: 'bg-neutral-500/20',
+    border: 'border-neutral-500/40',
+    text: 'text-neutral-400',
+    glow: 'shadow-[0_0_20px_rgba(163,163,163,0.4)]',
+    pulse: 'bg-neutral-400',
+  },
+};
+
+export default function ThinkingIndicator({ activeAgent = 'Gatekeeper', stage = 'thinking' }: ThinkingIndicatorProps) {
+  const agent = agentConfig[activeAgent] || agentConfig.System;
+  const colors = colorClasses[agent.color] || colorClasses.neutral;
+  const Icon = agent.icon;
+
+  return (
+    <div className="flex gap-3 items-start animate-fade-in">
+      {/* Agent Icon with Pulsing Rings */}
+      <div className="relative">
+        <div className={`w-8 h-8 rounded-full ${colors.bg} flex items-center justify-center border ${colors.border} ${colors.glow} transition-all duration-500`}>
+          <Icon className={`w-4 h-4 ${colors.text}`} />
+        </div>
+        {/* Sonar rings */}
+        <div className="absolute inset-0 rounded-full animate-ping-slow opacity-30">
+          <div className={`w-full h-full rounded-full ${colors.bg} border ${colors.border}`} />
+        </div>
+        <div className="absolute inset-0 rounded-full animate-ping-slower opacity-20" style={{ animationDelay: '0.5s' }}>
+          <div className={`w-full h-full rounded-full ${colors.bg} border ${colors.border}`} />
+        </div>
+      </div>
+
+      {/* Thinking Content */}
+      <div className={`flex-1 rounded-2xl rounded-tl-sm p-4 ${colors.bg} border ${colors.border} backdrop-blur-sm`}>
+        {/* Agent Badge */}
+        <div className="flex items-center gap-2 mb-2">
+          <span className={`text-[10px] font-mono uppercase tracking-wider ${colors.text}`}>
+            {agent.label}
+          </span>
+          <div className="flex items-center gap-1">
+            <span className={`w-1.5 h-1.5 rounded-full ${colors.pulse} animate-pulse`} />
+            <span className="text-[10px] text-neutral-500">
+              {stage === 'routing' ? 'Routing' : stage === 'responding' ? 'Generating' : 'Thinking'}
+            </span>
+          </div>
+        </div>
+
+        {/* Animated Thinking Dots */}
+        <div className="flex items-center gap-3">
+          <div className="flex items-center gap-1.5">
+            <span className={`w-2 h-2 ${colors.pulse} rounded-full animate-bounce`} style={{ animationDelay: '0ms' }} />
+            <span className={`w-2 h-2 ${colors.pulse} rounded-full animate-bounce`} style={{ animationDelay: '150ms' }} />
+            <span className={`w-2 h-2 ${colors.pulse} rounded-full animate-bounce`} style={{ animationDelay: '300ms' }} />
+          </div>
+          <span className="text-sm text-neutral-400 italic">{agent.description}</span>
+        </div>
+
+        {/* Swarm Activity Indicator */}
+        <div className="mt-3 pt-3 border-t border-white/5">
+          <div className="flex items-center gap-2">
+            <span className="text-[9px] text-neutral-600 uppercase tracking-wider">Swarm Activity</span>
+            <div className="flex-1 h-1 bg-white/5 rounded-full overflow-hidden">
+              <div
+                className={`h-full ${colors.pulse} opacity-60 rounded-full animate-pulse`}
+                style={{ width: '60%' }}
+              />
+            </div>
+          </div>
+          <div className="flex gap-1.5 mt-2">
+            {Object.entries(agentConfig).slice(0, 4).map(([name, config]) => {
+              const isActive = name === activeAgent;
+              const agentColors = colorClasses[config.color];
+              return (
+                <div
+                  key={name}
+                  className={`flex items-center gap-1 px-1.5 py-0.5 rounded text-[8px] transition-all duration-300 ${
+                    isActive
+                      ? `${agentColors.bg} ${agentColors.border} border ${agentColors.text}`
+                      : 'bg-white/5 text-neutral-600'
+                  }`}
+                >
+                  <config.icon className="w-2.5 h-2.5" />
+                  <span className="hidden sm:inline">{name.slice(0, 4)}</span>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/components/dashboard/AuraOrb.tsx b/frontend/components/dashboard/AuraOrb.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b40e50cdf122c774792c36d5f214d42c2aedd5d2
--- /dev/null
+++ b/frontend/components/dashboard/AuraOrb.tsx
@@ -0,0 +1,141 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { Sparkles } from 'lucide-react';
+
+type OrbState = 'idle' | 'listening' | 'thinking' | 'speaking';
+
+interface AuraOrbProps {
+  state?: OrbState;
+  size?: 'sm' | 'md' | 'lg';
+  activeAgent?: string;
+  className?: string;
+}
+
+const agentGradients: Record<string, string> = {
+  Gatekeeper: 'from-purple-600 via-purple-500 to-violet-600',
+  Theologian: 'from-blue-600 via-blue-500 to-indigo-600',
+  Healer: 'from-rose-600 via-rose-500 to-pink-600',
+  Orchestrator: 'from-amber-600 via-amber-500 to-orange-600',
+  System: 'from-neutral-600 via-neutral-500 to-gray-600',
+};
+
+const agentGlows: Record<string, string> = {
+  Gatekeeper: 'shadow-[0_0_60px_rgba(168,85,247,0.5),0_0_100px_rgba(168,85,247,0.3)]',
+  Theologian: 'shadow-[0_0_60px_rgba(59,130,246,0.5),0_0_100px_rgba(59,130,246,0.3)]',
+  Healer: 'shadow-[0_0_60px_rgba(244,63,94,0.5),0_0_100px_rgba(244,63,94,0.3)]',
+  Orchestrator: 'shadow-[0_0_60px_rgba(245,158,11,0.5),0_0_100px_rgba(245,158,11,0.3)]',
+  System: 'shadow-[0_0_60px_rgba(163,163,163,0.5),0_0_100px_rgba(163,163,163,0.3)]',
+};
+
+const sizeClasses = {
+  sm: 'w-16 h-16',
+  md: 'w-24 h-24',
+  lg: 'w-32 h-32',
+};
+
+const iconSizes = {
+  sm: 'w-6 h-6',
+  md: 'w-10 h-10',
+  lg: 'w-14 h-14',
+};
+
+export default function AuraOrb({
+  state = 'idle',
+  size = 'md',
+  activeAgent = 'Gatekeeper',
+  className = ''
+}: AuraOrbProps) {
+  const [pulseIntensity, setPulseIntensity] = useState(1);
+
+  // Animate pulse intensity based on state
+  useEffect(() => {
+    if (state === 'thinking' || state === 'speaking') {
+      const interval = setInterval(() => {
+        setPulseIntensity(prev => {
+          const next = prev + (Math.random() * 0.4 - 0.2);
+          return Math.max(0.6, Math.min(1.4, next));
+        });
+      }, 100);
+      return () => clearInterval(interval);
+    } else {
+      setPulseIntensity(1);
+    }
+  }, [state]);
+
+  const gradient = agentGradients[activeAgent] || agentGradients.Gatekeeper;
+  const glow = agentGlows[activeAgent] || agentGlows.Gatekeeper;
+
+  return (
+    <div className={`relative flex items-center justify-center ${className}`}>
+      {/* Outer pulse rings */}
+      {(state === 'thinking' || state === 'speaking') && (
+        <>
+          <div
+            className={`absolute ${sizeClasses[size]} rounded-full bg-gradient-to-br ${gradient} opacity-20 animate-ping-slow`}
+            style={{ transform: `scale(${1.5 * pulseIntensity})` }}
+          />
+          <div
+            className={`absolute ${sizeClasses[size]} rounded-full bg-gradient-to-br ${gradient} opacity-10 animate-ping-slower`}
+            style={{ transform: `scale(${2 * pulseIntensity})`, animationDelay: '0.5s' }}
+          />
+        </>
+      )}
+
+      {/* Main orb */}
+      <div
+        className={`
+          relative ${sizeClasses[size]} rounded-full
+          bg-gradient-to-br ${gradient}
+          ${glow}
+          flex items-center justify-center
+          transition-all duration-300
+          ${state === 'idle' ? 'animate-breathe' : ''}
+          ${state === 'listening' ? 'animate-pulse-fast scale-105' : ''}
+          ${state === 'thinking' ? 'animate-spin-slow' : ''}
+          ${state === 'speaking' ? '' : ''}
+        `}
+        style={{
+          transform: state === 'speaking' ? `scale(${pulseIntensity})` : undefined,
+        }}
+      >
+        {/* Inner glow layer */}
+        <div className={`absolute inset-2 rounded-full bg-gradient-to-br from-white/20 to-transparent`} />
+
+        {/* Icon */}
+        <Sparkles
+          className={`${iconSizes[size]} text-white drop-shadow-lg ${
+            state === 'thinking' ? 'animate-pulse' : ''
+          }`}
+        />
+
+        {/* State indicator dot */}
+        <div className={`
+          absolute -bottom-1 -right-1 w-4 h-4 rounded-full border-2 border-[#0a0a0a]
+          ${state === 'idle' ? 'bg-emerald-500' : ''}
+          ${state === 'listening' ? 'bg-amber-500 animate-pulse' : ''}
+          ${state === 'thinking' ? 'bg-purple-500 animate-bounce' : ''}
+          ${state === 'speaking' ? 'bg-blue-500 animate-pulse' : ''}
+        `}>
+          <span className={`
+            absolute inset-0 rounded-full animate-ping
+            ${state === 'idle' ? 'bg-emerald-400' : ''}
+            ${state === 'listening' ? 'bg-amber-400' : ''}
+            ${state === 'thinking' ? 'bg-purple-400' : ''}
+            ${state === 'speaking' ? 'bg-blue-400' : ''}
+          `} />
+        </div>
+      </div>
+
+      {/* State label */}
+      <div className="absolute -bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap">
+        <span className="text-[10px] font-mono uppercase tracking-wider text-neutral-500">
+          {state === 'idle' && 'Ready'}
+          {state === 'listening' && 'Listening...'}
+          {state === 'thinking' && `${activeAgent} thinking...`}
+          {state === 'speaking' && 'Speaking...'}
+        </span>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/components/dashboard/ChatInterface.tsx b/frontend/components/dashboard/ChatInterface.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..7eeadc7f1d18335c77177c7f51070aa614b5fad2
--- /dev/null
+++ b/frontend/components/dashboard/ChatInterface.tsx
@@ -0,0 +1,391 @@
+'use client';
+
+import { useState, useRef, useEffect } from 'react';
+import {
+  Send,
+  Sparkles,
+  Shield,
+  BookOpen,
+  Heart,
+  Brain,
+  Eye,
+  EyeOff,
+  Bot,
+  Mic,
+  Paperclip,
+  MoreHorizontal,
+} from 'lucide-react';
+import AuraOrb from './AuraOrb';
+import MarkdownMessage from '../chat/MarkdownMessage';
+import ThinkingIndicator from '../chat/ThinkingIndicator';
+
+interface Message {
+  role: 'user' | 'assistant';
+  content: string;
+  agent?: string;
+  trace?: TraceStep[];
+  timestamp?: Date;
+}
+
+interface TraceStep {
+  agent: string;
+  action: string;
+  result?: string;
+}
+
+const agentIcons: Record<string, typeof Shield> = {
+  Gatekeeper: Shield,
+  Theologian: BookOpen,
+  Healer: Heart,
+  Orchestrator: Brain,
+  System: Sparkles,
+};
+
+const agentColors: Record<string, { bg: string; border: string; text: string }> = {
+  Gatekeeper: { bg: 'bg-purple-500/20', border: 'border-purple-500/30', text: 'text-purple-400' },
+  Theologian: { bg: 'bg-blue-500/20', border: 'border-blue-500/30', text: 'text-blue-400' },
+  Healer: { bg: 'bg-rose-500/20', border: 'border-rose-500/30', text: 'text-rose-400' },
+  Orchestrator: { bg: 'bg-amber-500/20', border: 'border-amber-500/30', text: 'text-amber-400' },
+  System: { bg: 'bg-neutral-500/20', border: 'border-neutral-500/30', text: 'text-neutral-400' },
+};
+
+const quickActions = [
+  { label: 'Pray with me', icon: Heart },
+  { label: 'Explain a verse', icon: BookOpen },
+  { label: 'Daily reflection', icon: Sparkles },
+  { label: 'Seek guidance', icon: Brain },
+];
+
+export default function ChatInterface() {
+  const [messages, setMessages] = useState<Message[]>([]);
+  const [input, setInput] = useState('');
+  const [isTyping, setIsTyping] = useState(false);
+  const [activeAgent, setActiveAgent] = useState<string>('Gatekeeper');
+  const [orbState, setOrbState] = useState<'idle' | 'listening' | 'thinking' | 'speaking'>('idle');
+  const [showTrace, setShowTrace] = useState<Record<number, boolean>>({});
+  const messagesEndRef = useRef<HTMLDivElement>(null);
+  const inputRef = useRef<HTMLTextAreaElement>(null);
+
+  const scrollToBottom = () => {
+    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+  };
+
+  useEffect(() => {
+    scrollToBottom();
+  }, [messages, isTyping]);
+
+  // Auto-resize textarea
+  useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.style.height = 'auto';
+      inputRef.current.style.height = `${Math.min(inputRef.current.scrollHeight, 120)}px`;
+    }
+  }, [input]);
+
+  const handleSend = async () => {
+    if (!input.trim() || isTyping) return;
+
+    const userMsg: Message = {
+      role: 'user',
+      content: input,
+      timestamp: new Date(),
+    };
+
+    setMessages(prev => [...prev, userMsg]);
+    setInput('');
+    setIsTyping(true);
+    setOrbState('thinking');
+    setActiveAgent('Gatekeeper');
+
+    try {
+      const response = await fetch('http://localhost:6000/api/chat', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ message: input })
+      });
+      const data = await response.json();
+
+      if (data.success) {
+        if (data.response.agent !== 'Gatekeeper') {
+          setActiveAgent(data.response.agent);
+          await new Promise(resolve => setTimeout(resolve, 300));
+        }
+
+        setOrbState('speaking');
+
+        const assistantMsg: Message = {
+          role: 'assistant',
+          content: data.response.content,
+          agent: data.response.agent,
+          trace: data.response.trace || [],
+          timestamp: new Date(),
+        };
+
+        setMessages(prev => [...prev, assistantMsg]);
+
+        // Return to idle after a moment
+        setTimeout(() => setOrbState('idle'), 2000);
+      }
+    } catch (error) {
+      console.error('Chat failed:', error);
+      setMessages(prev => [...prev, {
+        role: 'assistant',
+        content: "I apologize, but I'm having trouble connecting to my reasoning core. Please ensure the ORA backend is running on port 6000.",
+        agent: 'System',
+        timestamp: new Date(),
+      }]);
+      setOrbState('idle');
+    } finally {
+      setIsTyping(false);
+    }
+  };
+
+  const handleQuickAction = (action: string) => {
+    setInput(action);
+    inputRef.current?.focus();
+  };
+
+  const toggleTrace = (index: number) => {
+    setShowTrace(prev => ({ ...prev, [index]: !prev[index] }));
+  };
+
+  const AgentIcon = ({ agent }: { agent: string }) => {
+    const Icon = agentIcons[agent] || Sparkles;
+    const colors = agentColors[agent] || agentColors.System;
+    return (
+      <div className={`w-8 h-8 rounded-full ${colors.bg} flex items-center justify-center border ${colors.border}`}>
+        <Icon className={`w-4 h-4 ${colors.text}`} />
+      </div>
+    );
+  };
+
+  // Empty state
+  if (messages.length === 0) {
+    return (
+      <div className="h-full flex flex-col">
+        {/* Hero Section */}
+        <div className="flex-1 flex flex-col items-center justify-center p-8">
+          <AuraOrb state={orbState} size="lg" activeAgent={activeAgent} className="mb-12" />
+
+          <h1 className="text-3xl font-bold text-white mb-2">Welcome to ORA</h1>
+          <p className="text-neutral-400 text-center max-w-md mb-8">
+            Your sovereign AI spiritual companion. I'm here to help you explore Scripture,
+            reflect on your faith, and grow in wisdom.
+          </p>
+
+          {/* Quick Actions */}
+          <div className="grid grid-cols-2 gap-3 w-full max-w-lg">
+            {quickActions.map((action) => (
+              <button
+                key={action.label}
+                onClick={() => handleQuickAction(action.label)}
+                className="flex items-center gap-3 p-4 rounded-xl bg-white/[0.03] border border-white/10 hover:border-purple-500/30 hover:bg-purple-500/5 transition-all group"
+              >
+                <div className="w-10 h-10 rounded-lg bg-purple-500/10 flex items-center justify-center border border-purple-500/20 group-hover:scale-110 transition-transform">
+                  <action.icon className="w-5 h-5 text-purple-400" />
+                </div>
+                <span className="text-sm text-neutral-300 group-hover:text-white transition-colors">
+                  {action.label}
+                </span>
+              </button>
+            ))}
+          </div>
+        </div>
+
+        {/* Input Area */}
+        <div className="p-4 border-t border-white/5 bg-black/20">
+          <div className="max-w-3xl mx-auto">
+            <div className="flex items-end gap-3 bg-white/[0.03] border border-white/10 rounded-2xl p-3 focus-within:border-purple-500/40 transition-all">
+              <textarea
+                ref={inputRef}
+                value={input}
+                onChange={(e) => setInput(e.target.value)}
+                onKeyDown={(e) => {
+                  if (e.key === 'Enter' && !e.shiftKey) {
+                    e.preventDefault();
+                    handleSend();
+                  }
+                }}
+                placeholder="Ask ORA anything about faith, Scripture, or life..."
+                className="flex-1 bg-transparent border-none focus:outline-none text-white placeholder-neutral-500 resize-none min-h-[24px] max-h-[120px]"
+                rows={1}
+              />
+              <div className="flex items-center gap-2">
+                <button className="p-2 text-neutral-500 hover:text-white hover:bg-white/5 rounded-lg transition-colors">
+                  <Mic className="w-5 h-5" />
+                </button>
+                <button
+                  onClick={handleSend}
+                  disabled={!input.trim()}
+                  className={`p-2 rounded-lg transition-all ${
+                    input.trim()
+                      ? 'bg-purple-600 hover:bg-purple-500 text-white'
+                      : 'bg-white/5 text-neutral-600 cursor-not-allowed'
+                  }`}
+                >
+                  <Send className="w-5 h-5" />
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  // Chat view with messages
+  return (
+    <div className="h-full flex flex-col">
+      {/* Header */}
+      <div className="flex items-center justify-between p-4 border-b border-white/5">
+        <div className="flex items-center gap-3">
+          <AuraOrb state={orbState} size="sm" activeAgent={activeAgent} />
+          <div className="ml-2">
+            <span className="text-white font-medium">ORA</span>
+            <span className="block text-xs text-neutral-500">
+              {isTyping ? `${activeAgent} is thinking...` : 'Ready to help'}
+            </span>
+          </div>
+        </div>
+        <button className="p-2 rounded-lg hover:bg-white/5 text-neutral-500 hover:text-white transition-colors">
+          <MoreHorizontal className="w-5 h-5" />
+        </button>
+      </div>
+
+      {/* Messages */}
+      <div className="flex-1 overflow-y-auto p-4 space-y-6">
+        {messages.map((m, i) => (
+          <div
+            key={i}
+            className={`flex gap-4 ${m.role === 'user' ? 'flex-row-reverse' : ''} animate-message-in`}
+          >
+            {/* Avatar */}
+            <div className="shrink-0">
+              {m.role === 'user' ? (
+                <div className="w-8 h-8 rounded-full bg-amber-500/20 flex items-center justify-center border border-amber-500/30">
+                  <Bot className="w-4 h-4 text-amber-400" />
+                </div>
+              ) : (
+                <AgentIcon agent={m.agent || 'System'} />
+              )}
+            </div>
+
+            {/* Content */}
+            <div className={`flex flex-col gap-1 ${m.role === 'user' ? 'items-end' : ''} max-w-[75%]`}>
+              {/* Agent Badge */}
+              {m.agent && m.role === 'assistant' && (
+                <div className="flex items-center gap-2">
+                  <span className={`text-[10px] font-mono uppercase tracking-wider ${agentColors[m.agent]?.text || 'text-neutral-400'}`}>
+                    {m.agent}
+                  </span>
+                  {m.trace && m.trace.length > 0 && (
+                    <button
+                      onClick={() => toggleTrace(i)}
+                      className="flex items-center gap-1 text-[10px] text-neutral-500 hover:text-purple-400 transition-colors"
+                    >
+                      {showTrace[i] ? <EyeOff className="w-3 h-3" /> : <Eye className="w-3 h-3" />}
+                      Reasoning
+                    </button>
+                  )}
+                </div>
+              )}
+
+              {/* Trace */}
+              {showTrace[i] && m.trace && m.trace.length > 0 && (
+                <div className="animate-trace-expand mb-2 p-3 rounded-xl bg-white/[0.02] border border-white/5 w-full">
+                  <div className="text-[9px] text-neutral-500 uppercase tracking-wider mb-2">
+                    Reasoning Trace
+                  </div>
+                  <div className="space-y-2">
+                    {m.trace.map((step, j) => (
+                      <div key={j} className="flex items-start gap-2 text-[11px]">
+                        <div className={`w-5 h-5 rounded shrink-0 flex items-center justify-center ${agentColors[step.agent]?.bg || 'bg-neutral-500/20'}`}>
+                          <span className={`text-[9px] font-bold ${agentColors[step.agent]?.text || 'text-neutral-400'}`}>
+                            {j + 1}
+                          </span>
+                        </div>
+                        <div>
+                          <span className={`font-medium ${agentColors[step.agent]?.text || 'text-neutral-400'}`}>
+                            {step.agent}:
+                          </span>
+                          <span className="text-neutral-400 ml-1">{step.action}</span>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              )}
+
+              {/* Message Bubble */}
+              <div
+                className={`rounded-2xl px-4 py-3 ${
+                  m.role === 'user'
+                    ? 'bg-gradient-to-br from-amber-500/15 to-amber-600/10 border border-amber-500/20 rounded-tr-sm'
+                    : `bg-gradient-to-br from-purple-500/10 to-purple-600/5 border ${agentColors[m.agent || 'System']?.border || 'border-purple-500/20'} rounded-tl-sm`
+                }`}
+              >
+                <MarkdownMessage content={m.content} variant={m.role} />
+              </div>
+
+              {/* Timestamp */}
+              {m.timestamp && (
+                <span className="text-[10px] text-neutral-600 px-1">
+                  {m.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+                </span>
+              )}
+            </div>
+          </div>
+        ))}
+
+        {/* Thinking Indicator */}
+        {isTyping && (
+          <ThinkingIndicator activeAgent={activeAgent} stage="thinking" />
+        )}
+
+        <div ref={messagesEndRef} />
+      </div>
+
+      {/* Input Area */}
+      <div className="p-4 border-t border-white/5 bg-black/20">
+        <div className="max-w-3xl mx-auto">
+          <div className="flex items-end gap-3 bg-white/[0.03] border border-white/10 rounded-2xl p-3 focus-within:border-purple-500/40 transition-all">
+            <textarea
+              ref={inputRef}
+              value={input}
+              onChange={(e) => setInput(e.target.value)}
+              onKeyDown={(e) => {
+                if (e.key === 'Enter' && !e.shiftKey) {
+                  e.preventDefault();
+                  handleSend();
+                }
+              }}
+              placeholder="Continue the conversation..."
+              className="flex-1 bg-transparent border-none focus:outline-none text-white placeholder-neutral-500 resize-none min-h-[24px] max-h-[120px]"
+              rows={1}
+              disabled={isTyping}
+            />
+            <div className="flex items-center gap-2">
+              <button className="p-2 text-neutral-500 hover:text-white hover:bg-white/5 rounded-lg transition-colors">
+                <Paperclip className="w-5 h-5" />
+              </button>
+              <button className="p-2 text-neutral-500 hover:text-white hover:bg-white/5 rounded-lg transition-colors">
+                <Mic className="w-5 h-5" />
+              </button>
+              <button
+                onClick={handleSend}
+                disabled={!input.trim() || isTyping}
+                className={`p-2 rounded-lg transition-all ${
+                  input.trim() && !isTyping
+                    ? 'bg-purple-600 hover:bg-purple-500 text-white'
+                    : 'bg-white/5 text-neutral-600 cursor-not-allowed'
+                }`}
+              >
+                <Send className="w-5 h-5" />
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/components/dashboard/MemoryTimeline.tsx b/frontend/components/dashboard/MemoryTimeline.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..cfe11bab934e862f61bf4b504d346a40dd7d586c
--- /dev/null
+++ b/frontend/components/dashboard/MemoryTimeline.tsx
@@ -0,0 +1,292 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Brain, Clock, Heart, BookOpen, Sparkles, ChevronRight, RefreshCw } from 'lucide-react';
+
+interface Episode {
+  id: string;
+  content: string;
+  insight: string;
+  emotion: string;
+  timestamp: string;
+  type: 'conversation' | 'reflection' | 'prayer' | 'scripture';
+}
+
+const emotionColors: Record<string, { bg: string; text: string; border: string }> = {
+  joy: { bg: 'bg-amber-500/10', text: 'text-amber-400', border: 'border-amber-500/30' },
+  peace: { bg: 'bg-emerald-500/10', text: 'text-emerald-400', border: 'border-emerald-500/30' },
+  hope: { bg: 'bg-blue-500/10', text: 'text-blue-400', border: 'border-blue-500/30' },
+  gratitude: { bg: 'bg-purple-500/10', text: 'text-purple-400', border: 'border-purple-500/30' },
+  seeking: { bg: 'bg-violet-500/10', text: 'text-violet-400', border: 'border-violet-500/30' },
+  sorrow: { bg: 'bg-rose-500/10', text: 'text-rose-400', border: 'border-rose-500/30' },
+  neutral: { bg: 'bg-neutral-500/10', text: 'text-neutral-400', border: 'border-neutral-500/30' },
+};
+
+const typeIcons = {
+  conversation: Brain,
+  reflection: Sparkles,
+  prayer: Heart,
+  scripture: BookOpen,
+};
+
+// Mock data - in production this would come from the API
+const mockEpisodes: Episode[] = [
+  {
+    id: '1',
+    content: 'Asked about dealing with anxiety and finding peace',
+    insight: 'Seeking comfort through Scripture - Philippians 4:6-7 resonated',
+    emotion: 'seeking',
+    timestamp: new Date(Date.now() - 1000 * 60 * 30).toISOString(),
+    type: 'conversation',
+  },
+  {
+    id: '2',
+    content: 'Morning prayer for guidance in career decision',
+    insight: 'Trust in divine timing while taking practical steps',
+    emotion: 'hope',
+    timestamp: new Date(Date.now() - 1000 * 60 * 60 * 2).toISOString(),
+    type: 'prayer',
+  },
+  {
+    id: '3',
+    content: 'Studied Psalm 23 with ORA',
+    insight: 'The shepherd metaphor connects protection with provision',
+    emotion: 'peace',
+    timestamp: new Date(Date.now() - 1000 * 60 * 60 * 24).toISOString(),
+    type: 'scripture',
+  },
+  {
+    id: '4',
+    content: 'Journaled about gratitude for community',
+    insight: 'Fellowship strengthens faith during difficult seasons',
+    emotion: 'gratitude',
+    timestamp: new Date(Date.now() - 1000 * 60 * 60 * 48).toISOString(),
+    type: 'reflection',
+  },
+];
+
+function formatTimeAgo(timestamp: string): string {
+  const now = new Date();
+  const date = new Date(timestamp);
+  const diff = now.getTime() - date.getTime();
+
+  const minutes = Math.floor(diff / (1000 * 60));
+  const hours = Math.floor(diff / (1000 * 60 * 60));
+  const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+
+  if (minutes < 60) return `${minutes}m ago`;
+  if (hours < 24) return `${hours}h ago`;
+  if (days === 1) return 'Yesterday';
+  if (days < 7) return `${days}d ago`;
+  return date.toLocaleDateString();
+}
+
+interface MemoryTimelineProps {
+  compact?: boolean;
+  maxItems?: number;
+}
+
+export default function MemoryTimeline({ compact = false, maxItems = 5 }: MemoryTimelineProps) {
+  const [episodes, setEpisodes] = useState<Episode[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchEpisodes = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      // Try to fetch from backend
+      const response = await fetch('http://localhost:6000/api/memory/episodes', {
+        method: 'GET',
+        headers: { 'Content-Type': 'application/json' },
+      });
+
+      if (response.ok) {
+        const data = await response.json();
+        setEpisodes(data.episodes || []);
+      } else {
+        // Use mock data if API not available
+        setEpisodes(mockEpisodes);
+      }
+    } catch {
+      // Use mock data on error
+      setEpisodes(mockEpisodes);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchEpisodes();
+  }, []);
+
+  const displayEpisodes = episodes.slice(0, maxItems);
+
+  if (compact) {
+    return (
+      <div className="space-y-2">
+        <div className="flex items-center justify-between mb-3">
+          <div className="flex items-center gap-2">
+            <Brain className="w-4 h-4 text-purple-400" />
+            <span className="text-sm font-medium text-white">Recent Memories</span>
+          </div>
+          <button
+            onClick={fetchEpisodes}
+            className="p-1 rounded hover:bg-white/5 text-neutral-500 hover:text-white transition-colors"
+          >
+            <RefreshCw className={`w-3.5 h-3.5 ${loading ? 'animate-spin' : ''}`} />
+          </button>
+        </div>
+
+        {loading ? (
+          <div className="space-y-2">
+            {[1, 2, 3].map((i) => (
+              <div key={i} className="h-12 rounded-lg bg-white/5 animate-pulse" />
+            ))}
+          </div>
+        ) : (
+          <div className="space-y-2">
+            {displayEpisodes.map((episode) => {
+              const colors = emotionColors[episode.emotion] || emotionColors.neutral;
+              const Icon = typeIcons[episode.type];
+              return (
+                <div
+                  key={episode.id}
+                  className={`p-3 rounded-xl ${colors.bg} border ${colors.border} hover:scale-[1.02] transition-transform cursor-pointer`}
+                >
+                  <div className="flex items-start gap-2">
+                    <Icon className={`w-4 h-4 ${colors.text} shrink-0 mt-0.5`} />
+                    <div className="flex-1 min-w-0">
+                      <p className="text-xs text-white/90 line-clamp-1">{episode.content}</p>
+                      <div className="flex items-center gap-2 mt-1">
+                        <span className={`text-[10px] ${colors.text}`}>{episode.emotion}</span>
+                        <span className="text-[10px] text-neutral-600">
+                          {formatTimeAgo(episode.timestamp)}
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        )}
+      </div>
+    );
+  }
+
+  return (
+    <div className="h-full flex flex-col">
+      {/* Header */}
+      <div className="flex items-center justify-between p-4 border-b border-white/5">
+        <div className="flex items-center gap-3">
+          <div className="w-10 h-10 rounded-xl bg-purple-500/20 flex items-center justify-center border border-purple-500/30">
+            <Brain className="w-5 h-5 text-purple-400" />
+          </div>
+          <div>
+            <h2 className="text-lg font-semibold text-white">Episodic Memory</h2>
+            <p className="text-xs text-neutral-500">Your spiritual journey timeline</p>
+          </div>
+        </div>
+        <button
+          onClick={fetchEpisodes}
+          className="p-2 rounded-lg hover:bg-white/5 text-neutral-500 hover:text-white transition-colors"
+        >
+          <RefreshCw className={`w-4 h-4 ${loading ? 'animate-spin' : ''}`} />
+        </button>
+      </div>
+
+      {/* Timeline */}
+      <div className="flex-1 overflow-y-auto p-4">
+        {loading ? (
+          <div className="space-y-4">
+            {[1, 2, 3, 4].map((i) => (
+              <div key={i} className="h-24 rounded-xl bg-white/5 animate-pulse" />
+            ))}
+          </div>
+        ) : error ? (
+          <div className="text-center py-8">
+            <p className="text-neutral-500 text-sm">{error}</p>
+            <button
+              onClick={fetchEpisodes}
+              className="mt-2 text-purple-400 text-sm hover:underline"
+            >
+              Try again
+            </button>
+          </div>
+        ) : episodes.length === 0 ? (
+          <div className="text-center py-8">
+            <Brain className="w-12 h-12 text-neutral-700 mx-auto mb-3" />
+            <p className="text-neutral-500 text-sm">No memories yet</p>
+            <p className="text-neutral-600 text-xs mt-1">
+              Start a conversation to build your spiritual memory
+            </p>
+          </div>
+        ) : (
+          <div className="relative">
+            {/* Timeline line */}
+            <div className="absolute left-[19px] top-0 bottom-0 w-px bg-gradient-to-b from-purple-500/50 via-purple-500/20 to-transparent" />
+
+            {/* Episodes */}
+            <div className="space-y-4">
+              {displayEpisodes.map((episode, index) => {
+                const colors = emotionColors[episode.emotion] || emotionColors.neutral;
+                const Icon = typeIcons[episode.type];
+                return (
+                  <div
+                    key={episode.id}
+                    className="relative pl-12 animate-fade-slide-in"
+                    style={{ animationDelay: `${index * 100}ms` }}
+                  >
+                    {/* Timeline dot */}
+                    <div
+                      className={`absolute left-3 top-3 w-4 h-4 rounded-full ${colors.bg} border-2 ${colors.border} z-10`}
+                    />
+
+                    {/* Card */}
+                    <div
+                      className={`p-4 rounded-xl ${colors.bg} border ${colors.border} hover:scale-[1.01] transition-transform cursor-pointer group`}
+                    >
+                      <div className="flex items-start justify-between gap-3">
+                        <div className="flex items-start gap-3">
+                          <div className={`w-8 h-8 rounded-lg ${colors.bg} flex items-center justify-center shrink-0`}>
+                            <Icon className={`w-4 h-4 ${colors.text}`} />
+                          </div>
+                          <div>
+                            <p className="text-sm text-white/90">{episode.content}</p>
+                            <p className="text-xs text-neutral-500 mt-1 italic">
+                              "{episode.insight}"
+                            </p>
+                            <div className="flex items-center gap-3 mt-2">
+                              <span className={`text-[10px] px-2 py-0.5 rounded-full ${colors.bg} ${colors.text} border ${colors.border}`}>
+                                {episode.emotion}
+                              </span>
+                              <span className="text-[10px] text-neutral-600 flex items-center gap-1">
+                                <Clock className="w-3 h-3" />
+                                {formatTimeAgo(episode.timestamp)}
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <ChevronRight className="w-4 h-4 text-neutral-600 group-hover:text-white transition-colors" />
+                      </div>
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          </div>
+        )}
+      </div>
+
+      {/* Footer */}
+      {episodes.length > maxItems && (
+        <div className="p-4 border-t border-white/5">
+          <button className="w-full py-2 text-sm text-purple-400 hover:text-purple-300 transition-colors">
+            View all {episodes.length} memories
+          </button>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/components/dashboard/Sidebar.tsx b/frontend/components/dashboard/Sidebar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a566ceb1ac1d9aad424ad494b6b61a18da3ae3ef
--- /dev/null
+++ b/frontend/components/dashboard/Sidebar.tsx
@@ -0,0 +1,200 @@
+'use client';
+
+import { useState } from 'react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import {
+  MessageSquare,
+  BookOpen,
+  Heart,
+  Brain,
+  History,
+  Settings,
+  Sparkles,
+  ChevronLeft,
+  ChevronRight,
+  Home,
+  PenTool,
+  Compass,
+  Flame,
+} from 'lucide-react';
+
+interface NavItem {
+  icon: typeof MessageSquare;
+  label: string;
+  href: string;
+  badge?: string;
+  color?: string;
+}
+
+const mainNav: NavItem[] = [
+  { icon: MessageSquare, label: 'Chat', href: '/dashboard', color: 'purple' },
+  { icon: BookOpen, label: 'Bible Study', href: '/dashboard/bible', color: 'blue' },
+  { icon: PenTool, label: 'Journal', href: '/dashboard/journal', color: 'amber' },
+  { icon: Heart, label: 'Prayer', href: '/dashboard/prayer', color: 'rose' },
+];
+
+const secondaryNav: NavItem[] = [
+  { icon: History, label: 'Memory', href: '/dashboard/memory', color: 'violet' },
+  { icon: Brain, label: 'Insights', href: '/dashboard/insights', color: 'emerald' },
+  { icon: Compass, label: 'Explore', href: '/dashboard/explore', color: 'cyan' },
+];
+
+const colorClasses: Record<string, { bg: string; border: string; text: string; hover: string }> = {
+  purple: { bg: 'bg-purple-500/10', border: 'border-purple-500/30', text: 'text-purple-400', hover: 'hover:bg-purple-500/20' },
+  blue: { bg: 'bg-blue-500/10', border: 'border-blue-500/30', text: 'text-blue-400', hover: 'hover:bg-blue-500/20' },
+  amber: { bg: 'bg-amber-500/10', border: 'border-amber-500/30', text: 'text-amber-400', hover: 'hover:bg-amber-500/20' },
+  rose: { bg: 'bg-rose-500/10', border: 'border-rose-500/30', text: 'text-rose-400', hover: 'hover:bg-rose-500/20' },
+  violet: { bg: 'bg-violet-500/10', border: 'border-violet-500/30', text: 'text-violet-400', hover: 'hover:bg-violet-500/20' },
+  emerald: { bg: 'bg-emerald-500/10', border: 'border-emerald-500/30', text: 'text-emerald-400', hover: 'hover:bg-emerald-500/20' },
+  cyan: { bg: 'bg-cyan-500/10', border: 'border-cyan-500/30', text: 'text-cyan-400', hover: 'hover:bg-cyan-500/20' },
+};
+
+export default function Sidebar() {
+  const [collapsed, setCollapsed] = useState(false);
+  const pathname = usePathname();
+
+  const NavLink = ({ item, isActive }: { item: NavItem; isActive: boolean }) => {
+    const colors = colorClasses[item.color || 'purple'];
+    return (
+      <Link
+        href={item.href}
+        className={`
+          flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all duration-200
+          ${isActive
+            ? `${colors.bg} ${colors.border} border ${colors.text}`
+            : `text-neutral-400 hover:text-white ${colors.hover}`
+          }
+          ${collapsed ? 'justify-center' : ''}
+        `}
+        title={collapsed ? item.label : undefined}
+      >
+        <item.icon className={`w-5 h-5 shrink-0 ${isActive ? colors.text : ''}`} />
+        {!collapsed && (
+          <>
+            <span className="text-sm font-medium">{item.label}</span>
+            {item.badge && (
+              <span className={`ml-auto text-[10px] px-1.5 py-0.5 rounded-full ${colors.bg} ${colors.text}`}>
+                {item.badge}
+              </span>
+            )}
+          </>
+        )}
+      </Link>
+    );
+  };
+
+  return (
+    <aside
+      className={`
+        h-screen sticky top-0 flex flex-col
+        bg-[#0a0a0a]/80 backdrop-blur-xl
+        border-r border-white/5
+        transition-all duration-300
+        ${collapsed ? 'w-[72px]' : 'w-[240px]'}
+      `}
+    >
+      {/* Logo */}
+      <div className={`p-4 border-b border-white/5 ${collapsed ? 'px-3' : ''}`}>
+        <Link href="/" className="flex items-center gap-3">
+          <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-purple-600 to-purple-800 flex items-center justify-center shadow-lg shadow-purple-500/20">
+            <Sparkles className="w-5 h-5 text-white" />
+          </div>
+          {!collapsed && (
+            <div>
+              <span className="text-lg font-bold text-white tracking-tight">ORA</span>
+              <span className="block text-[10px] text-purple-400 -mt-0.5">Spiritual Companion</span>
+            </div>
+          )}
+        </Link>
+      </div>
+
+      {/* Main Navigation */}
+      <nav className="flex-1 p-3 space-y-1 overflow-y-auto">
+        <div className={`${collapsed ? '' : 'mb-4'}`}>
+          {!collapsed && (
+            <span className="px-3 text-[10px] font-medium text-neutral-600 uppercase tracking-wider">
+              Main
+            </span>
+          )}
+          <div className="mt-2 space-y-1">
+            {mainNav.map((item) => (
+              <NavLink
+                key={item.href}
+                item={item}
+                isActive={pathname === item.href}
+              />
+            ))}
+          </div>
+        </div>
+
+        <div className={`pt-4 border-t border-white/5 ${collapsed ? '' : ''}`}>
+          {!collapsed && (
+            <span className="px-3 text-[10px] font-medium text-neutral-600 uppercase tracking-wider">
+              Knowledge
+            </span>
+          )}
+          <div className="mt-2 space-y-1">
+            {secondaryNav.map((item) => (
+              <NavLink
+                key={item.href}
+                item={item}
+                isActive={pathname === item.href}
+              />
+            ))}
+          </div>
+        </div>
+      </nav>
+
+      {/* Bottom Section */}
+      <div className="p-3 border-t border-white/5 space-y-2">
+        {/* Settings */}
+        <Link
+          href="/dashboard/settings"
+          className={`
+            flex items-center gap-3 px-3 py-2.5 rounded-xl
+            text-neutral-400 hover:text-white hover:bg-white/5
+            transition-all duration-200
+            ${collapsed ? 'justify-center' : ''}
+          `}
+        >
+          <Settings className="w-5 h-5" />
+          {!collapsed && <span className="text-sm">Settings</span>}
+        </Link>
+
+        {/* Collapse Toggle */}
+        <button
+          onClick={() => setCollapsed(!collapsed)}
+          className={`
+            w-full flex items-center gap-3 px-3 py-2.5 rounded-xl
+            text-neutral-500 hover:text-white hover:bg-white/5
+            transition-all duration-200
+            ${collapsed ? 'justify-center' : ''}
+          `}
+        >
+          {collapsed ? (
+            <ChevronRight className="w-5 h-5" />
+          ) : (
+            <>
+              <ChevronLeft className="w-5 h-5" />
+              <span className="text-sm">Collapse</span>
+            </>
+          )}
+        </button>
+      </div>
+
+      {/* Status Indicator */}
+      {!collapsed && (
+        <div className="p-4 border-t border-white/5">
+          <div className="flex items-center gap-2 px-3 py-2 rounded-lg bg-emerald-500/10 border border-emerald-500/20">
+            <span className="relative flex h-2 w-2">
+              <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" />
+              <span className="relative inline-flex rounded-full h-2 w-2 bg-emerald-500" />
+            </span>
+            <span className="text-xs text-emerald-400">ORA Online</span>
+          </div>
+        </div>
+      )}
+    </aside>
+  );
+}
diff --git a/frontend/inspo/Aura Financial Banking Landing Page Template (1).html b/frontend/inspo/Aura Financial Banking Landing Page Template (1).html
new file mode 100644
index 0000000000000000000000000000000000000000..c514136e1302cb0c9a2e4807be0e206d1a664178
--- /dev/null
+++ b/frontend/inspo/Aura Financial Banking Landing Page Template (1).html	
@@ -0,0 +1,1141 @@
+<html lang="en" class="scroll-smooth"><head><meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Aura Financial | Future Banking</title>
+<!-- Fonts -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&amp;family=Newsreader:ital,opsz,wght@1,6..72,300;1,6..72,400&amp;display=swap" rel="stylesheet">
+<!-- Tailwind CSS -->
+<script src="https://cdn.tailwindcss.com"></script>
+<!-- Iconify -->
+<script src="https://code.iconify.design/3/3.1.0/iconify.min.js"></script>
+<script>
+tailwind.config = {
+theme: {
+extend: {
+fontFamily: {
+sans: ['Inter', 'sans-serif'],
+serif: ['Newsreader', 'serif'],
+},
+colors: {
+brand: {
+sky: '#38BDF8',
+dark: '#050505',
+panel: '#0F110E',
+}
+},
+backgroundImage: {
+'radial-glow': 'radial-gradient(circle at 70% 50%, rgba(56, 189, 248, 0.25) 0%, rgba(5, 5, 5, 0) 60%)',
+},
+animation: {
+'beam': 'beam 3s linear infinite',
+'spin-slow': 'spin 12s linear infinite',
+'spin-slow-reverse': 'spin 15s linear infinite reverse',
+'pulse-fast': 'pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+},
+keyframes: {
+beam: {
+'0%': { strokeDashoffset: '1000' },
+'100%': { strokeDashoffset: '0' },
+}
+}
+}
+}
+}
+</script>
+<style>
+body {
+background-color: #030303;
+color: #ffffff;
+-webkit-font-smoothing: antialiased;
+}
+.text-glow {
+text-shadow: 0 0 25px rgba(56, 189, 248, 0.4);
+}
+.grid-bg {
+background-size: 100px 200px;
+background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
+linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
+mask-image: radial-gradient(circle at center, black 40%, transparent 100%);
+}
+.monotone-logo {
+filter: grayscale(100%) brightness(150%) contrast(0.5);
+opacity: 0.5;
+transition: opacity 0.3s ease;
+}
+.monotone-logo:hover {
+opacity: 1;
+filter: grayscale(100%) brightness(200%);
+}
+.beam-line {
+stroke-dasharray: 80 1000;
+stroke-linecap: round;
+}
+/* Custom Keyframes for SVG Sonar */
+@keyframes sonar-wave {
+0% { r: 10px; opacity: 0.8; stroke-width: 1px; }
+100% { r: 80px; opacity: 0; stroke-width: 0px; }
+}
+.animate-sonar {
+animation: sonar-wave 3s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+.delay-1000 { animation-delay: 1s; }
+.delay-2000 { animation-delay: 2s; }
+/* Shiny CTA Button CSS */
+@property --gradient-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
+@property --gradient-angle-offset { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
+@property --gradient-percent { syntax: "<percentage>"; initial-value: 20%; inherits: false; }
+@property --gradient-shine { syntax: "<color>"; initial-value: #38BDF8; inherits: false; }
+.shiny-cta {
+--gradient-angle: 0deg;
+--gradient-angle-offset: 0deg;
+--gradient-percent: 20%;
+--gradient-shine: #38BDF8;
+--shadow-size: 2px;
+position: relative;
+overflow: hidden;
+border-radius: 9999px;
+padding: 1.25rem 2.5rem;
+font-size: 1rem;
+line-height: 1.2;
+font-weight: 500;
+color: #ffffff;
+background: linear-gradient(#030303, #030303) padding-box,
+conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent 0%, #0ea5e9 5%, var(--gradient-shine) 15%, #0ea5e9 30%, transparent 40%, transparent 100% ) border-box;
+border: 2px solid transparent;
+box-shadow: inset 0 0 0 1px #1a1818;
+outline: none;
+transition: --gradient-angle-offset 800ms cubic-bezier(0.25, 1, 0.5, 1), --gradient-percent 800ms cubic-bezier(0.25, 1, 0.5, 1), --gradient-shine 800ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s;
+cursor: pointer;
+isolation: isolate;
+outline-offset: 4px;
+font-family: 'Inter', 'Helvetica Neue', sans-serif;
+z-index: 0;
+animation: border-spin 2.5s linear infinite;
+}
+@keyframes border-spin { to { --gradient-angle: 360deg; } }
+.shiny-cta:active { transform: translateY(1px); }
+.shiny-cta::before {
+content: ''; pointer-events: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0;
+--size: calc(100% - 6px); --position: 2px; --space: 4px; width: var(--size); height: var(--size);
+background: radial-gradient(circle at var(--position) var(--position), white 0.5px, transparent 0) padding-box;
+background-size: var(--space) var(--space); background-repeat: space;
+mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black, transparent 10% 90%, black );
+border-radius: inherit; opacity: 0.4; pointer-events: none;
+}
+.shiny-cta::after {
+content: ''; pointer-events: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;
+width: 100%; aspect-ratio: 1;
+background: linear-gradient(-50deg, transparent, #0ea5e9, transparent);
+mask-image: radial-gradient(circle at bottom, transparent 40%, black);
+opacity: 0.6; animation: shimmer 4s linear infinite; animation-play-state: running;
+}
+.shiny-cta span { position: relative; z-index: 2; display: inline-block; }
+.shiny-cta span::before {
+content: ''; pointer-events: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;
+--size: calc(100% + 1rem); width: var(--size); height: var(--size);
+box-shadow: inset 0 -1ex 2rem 4px #0ea5e9; opacity: 0; border-radius: inherit;
+transition: opacity 800ms cubic-bezier(0.25, 1, 0.5, 1); animation: breathe 4.5s linear infinite;
+}
+@keyframes shimmer { to { transform: translate(-50%, -50%) rotate(360deg);} }
+@keyframes breathe {
+0%, 100% { transform: translate(-50%, -50%) scale(1);}
+50% { transform: translate(-50%, -50%) scale(1.20);}
+}
+/* Shared Border Gradient for Secondary Button */
+[style*="--border-gradient"]::before {
+content: "";
+position: absolute;
+inset: 0;
+padding: 1px;
+border-radius: var(--border-radius-before, inherit);
+-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+-webkit-mask-composite: xor;
+mask-composite: exclude;
+background: var(--border-gradient);
+pointer-events: none;
+}
+</style>
+<meta name="disabled-font-classes" content="font-geist,font-roboto,font-montserrat,font-poppins,font-playfair,font-instrument-serif,font-merriweather,font-bricolage,font-jakarta,font-manrope,font-space-grotesk,font-work-sans,font-pt-serif,font-geist-mono,font-space-mono,font-quicksand,font-nunito">  <style id="border-gradient-shared-style">
+[style*="--border-gradient"]::before {
+content: "";
+position: absolute;
+inset: 0;
+padding: 1px;
+border-radius: var(--border-radius-before, inherit);
+-webkit-mask: linear-gradient(#fff 0 0) content-box,
+linear-gradient(#fff 0 0);
+-webkit-mask-composite: xor;
+mask-composite: exclude;
+background: var(--border-gradient);
+pointer-events: none;
+}</style>  <style>
+/* 3D Transform utilities */
+</style></head>
+<body class="min-h-screen overflow-x-hidden selection:bg-brand-sky selection:text-black relative">
+
+<!-- Background (component) -->
+<div class="aura-background-component top-0 w-full h-screen -z-10 fixed" data-alpha-mask="80" style="mask-image: linear-gradient(transparent, black 0%, black 80%, transparent);"><div class="aura-background-component top-0 w-full -z-10 absolute h-full">
+  <div data-us-project="FixNvEwvWwbu3QX9qC3F" class="absolute w-full h-full left-0 top-0 -z-10"></div>
+  <script type="text/javascript">
+    !function(){if(!window.UnicornStudio){window.UnicornStudio={isInitialized:!1};var i=document.createElement("script");i.src="https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js@v1.4.29/dist/unicornStudio.umd.js",i.onload=function(){window.UnicornStudio.isInitialized||(UnicornStudio.init(),window.UnicornStudio.isInitialized=!0)},(document.head || document.body).appendChild(i)}}();
+  </script>
+</div></div>
+
+    <!-- Background Effects -->
+    <div class="fixed inset-0 grid-bg pointer-events-none z-0"></div>
+    
+    <!-- Navigation: Pill Shaped & Floating -->
+    <nav class="fixed -translate-x-1/2 flex shadow-black/50 transition-all duration-300 hover:border-white/20 hover:shadow-brand-sky/5 bg-gradient-to-br from-white/10 to-white/0 w-fit max-w-[90vw] z-50 rounded-full ring-white/10 ring-1 pt-1.5 pr-1.5 pb-1.5 pl-4 top-6 left-1/2 shadow-[0_2.8px_2.2px_rgba(0,_0,_0,_0.034),_0_6.7px_5.3px_rgba(0,_0,_0,_0.048),_0_12.5px_10px_rgba(0,_0,_0,_0.06),_0_22.3px_17.9px_rgba(0,_0,_0,_0.072),_0_41.8px_33.4px_rgba(0,_0,_0,_0.086),_0_100px_80px_rgba(0,_0,_0,_0.12)] backdrop-blur-xl items-center justify-between">
+        
+        <!-- Logo Area -->
+        <div class="flex gap-2.5 items-center mr-8">
+            <div class="relative flex items-center justify-center">
+                 
+                 <!-- Subtle glow behind logo -->
+                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="width: 24px; height: 24px; color: rgb(56, 189, 248);" class="iconify iconify--solar w-[24px] h-[24px]" aria-hidden="true" role="img" data-icon="solar:layers-minimalistic-bold-duotone" data-solar="forbidden-circle-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2"><path fill="#38bdf8" d="M4.929 4.929c-3.905 3.905-3.905 10.237 0 14.142s10.237 3.905 14.142 0s3.905-10.237 0-14.142s-10.237-3.905-14.142 0" opacity=".5" class=""></path><path fill="#38bdf8" d="M18.521 4.418L4.418 18.521a10 10 0 0 0 1.06 1.061L19.583 5.479a10 10 0 0 0-1.06-1.06" class=""></path></svg>
+            </div>
+            <span class="font-sans font-medium text-base tracking-tight text-white">Aura</span>
+        </div>
+
+        <!-- Links (Hidden on small screens) -->
+        <div class="hidden md:flex items-center gap-6 mr-8">
+            <a href="#" class="text-xs font-medium text-white/50 hover:text-white transition-colors">Philosophy</a>
+            <a href="#" class="text-xs font-medium text-white/50 hover:text-white transition-colors">Ecosystem</a>
+            <a href="#" class="text-xs font-medium text-white/50 hover:text-white transition-colors">Rates</a>
+        </div>
+
+        <!-- Action Button -->
+        <button class="flex items-center gap-2 px-4 py-2 rounded-full bg-white text-black text-xs font-semibold hover:bg-brand-sky transition-colors group">
+            Start Engine
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:arrow-right-bold-duotone" class="iconify group-hover:translate-x-0.5 transition-transform"><path fill="currentColor" d="M13.25 12.75V18a.75.75 0 0 0 1.28.53l6-6a.75.75 0 0 0 0-1.06l-6-6a.75.75 0 0 0-1.28.53z"></path></svg>
+        </button>
+    </nav>
+
+    <!-- Main Content -->
+    <main class="container lg:px-12 lg:pt-0 min-h-[1100px] flex flex-col lg:flex-row z-10 mr-auto ml-auto pt-0 pr-6 pl-6 relative items-center">
+
+  <!-- Left Column: Copy -->
+  <div class="w-full lg:w-1/2 flex flex-col justify-center pt-12 pb-20 lg:py-0">
+    <h4 class="text-xs font-mono tracking-[0.2em] text-white/40 uppercase mb-8 flex items-center gap-2">
+      <span class="relative flex h-2 w-2">
+                  <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-brand-sky opacity-75"></span>
+      <span class="relative inline-flex rounded-full h-2 w-2 bg-brand-sky"></span>
+      </span>
+      System Operational
+    </h4>
+
+    <h1 class="lg:text-7xl leading-[1.1] text-brand-sky text-glow text-5xl italic tracking-tight font-serif mb-6">
+      Architect your wealth <br>
+      <span class="text-white opacity-90">with absolute precision.</span>
+    </h1>
+
+    <p class="font-sans text-xl lg:text-2xl font-light text-white/70 leading-relaxed tracking-tight max-w-xl mb-12">
+      Advanced financial protocols merged with intuitive design. We provide the infrastructure to accelerate your
+      economic
+      legacy.
+    </p>
+
+    <div class="flex flex-col sm:flex-row gap-6 gap-x-6 gap-y-6 items-start sm:items-center">
+
+      <!-- Animated Shiny CTA Button -->
+      <button class="shiny-cta focus:outline-none">
+                    <span>Initialize Protocol</span>
+                </button>
+
+      <!-- Gradient Pill Button with Icon (Dark Gray) -->
+      <button class="hover:bg-white/10 hover:text-white transition-all flex text-sm font-medium text-slate-300 bg-white/5 rounded-full pt-3 pr-6 pb-3 pl-6 gap-x-2 gap-y-2 items-center group" style="box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05); position: relative; --border-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.15)); --border-radius-before: 9999px">
+
+                    <span class="text-sm font-medium tracking-tight">
+                        View Ecosystem
+                    </span>
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="opacity-70 group-hover:opacity-100 group-hover:translate-x-0.5 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
+                </button>
+
+    </div>
+  </div>
+
+  <!-- Right Column: Abstract UI Visualization with Sonar -->
+  <div class="lg:w-1/2 lg:h-[800px] flex w-full h-[500px] relative perspective-1000 items-center justify-center">
+
+    <svg class="absolute inset-0 w-full h-full pointer-events-none z-10 overflow-visible" viewBox="0 0 600 600">
+      <defs>
+
+
+      </defs>
+
+      <!-- Connecting Beams -->
+      <!-- Group 1 -->
+      <g>
+        <path d="M -50 150 C 100 150, 100 300, 300 300" fill="none" stroke="white" stroke-width="1" class="opacity-[0.08]"></path>
+        <path d="M -50 150 C 100 150, 100 300, 300 300" fill="none" stroke="#38BDF8" stroke-width="1.5" class="beam-line animate-beam opacity-60"></path>
+      </g>
+      <!-- Group 2 -->
+      <g>
+        <path d="M -50 450 C 100 450, 100 300, 300 300" fill="none" stroke="white" stroke-width="1" class="opacity-[0.08]"></path>
+        <path d="M -50 450 C 100 450, 100 300, 300 300" fill="none" stroke="#38BDF8" stroke-width="1.5" class="beam-line animate-beam opacity-60" style="animation-delay: -1s;"></path>
+      </g>
+      <!-- Group 3 -->
+      <g>
+        <path d="M 650 100 C 500 100, 500 300, 300 300" fill="none" stroke="white" stroke-width="1" class="opacity-[0.08]"></path>
+        <path d="M 650 100 C 500 100, 500 300, 300 300" fill="none" stroke="#38BDF8" stroke-width="1.5" class="beam-line animate-beam opacity-60" style="animation-delay: -2s;"></path>
+      </g>
+      <!-- Group 4 -->
+      <g>
+        <path d="M 650 500 C 500 500, 500 300, 300 300" fill="none" stroke="white" stroke-width="1" class="opacity-[0.08]"></path>
+        <path d="M 650 500 C 500 500, 500 300, 300 300" fill="none" stroke="#38BDF8" stroke-width="1.5" class="beam-line animate-beam opacity-60" style="animation-delay: -1.5s;"></path>
+      </g>
+
+      <!-- CENTRAL NODE DETAIL -->
+      <g transform="translate(300, 300)">
+        <!-- Ambient Glow -->
+        <circle r="120" fill="url(#center-glow)" class="animate-pulse"></circle>
+
+        <!-- Sonar Waves -->
+        <circle r="20" fill="none" stroke="#38BDF8" stroke-width="1" opacity="0.5" class="animate-sonar"></circle>
+        <circle r="20" fill="none" stroke="#38BDF8" stroke-width="1" opacity="0.5" class="animate-sonar delay-1000">
+        </circle>
+        <circle r="20" fill="none" stroke="#38BDF8" stroke-width="1" opacity="0.5" class="animate-sonar delay-2000">
+        </circle>
+
+        <!-- Technical Rings -->
+        <!-- Outer Dashed Ring Slow -->
+        <circle r="65" fill="none" stroke="white" stroke-opacity="0.1" stroke-width="1" stroke-dasharray="10 20" class="animate-spin-slow"></circle>
+
+        <!-- Inner Dashed Ring Reverse -->
+        <circle r="45" fill="none" stroke="#38BDF8" stroke-opacity="0.2" stroke-width="1" stroke-dasharray="4 6" class="animate-spin-slow-reverse"></circle>
+
+        <!-- Crosshair Markers -->
+        <g class="animate-spin-slow" style="animation-duration: 20s;">
+          <path d="M -80 0 L -70 0" stroke="white" stroke-opacity="0.2"></path>
+          <path d="M 80 0 L 70 0" stroke="white" stroke-opacity="0.2"></path>
+          <path d="M 0 -80 L 0 -70" stroke="white" stroke-opacity="0.2"></path>
+          <path d="M 0 80 L 0 70" stroke="white" stroke-opacity="0.2"></path>
+        </g>
+
+        <!-- Core -->
+        <circle r="8" fill="#0A0A0A" stroke="#38BDF8" stroke-width="2"></circle>
+        <circle r="4" fill="#38BDF8" class="animate-pulse-fast"></circle>
+      </g>
+
+    </svg>
+
+    <!-- Floating Labels -->
+    <div class="absolute top-[20%] lg:top-[25%] left-[10%] lg:left-[15%] flex flex-col items-end">
+      <span class="text-xs font-mono text-brand-sky tracking-widest mb-1 opacity-80">ZERO LATENCY</span>
+      <div class="h-[1px] w-12 bg-gradient-to-l from-brand-sky to-transparent"></div>
+    </div>
+
+    <div class="absolute bottom-[20%] lg:bottom-[25%] right-[10%] lg:right-[15%] flex flex-col items-start">
+      <span class="text-xs font-mono text-brand-sky tracking-widest mb-1 opacity-80">DEFI NATIVE</span>
+      <div class="h-[1px] w-12 bg-gradient-to-r from-brand-sky to-transparent"></div>
+    </div>
+
+    <!-- Extra Data Decoration (New) -->
+    <div class="absolute top-[50%] right-[15%] hidden lg:flex flex-col gap-1">
+      <div class="flex gap-1">
+        <div class="w-1 h-1 bg-white/20"></div>
+        <div class="w-1 h-1 bg-white/20"></div>
+        <div class="w-1 h-1 bg-brand-sky animate-pulse"></div>
+      </div>
+    </div>
+  </div>
+  <section class="w-[95%] z-20 pb-8 absolute bottom-0">
+  <div class="flex flex-col lg:flex-row overflow-hidden opacity-50 w-full pt-6 gap-x-6 gap-y-6 items-center justify-between">
+    <style>
+      @keyframes marquee {
+        0% { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+      }
+      .animate-marquee {
+        animation: marquee 40s linear infinite;
+      }
+      .mask-gradient-fade {
+        mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
+        -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
+      }
+    </style>
+
+    <!-- Infinite Marquee Section -->
+    <div class="flex-1 overflow-hidden mask-gradient-fade w-full relative">
+      <div class="flex animate-marquee hover:[animation-play-state:paused] w-max gap-x-32 gap-y-16 items-center">
+  <!-- Original Set -->
+  <svg xmlns="http://www.w3.org/2000/svg" width="124" height="28" viewBox="0 0 512 90" style="color: rgb(255, 255, 255); width: 124px; height: 28px;" class="w-[124px] h-[28px]" aria-hidden="true" role="img" data-icon="logos:vercel" data-logos="airbrake" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+    <g fill="#ffffff">
+      <path fill-opacity=".6" d="m33.83 8.897l6.176 18.062l-10.965 31.634a78.3 78.3 0 0 0 13.112 1.02a83 83 0 0 0 9.038-.475l3.768 11.744c-4.066.411-8.5.709-12.75.709a122 122 0 0 1-16.88-1.219l-6.254 18.332H0L29.835 8.897z">
+      </path>
+      <path d="M481.258 26.959c19.21 0 30.742 8.96 30.742 31.57c0 2.833-.078 5.907-.15 6.311h-44.227c-.078 9.102 7.664 13.076 19.741 13.076c8.132 0 14.613-1.898 18.983-3.188l.708 11.815c-3.62 1.353-11.453 3.322-22.149 3.322c-21.2.029-35.671-7.777-35.671-31.407c0-15.271 6.028-25.457 18.232-29.537v24.791h26.527c.07-11-4.144-15.753-13.26-15.753c-4.25 0-7.388 1.02-9.57 3.195V27.908a50.7 50.7 0 0 1 10.094-.95M201.561 2.309v56.22c0 12.042 2.487 19.415 13.26 19.415s14.089-7.402 14.089-19.415s-3.315-19.422-14.089-19.422c-4.519 0-7.536 1.289-9.57 3.669v-11.95c3.464-2.174 8.14-3.598 14.543-3.598c16.277 0 26.895 9.3 26.895 31.23c0 21.958-10.625 31.167-27.044 31.167c-10.172 0-16.05-3.542-19.366-8.082l-.828 7.132h-15.442V13.99h-7.841V2.31zm131.161 25.11c10.32 0 16.2 3.599 19.437 8.146l.906-7.473h15.371l.021 60.583h-17.56V58.53c0-12.042-2.485-19.422-13.259-19.422s-14.089 7.402-14.089 19.422s3.315 19.387 14.089 19.387c4.526 0 7.537-1.29 9.57-3.662V86.07c-3.464 2.167-8.21 3.541-14.542 3.541c-16.42 0-26.917-9.165-26.917-31.095s10.476-31.096 26.973-31.096M55.306 8.897l29.835 79.778H65.173l-27.2-79.778zm57.318 19.21V76.98h7.083v11.694H95.093V39.801h-7.834V28.106zm57.247-1.084a24.4 24.4 0 0 1 5.015.474l-.227 13.855c-1.417-.142-3.315-.276-4.958-.276c-5.2 0-8.89 1.225-11.454 3.124c-5.669 4.193-5.871 11.983-5.879 16.243v28.232H134.88V39.801h-7.842V28.106h23.283l1.133 9.712c3.167-6.177 9.039-10.795 18.417-10.795m127.003 0a24.4 24.4 0 0 1 5.05.474l-.227 13.855c-1.416-.142-3.314-.276-4.958-.276c-5.199 0-8.89 1.225-11.453 3.124c-5.663 4.193-5.865 11.983-5.872 16.243v28.232h-17.496V39.801h-7.841V28.106h23.282l1.134 9.712c3.166-6.177 9.038-10.795 18.38-10.795M402.59 2.309v86.366h-17.55V13.99h-7.834V2.31zm42.288 25.77l-21.491 28.275l24.19 32.321h-20.57l-23.134-32.009l21.171-28.588zM103.076 0c5.425 0 9.42 3.542 9.42 8.422s-3.995 8.415-9.42 8.415c-5.426 0-9.414-3.528-9.414-8.415h-.021C93.662 3.542 97.65 0 103.076 0">
+      </path>
+    </g>
+  </svg><svg xmlns="http://www.w3.org/2000/svg" width="124" height="28" viewBox="0 0 512 107" style="color: rgb(255, 255, 255); width: 124px; height: 28px" class="w-[124px] h-[28px]" aria-hidden="true" role="img" data-icon="logos:vercel" data-logos="amplitude" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+    <path fill="#ffffff" d="M53.346 0c29.459 0 53.347 23.888 53.347 53.346c0 29.459-23.888 53.347-53.347 53.347C23.888 106.693 0 82.826 0 53.346S23.888 0 53.346 0M276.31 38.135c10.54-.021 18.982 8.677 18.982 19.925c0 11.098-8.463 19.86-18.982 19.86c-4.306 0-7.906-1.114-10.862-3.02v20.652H254.35V38.928h11.098v2.228c2.956-1.907 6.534-3.02 10.862-3.02M46.298 16.304c-6.577.021-12.533 10.605-17.654 31.43c-3.258-.04-6.274-.095-9.11-.137l-.938-.014h-.471c-.386-.021-.771 0-1.157.043a3.7 3.7 0 0 0-3.02 3.642a3.73 3.73 0 0 0 2.958 3.63l.19.034l.043.043h9.834a240 240 0 0 0-2.123 10.76l-.255 1.494l-.3 1.736v.085c0 .836.429 1.607 1.136 2.057a2.457 2.457 0 0 0 3.29-.612l.095-.138l.064.065l4.82-15.447h23.224c1.778 6.727 3.621 13.647 6.063 20.16c1.284 3.43 4.243 11.35 9.182 11.666l.266.01h.065c6.142 0 9.372-7.737 11.461-15.147l.184-.663c.514-1.873.957-3.71 1.36-5.378c.412-1.67.752-3.123 1.086-4.245l.092-.297l.15-.472l.035-.125a1.21 1.21 0 0 0-.785-1.396c-.58-.2-1.235.067-1.494.626l-.049.124l-.171.471c-.581 1.631-1.13 3.164-1.63 4.57l-.213.594l-.043.128c-3.372 9.507-4.92 13.932-7.887 14.072l-.147.004h-.192c-3.921 0-7.585-15.897-8.977-21.874c-.197-.857-.378-1.67-.557-2.4l-.107-.428h25.28c.375 0 .75-.075 1.1-.223l.207-.099l.028-.021l.037-.022l.042-.021l.129-.086l.064-.043q.065-.04.129-.092l.064-.057l.166-.143c.426-.398.729-.933.862-1.486c.31-1.465-.613-2.91-2.04-3.282l-.166-.038h-.129c-.1-.015-.19-.03-.284-.037l-.144-.006l-.386-.043c-8.247-.593-16.713-.858-24.757-1.03l-2.002-.041l-.021-.065q-.502-1.892-1.024-3.777l-.263-.94l-.132-.47l-.267-.935l-.257-.89c-3.841-13.175-8.538-24.824-14.554-24.824M492.93 37.707c10.926 0 19.067 7.734 19.067 19.539c0 1.22-.064 2.42-.257 3.62h-28.15c.878 4.478 3.835 7.97 9.898 7.97c3.106 0 5.27-.964 6.47-2.87h11.569c-2.078 7.348-9.255 12.361-18.275 12.361c-12.298 0-20.589-8.848-20.589-20.267c0-11.805 8.227-20.353 20.268-20.353M360.57 25.259v13.647h13.798v9.341H360.57V61.81c0 4.306 2.636 6.299 6.706 6.299c2.078 0 4.306-.472 6.47-1.029l1.414 9.491c-4.627 1.436-6.705 1.757-10.283 1.757c-9.256 0-15.319-6.534-15.319-16.432V48.247h-8.055v-9.34h8.055V25.258zM392 38.906v20.032c0 6.063 3.042 9.341 8.227 9.341c2.785 0 5.827-1.671 8.377-4.777V38.928H419.7l-.021 38.2h-11.098v-2.722c-3.106 2.464-6.62 3.9-10.926 3.9c-10.048 0-16.754-7.263-16.754-18.34v-21.06zm74.75-18.424v56.645h-11.1V74.9c-2.956 1.907-6.534 3.021-10.84 3.021c-10.541 0-19.068-8.698-19.068-19.946c0-11.098 8.527-19.86 19.068-19.86c4.306 0 7.905 1.114 10.84 3.02V20.483zM334.86 38.928v38.22h-11.097v-38.22zM154.02 22.58l23.288 54.568h-12.212l-4.22-10.455H136.3l-4.22 10.455h-12.276l23.373-54.568zm75.885 15.147c9.32 0 16.646 7.263 16.646 18.425v20.974h-11.097v-20.03c0-6.063-2.957-9.341-8.142-9.341c-2.313 0-4.863 1.05-7.177 4.22c.193 1.371.3 2.764.322 4.157v20.974H209.38V57.074c0-6.063-2.956-9.34-8.205-9.34c-2.164 0-4.542 1.285-6.792 4.306v25.045h-11.097V38.928h11.097v2.314c2.4-2.228 4.95-3.514 9.427-3.514c4.863 0 9.17 1.907 12.212 5.42c4.07-3.749 7.905-5.42 13.883-5.42m82.719-17.246v56.645h-11.098V20.482zm134.009 27.037c-5.828 0-9.898 4.863-9.898 10.455c0 5.656 4.07 10.605 9.898 10.605c3.278.022 6.556-1.093 9.02-4.456V51.91c-2.464-3.278-5.742-4.392-9.02-4.392m-172.166-.064c-3.278 0-6.534 1.114-9.02 4.477v12.212c2.486 3.278 5.742 4.392 9.02 4.392c5.763-.021 9.898-4.885 9.898-10.476c0-5.656-4.156-10.605-9.898-10.605M148.513 36.357l-7.97 19.86h16.111zm344.48 10.54c-5.334 0-8.29 3.107-9.34 7.414h17.31c-.642-4.778-3.513-7.413-7.97-7.413M46.02 23.396c.365 0 .707.215 1.007.6c.729 1.157 2.014 3.75 3.92 9.491c1.308 3.942 2.722 8.848 4.221 14.547c-4.749-.071-9.527-.128-14.212-.182l-2.798-.032l-2.828-.021c3.192-12.47 7.07-21.917 9.92-24.146c.235-.15.492-.257.77-.257m283.272-4.499c3.664 0 6.62 2.785 6.62 6.535c0 3.663-2.956 6.384-6.62 6.384c-3.75 0-6.706-2.7-6.706-6.384c0-3.75 2.957-6.535 6.706-6.535" class="">
+    </path>
+  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width="96" height="30" viewBox="0 0 512 58" style="color: rgb(255, 255, 255); width: 96px; height: 30px;" class="w-[96px] h-[30px]" aria-hidden="true" role="img" data-icon="logos:airbnb" data-logos="anthropic" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+    <path fill="#ffffff" d="M499.297 37.878c-2.064 5.4-6.192 8.497-11.829 8.497c-9.368 0-15.084-6.67-15.084-17.55c0-11.037 5.716-17.708 15.084-17.708c5.637 0 9.765 3.097 11.83 8.497h12.623C508.824 7.703 499.536 0 487.468 0c-16.037 0-27.39 11.911-27.39 28.825c0 16.755 11.353 28.667 27.39 28.667c12.147 0 21.436-7.782 24.532-19.614zM423.39.97l22.163 55.588h12.153L435.544.97zm-25.634 24.697h-14.695V11.69h14.695c5.878 0 8.976 2.382 8.976 6.988s-3.098 6.988-8.976 6.988M398.312.97h-27.167v55.588h11.916v-20.17h15.251c12.63 0 20.336-6.671 20.336-17.71c0-11.037-7.705-17.708-20.336-17.708m-65.535 45.405c-9.367 0-15.083-6.67-15.083-17.55c0-11.037 5.716-17.708 15.083-17.708c9.288 0 14.924 6.67 14.924 17.708c0 10.88-5.636 17.55-14.924 17.55m0-46.375c-16.036 0-27.388 11.911-27.388 28.825c0 16.755 11.352 28.667 27.388 28.667c15.956 0 27.23-11.912 27.23-28.667C360.006 11.911 348.732 0 332.776 0m-72.068 11.69h14.691c5.877 0 8.974 2.145 8.974 6.195s-3.097 6.194-8.974 6.194h-14.691zm35.577 6.195c0-10.483-7.703-16.915-20.33-16.915h-27.16v55.588h11.913V34.799h13.261l11.913 21.759h13.183l-13.19-23.416c6.62-2.545 10.41-7.905 10.41-15.257m-74.095 5.241h-26.2V.97h-11.909v55.588h11.91V33.846h26.2v22.712h11.908V.97H222.19zM125.296 11.69h18.659v44.868h11.91V11.69h18.658V.97h-49.227zm-21.034 28.191L79.253.971H65.756v55.587h11.512V17.646l25.01 38.912h13.496V.97h-11.512zM20.93 34.56l7.582-19.534l7.583 19.535zM22.158.97L0 56.558h12.39l4.532-11.674h23.182l4.53 11.674h12.39L34.867.97z" class=""></path>
+  </svg>
+
+  <!-- Duplicated Set for Loop -->
+  <svg xmlns="http://www.w3.org/2000/svg" width="124" height="28" viewBox="0 0 512 90" style="color: rgb(255, 255, 255); width: 124px; height: 28px;" class="w-[124px] h-[28px]" aria-hidden="true" role="img" data-icon="logos:vercel" data-logos="airbrake" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+    <g fill="#ffffff" class="">
+      <path fill-opacity=".6" d="m33.83 8.897l6.176 18.062l-10.965 31.634a78.3 78.3 0 0 0 13.112 1.02a83 83 0 0 0 9.038-.475l3.768 11.744c-4.066.411-8.5.709-12.75.709a122 122 0 0 1-16.88-1.219l-6.254 18.332H0L29.835 8.897z">
+      </path>
+      <path d="M481.258 26.959c19.21 0 30.742 8.96 30.742 31.57c0 2.833-.078 5.907-.15 6.311h-44.227c-.078 9.102 7.664 13.076 19.741 13.076c8.132 0 14.613-1.898 18.983-3.188l.708 11.815c-3.62 1.353-11.453 3.322-22.149 3.322c-21.2.029-35.671-7.777-35.671-31.407c0-15.271 6.028-25.457 18.232-29.537v24.791h26.527c.07-11-4.144-15.753-13.26-15.753c-4.25 0-7.388 1.02-9.57 3.195V27.908a50.7 50.7 0 0 1 10.094-.95M201.561 2.309v56.22c0 12.042 2.487 19.415 13.26 19.415s14.089-7.402 14.089-19.415s-3.315-19.422-14.089-19.422c-4.519 0-7.536 1.289-9.57 3.669v-11.95c3.464-2.174 8.14-3.598 14.543-3.598c16.277 0 26.895 9.3 26.895 31.23c0 21.958-10.625 31.167-27.044 31.167c-10.172 0-16.05-3.542-19.366-8.082l-.828 7.132h-15.442V13.99h-7.841V2.31zm131.161 25.11c10.32 0 16.2 3.599 19.437 8.146l.906-7.473h15.371l.021 60.583h-17.56V58.53c0-12.042-2.485-19.422-13.259-19.422s-14.089 7.402-14.089 19.422s3.315 19.387 14.089 19.387c4.526 0 7.537-1.29 9.57-3.662V86.07c-3.464 2.167-8.21 3.541-14.542 3.541c-16.42 0-26.917-9.165-26.917-31.095s10.476-31.096 26.973-31.096M55.306 8.897l29.835 79.778H65.173l-27.2-79.778zm57.318 19.21V76.98h7.083v11.694H95.093V39.801h-7.834V28.106zm57.247-1.084a24.4 24.4 0 0 1 5.015.474l-.227 13.855c-1.417-.142-3.315-.276-4.958-.276c-5.2 0-8.89 1.225-11.454 3.124c-5.669 4.193-5.871 11.983-5.879 16.243v28.232H134.88V39.801h-7.842V28.106h23.283l1.133 9.712c3.167-6.177 9.039-10.795 18.417-10.795m127.003 0a24.4 24.4 0 0 1 5.05.474l-.227 13.855c-1.416-.142-3.314-.276-4.958-.276c-5.199 0-8.89 1.225-11.453 3.124c-5.663 4.193-5.865 11.983-5.872 16.243v28.232h-17.496V39.801h-7.841V28.106h23.282l1.134 9.712c3.166-6.177 9.038-10.795 18.38-10.795M402.59 2.309v86.366h-17.55V13.99h-7.834V2.31zm42.288 25.77l-21.491 28.275l24.19 32.321h-20.57l-23.134-32.009l21.171-28.588zM103.076 0c5.425 0 9.42 3.542 9.42 8.422s-3.995 8.415-9.42 8.415c-5.426 0-9.414-3.528-9.414-8.415h-.021C93.662 3.542 97.65 0 103.076 0" class="">
+      </path>
+    </g>
+  </svg><svg xmlns="http://www.w3.org/2000/svg" width="124" height="28" viewBox="0 0 512 107" style="color: rgb(255, 255, 255); width: 124px; height: 28px" class="w-[124px] h-[28px]" aria-hidden="true" role="img" data-icon="logos:vercel" data-logos="amplitude" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+    <path fill="#ffffff" d="M53.346 0c29.459 0 53.347 23.888 53.347 53.346c0 29.459-23.888 53.347-53.347 53.347C23.888 106.693 0 82.826 0 53.346S23.888 0 53.346 0M276.31 38.135c10.54-.021 18.982 8.677 18.982 19.925c0 11.098-8.463 19.86-18.982 19.86c-4.306 0-7.906-1.114-10.862-3.02v20.652H254.35V38.928h11.098v2.228c2.956-1.907 6.534-3.02 10.862-3.02M46.298 16.304c-6.577.021-12.533 10.605-17.654 31.43c-3.258-.04-6.274-.095-9.11-.137l-.938-.014h-.471c-.386-.021-.771 0-1.157.043a3.7 3.7 0 0 0-3.02 3.642a3.73 3.73 0 0 0 2.958 3.63l.19.034l.043.043h9.834a240 240 0 0 0-2.123 10.76l-.255 1.494l-.3 1.736v.085c0 .836.429 1.607 1.136 2.057a2.457 2.457 0 0 0 3.29-.612l.095-.138l.064.065l4.82-15.447h23.224c1.778 6.727 3.621 13.647 6.063 20.16c1.284 3.43 4.243 11.35 9.182 11.666l.266.01h.065c6.142 0 9.372-7.737 11.461-15.147l.184-.663c.514-1.873.957-3.71 1.36-5.378c.412-1.67.752-3.123 1.086-4.245l.092-.297l.15-.472l.035-.125a1.21 1.21 0 0 0-.785-1.396c-.58-.2-1.235.067-1.494.626l-.049.124l-.171.471c-.581 1.631-1.13 3.164-1.63 4.57l-.213.594l-.043.128c-3.372 9.507-4.92 13.932-7.887 14.072l-.147.004h-.192c-3.921 0-7.585-15.897-8.977-21.874c-.197-.857-.378-1.67-.557-2.4l-.107-.428h25.28c.375 0 .75-.075 1.1-.223l.207-.099l.028-.021l.037-.022l.042-.021l.129-.086l.064-.043q.065-.04.129-.092l.064-.057l.166-.143c.426-.398.729-.933.862-1.486c.31-1.465-.613-2.91-2.04-3.282l-.166-.038h-.129c-.1-.015-.19-.03-.284-.037l-.144-.006l-.386-.043c-8.247-.593-16.713-.858-24.757-1.03l-2.002-.041l-.021-.065q-.502-1.892-1.024-3.777l-.263-.94l-.132-.47l-.267-.935l-.257-.89c-3.841-13.175-8.538-24.824-14.554-24.824M492.93 37.707c10.926 0 19.067 7.734 19.067 19.539c0 1.22-.064 2.42-.257 3.62h-28.15c.878 4.478 3.835 7.97 9.898 7.97c3.106 0 5.27-.964 6.47-2.87h11.569c-2.078 7.348-9.255 12.361-18.275 12.361c-12.298 0-20.589-8.848-20.589-20.267c0-11.805 8.227-20.353 20.268-20.353M360.57 25.259v13.647h13.798v9.341H360.57V61.81c0 4.306 2.636 6.299 6.706 6.299c2.078 0 4.306-.472 6.47-1.029l1.414 9.491c-4.627 1.436-6.705 1.757-10.283 1.757c-9.256 0-15.319-6.534-15.319-16.432V48.247h-8.055v-9.34h8.055V25.258zM392 38.906v20.032c0 6.063 3.042 9.341 8.227 9.341c2.785 0 5.827-1.671 8.377-4.777V38.928H419.7l-.021 38.2h-11.098v-2.722c-3.106 2.464-6.62 3.9-10.926 3.9c-10.048 0-16.754-7.263-16.754-18.34v-21.06zm74.75-18.424v56.645h-11.1V74.9c-2.956 1.907-6.534 3.021-10.84 3.021c-10.541 0-19.068-8.698-19.068-19.946c0-11.098 8.527-19.86 19.068-19.86c4.306 0 7.905 1.114 10.84 3.02V20.483zM334.86 38.928v38.22h-11.097v-38.22zM154.02 22.58l23.288 54.568h-12.212l-4.22-10.455H136.3l-4.22 10.455h-12.276l23.373-54.568zm75.885 15.147c9.32 0 16.646 7.263 16.646 18.425v20.974h-11.097v-20.03c0-6.063-2.957-9.341-8.142-9.341c-2.313 0-4.863 1.05-7.177 4.22c.193 1.371.3 2.764.322 4.157v20.974H209.38V57.074c0-6.063-2.956-9.34-8.205-9.34c-2.164 0-4.542 1.285-6.792 4.306v25.045h-11.097V38.928h11.097v2.314c2.4-2.228 4.95-3.514 9.427-3.514c4.863 0 9.17 1.907 12.212 5.42c4.07-3.749 7.905-5.42 13.883-5.42m82.719-17.246v56.645h-11.098V20.482zm134.009 27.037c-5.828 0-9.898 4.863-9.898 10.455c0 5.656 4.07 10.605 9.898 10.605c3.278.022 6.556-1.093 9.02-4.456V51.91c-2.464-3.278-5.742-4.392-9.02-4.392m-172.166-.064c-3.278 0-6.534 1.114-9.02 4.477v12.212c2.486 3.278 5.742 4.392 9.02 4.392c5.763-.021 9.898-4.885 9.898-10.476c0-5.656-4.156-10.605-9.898-10.605M148.513 36.357l-7.97 19.86h16.111zm344.48 10.54c-5.334 0-8.29 3.107-9.34 7.414h17.31c-.642-4.778-3.513-7.413-7.97-7.413M46.02 23.396c.365 0 .707.215 1.007.6c.729 1.157 2.014 3.75 3.92 9.491c1.308 3.942 2.722 8.848 4.221 14.547c-4.749-.071-9.527-.128-14.212-.182l-2.798-.032l-2.828-.021c3.192-12.47 7.07-21.917 9.92-24.146c.235-.15.492-.257.77-.257m283.272-4.499c3.664 0 6.62 2.785 6.62 6.535c0 3.663-2.956 6.384-6.62 6.384c-3.75 0-6.706-2.7-6.706-6.384c0-3.75 2.957-6.535 6.706-6.535" class="">
+    </path>
+  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width="96" height="30" viewBox="0 0 512 58" style="color: rgb(255, 255, 255); width: 96px; height: 30px;" class="w-[96px] h-[30px]" aria-hidden="true" role="img" data-icon="logos:airbnb" data-logos="anthropic" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+    <path fill="#ffffff" d="M499.297 37.878c-2.064 5.4-6.192 8.497-11.829 8.497c-9.368 0-15.084-6.67-15.084-17.55c0-11.037 5.716-17.708 15.084-17.708c5.637 0 9.765 3.097 11.83 8.497h12.623C508.824 7.703 499.536 0 487.468 0c-16.037 0-27.39 11.911-27.39 28.825c0 16.755 11.353 28.667 27.39 28.667c12.147 0 21.436-7.782 24.532-19.614zM423.39.97l22.163 55.588h12.153L435.544.97zm-25.634 24.697h-14.695V11.69h14.695c5.878 0 8.976 2.382 8.976 6.988s-3.098 6.988-8.976 6.988M398.312.97h-27.167v55.588h11.916v-20.17h15.251c12.63 0 20.336-6.671 20.336-17.71c0-11.037-7.705-17.708-20.336-17.708m-65.535 45.405c-9.367 0-15.083-6.67-15.083-17.55c0-11.037 5.716-17.708 15.083-17.708c9.288 0 14.924 6.67 14.924 17.708c0 10.88-5.636 17.55-14.924 17.55m0-46.375c-16.036 0-27.388 11.911-27.388 28.825c0 16.755 11.352 28.667 27.388 28.667c15.956 0 27.23-11.912 27.23-28.667C360.006 11.911 348.732 0 332.776 0m-72.068 11.69h14.691c5.877 0 8.974 2.145 8.974 6.195s-3.097 6.194-8.974 6.194h-14.691zm35.577 6.195c0-10.483-7.703-16.915-20.33-16.915h-27.16v55.588h11.913V34.799h13.261l11.913 21.759h13.183l-13.19-23.416c6.62-2.545 10.41-7.905 10.41-15.257m-74.095 5.241h-26.2V.97h-11.909v55.588h11.91V33.846h26.2v22.712h11.908V.97H222.19zM125.296 11.69h18.659v44.868h11.91V11.69h18.658V.97h-49.227zm-21.034 28.191L79.253.971H65.756v55.587h11.512V17.646l25.01 38.912h13.496V.97h-11.512zM20.93 34.56l7.582-19.534l7.583 19.535zM22.158.97L0 56.558h12.39l4.532-11.674h23.182l4.53 11.674h12.39L34.867.97z" class=""></path>
+  </svg>
+</div>
+    </div>
+
+    <!-- Trusted By Label -->
+    <div class="flex items-center gap-3 text-white/30 text-xs font-mono shrink-0 relative z-10 bg-[#030303] pl-4 lg:bg-transparent lg:pl-0">
+      <span class="text-white tracking-wide">[ <span class="text-brand-sky">✓</span> ] TRUSTED BY INDUSTRY LEADERS</span>
+    </div>
+  </div>
+</section>
+</main>
+
+    <!-- Footer / Logos -->
+    <section class="flex flex-col overflow-hidden lg:px-12 z-10 bg-black/50 w-full border-white/5 border-t pt-32 pr-6 pb-32 pl-6 relative backdrop-blur-3xl items-center">
+
+    <!-- Clean Background Line (No Glows) -->
+    <div class="absolute top-0 w-full h-px bg-gradient-to-r from-transparent via-white/10 to-transparent"></div>
+
+    <!-- Section Header -->
+    <div class="flex flex-col items-center text-center max-w-3xl mb-24 relative z-10" data-aos="fade-up">
+        <!-- Hero-Inspired Vertical Beam Animation -->
+        <div class="absolute -top-32 left-1/2 -translate-x-1/2 h-48 w-6 overflow-hidden flex justify-center">
+            <svg class="h-full w-full" viewBox="0 0 6 192" fill="none">
+                <path d="M3 0V192" stroke="url(#header-beam)" stroke-width="1.5" stroke-linecap="round" class="beam-line animate-beam opacity-70"></path>
+                <defs>
+
+                </defs>
+            </svg>
+        </div>
+
+        <div class="flex items-center gap-3 mb-8 px-4 py-1.5 rounded-full border border-white/10 bg-white/5 backdrop-blur-sm">
+            <span class="flex h-2 w-2 relative">
+                <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-brand-sky opacity-75"></span>
+            <span class="relative inline-flex rounded-full h-2 w-2 bg-brand-sky"></span>
+            </span>
+            <span class="text-xs font-mono text-brand-sky uppercase tracking-[0.2em] font-medium">System Capabilities</span>
+        </div>
+
+        <h2 class="text-5xl md:text-6xl lg:text-7xl font-serif font-medium tracking-tight text-white mb-8">
+            Banking intelligence
+            <span class="text-white/60">made effortless.</span>
+        </h2>
+
+        <p class="text-xl text-white/60 leading-relaxed max-w-2xl font-light tracking-tight">
+            Streamline your capital deployment with AI-driven protocols designed to simplify, automate, and enhance your
+            wealth architecture.
+        </p>
+    </div>
+
+    <!-- Feature Cards Grid -->
+    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 z-10 w-full max-w-7xl relative gap-x-6 gap-y-6">
+    
+    <!-- Script for Flashlight Effect -->
+    <script>
+        document.querySelectorAll('.spotlight-card').forEach(card => {
+            card.addEventListener('mousemove', e => {
+                const rect = card.getBoundingClientRect();
+                const x = e.clientX - rect.left;
+                const y = e.clientY - rect.top;
+                card.style.setProperty('--mouse-x', `${x}px`);
+                card.style.setProperty('--mouse-y', `${y}px`);
+            });
+        });
+    </script>
+
+    <!-- Card 1: Automated Execution -->
+    <div class="spotlight-card group relative flex flex-col p-10 rounded-[32px] border border-white/10 bg-white/[0.02] overflow-hidden transition-all duration-500" data-aos="fade-up" data-aos-delay="100">
+        <!-- Spotlight Background -->
+        <div class="pointer-events-none absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500" style="background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.06), transparent 40%);"></div>
+        <!-- Spotlight Border -->
+        <div class="pointer-events-none absolute inset-0 rounded-[32px] border border-brand-sky/50 opacity-0 group-hover:opacity-100 transition-opacity duration-500" style="mask-image: radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), black, transparent); -webkit-mask-image: radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), black, transparent);"></div>
+
+        <div class="absolute inset-0 bg-gradient-to-b from-white/[0.02] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500">
+        </div>
+
+        <h3 class="text-2xl font-semibold tracking-tight text-white mb-4 relative z-10">Automated Execution</h3>
+        <p class="text-base text-white/50 leading-relaxed mb-12 relative z-10 font-light">Generate high-yield
+            strategies and execute trades in milliseconds with our custodial AI algorithms.</p>
+
+        <!-- Visual: Chat/Terminal UI -->
+        <div class="relative z-10 mt-auto w-full h-72 rounded-2xl border border-white/10 bg-[#0A0A0A] overflow-hidden flex flex-col shadow-2xl">
+            <!-- Header -->
+            <div class="px-5 py-4 border-b border-white/5 flex items-center justify-between bg-white/5">
+                <div class="flex items-center gap-2 opacity-50">
+                    <div class="w-2 h-2 rounded-full bg-white/40"></div>
+                    <div class="w-2 h-2 rounded-full bg-white/40"></div>
+                </div>
+                <span class="text-xs text-white/30 font-mono">AURA_OS v2.1</span>
+            </div>
+            <!-- Body -->
+            <div class="p-6 flex flex-col gap-5 relative h-full">
+                <div class="absolute top-0 right-0 bottom-0 left-0">
+                </div>
+
+                <!-- User Message -->
+                <div class="self-end max-w-[90%] bg-white/10 backdrop-blur-sm rounded-2xl rounded-tr-sm p-4 border border-white/5 animate-[fadeIn_1s_ease-out]">
+                    <p class="text-xs text-white/90 font-light leading-relaxed">
+                        Initialize rebalancing for <span class="text-white font-medium">Portfolio Alpha</span>.
+                        Target <span class="text-brand-sky">12.5% APY</span>.
+                    </p>
+                </div>
+
+                <!-- System Message -->
+                <div class="self-start max-w-[90%] bg-white/[0.03] backdrop-blur-md rounded-2xl rounded-tl-sm p-5 border border-white/10 relative overflow-hidden group-hover:border-brand-sky/20 transition-colors duration-500">
+                    <div class="flex items-center gap-2 mb-3 text-brand-sky font-mono text-[10px] uppercase tracking-wider">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles">
+                            <path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z">
+                            </path>
+                        </svg> Aura Protocol
+                    </div>
+                    <p class="mb-4 text-xs text-white/80 font-light">Analyzing liquidity depth across 4 exchanges.
+                        Optimal route secured.</p>
+
+                    <!-- Progress Bar -->
+                    <div class="w-full bg-black/40 rounded-full h-1.5 mb-2 overflow-hidden">
+                        <div class="bg-brand-sky h-full w-[85%] animate-[pulse_2s_infinite]"></div>
+                    </div>
+                    <div class="flex justify-between text-[10px] text-brand-sky/60 font-mono">
+                        <span>EXECUTING</span>
+                        <span>$52,400.00</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Card 2: Smart Liquidity (Clean & Hero Inspired) -->
+    <div class="spotlight-card relative flex flex-col p-[1px] rounded-[32px] overflow-hidden lg:-mt-8 lg:mb-8 z-20 group" data-aos="fade-up" data-aos-delay="200">
+        <div class="absolute inset-0 bg-gradient-to-b from-white/10 via-transparent to-transparent rounded-[32px]">
+        </div>
+        <div class="absolute inset-0 bg-[#050505] rounded-[31px] m-[1px] overflow-hidden">
+            <!-- Inner Spotlight Background -->
+            <div class="pointer-events-none absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 z-0" style="background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.06), transparent 40%);"></div>
+        </div>
+
+        <!-- Spotlight Border Overlay -->
+        <div class="pointer-events-none absolute inset-0 rounded-[32px] border border-brand-sky/50 opacity-0 group-hover:opacity-100 transition-opacity duration-500 z-50" style="mask-image: radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), black, transparent); -webkit-mask-image: radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), black, transparent);"></div>
+
+        <div class="relative z-10 flex flex-col h-full p-10 group">
+  <div class="flex items-center gap-3 mb-4">
+    <div class="relative">
+      <div class="absolute inset-0 bg-brand-sky/20 blur-md rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500">
+      </div>
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-brand-sky relative z-10">
+        <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
+      </svg>
+    </div>
+    <h3 class="text-2xl font-semibold tracking-tight text-white group-hover:text-white transition-colors">Smart
+      Liquidity</h3>
+  </div>
+  <p class="text-base text-white/50 leading-relaxed mb-12 font-light group-hover:text-white/70 transition-colors">
+    Connect to deep liquidity pools
+    across chains to ensure zero-slippage execution on institutional orders.</p>
+
+  <!-- Visual: Hero-Inspired Orbit & Sonar -->
+  <div class="mt-auto relative w-full h-80 flex items-center justify-center perspective-1000">
+
+    <!-- Animated Background Noodles & Beams -->
+    <svg class="absolute inset-0 w-full h-full pointer-events-none overflow-visible z-0" viewBox="0 0 400 320" preserveAspectRatio="xMidYMid slice">
+      <defs>
+
+      </defs>
+
+      <!-- Path 1: Top Right into Center -->
+      <path d="M420,40 C320,40 280,160 200,160" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"></path>
+      <path d="M420,40 C320,40 280,160 200,160" fill="none" stroke="url(#smart-beam-grad)" stroke-width="1.5" stroke-dasharray="100 1000" stroke-linecap="round" class="animate-[beam_3s_linear_infinite]"></path>
+
+      <!-- Path 2: Bottom Left into Center -->
+      <path d="M-20,280 C80,280 120,160 200,160" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"></path>
+      <path d="M-20,280 C80,280 120,160 200,160" fill="none" stroke="url(#smart-beam-grad)" stroke-width="1.5" stroke-dasharray="80 1000" stroke-linecap="round" class="animate-[beam_4s_linear_infinite]"></path>
+
+      <!-- Path 3: Vertical Drop -->
+      <path d="M200,0 L200,160" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1" stroke-dasharray="2 4">
+      </path>
+    </svg>
+
+    <!-- Clean Sonar Rings -->
+    <div class="absolute w-96 h-96 border border-brand-sky/5 rounded-full animate-[ping_4s_cubic-bezier(0,0,0.2,1)_infinite] opacity-10">
+    </div>
+    <div class="absolute w-80 h-80 border border-white/5 rounded-full animate-[ping_3s_cubic-bezier(0,0,0.2,1)_infinite] opacity-20 delay-700">
+    </div>
+
+    <!-- Outer Rotating Ring with Detail -->
+    <div class="absolute w-64 h-64 border border-white/5 rounded-full animate-[spin_40s_linear_infinite]">
+      <div class="absolute top-1/2 -right-1 w-2 h-2 bg-white/10 rounded-full"></div>
+      <div class="absolute top-1/2 -left-1 w-2 h-2 bg-white/10 rounded-full"></div>
+    </div>
+
+    <!-- Middle Rotating Ring -->
+    <div class="absolute w-60 h-60 border border-white/10 rounded-full animate-[spin_30s_linear_infinite]">
+    </div>
+
+    <!-- Inner Dashed Ring -->
+    <div class="absolute w-44 h-44 border border-white/5 rounded-full animate-[spin_20s_linear_infinite_reverse] border-dashed">
+    </div>
+
+    <!-- Active Glow Ring -->
+    <div class="absolute w-36 h-36 border border-brand-sky/20 rounded-full animate-[spin_15s_linear_infinite] opacity-0 group-hover:opacity-100 transition-opacity duration-700">
+      <div class="absolute top-0 left-1/2 -translate-x-1/2 w-1.5 h-1.5 bg-brand-sky mt-[-3px] rounded-full shadow-[0_0_10px_rgba(56,189,248,1)]">
+      </div>
+    </div>
+
+    <!-- Orbiting Elements -->
+    <div class="absolute w-60 h-60 animate-[spin_30s_linear_infinite]">
+      <!-- Gem Node -->
+      <div class="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-[#050505] p-2.5 rounded-full border border-white/10 group-hover:border-brand-sky/30 group-hover:shadow-[0_0_20px_rgba(56,189,248,0.1)] transition-all duration-500">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gem text-white/40 group-hover:text-brand-sky transition-colors">
+          <path d="M6 3h12l4 6-10 13L2 9Z"></path>
+          <path d="M11 3 8 9l4 13 4-13-3-6"></path>
+          <path d="M2 9h20"></path>
+        </svg>
+      </div>
+      <!-- Card Node -->
+      <div class="absolute bottom-0 right-1/2 translate-x-1/2 translate-y-1/2 bg-[#050505] p-2.5 rounded-full border border-white/10 group-hover:border-brand-sky/30 group-hover:shadow-[0_0_20px_rgba(56,189,248,0.1)] transition-all duration-500">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card text-white/40 group-hover:text-brand-sky transition-colors">
+          <rect width="20" height="14" x="2" y="5" rx="2"></rect>
+          <line x1="2" x2="22" y1="10" y2="10"></line>
+        </svg>
+      </div>
+    </div>
+
+    <!-- Central Hub -->
+    <div class="z-10 flex group-hover:border-brand-sky/40 transition-colors duration-500 bg-[#0F110E] w-24 h-24 border-white/10 border rounded-3xl relative items-center justify-center overflow-hidden shadow-2xl">
+      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers text-white relative z-20 group-hover:text-brand-sky transition-colors duration-500">
+        <path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z">
+        </path>
+        <path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path>
+        <path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path>
+      </svg>
+      <!-- Scanner Effect -->
+      <div class="animate-[pulse_2s_infinite] bg-gradient-to-tr from-transparent via-brand-sky/10 to-transparent absolute top-0 right-0 bottom-0 left-0 z-10">
+      </div>
+      <!-- Technical Grid BG -->
+      <div class="absolute inset-0 opacity-20 z-0" style="background-image: radial-gradient(#fff 0.5px, transparent 0.5px); background-size: 18px 18px;"></div>
+    </div>
+
+    <div class="absolute bottom-4 flex flex-col items-center">
+      <div class="flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/5 group-hover:border-brand-sky/20 transition-colors">
+        <span class="relative flex h-1.5 w-1.5">
+                            <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-brand-sky opacity-75"></span>
+        <span class="relative inline-flex rounded-full h-1.5 w-1.5 bg-brand-sky"></span>
+        </span>
+        <div class="text-[10px] text-white/40 font-mono tracking-widest uppercase group-hover:text-white/70 transition-colors">
+          Network Active</div>
+      </div>
+    </div>
+  </div>
+</div>
+    </div>
+
+    <!-- Card 3: Multi-Sig Governance -->
+    <div class="spotlight-card group relative flex flex-col p-10 rounded-[32px] border border-white/10 bg-white/[0.02] overflow-hidden transition-all duration-500" data-aos="fade-up" data-aos-delay="300">
+        <!-- Spotlight Background -->
+        <div class="pointer-events-none absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500" style="background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.06), transparent 40%);"></div>
+        <!-- Spotlight Border -->
+        <div class="pointer-events-none absolute inset-0 rounded-[32px] border border-brand-sky/50 opacity-0 group-hover:opacity-100 transition-opacity duration-500" style="mask-image: radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), black, transparent); -webkit-mask-image: radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), black, transparent);"></div>
+
+        <h3 class="text-2xl font-semibold tracking-tight text-white mb-4 relative z-10">Multi-Sig Governance</h3>
+        <p class="text-base text-white/50 leading-relaxed mb-12 relative z-10 font-light">Manage treasury operations
+            with institutional-grade security. Set permissions, approve transactions, and audit logs.</p>
+
+        <!-- Visual: Dashboard UI -->
+        <div class="relative mt-auto w-full h-72 rounded-2xl border border-white/10 bg-[#0A0A0A] p-7 flex flex-col justify-center gap-6 shadow-2xl">
+
+            <!-- Team Header -->
+            <div class="flex justify-between items-center pb-4 border-b border-white/5">
+                <div class="flex items-center gap-2">
+                    <span class="w-2 h-2 rounded-full bg-emerald-500 shadow-none"></span>
+                    <span class="text-xs text-white/50 font-mono uppercase tracking-wider">Treasury_V4</span>
+                </div>
+                <div class="flex -space-x-2">
+                    <div class="w-7 h-7 rounded-full border border-[#0A0A0A] bg-white/10 flex items-center justify-center text-white/80 text-[10px] font-medium">
+                        JD</div>
+                    <div class="w-7 h-7 rounded-full border border-[#0A0A0A] bg-brand-sky/20 flex items-center justify-center text-brand-sky text-[10px] font-medium">
+                        AS</div>
+                    <div class="w-7 h-7 rounded-full border border-[#0A0A0A] bg-white/5 flex items-center justify-center text-[9px] text-white/40">
+                        +3</div>
+                </div>
+            </div>
+
+            <!-- Approval Slider -->
+            <div class="relative py-1">
+                <div class="flex justify-between text-[10px] text-white/40 mb-2 font-mono uppercase">
+                    <span class="">Allocation Limit</span>
+                    <span class="text-brand-sky">75% Approved</span>
+                </div>
+                <div class="w-full h-2 bg-white/10 rounded-full relative flex items-center">
+                    <div class="absolute left-0 h-full w-[75%] bg-white/80 rounded-full"></div>
+                    <!-- Slider Knob -->
+                    <div class="absolute left-[75%] w-4 h-4 bg-white rounded-full z-10 transform -translate-x-1/2 border-2 border-[#0A0A0A] cursor-grab">
+                    </div>
+
+                    <!-- Tooltip -->
+                    <div class="absolute left-[75%] -top-9 -translate-x-1/2 bg-[#151515] border border-white/10 text-white text-[10px] px-2.5 py-1.5 rounded shadow-lg whitespace-nowrap animate-bounce">
+                        Signed by Alex
+                        <div class="absolute bottom-[-4px] left-1/2 -translate-x-1/2 w-2 h-2 bg-[#151515] border-r border-b border-white/10 transform rotate-45">
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Action Buttons -->
+            <div class="grid grid-cols-2 gap-4 mt-2">
+                <div class="flex items-center justify-center gap-2 p-3 rounded-lg bg-white/5 border border-white/5 hover:bg-white/10 transition-colors cursor-pointer">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history text-white/40">
+                        <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 12"></path>
+                        <path d="M3 3v9h9"></path>
+                        <path d="M12 7v5l4 2"></path>
+                    </svg>
+                    <span class="text-xs text-white/60 font-medium">Audit Log</span>
+                </div>
+                <div class="flex items-center justify-center gap-2 p-3 rounded-lg bg-brand-sky/10 border border-brand-sky/20 cursor-pointer hover:bg-brand-sky/20 transition-colors">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-circle text-brand-sky">
+                        <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
+                        <path d="m9 11 3 3L22 4"></path>
+                    </svg>
+                    <span class="text-xs text-brand-sky font-medium">Approve Tx</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+    <!-- CTA Button -->
+    <div class="mt-24 relative z-10" data-aos="fade-up" data-aos-delay="400">
+        <button class="group relative px-9 py-4 rounded-full bg-white text-black font-semibold text-sm transition-all duration-300 hover:bg-[#e5e5e5] flex items-center gap-3 overflow-hidden tracking-tight">
+            <span class="relative z-10">Explore Capabilities</span>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right relative z-10 transition-transform duration-300 group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
+            
+            <!-- Button Shine Effect -->
+            <div class="absolute inset-0 -translate-x-full group-hover:animate-[shimmer_1.5s_infinite] bg-gradient-to-r from-transparent via-white/40 to-transparent z-0"></div>
+        </button>
+    </div>
+
+</section><section class="overflow-hidden flex flex-col lg:px-12 z-10 bg-[#030303]/80 w-full border-white/5 border-t pt-32 pb-32 relative backdrop-blur-xl items-center">
+
+    <!-- Subtle Background Grid -->
+    <div class="absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.02)_1px,transparent_1px)] bg-[size:100px_200px] [mask-image:radial-gradient(ellipse_at_top,black_40%,transparent_100%)] pointer-events-none">
+    </div>
+
+    <div class="max-w-7xl w-full relative z-10">
+
+        <!-- Header Group -->
+        <div class="flex flex-col gap-8 mb-24 max-w-5xl" data-aos="fade-up">
+            <span class="text-xs font-mono text-white/40 uppercase tracking-[0.2em] font-medium pl-1 flex items-center gap-3">
+                <span class="w-1 h-1 bg-brand-sky rounded-full shadow-[0_0_10px_rgba(56,189,248,0.8)]"></span>
+            Built for the Hybrid Economy
+            </span>
+
+            <h2 class="text-4xl md:text-5xl lg:text-7xl font-serif font-medium tracking-tight text-white leading-[1.1]">
+                The modern investor doesn't fit in a single market —
+                <span class="text-white/50">they stake, they hedge, they compound smart.</span> This protocol was made
+                for them.
+            </h2>
+        </div>
+
+        <!-- Content Grid -->
+        <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20 gap-x-12 gap-y-12 items-end" style="">
+
+            <!-- Visual / Portrait Block -->
+            <div class="lg:col-span-4 relative group" data-aos="fade-up" data-aos-delay="100" style="">
+                <div class="relative w-full aspect-[3.5/4] rounded-[24px] overflow-hidden border border-white/10 bg-white/[0.02]">
+                    <!-- Image -->
+                    <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/346c8983-c047-4169-902a-df1305819be6_800w.jpg" alt="Trader Profile" class="w-full h-full object-cover grayscale mix-blend-luminosity opacity-60 group-hover:opacity-80 group-hover:scale-105 transition-all duration-700 ease-out">
+
+                    <!-- Gradient Overlay -->
+                    <div class="absolute inset-0 bg-gradient-to-t from-[#030303] via-transparent to-transparent opacity-80">
+                    </div>
+
+                    <!-- Decorative UI Elements on Image -->
+                    <div class="absolute top-5 left-5 right-5 flex justify-between items-center opacity-0 group-hover:opacity-100 transition-opacity duration-500">
+                        <div class="flex gap-1.5">
+                            <div class="w-1 h-1 bg-white/40 rounded-full"></div>
+                            <div class="w-1 h-1 bg-white/40 rounded-full"></div>
+                        </div>
+                        <div class="px-2 py-0.5 rounded border border-white/10 bg-black/20 backdrop-blur-md">
+                            <span class="text-[9px] font-mono text-brand-sky tracking-wider">LIVE</span>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Glow Effect behind image -->
+
+            </div>
+
+            <!-- Testimony & Actions Block -->
+            <div class="lg:col-span-8 flex flex-col justify-end h-full relative" data-aos="fade-up" data-aos-delay="200">
+
+                <!-- Quote -->
+                <blockquote class="mb-12 relative">
+                    <!-- Stylized Quote Icon -->
+                    <svg class="absolute -top-6 -left-8 w-6 h-6 text-white/10" fill="currentColor" viewBox="0 0 24 24">
+                        <path d="M14.017 21L14.017 18C14.017 16.8954 14.9124 16 16.017 16H19.017C19.5693 16 20.017 15.5523 20.017 15V9C20.017 8.44772 19.5693 8 19.017 8H15.017C14.4647 8 14.017 8.44772 14.017 9V11C14.017 11.5523 13.5693 12 13.017 12H12.017V5H22.017V15C22.017 18.3137 19.3307 21 16.017 21H14.017ZM5.0166 21L5.0166 18C5.0166 16.8954 5.91203 16 7.0166 16H10.0166C10.5689 16 11.0166 15.5523 11.0166 15V9C11.0166 8.44772 10.5689 8 10.0166 8H6.0166C5.46432 8 5.0166 8.44772 5.0166 9V11C5.0166 11.5523 4.56889 12 4.0166 12H3.0166V5H13.0166V15C13.0166 18.3137 10.3303 21 7.0166 21H5.0166Z">
+                        </path>
+                    </svg>
+
+                    <p class="text-xl md:text-2xl lg:text-3xl text-white/80 font-light leading-relaxed tracking-tight">
+                        "I used to track my positions in one terminal, my yield in another, and my risk nowhere. This
+                        protocol keeps it simple — I see the full liquidity picture without the cognitive load."
+                    </p>
+                </blockquote>
+
+                <!-- Author -->
+                <div class="mb-12 flex items-center gap-4">
+                    <div class="h-px w-8 bg-brand-sky/30"></div>
+
+                </div>
+
+                <!-- Bottom Row: Stat & CTA -->
+                <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-6 border-t border-white/5 pt-8">
+
+                    <!-- Metric Pill -->
+                    <div class="inline-flex items-center gap-3 px-4 py-2.5 rounded-full border border-white/10 bg-white/[0.02] hover:bg-white/[0.04] transition-colors group cursor-default">
+                        <span class="text-[10px] md:text-xs text-white/50 font-mono uppercase tracking-wide group-hover:text-white/70 transition-colors">
+                            Portfolio Volume Up <span class="text-brand-sky">17%</span> since inception
+                        </span>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-brand-sky transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5 transition-transform">
+                            <line x1="7" x2="17" y1="17" y2="7"></line>
+                            <polyline points="7 7 17 7 17 17"></polyline>
+                        </svg>
+                    </div>
+
+                    <!-- CTA Button -->
+                    <button class="shiny-cta group !px-7 !py-3">
+                        <span class="text-sm font-medium">Start Investing</span>
+                    </button>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</section><section class="lg:px-12 flex flex-col overflow-hidden z-10 bg-[#030303]/50 w-full border-white/5 border-t px-6 py-32 relative backdrop-blur-xl items-center">
+
+    <!-- Background Texture (Grid, Clean, No Glow) -->
+    <div class="absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.02)_1px,transparent_1px)] bg-[size:100px_200px] [mask-image:radial-gradient(ellipse_at_center,black_40%,transparent_100%)] opacity-70 pointer-events-none">
+    </div>
+
+    <div class="max-w-7xl w-full relative z-10">
+
+        <!-- Header Section -->
+        <div class="flex flex-col lg:flex-row justify-between lg:items-end gap-12 mb-20">
+            <div class="flex flex-col gap-6 max-w-3xl">
+                <!-- Index / Label -->
+                <div class="flex items-center gap-4">
+                    <span class="flex items-center justify-center w-8 h-8 rounded-full border border-white/10 bg-white/5 text-xs font-mono text-white/50">03</span>
+                    <span class="text-xs font-mono text-brand-sky/90 uppercase tracking-[0.2em]">Exchange Infrastructure</span>
+                </div>
+
+                <!-- Headline -->
+                <h2 class="text-4xl md:text-5xl lg:text-6xl font-serif font-medium tracking-tight text-white leading-[1.1]">
+                    Liquidate &amp; Exchange
+                    <span class="text-white/40 italic">Global Assets Instantly.</span>
+                </h2>
+            </div>
+
+            <!-- Context Paragraph -->
+            <div class="max-w-sm pb-2">
+                <p class="text-white/50 text-sm leading-relaxed font-light">
+                    Direct market access with deep institutional liquidity. Convert fiat to digital assets with zero
+                    slippage and T+0 settlement.
+                </p>
+            </div>
+        </div>
+
+        <!-- Main Feature Card -->
+        <div class="w-full rounded-[24px] border border-white/10 bg-[#080808] overflow-hidden flex flex-col lg:flex-row relative group">
+
+            <!-- Left Column: Content -->
+            <div class="lg:w-1/2 p-8 md:p-12 lg:p-16 flex flex-col justify-center items-start z-10 relative bg-[#080808]">
+                <h3 class="text-3xl md:text-4xl font-serif font-medium text-white mb-6 tracking-tight">
+                    Buy, Sell &amp; Yield Digital Currency.
+                </h3>
+                <p class="text-white/60 mb-10 leading-relaxed font-light max-w-md text-base">
+                    Initialize your portfolio and execute trades across 40+ exchanges. One interface for spot, margin,
+                    and
+                    perpetuals.
+                </p>
+
+                <div class="flex flex-wrap gap-4 w-full sm:w-auto">
+                    <!-- Primary Button (Brand Sky) -->
+                    <button class="px-8 py-3.5 bg-brand-sky text-[#030303] font-semibold text-sm rounded-full hover:bg-[#38BDF8]/90 transition-colors flex items-center justify-center gap-2 min-w-[140px]">
+                        Get Started
+                    </button>
+                    <!-- Secondary Button (Outline) -->
+                    <button class="px-8 py-3.5 border border-white/10 text-white font-medium text-sm rounded-full hover:bg-white/5 transition-colors flex items-center justify-center gap-2 min-w-[140px]">
+                        View Markets
+                    </button>
+                </div>
+            </div>
+
+            <!-- Right Column: Clean Technical Illustration -->
+            <div class="lg:w-1/2 bg-[#050505] relative min-h-[400px] border-t lg:border-t-0 lg:border-l border-white/5 overflow-hidden flex items-center justify-center">
+
+                <!-- Subtle Isometric Grid Pattern -->
+                <div class="absolute inset-0 opacity-[0.03]" style="background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg, #fff 1px, transparent 1px); background-size: 48px 96px;">
+                </div>
+
+                <!-- Abstract Devices Composition -->
+                <div class="relative w-full h-full flex items-center justify-center p-12 perspective-1000">
+                    <div class="relative w-72 h-56 transform rotate-x-6 rotate-y-[-6deg] hover:rotate-0 transition-transform duration-700 ease-out">
+
+                        <!-- Background Panel (Dashboard) -->
+                        <div class="absolute top-0 right-0 w-56 h-36 bg-[#0A0A0A] border border-white/10 rounded-xl shadow-2xl z-0 overflow-hidden">
+                            <div class="h-8 border-b border-white/5 flex items-center px-3 gap-2">
+                                <div class="w-1.5 h-1.5 rounded-full bg-white/20"></div>
+                                <div class="w-1.5 h-1.5 rounded-full bg-white/20"></div>
+                            </div>
+                            <div class="p-4 grid grid-cols-2 gap-3">
+                                <div class="h-12 bg-white/5 rounded border border-white/5"></div>
+                                <div class="h-12 bg-white/5 rounded border border-white/5"></div>
+                            </div>
+                        </div>
+
+                        <!-- Foreground Panel (Mobile Interface) -->
+                        <div class="absolute bottom-4 left-4 w-44 h-32 bg-[#0F0F0F] border border-white/10 rounded-xl shadow-[0_20px_40px_-15px_rgba(0,0,0,1)] z-10 flex flex-col overflow-hidden">
+                            <div class="flex justify-between items-center p-4 border-b border-white/5 bg-white/[0.01]">
+                                <div class="flex items-center gap-2">
+                                    <div class="w-4 h-4 rounded-full bg-brand-sky flex items-center justify-center">
+                                        <svg class="w-2.5 h-2.5 text-black" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3">
+                                            <polyline points="20 6 9 17 4 12"></polyline>
+                                        </svg>
+                                    </div>
+                                    <span class="text-[10px] font-mono text-white/60">BTC/USD</span>
+                                </div>
+                                <span class="text-[10px] font-mono text-brand-sky">+2.4%</span>
+                            </div>
+                            <div class="p-4 space-y-2">
+                                <div class="flex justify-between items-center">
+                                    <span class="text-xs text-white/40">Amount</span>
+                                    <span class="text-xs text-white font-mono">0.4522</span>
+                                </div>
+                                <div class="w-full h-1 bg-white/5 rounded-full overflow-hidden">
+                                    <div class="w-2/3 h-full bg-brand-sky"></div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- Floating Coin/Icon -->
+                        <div class="absolute -top-6 -left-6 w-12 h-12 bg-[#050505] border border-white/10 rounded-full flex items-center justify-center z-20 shadow-xl animate-[bounce_4s_infinite]">
+                            <svg class="w-5 h-5 text-white/80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                                <path d="M12 2v20M2 12h20"></path>
+                            </svg>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</section><section class="flex lg:px-12 bg-[#030303]/80 w-full z-10 border-white/5 border-t px-6 py-32 relative backdrop-blur-xl justify-center">
+    <div class="w-full max-w-7xl bg-brand-sky rounded-[32px] relative overflow-hidden flex flex-col lg:flex-row items-start lg:items-end justify-between p-10 lg:p-24 group">
+
+        <!-- Animated Noise & Glow Effects -->
+        <div class="absolute inset-0 opacity-20 mix-blend-soft-light bg-cover bg-center bg-[url(https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/c55b9091-b0ca-4842-92d7-7be239f76440_1600w.webp)]">
+        </div>
+        <div class="absolute -right-40 -top-40 w-[600px] h-[600px] bg-white/20 blur-[120px] rounded-full pointer-events-none opacity-60 mix-blend-overlay group-hover:scale-110 transition-transform duration-1000">
+        </div>
+        <div class="absolute bottom-0 left-0 w-full h-full bg-[radial-gradient(circle_at_bottom_left,rgba(255,255,255,0.15),transparent_60%)] pointer-events-none">
+        </div>
+
+        <!-- Left Content -->
+        <div class="relative z-10 flex flex-col max-w-2xl mb-12 lg:mb-0">
+            <h2 class="text-4xl md:text-5xl lg:text-6xl font-serif font-medium tracking-tight text-[#030303] mb-8 leading-[1.05]">
+                Uncertain about your <span class="opacity-60 italic">allocation strategy?</span>
+            </h2>
+
+            <!-- Interaction Card -->
+            <a href="#" class="group/card relative mt-4 w-full sm:w-80 h-36 bg-[#030303]/5 border border-[#030303]/10 rounded-2xl p-6 flex flex-col justify-between hover:bg-[#030303]/10 hover:border-[#030303]/20 hover:scale-[1.02] transition-all duration-300">
+                <div class="flex justify-between items-start">
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:chat-round-line-bold-duotone" class="iconify text-[#030303] w-8 h-8 opacity-80 iconify--solar">
+                        <path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12c0 1.6.376 3.112 1.043 4.453c.178.356.237.763.134 1.148l-.595 2.226a1.3 1.3 0 0 0 1.591 1.592l2.226-.596a1.63 1.63 0 0 1 1.149.133A9.96 9.96 0 0 0 12 22" opacity=".5"></path>
+                        <path fill="currentColor" d="M7.825 12.85a.825.825 0 0 0 0 1.65h6.05a.825.825 0 0 0 0-1.65zm0-3.85a.825.825 0 0 0 0 1.65h8.8a.825.825 0 0 0 0-1.65z">
+                        </path>
+                    </svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:arrow-right-up-bold-duotone" class="iconify text-[#030303] w-6 h-6 opacity-40 group-hover/card:opacity-100 group-hover/card:translate-x-1 group-hover/card:-translate-y-1 transition-all iconify--solar">
+                        <path fill="currentColor" fill-rule="evenodd" d="M17.47 15.53a.75.75 0 0 0 1.28-.53V6a.75.75 0 0 0-.75-.75H9a.75.75 0 0 0-.53 1.28z" clip-rule="evenodd"></path>
+                        <path fill="currentColor" d="M5.47 17.47a.75.75 0 1 0 1.06 1.06l6.97-6.97l-1.06-1.06z" opacity=".5"></path>
+                    </svg>
+                </div>
+                <div class="">
+                    <span class="block text-[#030303] font-semibold text-lg tracking-tight">Consult Architect</span>
+                    <span class="text-[#030303]/60 text-xs font-medium uppercase tracking-wider">Priority Access</span>
+                </div>
+            </a>
+        </div>
+
+        <!-- Right Content -->
+        <div class="relative z-10 max-w-md pb-2 lg:text-right flex flex-col items-start lg:items-end gap-6">
+            <p class="text-[#030303]/70 text-lg lg:text-xl font-medium leading-relaxed">
+                Our liquidity specialists are standing by to model your risk profile and architect a custom yield
+                solution.
+            </p>
+
+            <!-- Abstract Decor Lines -->
+            <div class="hidden lg:flex gap-1.5 opacity-30">
+                <div class="w-1.5 h-1.5 rounded-full bg-[#030303]"></div>
+                <div class="w-1.5 h-1.5 rounded-full bg-[#030303]"></div>
+                <div class="w-12 h-1.5 rounded-full bg-[#030303]"></div>
+            </div>
+        </div>
+    </div>
+</section><footer class="lg:px-12 flex flex-col z-10 overflow-hidden bg-[#030303] w-full border-white/5 border-t pt-12 pr-6 pb-12 pl-6 relative items-center">
+
+    <!-- Background Grid -->
+    <div class="absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.02)_1px,transparent_1px)] bg-[size:100px_200px] [mask-image:linear-gradient(to_bottom,transparent,black_20%)] pointer-events-none">
+    </div>
+
+    <div class="w-full max-w-7xl grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-12 lg:gap-8 relative z-10">
+
+        <!-- Brand Column -->
+        <div class="lg:col-span-3 flex flex-col gap-8">
+            <div class="flex items-center gap-3">
+                <div class="relative flex items-center justify-center w-10 h-10 bg-white/5 rounded-xl border border-white/10 shadow-[0_0_15px_rgba(56,189,248,0.15)]">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="width: 24px; height: 24px; color: rgb(56, 189, 248);" class="iconify iconify--solar w-[24px] h-[24px]" aria-hidden="true" role="img" data-icon="solar:layers-minimalistic-bold-duotone" data-solar="forbidden-circle-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2">
+                        <path fill="#38bdf8" d="M4.929 4.929c-3.905 3.905-3.905 10.237 0 14.142s10.237 3.905 14.142 0s3.905-10.237 0-14.142s-10.237-3.905-14.142 0" opacity=".5" class=""></path>
+                        <path fill="#38bdf8" d="M18.521 4.418L4.418 18.521a10 10 0 0 0 1.06 1.061L19.583 5.479a10 10 0 0 0-1.06-1.06">
+                        </path>
+                    </svg>
+                </div>
+                <span class="font-serif font-medium text-2xl tracking-tight text-white">Aura</span>
+            </div>
+            <p class="text-white/40 text-sm leading-relaxed max-w-[280px] font-light">
+                Engineering the bedrock of the programmable economy. Secure, scalable, and instant.
+            </p>
+            <!-- Monotone Socials -->
+            <div class="flex gap-5 mt-4">
+                <a href="#" class="text-white/30 hover:text-white transition-colors"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="ri:twitter-x-fill">
+                        <path fill="currentColor" d="m17.687 3.063l-4.996 5.711l-4.32-5.711H2.112l7.477 9.776l-7.086 8.099h3.034l5.469-6.25l4.78 6.25h6.102l-7.794-10.304l6.625-7.571zm-1.064 16.06L5.654 4.782h1.803l10.846 14.34z">
+                        </path>
+                    </svg></a>
+                <a href="#" class="text-white/30 hover:text-white transition-colors"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="ri:github-fill">
+                        <path fill="currentColor" d="M12.001 2c-5.525 0-10 4.475-10 10a9.99 9.99 0 0 0 6.837 9.488c.5.087.688-.213.688-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.337 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.687c-.1-.25-.45-1.275.1-2.65c0 0 .837-.263 2.75 1.024a9.3 9.3 0 0 1 2.5-.337c.85 0 1.7.112 2.5.337c1.913-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.02 10.02 0 0 0 22 12c0-5.525-4.475-10-10-10">
+                        </path>
+                    </svg></a>
+                <a href="#" class="text-white/30 hover:text-white transition-colors"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="ri:linkedin-fill">
+                        <path fill="currentColor" d="M6.94 5a2 2 0 1 1-4-.002a2 2 0 0 1 4 .002M7 8.48H3V21h4zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91z">
+                        </path>
+                    </svg></a>
+                <a href="#" class="text-white/30 hover:text-white transition-colors"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="ri:discord-fill">
+                        <path fill="currentColor" d="M19.303 5.337A17.3 17.3 0 0 0 14.963 4c-.191.329-.403.775-.552 1.125a16.6 16.6 0 0 0-4.808 0C9.454 4.775 9.23 4.329 9.05 4a17 17 0 0 0-4.342 1.337C1.961 9.391 1.218 13.35 1.59 17.255a17.7 17.7 0 0 0 5.318 2.664a13 13 0 0 0 1.136-1.836c-.627-.234-1.22-.52-1.794-.86c.149-.106.297-.223.435-.34c3.46 1.582 7.207 1.582 10.624 0c.149.117.287.234.435.34c-.573.34-1.167.626-1.793.86a13 13 0 0 0 1.135 1.836a17.6 17.6 0 0 0 5.318-2.664c.457-4.52-.722-8.448-3.1-11.918M8.52 14.846c-1.04 0-1.889-.945-1.889-2.101s.828-2.102 1.89-2.102c1.05 0 1.91.945 1.888 2.102c0 1.156-.838 2.1-1.889 2.1m6.974 0c-1.04 0-1.89-.945-1.89-2.101s.828-2.102 1.89-2.102c1.05 0 1.91.945 1.889 2.102c0 1.156-.828 2.1-1.89 2.1">
+                        </path>
+                    </svg></a>
+            </div>
+        </div>
+
+        <!-- Navigation Links -->
+        <div class="lg:col-span-2 flex flex-col gap-6 pt-2">
+            <h4 class="text-white font-medium text-sm tracking-wide">Protocol</h4>
+            <ul class="flex flex-col gap-3.5">
+                <li class=""><a href="#" class="text-white/40 hover:text-brand-sky text-sm transition-colors font-light">Documentation</a>
+                </li>
+                <li><a href="#" class="text-white/40 hover:text-brand-sky text-sm transition-colors font-light">API
+                        Reference</a></li>
+                <li><a href="#" class="text-white/40 hover:text-brand-sky text-sm transition-colors font-light">Governance</a>
+                </li>
+                <li><a href="#" class="flex items-center gap-2 text-white/40 hover:text-brand-sky text-sm transition-colors font-light">
+                        System Status
+                        <span class="relative flex h-1.5 w-1.5">
+                      <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
+                        <span class="relative inline-flex rounded-full h-1.5 w-1.5 bg-emerald-500"></span>
+                        </span>
+                    </a></li>
+            </ul>
+        </div>
+
+        <div class="lg:col-span-2 flex flex-col gap-6 pt-2">
+            <h4 class="text-white font-medium text-sm tracking-wide">Company</h4>
+            <ul class="flex flex-col gap-3.5">
+                <li class=""><a href="#" class="text-white/40 hover:text-brand-sky text-sm transition-colors font-light">Philosophy</a>
+                </li>
+                <li><a href="#" class="text-white/40 hover:text-brand-sky text-sm transition-colors font-light">Careers</a></li>
+                <li><a href="#" class="text-white/40 hover:text-brand-sky text-sm transition-colors font-light">Press
+                        Kit</a></li>
+                <li><a href="#" class="text-white/40 hover:text-brand-sky text-sm transition-colors font-light">Legal</a></li>
+            </ul>
+        </div>
+
+        <!-- Large Action Buttons -->
+        <div class="lg:col-span-5 flex flex-col sm:flex-row lg:flex-row gap-4 lg:gap-4 mt-8 lg:mt-0">
+            <!-- Contact Sales -->
+            <a href="#" class="flex-1 group relative p-7 rounded-2xl border border-white/10 bg-white/[0.02] hover:bg-white/[0.05] hover:border-white/20 transition-all duration-300 flex flex-col justify-between h-36 lg:h-40 overflow-hidden">
+                <div class="absolute inset-0 bg-gradient-to-br from-white/[0.02] to-transparent opacity-0 group-hover:opacity-100 transition-opacity">
+                </div>
+
+                <div class="flex justify-between items-start relative z-10">
+                    <span class="text-white font-medium text-sm tracking-wide">Contact Sales</span>
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:arrow-right-up-bold-duotone" class="iconify text-white/20 group-hover:text-white group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all duration-300 iconify--solar">
+                        <path fill="currentColor" fill-rule="evenodd" d="M17.47 15.53a.75.75 0 0 0 1.28-.53V6a.75.75 0 0 0-.75-.75H9a.75.75 0 0 0-.53 1.28z" clip-rule="evenodd"></path>
+                        <path fill="currentColor" d="M5.47 17.47a.75.75 0 1 0 1.06 1.06l6.97-6.97l-1.06-1.06z" opacity=".5"></path>
+                    </svg>
+                </div>
+                <div class="relative z-10 flex items-end justify-between">
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:wallet-money-bold-duotone" class="iconify text-brand-sky/60 w-8 h-8 group-hover:scale-110 transition-transform duration-300 iconify--solar">
+                        <path fill="currentColor" d="M4.892 9.614c0-.402.323-.728.722-.728H9.47c.4 0 .723.326.723.728a.726.726 0 0 1-.723.729H5.614a.726.726 0 0 1-.722-.729">
+                        </path>
+                        <path fill="currentColor" fill-rule="evenodd" d="M21.188 10.004q-.094-.005-.2-.004h-2.773C15.944 10 14 11.736 14 14s1.944 4 4.215 4h2.773q.106.001.2-.004c.923-.056 1.739-.757 1.808-1.737c.004-.064.004-.133.004-.197v-4.124c0-.064 0-.133-.004-.197c-.069-.98-.885-1.68-1.808-1.737m-3.217 5.063c.584 0 1.058-.478 1.058-1.067c0-.59-.474-1.067-1.058-1.067s-1.06.478-1.06 1.067c0 .59.475 1.067 1.06 1.067" clip-rule="evenodd"></path>
+                        <path fill="currentColor" d="M21.14 10.002c0-1.181-.044-2.448-.798-3.355a4 4 0 0 0-.233-.256c-.749-.748-1.698-1.08-2.87-1.238C16.099 5 14.644 5 12.806 5h-2.112C8.856 5 7.4 5 6.26 5.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87C2 10.401 2 11.856 2 13.694v.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.749.748 1.698 1.08 2.87 1.238c1.14.153 2.595.153 4.433.153h2.112c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238q.305-.308.526-.66c.45-.72.504-1.602.504-2.45l-.15.001h-2.774C15.944 18 14 16.264 14 14s1.944-4 4.215-4h2.773q.079 0 .151.002" opacity=".5"></path>
+                        <path fill="currentColor" d="M10.101 2.572L8 3.992l-1.733 1.16C7.405 5 8.859 5 10.694 5h2.112c1.838 0 3.294 0 4.433.153q.344.045.662.114L16 4l-2.113-1.428a3.42 3.42 0 0 0-3.786 0">
+                        </path>
+                    </svg>
+                </div>
+            </a>
+
+            <!-- Help Center -->
+            <a href="#" class="flex-1 group relative p-7 rounded-2xl border border-white/10 bg-white/[0.02] hover:bg-white/[0.05] hover:border-white/20 transition-all duration-300 flex flex-col justify-between h-36 lg:h-40 overflow-hidden">
+                <div class="absolute inset-0 bg-gradient-to-br from-white/[0.02] to-transparent opacity-0 group-hover:opacity-100 transition-opacity">
+                </div>
+
+                <div class="flex justify-between items-start relative z-10">
+                    <span class="text-white font-medium text-sm tracking-wide">Help Center</span>
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:arrow-right-up-bold-duotone" class="iconify text-white/20 group-hover:text-white group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all duration-300 iconify--solar">
+                        <path fill="currentColor" fill-rule="evenodd" d="M17.47 15.53a.75.75 0 0 0 1.28-.53V6a.75.75 0 0 0-.75-.75H9a.75.75 0 0 0-.53 1.28z" clip-rule="evenodd"></path>
+                        <path fill="currentColor" d="M5.47 17.47a.75.75 0 1 0 1.06 1.06l6.97-6.97l-1.06-1.06z" opacity=".5"></path>
+                    </svg>
+                </div>
+                <div class="relative z-10 flex items-end justify-between">
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:headphones-round-sound-bold-duotone" class="iconify text-brand-sky/60 w-8 h-8 group-hover:scale-110 transition-transform duration-300 iconify--solar">
+                        <path fill="currentColor" d="M2 12.124C2 6.533 6.477 2 12 2s10 4.533 10 10.124v5.243c0 .817 0 1.378-.143 1.87a3.52 3.52 0 0 1-1.847 2.188c-.458.22-1.004.307-1.801.434l-.13.02a13 13 0 0 1-.727.105c-.209.02-.422.027-.64-.016a2.1 2.1 0 0 1-1.561-1.35a2.2 2.2 0 0 1-.116-.639c-.012-.204-.012-.452-.012-.742v-4.173c0-.425 0-.791.097-1.105a2.1 2.1 0 0 1 1.528-1.43c.316-.073.677-.044 1.096-.01l.093.007l.11.01c.783.062 1.32.104 1.775.275q.481.181.883.487v-1.174c0-4.811-3.853-8.711-8.605-8.711s-8.605 3.9-8.605 8.711v1.174c.267-.203.563-.368.883-.487c.455-.17.992-.213 1.775-.276l.11-.009l.093-.007c.42-.034.78-.063 1.096.01a2.1 2.1 0 0 1 1.528 1.43c.098.314.097.68.097 1.105v4.172c0 .291 0 .54-.012.743c-.012.213-.04.427-.116.638a2.1 2.1 0 0 1-1.56 1.35a2.2 2.2 0 0 1-.641.017c-.201-.02-.444-.059-.727-.104l-.13-.02c-.797-.128-1.344-.215-1.801-.436a3.52 3.52 0 0 1-1.847-2.188c-.118-.405-.139-.857-.142-1.461L2 17.58z">
+                        </path>
+                        <path fill="currentColor" fill-rule="evenodd" d="M12 5.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75m3 1.5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75m-6 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V8A.75.75 0 0 1 9 7.25" clip-rule="evenodd" opacity=".5"></path>
+                    </svg>
+                </div>
+            </a>
+        </div>
+    </div>
+
+    <!-- Bottom Bar -->
+    <div class="w-full max-w-7xl mt-20 pt-8 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-6 relative z-10">
+        <span class="text-white/20 text-xs font-mono tracking-wide">© 2024 Aura Financial Technologies. All rights reserved.</span>
+
+        <div class="flex items-center gap-8">
+            <div class="flex items-center gap-2 grayscale opacity-30 hover:opacity-100 transition-opacity duration-300">
+                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="2.4em" height="1em" viewBox="0 0 512 214" data-icon="logos:stripe" class="iconify h-5 w-auto iconify--logos">
+                    <path fill="#635BFF" d="M512 110.08c0-36.409-17.636-65.138-51.342-65.138c-33.85 0-54.33 28.73-54.33 64.854c0 42.808 24.179 64.426 58.88 64.426c16.925 0 29.725-3.84 39.396-9.244v-28.445c-9.67 4.836-20.764 7.823-34.844 7.823c-13.796 0-26.027-4.836-27.591-21.618h69.547c0-1.85.284-9.245.284-12.658m-70.258-13.511c0-16.071 9.814-22.756 18.774-22.756c8.675 0 17.92 6.685 17.92 22.756zm-90.31-51.627c-13.939 0-22.899 6.542-27.876 11.094l-1.85-8.818h-31.288v165.83l35.555-7.537l.143-40.249c5.12 3.698 12.657 8.96 25.173 8.96c25.458 0 48.64-20.48 48.64-65.564c-.142-41.245-23.609-63.716-48.498-63.716m-8.534 97.991c-8.391 0-13.37-2.986-16.782-6.684l-.143-52.765c3.698-4.124 8.818-6.968 16.925-6.968c12.942 0 21.902 14.506 21.902 33.137c0 19.058-8.818 33.28-21.902 33.28M241.493 36.551l35.698-7.68V0l-35.698 7.538zm0 10.809h35.698v124.444h-35.698zm-38.257 10.524L200.96 47.36h-30.72v124.444h35.556V87.467c8.39-10.951 22.613-8.96 27.022-7.396V47.36c-4.551-1.707-21.191-4.836-29.582 10.524m-71.112-41.386l-34.702 7.395l-.142 113.92c0 21.05 15.787 36.551 36.836 36.551c11.662 0 20.195-2.133 24.888-4.693V140.8c-4.55 1.849-27.022 8.391-27.022-12.658V77.653h27.022V47.36h-27.022zM35.982 83.484c0-5.546 4.551-7.68 12.09-7.68c10.808 0 24.461 3.272 35.27 9.103V51.484c-11.804-4.693-23.466-6.542-35.27-6.542C19.2 44.942 0 60.018 0 85.192c0 39.252 54.044 32.995 54.044 49.92c0 6.541-5.688 8.675-13.653 8.675c-11.804 0-26.88-4.836-38.827-11.378v33.849c13.227 5.689 26.596 8.106 38.827 8.106c29.582 0 49.92-14.648 49.92-40.106c-.142-42.382-54.329-34.845-54.329-50.774">
+                    </path>
+                </svg>
+            </div>
+            <div class="flex items-center gap-2 grayscale opacity-30 hover:opacity-100 transition-opacity duration-300">
+                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="2.25em" height="1em" viewBox="0 0 256 114" data-icon="logos:visaelectron">
+                    <path fill="#1A1F71" d="M97.197 1.46L63.68 81.418H41.814L25.32 17.604c-1-3.921-1.869-5.364-4.912-7.022C15.434 7.88 7.22 5.353 0 3.781L.487 1.46h35.204c4.48 0 8.514 2.983 9.54 8.148l8.715 46.273L75.462 1.46zm29.56 0l-17.103 79.958H88.966L106.071 1.46zm56.116 53.852c.086-21.099-29.174-22.27-28.983-31.697c.07-2.866 2.8-5.917 8.776-6.697c2.96-.383 11.138-.688 20.401 3.58l3.624-16.966C181.714 1.732 175.309 0 167.342 0c-20.45 0-34.835 10.862-34.95 26.428c-.134 11.514 10.275 17.931 18.103 21.766c8.063 3.916 10.767 6.433 10.73 9.933c-.058 5.365-6.44 7.74-12.373 7.828c-10.404.165-16.435-2.812-21.246-5.053l-3.755 17.528c4.84 2.218 13.76 4.145 22.999 4.243c21.74 0 35.959-10.737 36.023-27.36m54 26.106H256L239.29 1.46h-17.647c-3.98 0-7.325 2.31-8.809 5.861l-31.04 74.097h21.723l4.309-11.944h26.54zm-23.09-28.329l10.892-30.027l6.257 30.027zm-60.55 50.338h-8.406v7.823h9.402v2.352h-12.234V91.9h11.752v2.352h-8.92v6.857h8.405zm5.339-12.686h2.832v22.86h-2.832zm9.978 15.583c.064 3.833 2.48 5.41 5.344 5.41c2.03 0 3.285-.354 4.317-.804l.514 2.029c-.998.45-2.736.997-5.217.997c-4.796 0-7.661-3.187-7.661-7.889c0-4.7 2.767-8.372 7.308-8.372c5.12 0 6.44 4.445 6.44 7.31c0 .579-.033.997-.098 1.32zm8.307-2.028c.033-1.77-.74-4.572-3.928-4.572c-2.898 0-4.122 2.608-4.348 4.572zm18.154 8.758c-.74.355-2.383.903-4.475.903c-4.701 0-7.76-3.188-7.76-7.954c0-4.798 3.283-8.307 8.371-8.307c1.674 0 3.155.417 3.928.837l-.642 2.157c-.679-.354-1.741-.742-3.286-.742c-3.575 0-5.505 2.673-5.505 5.895c0 3.605 2.318 5.827 5.409 5.827c1.61 0 2.672-.386 3.477-.74zm7.948-18.772v3.735h4.056v2.156h-4.056v8.405c0 1.934.548 3.027 2.125 3.027c.772 0 1.224-.063 1.643-.194l.129 2.16c-.548.192-1.417.385-2.512.385c-1.321 0-2.384-.451-3.059-1.19c-.773-.871-1.095-2.254-1.095-4.09v-8.503h-2.416v-2.156h2.416V95.12zm8.013 8.598c0-1.836-.034-3.413-.129-4.863h2.48l.13 3.09h.094c.71-2.091 2.447-3.412 4.346-3.412c.291 0 .517.033.775.064v2.674c-.29-.066-.579-.066-.968-.066c-1.994 0-3.413 1.481-3.798 3.608a8.5 8.5 0 0 0-.097 1.32v8.308h-2.833zm25.111 2.8c0 5.764-4.026 8.276-7.76 8.276c-4.187 0-7.47-3.092-7.47-8.017c0-5.185 3.445-8.243 7.728-8.243c4.475 0 7.502 3.25 7.502 7.985m-12.333.162c0 3.413 1.932 5.99 4.701 5.99c2.706 0 4.733-2.546 4.733-6.055c0-2.64-1.32-5.958-4.669-5.958c-3.315 0-4.765 3.093-4.765 6.023m16.675-3.607c0-1.641-.034-2.93-.13-4.217h2.512l.161 2.576h.064c.773-1.45 2.576-2.898 5.152-2.898c2.156 0 5.506 1.288 5.506 6.631v9.275h-2.833v-8.984c0-2.51-.934-4.605-3.606-4.605c-1.836 0-3.286 1.321-3.799 2.898c-.13.355-.194.837-.194 1.321v9.37h-2.833z">
+                    </path>
+                </svg>
+            </div>
+            <span class="text-white/20 text-xs font-mono border-l border-white/10 pl-8">SOC2 Type II Compliant</span>
+        </div>
+    </div>
+</footer>
+</body></html>
\ No newline at end of file
diff --git a/frontend/inspo/Nebula Web3 Infrastructure Landing Page Template.html b/frontend/inspo/Nebula Web3 Infrastructure Landing Page Template.html
new file mode 100644
index 0000000000000000000000000000000000000000..e122ee5b90758afddbc40ee10aec148b592239f9
--- /dev/null
+++ b/frontend/inspo/Nebula Web3 Infrastructure Landing Page Template.html	
@@ -0,0 +1,1795 @@
+<html lang="en" class="dark"><head><meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Nebula - Web3 Infrastructure</title>
+<script src="https://cdn.tailwindcss.com"></script>
+<script src="https://unpkg.com/lucide@latest"></script>
+<script src="https://code.iconify.design/3/3.1.0/iconify.min.js"></script>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&amp;display=swap" rel="stylesheet">
+<style>
+body { font-family: 'Inter', sans-serif; }
+.font-geist { font-family: 'Geist', sans-serif !important; }
+/*
+Animation Keyframe: Content Fade In
+*/
+@keyframes fadeSlideIn {
+0% {
+opacity: 0;
+transform: translateY(30px);
+filter: blur(8px);
+}
+100% {
+opacity: 1;
+transform: translateY(0);
+filter: blur(0px);
+}
+}
+/*
+Animation Keyframe: Column Clip Reveal
+New animation added for the background grid columns
+*/
+@keyframes columnReveal {
+0% {
+clip-path: inset(0 0 100% 0);
+opacity: 0;
+}
+100% {
+clip-path: inset(0 0 0% 0);
+opacity: 1;
+}
+}
+.col-anim {
+animation: columnReveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
+will-change: clip-path;
+}
+/* Staggered Delays for Grid Columns */
+.delay-1 { animation-delay: 0.1s; }
+.delay-2 { animation-delay: 0.2s; }
+.delay-3 { animation-delay: 0.3s; }
+.delay-4 { animation-delay: 0.4s; }
+.delay-5 { animation-delay: 0.5s; }
+.delay-6 { animation-delay: 0.6s; }
+.delay-7 { animation-delay: 0.7s; }
+/*
+Animation on Scroll State Management
+*/
+.animate-on-scroll { animation-play-state: paused !important; }
+.animate-on-scroll.animate { animation-play-state: running !important; }
+/* Animated Shiny CTA Button Styles */
+@property --gradient-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
+@property --gradient-angle-offset { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
+@property --gradient-percent { syntax: "<percentage>"; initial-value: 20%; inherits: false; }
+@property --gradient-shine { syntax: "<color>"; initial-value: #fb923c; inherits: false; }
+.shiny-cta {
+--gradient-angle: 0deg;
+--gradient-angle-offset: 0deg;
+--gradient-percent: 20%;
+--gradient-shine: #fb923c;
+position: relative;
+overflow: hidden;
+border-radius: 9999px;
+padding: 1.25rem 3rem;
+font-size: 1.125rem;
+line-height: 1.2;
+font-weight: 500;
+color: #ffffff;
+background: linear-gradient(#000000, #000000) padding-box,
+conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
+transparent 0%, #ea580c 5%, var(--gradient-shine) 15%, #ea580c 30%, transparent 40%, transparent 100%) border-box;
+border: 2px solid transparent;
+box-shadow: inset 0 0 0 1px #1a1818;
+outline: none;
+transition: --gradient-angle-offset 800ms cubic-bezier(0.25, 1, 0.5, 1), --gradient-percent 800ms cubic-bezier(0.25, 1, 0.5, 1), --gradient-shine 800ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s;
+cursor: pointer;
+isolation: isolate;
+outline-offset: 4px;
+z-index: 0;
+animation: border-spin 2.5s linear infinite;
+}
+@keyframes border-spin { to { --gradient-angle: 360deg; } }
+.shiny-cta:active { transform: translateY(1px); }
+.shiny-cta::before {
+content: '';
+pointer-events: none;
+position: absolute;
+left: 50%;
+top: 50%;
+transform: translate(-50%, -50%);
+z-index: 0;
+--size: calc(100% - 6px);
+--position: 2px;
+--space: 4px;
+width: var(--size);
+height: var(--size);
+background: radial-gradient(circle at var(--position) var(--position), white 0.5px, transparent 0) padding-box;
+background-size: var(--space) var(--space);
+background-repeat: space;
+mask-image: conic-gradient(from calc(var(--gradient-angle) + 45deg), black, transparent 10% 90%, black);
+border-radius: inherit;
+opacity: 0.4;
+}
+.shiny-cta::after {
+content: '';
+pointer-events: none;
+position: absolute;
+left: 50%;
+top: 50%;
+transform: translate(-50%, -50%);
+z-index: 1;
+width: 100%;
+aspect-ratio: 1;
+background: linear-gradient(-50deg, transparent, #ea580c, transparent);
+mask-image: radial-gradient(circle at bottom, transparent 40%, black);
+opacity: 0.6;
+animation: shimmer 4s linear infinite;
+}
+.shiny-cta span { position: relative; z-index: 2; display: inline-block; }
+.shiny-cta span::before {
+content: '';
+pointer-events: none;
+position: absolute;
+left: 50%;
+top: 50%;
+transform: translate(-50%, -50%);
+z-index: -1;
+--size: calc(100% + 1rem);
+width: var(--size);
+height: var(--size);
+box-shadow: inset 0 -1ex 2rem 4px #ea580c;
+opacity: 0;
+border-radius: inherit;
+transition: opacity 800ms cubic-bezier(0.25, 1, 0.5, 1);
+animation: breathe 4.5s linear infinite;
+}
+@keyframes shimmer { to { transform: translate(-50%, -50%) rotate(360deg); } }
+@keyframes breathe {
+0%, 100% { transform: translate(-50%, -50%) scale(1); }
+50% { transform: translate(-50%, -50%) scale(1.20); }
+}
+/* Progressive Blur CSS */
+.gradient-blur {
+position: fixed;
+z-index: 5;
+inset: 0 0 auto 0;
+height: 12%;
+pointer-events: none;
+}
+.gradient-blur>div, .gradient-blur::before, .gradient-blur::after { position: absolute; inset: 0; }
+.gradient-blur::before { content: ""; z-index: 1; backdrop-filter: blur(0.5px); mask: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 37.5%); }
+.gradient-blur>div:nth-of-type(1) { z-index: 2; backdrop-filter: blur(1px); mask: linear-gradient(to top, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 0) 50%); }
+.gradient-blur>div:nth-of-type(2) { z-index: 3; backdrop-filter: blur(2px); mask: linear-gradient(to top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 62.5%); }
+.gradient-blur>div:nth-of-type(3) { z-index: 4; backdrop-filter: blur(4px); mask: linear-gradient(to top, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 0) 75%); }
+.gradient-blur>div:nth-of-type(4) { z-index: 5; backdrop-filter: blur(8px); mask: linear-gradient(to top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 87.5%); }
+.gradient-blur>div:nth-of-type(5) { z-index: 6; backdrop-filter: blur(16px); mask: linear-gradient(to top, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 0) 100%); }
+.gradient-blur>div:nth-of-type(6) { z-index: 7; backdrop-filter: blur(32px); mask: linear-gradient(to top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 1) 100%); }
+.gradient-blur::after { content: ""; z-index: 8; backdrop-filter: blur(64px); mask: linear-gradient(to top, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 1) 100%); }
+</style>
+<script>
+(function () {
+const once = true;
+if (!window.__inViewIO) {
+window.__inViewIO = new IntersectionObserver((entries) => {
+entries.forEach((entry) => {
+if (entry.isIntersecting) {
+entry.target.classList.add("animate");
+if (once) window.__inViewIO.unobserve(entry.target);
+}
+});
+}, { threshold: 0.1, rootMargin: "0px 0px -5% 0px" });
+}
+window.initInViewAnimations = function (selector = ".animate-on-scroll") {
+document.querySelectorAll(selector).forEach((el) => {
+window.__inViewIO.observe(el);
+});
+};
+document.addEventListener("DOMContentLoaded", () => initInViewAnimations());
+})();
+</script>
+<meta name="disabled-font-classes" content="font-roboto,font-montserrat,font-poppins,font-playfair,font-instrument-serif,font-merriweather,font-bricolage,font-jakarta,font-space-grotesk,font-work-sans,font-pt-serif,font-geist-mono,font-space-mono,font-quicksand,font-nunito">
+<style id="aura-editor-visibility-style">
+.invisible { visibility: hidden !important; }
+</style>
+<script>
+// Configure Tailwind to include our custom 3D transform utilities
+tailwind.config = {
+theme: {
+extend: {
+// Add any custom theme extensions here if needed
+}
+},
+plugins: [
+function({ addUtilities }) {
+const rotateXUtilities = {};
+const rotateYUtilities = {};
+const rotateZUtilities = {};
+const rotateValues = [0, 5, 10, 15, 20, 30, 45, 75];
+// Generate rotate-x utilities
+rotateValues.forEach((value) => {
+rotateXUtilities[`.rotate-x-${value}`] = {
+'--tw-rotate-x': `${value}deg`,
+transform: `
+translate3d(var(--tw-translate-x, 0), var(--tw-translate-y, 0), var(--tw-translate-z, 0))
+rotateX(var(--tw-rotate-x, 0))
+rotateY(var(--tw-rotate-y, 0))
+rotateZ(var(--tw-rotate-z, 0))
+skewX(var(--tw-skew-x, 0))
+skewY(var(--tw-skew-y, 0))
+scaleX(var(--tw-scale-x, 1))
+scaleY(var(--tw-scale-y, 1))
+`.replace(/\\s+/g, ' ').trim(),
+};
+if (value !== 0) {
+rotateXUtilities[`.-rotate-x-${value}`] = {
+'--tw-rotate-x': `-${value}deg`,
+transform: `
+translate3d(var(--tw-translate-x, 0), var(--tw-translate-y, 0), var(--tw-translate-z, 0))
+rotateX(var(--tw-rotate-x, 0))
+rotateY(var(--tw-rotate-y, 0))
+rotateZ(var(--tw-rotate-z, 0))
+skewX(var(--tw-skew-x, 0))
+skewY(var(--tw-skew-y, 0))
+scaleX(var(--tw-scale-x, 1))
+scaleY(var(--tw-scale-y, 1))
+`.replace(/\\s+/g, ' ').trim(),
+};
+}
+});
+// Generate rotate-y utilities
+rotateValues.forEach((value) => {
+rotateYUtilities[`.rotate-y-${value}`] = {
+'--tw-rotate-y': `${value}deg`,
+transform: `
+translate3d(var(--tw-translate-x, 0), var(--tw-translate-y, 0), var(--tw-translate-z, 0))
+rotateX(var(--tw-rotate-x, 0))
+rotateY(var(--tw-rotate-y, 0))
+rotateZ(var(--tw-rotate-z, 0))
+skewX(var(--tw-skew-x, 0))
+skewY(var(--tw-skew-y, 0))
+scaleX(var(--tw-scale-x, 1))
+scaleY(var(--tw-scale-y, 1))
+`.replace(/\\s+/g, ' ').trim(),
+};
+if (value !== 0) {
+rotateYUtilities[`.-rotate-y-${value}`] = {
+'--tw-rotate-y': `-${value}deg`,
+transform: `
+translate3d(var(--tw-translate-x, 0), var(--tw-translate-y, 0), var(--tw-translate-z, 0))
+rotateX(var(--tw-rotate-x, 0))
+rotateY(var(--tw-rotate-y, 0))
+rotateZ(var(--tw-rotate-z, 0))
+skewX(var(--tw-skew-x, 0))
+skewY(var(--tw-skew-y, 0))
+scaleX(var(--tw-scale-x, 1))
+scaleY(var(--tw-scale-y, 1))
+`.replace(/\\s+/g, ' ').trim(),
+};
+}
+});
+// Generate rotate-z utilities
+rotateValues.forEach((value) => {
+rotateZUtilities[`.rotate-z-${value}`] = {
+'--tw-rotate-z': `${value}deg`,
+transform: `
+translate3d(var(--tw-translate-x, 0), var(--tw-translate-y, 0), var(--tw-translate-z, 0))
+rotateX(var(--tw-rotate-x, 0))
+rotateY(var(--tw-rotate-y, 0))
+rotateZ(var(--tw-rotate-z, 0))
+skewX(var(--tw-skew-x, 0))
+skewY(var(--tw-skew-y, 0))
+scaleX(var(--tw-scale-x, 1))
+scaleY(var(--tw-scale-y, 1))
+`.replace(/\\s+/g, ' ').trim(),
+};
+if (value !== 0) {
+rotateZUtilities[`.-rotate-z-${value}`] = {
+'--tw-rotate-z': `-${value}deg`,
+transform: `
+translate3d(var(--tw-translate-x, 0), var(--tw-translate-y, 0), var(--tw-translate-z, 0))
+rotateX(var(--tw-rotate-x, 0))
+rotateY(var(--tw-rotate-y, 0))
+rotateZ(var(--tw-rotate-z, 0))
+skewX(var(--tw-skew-x, 0))
+skewY(var(--tw-skew-y, 0))
+scaleX(var(--tw-scale-x, 1))
+scaleY(var(--tw-scale-y, 1))
+`.replace(/\\s+/g, ' ').trim(),
+};
+}
+});
+// Perspective utilities
+const perspectiveUtilities = {
+".perspective-none": { perspective: "none" },
+".perspective-dramatic": { perspective: "100px" },
+".perspective-near": { perspective: "300px" },
+".perspective-normal": { perspective: "500px" },
+".perspective-midrange": { perspective: "800px" },
+".perspective-distant": { perspective: "1200px" },
+};
+// Transform style utilities
+const transformStyleUtilities = {
+".transform-style-preserve-3d": { "transform-style": "preserve-3d" },
+".transform-style-flat": { "transform-style": "flat" },
+};
+addUtilities({
+...rotateXUtilities,
+...rotateYUtilities,
+...rotateZUtilities,
+...perspectiveUtilities,
+...transformStyleUtilities,
+});
+}
+]
+};
+</script>    <link id="all-fonts-link-font-geist" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-geist">.font-geist { font-family: 'Geist', sans-serif !important; }</style><link id="all-fonts-link-font-roboto" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-roboto">.font-roboto { font-family: 'Roboto', sans-serif !important; }</style><link id="all-fonts-link-font-montserrat" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-montserrat">.font-montserrat { font-family: 'Montserrat', sans-serif !important; }</style><link id="all-fonts-link-font-poppins" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-poppins">.font-poppins { font-family: 'Poppins', sans-serif !important; }</style><link id="all-fonts-link-font-playfair" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;900&amp;display=swap"><style id="all-fonts-style-font-playfair">.font-playfair { font-family: 'Playfair Display', serif !important; }</style><link id="all-fonts-link-font-instrument-serif" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Serif:wght@400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-instrument-serif">.font-instrument-serif { font-family: 'Instrument Serif', serif !important; }</style><link id="all-fonts-link-font-merriweather" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&amp;display=swap"><style id="all-fonts-style-font-merriweather">.font-merriweather { font-family: 'Merriweather', serif !important; }</style><link id="all-fonts-link-font-bricolage" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-bricolage">.font-bricolage { font-family: 'Bricolage Grotesque', sans-serif !important; }</style><link id="all-fonts-link-font-jakarta" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-jakarta">.font-jakarta { font-family: 'Plus Jakarta Sans', sans-serif !important; }</style><link id="all-fonts-link-font-manrope" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-manrope">.font-manrope { font-family: 'Manrope', sans-serif !important; }</style><link id="all-fonts-link-font-space-grotesk" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-space-grotesk">.font-space-grotesk { font-family: 'Space Grotesk', sans-serif !important; }</style><link id="all-fonts-link-font-work-sans" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-work-sans">.font-work-sans { font-family: 'Work Sans', sans-serif !important; }</style><link id="all-fonts-link-font-pt-serif" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&amp;display=swap"><style id="all-fonts-style-font-pt-serif">.font-pt-serif { font-family: 'PT Serif', serif !important; }</style><link id="all-fonts-link-font-geist-mono" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-geist-mono">.font-geist-mono { font-family: 'Geist Mono', monospace !important; }</style><link id="all-fonts-link-font-space-mono" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&amp;display=swap"><style id="all-fonts-style-font-space-mono">.font-space-mono { font-family: 'Space Mono', monospace !important; }</style><link id="all-fonts-link-font-quicksand" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-quicksand">.font-quicksand { font-family: 'Quicksand', sans-serif !important; }</style><link id="all-fonts-link-font-nunito" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-nunito">.font-nunito { font-family: 'Nunito', sans-serif !important; }</style><link id="all-fonts-link-font-geist" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-geist">.font-geist { font-family: 'Geist', sans-serif !important; }</style><link id="all-fonts-link-font-roboto" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-roboto">.font-roboto { font-family: 'Roboto', sans-serif !important; }</style><link id="all-fonts-link-font-montserrat" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-montserrat">.font-montserrat { font-family: 'Montserrat', sans-serif !important; }</style><link id="all-fonts-link-font-poppins" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-poppins">.font-poppins { font-family: 'Poppins', sans-serif !important; }</style><link id="all-fonts-link-font-playfair" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;900&amp;display=swap"><style id="all-fonts-style-font-playfair">.font-playfair { font-family: 'Playfair Display', serif !important; }</style><link id="all-fonts-link-font-instrument-serif" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Serif:wght@400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-instrument-serif">.font-instrument-serif { font-family: 'Instrument Serif', serif !important; }</style><link id="all-fonts-link-font-merriweather" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&amp;display=swap"><style id="all-fonts-style-font-merriweather">.font-merriweather { font-family: 'Merriweather', serif !important; }</style><link id="all-fonts-link-font-bricolage" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-bricolage">.font-bricolage { font-family: 'Bricolage Grotesque', sans-serif !important; }</style><link id="all-fonts-link-font-jakarta" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-jakarta">.font-jakarta { font-family: 'Plus Jakarta Sans', sans-serif !important; }</style><link id="all-fonts-link-font-manrope" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-manrope">.font-manrope { font-family: 'Manrope', sans-serif !important; }</style><link id="all-fonts-link-font-space-grotesk" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-space-grotesk">.font-space-grotesk { font-family: 'Space Grotesk', sans-serif !important; }</style><link id="all-fonts-link-font-work-sans" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-work-sans">.font-work-sans { font-family: 'Work Sans', sans-serif !important; }</style><link id="all-fonts-link-font-pt-serif" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&amp;display=swap"><style id="all-fonts-style-font-pt-serif">.font-pt-serif { font-family: 'PT Serif', serif !important; }</style><link id="all-fonts-link-font-geist-mono" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-geist-mono">.font-geist-mono { font-family: 'Geist Mono', monospace !important; }</style><link id="all-fonts-link-font-space-mono" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&amp;display=swap"><style id="all-fonts-style-font-space-mono">.font-space-mono { font-family: 'Space Mono', monospace !important; }</style><link id="all-fonts-link-font-quicksand" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-quicksand">.font-quicksand { font-family: 'Quicksand', sans-serif !important; }</style><link id="all-fonts-link-font-nunito" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-nunito">.font-nunito { font-family: 'Nunito', sans-serif !important; }</style><link id="all-fonts-link-font-geist" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-geist">.font-geist { font-family: 'Geist', sans-serif !important; }</style><link id="all-fonts-link-font-roboto" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-roboto">.font-roboto { font-family: 'Roboto', sans-serif !important; }</style><link id="all-fonts-link-font-montserrat" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-montserrat">.font-montserrat { font-family: 'Montserrat', sans-serif !important; }</style><link id="all-fonts-link-font-poppins" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-poppins">.font-poppins { font-family: 'Poppins', sans-serif !important; }</style><link id="all-fonts-link-font-playfair" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;900&amp;display=swap"><style id="all-fonts-style-font-playfair">.font-playfair { font-family: 'Playfair Display', serif !important; }</style><link id="all-fonts-link-font-instrument-serif" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Serif:wght@400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-instrument-serif">.font-instrument-serif { font-family: 'Instrument Serif', serif !important; }</style><link id="all-fonts-link-font-merriweather" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&amp;display=swap"><style id="all-fonts-style-font-merriweather">.font-merriweather { font-family: 'Merriweather', serif !important; }</style><link id="all-fonts-link-font-bricolage" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-bricolage">.font-bricolage { font-family: 'Bricolage Grotesque', sans-serif !important; }</style><link id="all-fonts-link-font-jakarta" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-jakarta">.font-jakarta { font-family: 'Plus Jakarta Sans', sans-serif !important; }</style><link id="all-fonts-link-font-manrope" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-manrope">.font-manrope { font-family: 'Manrope', sans-serif !important; }</style><link id="all-fonts-link-font-space-grotesk" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-space-grotesk">.font-space-grotesk { font-family: 'Space Grotesk', sans-serif !important; }</style><link id="all-fonts-link-font-work-sans" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-work-sans">.font-work-sans { font-family: 'Work Sans', sans-serif !important; }</style><link id="all-fonts-link-font-pt-serif" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&amp;display=swap"><style id="all-fonts-style-font-pt-serif">.font-pt-serif { font-family: 'PT Serif', serif !important; }</style><link id="all-fonts-link-font-geist-mono" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-geist-mono">.font-geist-mono { font-family: 'Geist Mono', monospace !important; }</style><link id="all-fonts-link-font-space-mono" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&amp;display=swap"><style id="all-fonts-style-font-space-mono">.font-space-mono { font-family: 'Space Mono', monospace !important; }</style><link id="all-fonts-link-font-quicksand" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-quicksand">.font-quicksand { font-family: 'Quicksand', sans-serif !important; }</style><link id="all-fonts-link-font-nunito" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-nunito">.font-nunito { font-family: 'Nunito', sans-serif !important; }</style><link id="all-fonts-link-font-geist" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-geist">.font-geist { font-family: 'Geist', sans-serif !important; }</style><link id="all-fonts-link-font-roboto" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-roboto">.font-roboto { font-family: 'Roboto', sans-serif !important; }</style><link id="all-fonts-link-font-montserrat" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-montserrat">.font-montserrat { font-family: 'Montserrat', sans-serif !important; }</style><link id="all-fonts-link-font-poppins" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-poppins">.font-poppins { font-family: 'Poppins', sans-serif !important; }</style><link id="all-fonts-link-font-playfair" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;900&amp;display=swap"><style id="all-fonts-style-font-playfair">.font-playfair { font-family: 'Playfair Display', serif !important; }</style><link id="all-fonts-link-font-instrument-serif" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Serif:wght@400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-instrument-serif">.font-instrument-serif { font-family: 'Instrument Serif', serif !important; }</style><link id="all-fonts-link-font-merriweather" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&amp;display=swap"><style id="all-fonts-style-font-merriweather">.font-merriweather { font-family: 'Merriweather', serif !important; }</style><link id="all-fonts-link-font-bricolage" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-bricolage">.font-bricolage { font-family: 'Bricolage Grotesque', sans-serif !important; }</style><link id="all-fonts-link-font-jakarta" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-jakarta">.font-jakarta { font-family: 'Plus Jakarta Sans', sans-serif !important; }</style><link id="all-fonts-link-font-manrope" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-manrope">.font-manrope { font-family: 'Manrope', sans-serif !important; }</style><link id="all-fonts-link-font-space-grotesk" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-space-grotesk">.font-space-grotesk { font-family: 'Space Grotesk', sans-serif !important; }</style><link id="all-fonts-link-font-work-sans" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-work-sans">.font-work-sans { font-family: 'Work Sans', sans-serif !important; }</style><link id="all-fonts-link-font-pt-serif" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&amp;display=swap"><style id="all-fonts-style-font-pt-serif">.font-pt-serif { font-family: 'PT Serif', serif !important; }</style><link id="all-fonts-link-font-geist-mono" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-geist-mono">.font-geist-mono { font-family: 'Geist Mono', monospace !important; }</style><link id="all-fonts-link-font-space-mono" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&amp;display=swap"><style id="all-fonts-style-font-space-mono">.font-space-mono { font-family: 'Space Mono', monospace !important; }</style><link id="all-fonts-link-font-quicksand" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-quicksand">.font-quicksand { font-family: 'Quicksand', sans-serif !important; }</style><link id="all-fonts-link-font-nunito" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-nunito">.font-nunito { font-family: 'Nunito', sans-serif !important; }</style><link id="all-fonts-link-font-geist" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-geist">.font-geist { font-family: 'Geist', sans-serif !important; }</style><link id="all-fonts-link-font-manrope" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&amp;display=swap"><style id="all-fonts-style-font-manrope">.font-manrope { font-family: 'Manrope', sans-serif !important; }</style><style id="border-gradient-shared-style">
+[style*="--border-gradient"]::before {
+content: "";
+position: absolute;
+inset: 0;
+padding: 1px;
+border-radius: var(--border-radius-before, inherit);
+-webkit-mask: linear-gradient(#fff 0 0) content-box,
+linear-gradient(#fff 0 0);
+-webkit-mask-composite: xor;
+mask-composite: exclude;
+background: var(--border-gradient);
+pointer-events: none;
+}</style>  <style>
+/* 3D Transform utilities */
+.perspective-none { perspective: none !important; }
+.perspective-dramatic { perspective: 100px !important; }
+.perspective-near { perspective: 300px !important; }
+.perspective-normal { perspective: 500px !important; }
+.perspective-midrange { perspective: 800px !important; }
+.perspective-distant { perspective: 1200px !important; }
+.transform-style-preserve-3d { transform-style: preserve-3d !important; }
+.transform-style-flat { transform-style: flat !important; }
+</style></head>
+<body class="bg-black text-white antialiased overflow-x-hidden selection:bg-orange-500/30 selection:text-orange-200">
+
+<!-- Background (component) added by Aura -->
+<div class="aura-background-component fixed top-0 w-full h-screen mix-blend-screen brightness-50 opacity-50 saturate-0 z-10 pointer-events-none" data-alpha-mask="80" style="; mask-image: linear-gradient(to bottom, transparent, black 0%, black 80%, transparent); -webkit-mask-image: linear-gradient(to bottom, transparent, black 0%, black 80%, transparent)"><div class="aura-background-component top-0 w-full -z-10 absolute h-full">
+  <div data-us-project="bKN5upvoulAmWvInmHza" class="absolute w-full h-full left-0 top-0 -z-10"></div>
+  <script type="text/javascript">
+    !function(){if(!window.UnicornStudio){window.UnicornStudio={isInitialized:!1};var i=document.createElement("script");i.src="https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js@v1.4.29/dist/unicornStudio.umd.js",i.onload=function(){window.UnicornStudio.isInitialized||(UnicornStudio.init(),window.UnicornStudio.isInitialized=!0)},(document.head || document.body).appendChild(i)}}();
+  </script>
+</div></div>
+
+    <!-- Progressive Blur Top -->
+    <div class="gradient-blur">
+        <div></div>
+        <div class=""></div>
+        <div></div>
+        <div class=""></div>
+        <div></div>
+        <div></div>
+    </div>
+
+    <!-- Navigation -->
+    <div class="fixed flex w-full z-50 pt-6 pr-4 pl-4 top-0 left-0 justify-center">
+        <nav class="shadow-black/50 flex md:gap-12 md:w-auto bg-black/60 w-full max-w-5xl rounded-full pt-2 pr-2 pb-2 pl-6 shadow-2xl backdrop-blur-xl gap-x-8 gap-y-8 items-center justify-between" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2)); --border-radius-before: 9999px">
+            <div class="flex items-center gap-2 shrink-0">
+                <span class="text-base font-medium tracking-tight text-white font-sans">Nebula</span>
+            </div>
+            <div class="hidden md:flex items-center gap-6">
+                <a href="#" class="text-xs font-medium text-gray-400 hover:text-white transition-colors font-sans">Product</a>
+                <a href="#" class="text-xs font-medium text-gray-400 hover:text-white transition-colors font-sans">Docs</a>
+                <a href="#" class="text-xs font-medium text-gray-400 hover:text-white transition-colors font-sans">Customers</a>
+                <a href="#" class="text-xs font-medium text-gray-400 hover:text-white transition-colors font-sans">Pricing</a>
+            </div>
+            <div class="flex items-center gap-4 shrink-0">
+                <a href="#" class="hidden md:block text-xs font-medium text-gray-300 hover:text-white transition-colors font-sans">Sign in</a>
+                <button class="group inline-flex overflow-hidden transition-all duration-300 hover:-translate-y-0.5 hover:shadow-[0_0_25px_rgba(255,255,255,0.1)] rounded-full pt-[1px] pr-[1px] pb-[1px] pl-[1px] relative items-center justify-center">
+  <!-- Spinning Border Beam (Visible on Hover) -->
+  <span class="absolute inset-[-100%] animate-[spin_3s_linear_infinite] bg-[conic-gradient(from_90deg_at_50%_50%,transparent_0%,transparent_75%,#ffffff_100%)] opacity-0 transition-opacity duration-300 group-hover:opacity-100" style=""></span>
+  
+  <!-- Default Static Border -->
+  <span class="transition-opacity duration-300 group-hover:opacity-0 bg-zinc-800 rounded-full absolute top-0 right-0 bottom-0 left-0" style=""></span>
+  
+  <!-- 3D Button Surface & Content -->
+  <span class="flex items-center justify-center gap-2 uppercase transition-colors duration-300 group-hover:text-white text-xs font-medium text-zinc-400 tracking-widest bg-gradient-to-b from-zinc-800 to-zinc-950 w-full h-full rounded-full pt-2.5 pr-6 pb-2.5 pl-6 relative shadow-[inset_0_1px_0_rgba(255,255,255,0.3)]">
+    <span class="relative z-10" style="">Request Demo</span>
+    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="relative z-10 transition-transform duration-300 group-hover:translate-x-0.5" style="">
+      <path d="M5 12h14"></path>
+      <path d="m12 5 7 7-7 7"></path>
+    </svg>
+  </span>
+</button>
+            </div>
+        </nav>
+    </div>
+
+    <!-- Hero Section -->
+    <section class="min-h-screen flex flex-col md:pt-20 overflow-hidden w-full pt-32 relative items-center justify-center" style="mask-image: linear-gradient(180deg, transparent, black 0%, black 95%, transparent); -webkit-mask-image: linear-gradient(180deg, transparent, black 0%, black 95%, transparent);">
+        
+        <!-- Background Effects -->
+        <div class="absolute inset-0 -z-20">
+            <div class="absolute top-[-10%] left-1/2 -translate-x-1/2 w-[120%] h-[80%] bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-white/10 via-zinc-900/20 to-black"></div>
+            <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-20 mix-blend-overlay"></div>
+        </div>
+
+        <!-- Grid/Curtain Structure with Column-by-Column Clip Animation -->
+        <div class="absolute inset-0 w-full h-full grid grid-cols-1 md:grid-cols-7 gap-0 -z-10 pointer-events-none">
+            <div class="relative h-full hidden md:block border-r border-white/5 col-anim delay-1">
+                <div class="absolute bottom-0 left-0 right-0 bg-black h-[75%] border-t border-white/10 shadow-[0_-20px_60px_-10px_rgba(0,0,0,0.8)]"></div>
+            </div>
+            <div class="relative h-full hidden md:block border-r border-white/5 col-anim delay-2">
+                <div class="absolute bottom-0 left-0 right-0 bg-black h-[65%] border-t border-white/10 shadow-[0_-20px_60px_-10px_rgba(0,0,0,0.8)]"></div>
+            </div>
+            <div class="relative h-full hidden md:block border-r border-white/5 col-anim delay-3">
+                <div class="absolute bottom-0 left-0 right-0 bg-black h-[55%] border-t border-white/10 shadow-[0_-20px_60px_-10px_rgba(0,0,0,0.8)]"></div>
+            </div>
+            <div class="relative h-full border-r border-white/5 md:border-none col-anim delay-4">
+                <div class="absolute bottom-0 left-0 right-0 bg-black h-[45%] border-t border-white/10 shadow-[0_-20px_60px_-10px_rgba(0,0,0,0.8)]"></div>
+                <div class="absolute top-[20%] left-0 right-0 h-[30%] bg-gradient-to-b from-white/5 to-transparent pointer-events-none"></div>
+            </div>
+            <div class="relative h-full hidden md:block border-l border-white/5 col-anim delay-5">
+                <div class="absolute bottom-0 left-0 right-0 bg-black h-[55%] border-t border-white/10 shadow-[0_-20px_60px_-10px_rgba(0,0,0,0.8)]"></div>
+            </div>
+            <div class="relative h-full hidden md:block border-l border-white/5 col-anim delay-6">
+                <div class="absolute bottom-0 left-0 right-0 bg-black h-[65%] border-t border-white/10 shadow-[0_-20px_60px_-10px_rgba(0,0,0,0.8)]"></div>
+            </div>
+            <div class="relative h-full hidden md:block border-l border-white/5 col-anim delay-7">
+                <div class="absolute bottom-0 left-0 right-0 bg-black h-[75%] border-t border-white/10 shadow-[0_-20px_60px_-10px_rgba(0,0,0,0.8)]"></div>
+            </div>
+        </div>
+
+        <!-- Content Container -->
+        <div class="text-center max-w-5xl z-10 mt-24 mr-auto mb-24 ml-auto pr-6 pl-6 relative">
+            
+            <!-- Badge -->
+            <div class="[animation:fadeSlideIn_1s_ease-out_0.8s_both] animate-on-scroll inline-flex transition-transform hover:scale-105 cursor-pointer group animate bg-gradient-to-br from-white/10 to-white/0 rounded-full mb-10 pt-1.5 pr-3 pb-1.5 pl-3 backdrop-blur-sm gap-x-2 gap-y-2 items-center" style="position: relative; --border-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); --border-radius-before: 9999px">
+                <span class="flex h-1.5 w-1.5 rounded-full bg-orange-500 shadow-[0_0_10px_rgba(249,115,22,0.5)] group-hover:animate-pulse"></span>
+                <span class="text-xs font-medium text-orange-100/80 tracking-wide group-hover:text-white transition-colors font-sans">New release: Nebula Protocol v2.0</span>
+            </div>
+
+            <!-- Heading -->
+            <h1 class="[animation:fadeSlideIn_1s_ease-out_1s_both] animate-on-scroll animate flex flex-wrap justify-center gap-x-[0.25em] gap-y-2 leading-[1.1] md:text-8xl cursor-default text-6xl font-medium tracking-tighter font-manrope mb-8">
+    <!-- Static Word: Scale -->
+    <span class="inline-flex bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50 opacity-60">Scale</span>
+
+    <!-- Interactive Group: your protocol -->
+    <span class="group inline-flex flex-wrap justify-center gap-x-[0.25em] cursor-pointer select-none">
+        <!-- Word: your -->
+        <span class="inline-flex">
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 0ms">y</span>
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400 absolute top-0 left-0 translate-y-full" style="transition-delay: 0ms">y</span>
+            </span>
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 25ms">o</span>
+                <span class="absolute top-0 left-0 block translate-y-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400" style="transition-delay: 25ms">o</span>
+            </span>
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 50ms">u</span>
+                <span class="absolute top-0 left-0 block translate-y-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400" style="transition-delay: 50ms">u</span>
+            </span>
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 75ms">r</span>
+                <span class="absolute top-0 left-0 block translate-y-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400" style="transition-delay: 75ms">r</span>
+            </span>
+        </span>
+
+        <!-- Word: protocol -->
+        <span class="inline-flex">
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 100ms">p</span>
+                <span class="absolute top-0 left-0 block translate-y-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400" style="transition-delay: 100ms">p</span>
+            </span>
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 125ms">r</span>
+                <span class="absolute top-0 left-0 block translate-y-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400" style="transition-delay: 125ms">r</span>
+            </span>
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 150ms">o</span>
+                <span class="absolute top-0 left-0 block translate-y-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400" style="transition-delay: 150ms">o</span>
+            </span>
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 175ms">t</span>
+                <span class="absolute top-0 left-0 block translate-y-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400" style="transition-delay: 175ms">t</span>
+            </span>
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 200ms">o</span>
+                <span class="absolute top-0 left-0 block translate-y-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400" style="transition-delay: 200ms">o</span>
+            </span>
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 225ms">c</span>
+                <span class="absolute top-0 left-0 block translate-y-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400" style="transition-delay: 225ms">c</span>
+            </span>
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 250ms">o</span>
+                <span class="absolute top-0 left-0 block translate-y-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400" style="transition-delay: 250ms">o</span>
+            </span>
+            <span class="relative inline-block overflow-hidden h-[1.1em]">
+                <span class="block transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:-translate-y-full bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50" style="transition-delay: 275ms">l</span>
+                <span class="absolute top-0 left-0 block translate-y-full transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:translate-y-0 text-orange-400" style="transition-delay: 275ms">l</span>
+            </span>
+        </span>
+    </span>
+
+    <!-- Static Words -->
+    <span class="inline-flex bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50 opacity-60">with</span>
+    <span class="inline-flex bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50 opacity-60">smart</span>
+    <span class="inline-flex bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/50 opacity-60">infrastructure</span>
+</h1>
+
+            <!-- Subtext -->
+            <p class="[animation:fadeSlideIn_1s_ease-out_1.2s_both] animate-on-scroll leading-relaxed md:text-2xl text-xl text-gray-400 tracking-normal max-w-3xl mr-auto mb-12 ml-auto animate font-manrope font-medium" style="">
+                The essential toolkit for deploying secure dApps. From writing your first smart contract to governing a global DAO, build it all on one unified layer.
+            </p>
+
+            <!-- Animated Shiny CTA Button -->
+            <div class="[animation:fadeSlideIn_1s_ease-out_1.4s_both] animate-on-scroll flex flex-col md:flex-row items-center justify-center gap-6 mb-12 animate">
+                <button class="group flex overflow-hidden uppercase transition-all duration-500 hover:scale-[1.02] hover:shadow-[0_0_40px_-10px_rgba(234,88,12,0.5)] focus:outline-none text-sm font-medium text-white tracking-widest font-geist rounded-full pt-5 pr-12 pb-5 pl-12 relative items-center justify-center">
+    <style>
+        @keyframes beam-spin { to { transform: rotate(360deg); } }
+        @keyframes dots-move { 
+            0% { background-position: 0 0; } 
+            100% { background-position: 24px 24px; } 
+        }
+    </style>
+    
+    <!-- Full Border Beam (Single Beam) -->
+    <div class="absolute inset-0 -z-20 rounded-full overflow-hidden p-[1px]">
+        <div class="absolute inset-[-100%] bg-[conic-gradient(from_0deg,transparent_0_300deg,#ea580c_360deg)]" style="animation: beam-spin 3s linear infinite;"></div>
+        <div class="absolute inset-[1px] rounded-full bg-black"></div>
+    </div>
+
+    <!-- Inner Background & Effects -->
+    <div class="-z-10 overflow-hidden bg-zinc-950 rounded-full absolute top-[2px] right-[2px] bottom-[2px] left-[2px]">
+        <!-- Light Monotone Gradient Background -->
+        <div class="absolute inset-0 bg-gradient-to-b from-zinc-800/60 to-transparent"></div>
+        
+        <!-- Animated Dots Pattern -->
+        <div class="opacity-30 mix-blend-overlay absolute top-0 right-0 bottom-0 left-0" style="background-image: radial-gradient(rgba(255,255,255,0.6) 1px, transparent 1px); background-size: 12px 12px; animation: dots-move 8s linear infinite"></div>
+        
+        <!-- Orange Glow on Hover -->
+        <div class="absolute bottom-0 left-1/2 -translate-x-1/2 w-2/3 h-1/2 bg-orange-500/10 blur-2xl rounded-full pointer-events-none transition-colors duration-500 group-hover:bg-orange-500/30"></div>
+    </div>
+
+    <!-- Content -->
+    <span class="relative z-10 text-white/90 transition-colors group-hover:text-white font-sans">Start Building</span>
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right relative z-10 ml-2 transition-transform duration-300 group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
+</button>
+            </div>
+
+            <!-- Secondary Link -->
+            <div class="[animation:fadeSlideIn_1s_ease-out_1.6s_both] animate-on-scroll flex flex-col animate mt-32 mb-20 gap-x-4 gap-y-4 items-center">
+                <p class="text-xs text-gray-500 font-medium uppercase tracking-widest font-sans">Trusted by the modern web3 ecosystem</p>
+                <a href="#" class="inline-flex items-center gap-1 text-sm text-gray-400 hover:text-white border-b border-transparent hover:border-white transition-all pb-0.5 group font-sans">
+                    Read the manifesto
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="arrow-right" class="lucide lucide-arrow-right w-3.5 h-3.5 transform group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
+                </a>
+            </div>
+
+        </div>
+
+        <!-- Logos Footer -->
+        <div class="[animation:fadeSlideIn_1s_ease-out_1.8s_both] animate-on-scroll relative z-20 w-full max-w-6xl mx-auto px-6 pb-12 md:pb-20 animate">
+            <div class="w-full inline-flex flex-nowrap overflow-hidden [mask-image:_linear-gradient(to_right,transparent_0,_black_128px,_black_calc(100%-128px),transparent_100%)] opacity-40 grayscale hover:grayscale-0 transition-all duration-700 group">
+    <style>
+        @keyframes infinite-scroll {
+            0% { transform: translateX(0); }
+            100% { transform: translateX(-50%); }
+        }
+        .animate-infinite-scroll {
+            animation: infinite-scroll 40s linear infinite;
+        }
+        /* Pause animation on hover */
+        .group:hover .animate-infinite-scroll {
+            animation-play-state: paused;
+        }
+    </style>
+    <div class="flex items-center justify-center md:justify-start [&amp;_div]:mx-8 w-max animate-infinite-scroll">
+        <!-- Original Items -->
+        <div class="group flex items-center gap-2">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:git" class="iconify text-2xl text-white iconify--simple-icons"><path fill="currentColor" d="M23.546 10.93L13.067.452a1.55 1.55 0 0 0-2.188 0L8.708 2.627l2.76 2.76a1.838 1.838 0 0 1 2.327 2.341l2.658 2.66a1.838 1.838 0 0 1 1.9 3.039a1.837 1.837 0 0 1-2.6 0a1.85 1.85 0 0 1-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348a1.85 1.85 0 0 1 0 2.6a1.844 1.844 0 0 1-2.609 0a1.834 1.834 0 0 1 0-2.598c.182-.18.387-.316.605-.406V8.835a1.834 1.834 0 0 1-.996-2.41L7.636 3.7L.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477a1.545 1.545 0 0 0 2.186 0l10.43-10.43a1.544 1.544 0 0 0 0-2.187"></path></svg>
+            <span class="font-medium text-lg text-white font-sans">git</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:npm" class="iconify text-3xl text-white iconify--simple-icons"><path fill="currentColor" d="M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019l-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"></path></svg>
+        </div>
+        <div class="group flex items-center gap-2">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:lucid" class="iconify text-xl text-white iconify--simple-icons"><path fill="currentColor" d="M12 0L3.694 4.8V24L12 19.2Zm0 19.2v4.502h8.305V14.4Z"></path></svg>
+            <span class="font-medium text-lg text-white font-sans">Lucidchart</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <span class="iconify text-xl text-white" data-icon="simple-icons:wrike"></span>
+            <span class="font-medium text-lg text-white font-sans">wrike</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:jquery" class="iconify text-xl text-white iconify--simple-icons"><path fill="currentColor" d="M1.525 5.87c-2.126 3.054-1.862 7.026-.237 10.269q.057.117.118.229q.035.076.077.15q.021.042.047.082q.04.078.081.152l.157.266c.03.049.057.097.09.146c.056.094.12.187.178.281q.037.06.079.117a6 6 0 0 0 .31.445q.115.16.24.315l.086.115l.22.269c.028.03.055.067.084.099q.148.176.306.35l.005.006a3 3 0 0 0 .425.44q.119.125.245.245l.101.097q.165.158.34.309q.002 0 .005.003l.057.05q.153.135.31.26l.125.105l.26.2l.137.105c.093.07.192.139.287.207q.052.038.106.073l.03.023l.28.185l.12.08q.221.14.44.272q.063.031.123.068q.164.095.329.183q.09.05.184.094q.113.062.234.125a.3.3 0 0 1 .056.023l.096.047q.18.09.375.175q.037.014.076.034q.215.094.438.182c.034.01.07.027.105.04q.204.078.411.152l.05.018q.23.078.46.15l.111.033c.16.048.314.105.474.137c10.273 1.872 13.258-6.177 13.258-6.177c-2.508 3.266-6.958 4.127-11.174 3.169c-.156-.036-.312-.086-.47-.132a14 14 0 0 1-.567-.182l-.062-.024q-.202-.07-.4-.148l-.11-.04q-.22-.09-.433-.184c-.031-.01-.057-.024-.088-.036l-.362-.17l-.106-.052c-.094-.044-.188-.095-.28-.143a4 4 0 0 1-.187-.096c-.114-.06-.227-.125-.34-.187q-.052-.035-.112-.066a16 16 0 0 1-.439-.27a2 2 0 0 1-.118-.078a6 6 0 0 1-.312-.207l-.103-.073a10 10 0 0 1-.295-.212q-.064-.05-.132-.1c-.088-.07-.177-.135-.265-.208l-.118-.095a11 11 0 0 1-.335-.28l-.037-.031l-.347-.316l-.1-.094q-.123-.125-.25-.246l-.098-.1a9 9 0 0 1-.309-.323l-.015-.016q-.159-.174-.313-.355q-.04-.046-.08-.097l-.227-.277a21 21 0 0 1-.34-.449C2.152 11.79 1.306 7.384 3.177 3.771m4.943-.473c-1.54 2.211-1.454 5.169-.254 7.508a9 9 0 0 0 .678 1.133c.23.33.484.721.793.988q.162.181.344.36l.09.09q.172.164.35.325l.016.013a10 10 0 0 0 .414.342c.034.023.063.05.096.073q.21.161.428.316l.015.009q.093.066.198.13c.028.018.06.042.09.06q.158.1.318.197l.048.023c.09.055.188.108.282.157c.033.02.065.035.1.054q.1.05.197.102l.032.014q.204.1.408.19q.05.02.092.039q.167.072.336.137c.05.017.097.037.144.052c.102.038.21.073.31.108l.14.045c.147.045.295.104.449.13C22.164 17.206 24 11.098 24 11.098c-1.653 2.38-4.852 3.513-8.261 2.628a8 8 0 0 1-.449-.13c-.048-.014-.09-.029-.136-.043c-.104-.036-.211-.07-.312-.109l-.144-.054c-.113-.045-.227-.087-.336-.135c-.034-.015-.065-.025-.091-.04q-.211-.093-.418-.192l-.206-.107l-.119-.06a6 6 0 0 1-.265-.15l-.062-.035c-.106-.066-.217-.13-.318-.198q-.05-.03-.097-.062l-.208-.136c-.144-.1-.285-.208-.428-.313q-.048-.042-.094-.079c-1.499-1.178-2.681-2.79-3.242-4.613c-.59-1.897-.46-4.023.56-5.75m4.292-.147c-.909 1.334-.996 2.99-.37 4.46c.665 1.563 2.024 2.79 3.608 3.37q.096.036.196.07l.088.027c.092.03.185.063.28.084c4.381.845 5.567-2.25 5.886-2.704c-1.043 1.498-2.792 1.857-4.938 1.335a5 5 0 0 1-.516-.16a6 6 0 0 1-.618-.254a6.5 6.5 0 0 1-1.082-.66c-1.922-1.457-3.113-4.236-1.859-6.5"></path></svg>
+            <span class="font-medium text-lg text-white font-sans">jQuery</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:openstack" class="iconify text-xl text-white iconify--simple-icons"><path fill="currentColor" d="M18.575 9.29h5.418v5.42h-5.418zM0 9.29h5.419v5.42H0zm18.575 7.827a1.207 1.207 0 0 1-1.206 1.206H6.623a1.207 1.207 0 0 1-1.205-1.206v-.858H0v5.252a2.236 2.236 0 0 0 2.229 2.23h19.53A2.237 2.237 0 0 0 24 21.512V16.26h-5.425zM21.763.258H2.233a2.236 2.236 0 0 0-2.23 2.23V7.74h5.419v-.858a1.206 1.206 0 0 1 1.205-1.206h10.746a1.206 1.206 0 0 1 1.205 1.206v.858H24V2.487A2.237 2.237 0 0 0 21.763.258"></path></svg>
+            <span class="font-medium text-lg text-white font-sans">openstack</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <span class="iconify text-xl text-white" data-icon="simple-icons:servicenow"></span>
+            <span class="font-medium text-lg text-white tracking-tight font-sans">servicenow</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <span class="font-bold text-xl text-white tracking-tight font-sans">paysafe:</span>
+        </div>
+
+        <!-- Duplicate Items -->
+        <div class="group flex items-center gap-2">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:git" class="iconify text-2xl text-white iconify--simple-icons"><path fill="currentColor" d="M23.546 10.93L13.067.452a1.55 1.55 0 0 0-2.188 0L8.708 2.627l2.76 2.76a1.838 1.838 0 0 1 2.327 2.341l2.658 2.66a1.838 1.838 0 0 1 1.9 3.039a1.837 1.837 0 0 1-2.6 0a1.85 1.85 0 0 1-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348a1.85 1.85 0 0 1 0 2.6a1.844 1.844 0 0 1-2.609 0a1.834 1.834 0 0 1 0-2.598c.182-.18.387-.316.605-.406V8.835a1.834 1.834 0 0 1-.996-2.41L7.636 3.7L.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477a1.545 1.545 0 0 0 2.186 0l10.43-10.43a1.544 1.544 0 0 0 0-2.187"></path></svg>
+            <span class="font-medium text-lg text-white font-sans">git</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:npm" class="iconify text-3xl text-white iconify--simple-icons"><path fill="currentColor" d="M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019l-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"></path></svg>
+        </div>
+        <div class="group flex items-center gap-2">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:lucid" class="iconify text-xl text-white iconify--simple-icons"><path fill="currentColor" d="M12 0L3.694 4.8V24L12 19.2Zm0 19.2v4.502h8.305V14.4Z"></path></svg>
+            <span class="font-medium text-lg text-white font-sans">Lucidchart</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <span class="iconify text-xl text-white" data-icon="simple-icons:wrike"></span>
+            <span class="font-medium text-lg text-white font-sans">wrike</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:jquery" class="iconify text-xl text-white iconify--simple-icons"><path fill="currentColor" d="M1.525 5.87c-2.126 3.054-1.862 7.026-.237 10.269q.057.117.118.229q.035.076.077.15q.021.042.047.082q.04.078.081.152l.157.266c.03.049.057.097.09.146c.056.094.12.187.178.281q.037.06.079.117a6 6 0 0 0 .31.445q.115.16.24.315l.086.115l.22.269c.028.03.055.067.084.099q.148.176.306.35l.005.006a3 3 0 0 0 .425.44q.119.125.245.245l.101.097q.165.158.34.309q.002 0 .005.003l.057.05q.153.135.31.26l.125.105l.26.2l.137.105c.093.07.192.139.287.207q.052.038.106.073l.03.023l.28.185l.12.08q.221.14.44.272q.063.031.123.068q.164.095.329.183q.09.05.184.094q.113.062.234.125a.3.3 0 0 1 .056.023l.096.047q.18.09.375.175q.037.014.076.034q.215.094.438.182c.034.01.07.027.105.04q.204.078.411.152l.05.018q.23.078.46.15l.111.033c.16.048.314.105.474.137c10.273 1.872 13.258-6.177 13.258-6.177c-2.508 3.266-6.958 4.127-11.174 3.169c-.156-.036-.312-.086-.47-.132a14 14 0 0 1-.567-.182l-.062-.024q-.202-.07-.4-.148l-.11-.04q-.22-.09-.433-.184c-.031-.01-.057-.024-.088-.036l-.362-.17l-.106-.052c-.094-.044-.188-.095-.28-.143a4 4 0 0 1-.187-.096c-.114-.06-.227-.125-.34-.187q-.052-.035-.112-.066a16 16 0 0 1-.439-.27a2 2 0 0 1-.118-.078a6 6 0 0 1-.312-.207l-.103-.073a10 10 0 0 1-.295-.212q-.064-.05-.132-.1c-.088-.07-.177-.135-.265-.208l-.118-.095a11 11 0 0 1-.335-.28l-.037-.031l-.347-.316l-.1-.094q-.123-.125-.25-.246l-.098-.1a9 9 0 0 1-.309-.323l-.015-.016q-.159-.174-.313-.355q-.04-.046-.08-.097l-.227-.277a21 21 0 0 1-.34-.449C2.152 11.79 1.306 7.384 3.177 3.771m4.943-.473c-1.54 2.211-1.454 5.169-.254 7.508a9 9 0 0 0 .678 1.133c.23.33.484.721.793.988q.162.181.344.36l.09.09q.172.164.35.325l.016.013a10 10 0 0 0 .414.342c.034.023.063.05.096.073q.21.161.428.316l.015.009q.093.066.198.13c.028.018.06.042.09.06q.158.1.318.197l.048.023c.09.055.188.108.282.157c.033.02.065.035.1.054q.1.05.197.102l.032.014q.204.1.408.19q.05.02.092.039q.167.072.336.137c.05.017.097.037.144.052c.102.038.21.073.31.108l.14.045c.147.045.295.104.449.13C22.164 17.206 24 11.098 24 11.098c-1.653 2.38-4.852 3.513-8.261 2.628a8 8 0 0 1-.449-.13c-.048-.014-.09-.029-.136-.043c-.104-.036-.211-.07-.312-.109l-.144-.054c-.113-.045-.227-.087-.336-.135c-.034-.015-.065-.025-.091-.04q-.211-.093-.418-.192l-.206-.107l-.119-.06a6 6 0 0 1-.265-.15l-.062-.035c-.106-.066-.217-.13-.318-.198q-.05-.03-.097-.062l-.208-.136c-.144-.1-.285-.208-.428-.313q-.048-.042-.094-.079c-1.499-1.178-2.681-2.79-3.242-4.613c-.59-1.897-.46-4.023.56-5.75m4.292-.147c-.909 1.334-.996 2.99-.37 4.46c.665 1.563 2.024 2.79 3.608 3.37q.096.036.196.07l.088.027c.092.03.185.063.28.084c4.381.845 5.567-2.25 5.886-2.704c-1.043 1.498-2.792 1.857-4.938 1.335a5 5 0 0 1-.516-.16a6 6 0 0 1-.618-.254a6.5 6.5 0 0 1-1.082-.66c-1.922-1.457-3.113-4.236-1.859-6.5"></path></svg>
+            <span class="font-medium text-lg text-white font-sans">jQuery</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:openstack" class="iconify text-xl text-white iconify--simple-icons"><path fill="currentColor" d="M18.575 9.29h5.418v5.42h-5.418zM0 9.29h5.419v5.42H0zm18.575 7.827a1.207 1.207 0 0 1-1.206 1.206H6.623a1.207 1.207 0 0 1-1.205-1.206v-.858H0v5.252a2.236 2.236 0 0 0 2.229 2.23h19.53A2.237 2.237 0 0 0 24 21.512V16.26h-5.425zM21.763.258H2.233a2.236 2.236 0 0 0-2.23 2.23V7.74h5.419v-.858a1.206 1.206 0 0 1 1.205-1.206h10.746a1.206 1.206 0 0 1 1.205 1.206v.858H24V2.487A2.237 2.237 0 0 0 21.763.258"></path></svg>
+            <span class="font-medium text-lg text-white font-sans">openstack</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <span class="iconify text-xl text-white" data-icon="simple-icons:servicenow"></span>
+            <span class="font-medium text-lg text-white tracking-tight font-sans">servicenow</span>
+        </div>
+        <div class="group flex items-center gap-2">
+            <span class="font-bold text-xl text-white tracking-tight font-sans">paysafe:</span>
+        </div>
+    </div>
+</div>
+        </div>
+    </section><section class="z-20 w-full max-w-7xl mt-24 mr-auto mb-24 ml-auto pt-10 pr-2 pb-32 pl-2 relative">
+    
+    <!-- Main Feature Card: License Benefits -->
+    <div class="group overflow-hidden bg-gradient-to-br from-white/10 to-white/0 z-10 rounded-[2.5rem] mb-6 relative backdrop-blur-lg" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); --border-radius-before: 2.5rem">
+        <!-- Background Glow Effect -->
+        <div class="absolute bottom-0 left-0 w-full h-1/2 bg-gradient-to-tr from-blue-500/10 via-transparent to-transparent opacity-40 pointer-events-none"></div>
+        
+        <div class="grid lg:grid-cols-2 gap-0 gap-x-0 gap-y-0">
+            <!-- Text Content -->
+            <div class="md:p-16 flex flex-col z-10 pt-8 pr-8 pb-8 pl-8 relative justify-center">
+                <div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-white/10 to-white/5 border border-white/10 flex items-center justify-center mb-2">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="color: rgb(255, 255, 255); width: 24px; height: 24px" class="text-white w-[24px] h-[24px]" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" data-solar="posts-carousel-horizontal-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2"><path fill="#ffffff" d="M5.5 16V8a3 3 0 0 0-3-3a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5a3 3 0 0 0 3-3m13-8v8a3 3 0 0 0 3 3a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5a3 3 0 0 0-3 3" opacity=".5"></path><path fill="#ffffff" d="M11.5 19c-1.886 0-2.828 0-3.414-.586S7.5 16.886 7.5 15V9c0-1.886 0-2.828.586-3.414S9.614 5 11.5 5h1c1.886 0 2.828 0 3.414.586S16.5 7.114 16.5 9v6c0 1.886 0 2.828-.586 3.414S14.386 19 12.5 19z"></path></svg>
+                </div>
+                
+                <h2 class="leading-[1.1] md:text-4xl text-3xl font-semibold text-white tracking-tight font-manrope mt-6 mb-6">
+                    High-Performance API Integration
+                </h2>
+                
+                <div class="space-y-6 text-lg text-gray-400 font-sans leading-relaxed">
+                    <p class="">
+                        Connect to the decentralized web with Nebula's unified API surface. Designed for speed, reliability, and infinite scale.
+                    </p>
+                    <p class="">
+                        Our SDKs provide type-safe access to over 50+ protocols with a single line of code. Eliminate node maintenance and focus on building your application logic with 99.99% uptime guaranteed.
+                    </p>
+                    <p class="">
+                        Instant global state access — stream events, query historical data, and broadcast transactions with sub-millisecond latency.
+                    </p>
+                </div>
+            </div>
+
+            <!-- Visual Content: Code & Connection Status -->
+            <div class="relative min-h-[500px] bg-zinc-950/30 border-l border-white/5 overflow-hidden font-geist">
+                <!-- Abstract Code Editor Background -->
+                <div class="absolute inset-0 p-8 text-xs md:text-sm leading-relaxed text-gray-500 select-none opacity-40 pointer-events-none">
+                    <div class="flex gap-1.5 mb-6 opacity-50">
+                        <div class="w-3 h-3 rounded-full bg-zinc-700"></div>
+                        <div class="w-3 h-3 rounded-full bg-zinc-700"></div>
+                        <div class="w-3 h-3 rounded-full bg-zinc-700"></div>
+                    </div>
+                    <div class="font-mono space-y-1">
+                        <p><span class="text-purple-400">import</span> { <span class="text-orange-200">Nebula</span> } <span class="text-purple-400">from</span> <span class="text-emerald-400">"@nebula/api"</span>;</p>
+                        <p class="h-4"></p>
+                        <p><span class="text-blue-400">const</span> client = <span class="text-purple-400">new</span> <span class="text-orange-200">Nebula</span>({</p>
+                        <p class="pl-4">apiKey: <span class="text-emerald-400">"neb_live_8x92..."</span>,</p>
+                        <p class="pl-4">region: <span class="text-emerald-400">"us-west"</span>,</p>
+                        <p class="pl-4">retries: <span class="text-orange-200">3</span></p>
+                        <p>});</p>
+                        <p class="h-4"></p>
+                        <p><span class="text-purple-400">async function</span> <span class="text-blue-400">syncData</span>() {</p>
+                        <p class="pl-4"><span class="text-blue-400">const</span> stream = <span class="text-purple-400">await</span> client.<span class="text-blue-400">subscribe</span>(<span class="text-emerald-400">"new_blocks"</span>);</p>
+                        <p class="pl-4">stream.<span class="text-blue-400">on</span>(<span class="text-emerald-400">"data"</span>, (block) =&gt; {</p>
+                        <p class="pl-8">console.<span class="text-blue-400">log</span>(block.hash);</p>
+                        <p class="pl-8"><span class="text-gray-500">// Processing real-time events...</span></p>
+                        <p class="pl-4">});</p>
+                        <p>}</p>
+                    </div>
+                </div>
+
+                <!-- Floating Status Card -->
+                <div class="-translate-x-1/2 -translate-y-1/2 z-10 w-[90%] max-w-md pt-6 pr-6 pb-6 pl-6 absolute top-1/2 left-1/2">
+    <style>
+        @keyframes typing { from { width: 0 } to { width: 100% } }
+        @keyframes blink-caret { 50% { border-color: transparent } }
+        @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
+        .type-writer {
+            overflow: hidden;
+            white-space: nowrap;
+            border-right: 2px solid #10b981;
+            width: 0;
+            animation: typing 1.5s steps(30, end) 2.5s forwards, blink-caret 0.75s step-end infinite;
+        }
+    </style>
+    <div class="rounded-2xl bg-zinc-900/90 border border-white/10 backdrop-blur-xl shadow-[0_20px_50px_-12px_rgba(0,0,0,0.8)] overflow-hidden transition-all duration-700 ease-out group-hover:scale-[1.02]">
+        <!-- Header -->
+        <div class="p-5 border-b border-white/5 flex items-center justify-between bg-white/[0.02]">
+            <div>
+                <h4 class="text-white font-normal font-sans text-sm tracking-wide">API Status</h4>
+                <div class="flex items-center gap-2 mt-1">
+                    <span class="relative flex h-2 w-2 shrink-0">
+                      <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
+                      <span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-500"></span>
+                    </span>
+                    <p class="text-emerald-500 text-xs font-normal tracking-wide type-writer">
+                        Systems Operational
+                    </p>
+                </div>
+            </div>
+            <div class="h-8 w-8 rounded-full bg-white/5 flex items-center justify-center text-white/20">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity"><path d="M22 12h-4l-3 9L9 3l-3 9H2"></path></svg>
+            </div>
+        </div>
+        
+        <!-- Content Rows -->
+        <div class="divide-y divide-white/5 text-sm font-sans">
+            <!-- Row 1 -->
+            <div class="p-3.5 flex items-center justify-between hover:bg-white/5 transition-colors cursor-default opacity-0" style="animation: fadeSlideIn 0.6s ease-out 0.2s forwards">
+                <div class="flex items-center gap-3">
+                    <div class="w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center text-blue-400 shrink-0">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg>
+                    </div>
+                    <div class="flex flex-col">
+                        <span class="text-gray-200 font-normal">REST Gateway</span>
+                        <span class="text-gray-500 text-xs mt-0.5 font-normal">us-east-1</span>
+                    </div>
+                </div>
+                <div class="flex items-center gap-2">
+                    <span class="text-gray-400 text-xs font-mono">14ms</span>
+                    <div class="flex gap-0.5">
+                        <div class="w-1 h-3 bg-emerald-500 rounded-full"></div>
+                        <div class="w-1 h-3 bg-emerald-500/50 rounded-full"></div>
+                        <div class="w-1 h-3 bg-emerald-500/20 rounded-full"></div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Row 2 -->
+            <div class="p-3.5 flex items-center justify-between hover:bg-white/5 transition-colors cursor-default opacity-0" style="animation: fadeSlideIn 0.6s ease-out 1.0s forwards">
+                <div class="flex items-center gap-3">
+                    <div class="w-8 h-8 rounded-lg bg-purple-500/10 flex items-center justify-center text-purple-400 shrink-0">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.29 8.7 12 12 20.71 8.7"></polyline><line x1="12" x2="12" y1="22" y2="12"></line></svg>
+                    </div>
+                    <div class="flex flex-col">
+                        <span class="text-gray-200 font-normal">GraphQL</span>
+                        <span class="text-gray-500 text-xs mt-0.5 font-normal">global-edge</span>
+                    </div>
+                </div>
+                 <div class="flex items-center gap-2">
+                    <span class="text-gray-400 text-xs font-mono">28ms</span>
+                    <div class="flex gap-0.5">
+                        <div class="w-1 h-3 bg-emerald-500 rounded-full"></div>
+                        <div class="w-1 h-3 bg-emerald-500 rounded-full"></div>
+                        <div class="w-1 h-3 bg-emerald-500/20 rounded-full"></div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Row 3 -->
+            <div class="p-3.5 flex items-center justify-between hover:bg-white/5 transition-colors cursor-default bg-white/[0.02] opacity-0" style="animation: fadeSlideIn 0.6s ease-out 1.8s forwards">
+                <div class="flex items-center gap-3">
+                    <div class="w-8 h-8 rounded-lg bg-orange-500/10 flex items-center justify-center text-orange-400 shrink-0">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="animate-spin"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg>
+                    </div>
+                    <div class="flex flex-col">
+                        <span class="text-gray-200 font-normal">Indexer Stream</span>
+                        <span class="text-gray-500 text-xs mt-0.5 flex items-center gap-1 font-normal">
+                            Syncing blocks
+                            <span class="flex gap-0.5 ml-1">
+                                <span class="w-0.5 h-0.5 rounded-full bg-orange-400 animate-bounce"></span>
+                                <span class="w-0.5 h-0.5 rounded-full bg-orange-400 animate-bounce delay-100"></span>
+                                <span class="w-0.5 h-0.5 rounded-full bg-orange-400 animate-bounce delay-200"></span>
+                            </span>
+                        </span>
+                    </div>
+                </div>
+                <span class="text-emerald-400 text-[10px] font-normal bg-emerald-500/10 px-2 py-0.5 rounded-full border border-emerald-500/20">
+                    Active
+                </span>
+            </div>
+        </div>
+    </div>
+</div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Bottom Grid Cards -->
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 gap-x-6 gap-y-6">
+        
+        <!-- Mail / Support Card -->
+        <div class="group overflow-hidden flex flex-col hover:border-white/20 transition-colors duration-500 bg-gradient-to-br from-white/5 to-white/0 rounded-[2rem] backdrop-blur-lg" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); --border-radius-before: 2rem">
+            <!-- Visual Header -->
+            <div class="flex overflow-hidden bg-gradient-to-b from-white/[0.03] to-transparent h-64 relative items-center justify-center" style="mask-image: linear-gradient(180deg, transparent, black 0%, black 90%, transparent); -webkit-mask-image: linear-gradient(180deg, transparent, black 0%, black 90%, transparent);">
+                <div class="overflow-hidden bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-white/[0.07] via-transparent to-transparent opacity-50 absolute top-0 right-0 bottom-0 left-0">
+    <!-- Background Grid Pattern -->
+    <div class="[mask-image:radial-gradient(circle_at_center,black_40%,transparent_100%)] opacity-30 absolute top-0 right-0 bottom-0 left-0" style="background-image: radial-gradient(rgba(255,255,255,0.2) 1px, transparent 1px); background-size: 20px 20px"></div>
+    
+    <!-- Floating Widget: Tasks List (Top Left) -->
+    <div class="absolute top-10 left-10 w-32 bg-zinc-900/60 border border-white/10 rounded-xl p-3 backdrop-blur-sm -rotate-6 shadow-xl transform transition-transform hover:scale-105 duration-500">
+        <div class="flex items-center gap-2 mb-3">
+            <div class="w-2 h-2 rounded-full bg-white/20"></div>
+            <div class="h-1 w-12 bg-white/20 rounded-full"></div>
+        </div>
+        <div class="space-y-2">
+            <div class="flex items-center gap-2">
+                <div class="w-2.5 h-2.5 rounded-[3px] border border-white/20 flex items-center justify-center">
+                    <svg width="6" height="6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" class="text-white/40 opacity-0"><polyline points="20 6 9 17 4 12"></polyline></svg>
+                </div>
+                <div class="h-1 w-16 bg-white/10 rounded-full"></div>
+            </div>
+            <div class="flex items-center gap-2">
+                <div class="w-2.5 h-2.5 rounded-[3px] border border-white/20"></div>
+                <div class="h-1 w-10 bg-white/10 rounded-full"></div>
+            </div>
+             <div class="flex items-center gap-2">
+                <div class="w-2.5 h-2.5 rounded-[3px] border border-white/20"></div>
+                <div class="h-1 w-14 bg-white/10 rounded-full"></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Floating Widget: Time Status (Top Right) -->
+    <div class="absolute top-8 right-12 w-20 h-10 bg-orange-500/10 border border-orange-500/20 rounded-lg backdrop-blur-sm rotate-12 flex items-center justify-center shadow-lg transform transition-transform hover:scale-105 duration-500">
+        <span class="font-mono text-[10px] text-orange-200/70 font-medium tracking-wider">05:40</span>
+    </div>
+
+    <!-- Floating Widget: App Grid (Bottom Right) -->
+    <div class="absolute bottom-8 right-10 w-24 bg-zinc-900/60 border border-white/10 rounded-xl p-2.5 backdrop-blur-sm rotate-3 shadow-xl transform transition-transform hover:scale-105 duration-500">
+         <div class="flex justify-between mb-2">
+             <div class="h-1 w-8 bg-white/20 rounded-full"></div>
+         </div>
+         <div class="grid grid-cols-2 gap-1.5">
+             <div class="aspect-square rounded-[4px] bg-white/10 border border-white/5"></div>
+             <div class="aspect-square rounded-[4px-[4px] bg-white/5 border border-white/5"></div>
+             <div class="aspect-square rounded-[4px] bg-white/10 border border-white/5"></div>
+         </div>
+    </div>
+    
+    <!-- Decorative Element: Dashed Box (Bottom Left) -->
+    <div class="absolute bottom-6 left-12 w-14 h-14 border border-dashed border-white/10 rounded-lg -rotate-3 opacity-30"></div>
+</div>
+                
+                <!-- Envelope Visual Composition -->
+                <div class="relative z-10 transform group-hover:scale-105 transition-transform duration-500 ease-out">
+                    <div class="w-28 h-24 relative">
+                        <!-- Back of envelope -->
+                        <div class="absolute bottom-0 w-full h-20 bg-zinc-800 rounded-xl border border-white/10 shadow-2xl"></div>
+                        <!-- Letter Content -->
+                        <div class="absolute bottom-4 left-3 right-3 h-20 bg-zinc-700 rounded-lg border border-white/5 transform -rotate-3 origin-bottom-left shadow-md">
+                            <div class="absolute top-3 left-3 right-8 h-1.5 bg-zinc-600 rounded-full w-1/2"></div>
+                            <div class="absolute top-6 left-3 right-3 h-1.5 bg-zinc-600 rounded-full w-3/4"></div>
+                        </div>
+                        <!-- Front of envelope -->
+                        <div class="absolute bottom-0 w-full h-14 bg-gradient-to-b from-zinc-800/50 to-zinc-800 rounded-b-xl border-x border-b border-white/10 backdrop-blur-[2px] overflow-hidden">
+                            <span class="absolute -top-8 left-1/2 -translate-x-1/2 w-6 h-6 bg-zinc-800 rotate-45 border-r border-b border-white/10"></span>
+                        </div>
+                        <!-- Icon Overlay -->
+                         <div class="absolute -bottom-3 -right-3 w-10 h-10 rounded-xl bg-zinc-900 border border-white/10 flex items-center justify-center shadow-lg shadow-black/50">
+                             <span class="text-orange-500 font-bold text-base font-manrope tracking-tighter">N</span>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Subtle Grid Pattern -->
+                 <svg class="absolute inset-0 w-full h-full opacity-[0.15] pointer-events-none mix-blend-overlay" width="100%" height="100%">
+                    <defs>
+                        <pattern id="grid-pattern-mail" width="24" height="24" patternUnits="userSpaceOnUse">
+                            <circle cx="1" cy="1" r="0.5" fill="white"></circle>
+                        </pattern>
+                    </defs>
+                    <rect width="100%" height="100%" fill="url(#grid-pattern-mail)"></rect>
+                </svg>
+            </div>
+            
+            <!-- Card Content -->
+            <div class="mt-auto pt-8 pr-10 pb-10 pl-10">
+                <div class="flex items-center gap-3 mb-5">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="color: rgb(255, 255, 255); width: 24px; height: 24px" class="w-[24px] h-[24px]" aria-hidden="true" role="img" data-icon="solar:letter-bold-duotone" data-solar="folder-path-connect-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2"><path fill="#ffffff" d="M2 20a.75.75 0 0 1 .75-.75h8.5V15h1.5v4.25h8.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 20" opacity=".5"></path><path fill="#ffffff" fill-rule="evenodd" d="M19 9.8V8.369c0-1.711 0-2.567-.539-3.123q-.075-.077-.157-.146c-.598-.5-1.52-.5-3.362-.5h-.262c-.808 0-1.211 0-1.588-.1a3 3 0 0 1-.594-.228c-.341-.177-.627-.442-1.198-.972l-.385-.358a6 6 0 0 0-.388-.344a2.9 2.9 0 0 0-1.526-.587C8.87 2 8.736 2 8.465 2c-.618 0-.927 0-1.184.045c-1.133.199-2.019 1.021-2.232 2.073C5 4.357 5 4.644 5 5.218V9.8c0 2.451 0 3.677.82 4.438C6.64 15 7.96 15 10.6 15h2.8c2.64 0 3.96 0 4.78-.761c.82-.762.82-1.988.82-4.439m-5.5-3.05a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"></path><circle cx="12" cy="20" r="2" fill="#ffffff"></circle></svg>
+                    <h3 class="text-xl font-semibold text-white tracking-tight font-manrope">Automation</h3>
+                </div>
+                <p class="text-gray-400 text-base leading-relaxed mb-8 font-sans">
+                    As a license holder requiring confidential assistance, please fill out a support request form or email us.
+                </p>
+                <a href="mailto:support@nebula.protocol" class="inline-flex items-center gap-2 text-orange-400 hover:text-white transition-colors text-sm font-medium font-sans pb-1 border-b border-transparent hover:border-orange-400/50">
+                    support@nebula.protocol
+                </a>
+            </div>
+        </div>
+
+        <!-- GitHub Card -->
+        <div class="group overflow-hidden flex flex-col hover:border-white/20 transition-colors duration-500 bg-gradient-to-br from-white/5 to-white/0 rounded-[2rem] backdrop-blur-lg" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); --border-radius-before: 2rem">
+            <!-- Visual Header -->
+            <div class="flex overflow-hidden bg-gradient-to-b from-white/[0.03] to-transparent h-64 relative items-center justify-center" style="mask-image: linear-gradient(180deg, transparent, black 0%, black 85%, transparent); -webkit-mask-image: linear-gradient(180deg, transparent, black 0%, black 85%, transparent);">
+    <!-- Background Atmosphere -->
+    <div class="absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.03),transparent_70%)]"></div>
+    
+    <!-- Orbital Visualization Container -->
+    <div class="flex w-full h-full relative perspective-[1000px] items-center justify-center">
+        
+        <!-- Outer Orbit Ring -->
+        <div class="absolute w-[260px] h-[260px] border border-dashed border-white/5 rounded-full flex items-center justify-center opacity-60">
+             <!-- Status Pill on Orbit -->
+             <div class="absolute -top-3 bg-zinc-900 border border-white/10 px-2 py-0.5 rounded-full flex items-center gap-1.5 shadow-lg z-10">
+                <span class="relative flex h-1.5 w-1.5">
+                  <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
+                  <span class="relative inline-flex rounded-full h-1.5 w-1.5 bg-emerald-500"></span>
+                </span>
+                <span class="text-[9px] font-mono text-zinc-400 tracking-tight">active</span>
+             </div>
+        </div>
+
+        <!-- Inner Orbit Ring -->
+        <div class="absolute w-40 h-40 border border-dashed border-white/10 rounded-full flex items-center justify-center"></div>
+
+        <!-- Center Hub: GitHub Repo -->
+        <div class="relative z-20 w-16 h-16 bg-gradient-to-br from-zinc-800 to-zinc-900 rounded-2xl border border-white/10 shadow-[0_0_40px_-10px_rgba(0,0,0,0.5)] flex items-center justify-center group cursor-pointer transition-all duration-500 hover:scale-105 hover:shadow-[0_0_50px_-10px_rgba(255,255,255,0.1)]">
+            <div class="group-hover:opacity-100 transition-opacity duration-500 bg-white/5 opacity-0 rounded-2xl absolute top-0 right-0 bottom-0 left-0"></div>
+            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github transition-colors group-hover:text-white text-white/90"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" class=""></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>
+        </div>
+
+        <!-- Satellite 1: Pull Request (Orbiting) -->
+        <div class="absolute top-[25%] right-[28%] z-10 hover:z-20 hover:scale-110 transition-all duration-300 cursor-pointer">
+            <div class="w-10 h-10 bg-zinc-900/90 backdrop-blur border border-white/10 rounded-full flex items-center justify-center shadow-lg shadow-purple-500/10 ring-1 ring-white/5">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-pull-request text-purple-400"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3" class=""></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><line x1="6" x2="6" y1="9" y2="21" class=""></line></svg>
+            </div>
+            <div class="absolute top-full left-1/2 -translate-x-1/2 mt-1 opacity-0 hover:opacity-100 transition-opacity px-2 py-0.5 bg-black border border-white/10 rounded text-[9px] text-white whitespace-nowrap pointer-events-none">Open PR</div>
+        </div>
+
+        <!-- Satellite 2: Security Lock (Orbiting) -->
+        <div class="absolute bottom-[28%] left-[30%] z-10 hover:z-20 hover:scale-110 transition-all duration-300 cursor-pointer">
+             <div class="w-9 h-9 bg-zinc-900/90 backdrop-blur border border-white/10 rounded-full flex items-center justify-center shadow-lg shadow-emerald-500/10 ring-1 ring-white/5">
+                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock text-emerald-400"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
+            </div>
+        </div>
+        
+        <!-- Satellite 3: Commit/Dot (Small) -->
+        <div class="absolute top-[20%] left-[45%] w-2 h-2 bg-zinc-700 rounded-full border border-white/10"></div>
+        <div class="absolute bottom-[20%] right-[42%] w-1.5 h-1.5 bg-zinc-700 rounded-full border border-white/10"></div>
+
+    </div>
+</div>
+            
+            <!-- Card Content -->
+            <div class="mt-auto pt-8 pr-10 pb-10 pl-10">
+                <div class="flex items-center gap-3 mb-5">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="color: rgb(255, 255, 255); width: 24px; height: 24px;" class="w-[24px] h-[24px]" aria-hidden="true" role="img" data-icon="simple-icons:github" data-solar="user-id-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2"><path fill="#ffffff" d="M14 4h-4C6.229 4 4.343 4 3.172 5.172S2 8.229 2 12s0 5.657 1.172 6.828S6.229 20 10 20h4c3.771 0 5.657 0 6.828-1.172S22 15.771 22 12s0-5.657-1.172-6.828S17.771 4 14 4" opacity=".5"></path><path fill="#ffffff" d="M13.25 9a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75m1 3a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75m1 3a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1-.75-.75M9 11a2 2 0 1 0 0-4a2 2 0 0 0 0 4m0 6c4 0 4-.895 4-2s-1.79-2-4-2s-4 .895-4 2s0 2 4 2"></path></svg>
+                    <h3 class="text-xl font-semibold text-white tracking-tight font-manrope">Identity</h3>
+                </div>
+                <p class="text-gray-400 text-base leading-relaxed mb-8 font-sans">
+                    With your Nebula purchase, you receive <span class="text-white font-medium">12 months</span> of technical support and direct repository access.
+                </p>
+                <p class="text-gray-500 text-sm leading-relaxed font-sans">
+                    License holders gain access to our private <a href="#" class="text-emerald-400/80 hover:text-emerald-300 transition-colors underline decoration-emerald-500/30 hover:decoration-emerald-500 underline-offset-2">GitHub repository</a> to track issues or propose feature requests.
+                </p>
+            </div>
+        </div>
+
+    </div>
+</section><section class="z-20 overflow-hidden w-full max-w-7xl mt-0 mr-auto mb-32 ml-auto pt-20 pb-20 relative">
+    
+    <!-- Background Large Typography -->
+    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full select-none pointer-events-none z-0">
+        <h2 class="text-[12vw] leading-none font-bold text-white/[0.03] text-center whitespace-nowrap font-manrope tracking-tighter">
+            MOBILE SUITE
+        </h2>
+    </div>
+
+    <div class="grid lg:grid-cols-12 gap-8 items-center relative z-10 px-6">
+        
+        <!-- Left Column: Text Content -->
+        <div class="lg:col-span-4 flex flex-col justify-center order-2 lg:order-1">
+            <div class="flex items-center gap-2 mb-6 opacity-60">
+                <span class="w-2 h-2 rounded-full bg-orange-500"></span>
+                <span class="text-xs font-mono text-gray-400 tracking-widest">02/04</span>
+            </div>
+            
+            <h3 class="leading-[1.1] uppercase md:text-7xl text-4xl font-normal text-white tracking-tight font-manrope mb-8">
+                Offering
+                Unmatched
+                <span class="text-gray-500">Control &amp;</span>
+                <span class="bg-clip-text text-transparent bg-gradient-to-r from-orange-400 to-orange-200">Insight</span>
+            </h3>
+
+            <div class="hidden lg:block h-px w-24 bg-white/10 mt-4"></div>
+        </div>
+
+        <!-- Center Column: Phone Mockup -->
+        <div class="lg:col-span-4 flex order-1 lg:order-2 lg:py-0 pt-12 pb-12 relative justify-center">
+  <!-- Glow Effect behind phone -->
+  <div class="-translate-x-1/2 -translate-y-1/2 blur-[100px] pointer-events-none bg-orange-500/20 w-64 h-96 rounded-full absolute top-1/2 left-1/2">
+  </div>
+
+  <!-- Phone Frame (3D Gray Metallic) -->
+  <div class="border-[1px] overflow-hidden bg-zinc-950 w-[330px] h-[660px] z-10 border-zinc-800 rounded-[3.5rem] ring-white/10 ring-1 relative shadow-[0_5.7px_8.6px_rgba(0,_0,_0,_0.07),_0_13.7px_10.9px_rgba(0,_0,_0,_0.099),_0_25.7px_20.5px_rgba(0,_0,_0,_0.123),_0_45.8px_36.6px_rgba(0,_0,_0,_0.147),_0_85.8px_68.5px_rgba(0,_0,_0,_0.176),_0_205px_163.4px_rgba(0,_0,_0,_0.246)]">
+    
+    <!-- Dynamic Island -->
+    <div class="absolute top-3 left-1/2 -translate-x-1/2 h-[32px] w-[110px] bg-black rounded-full z-50 flex items-center justify-between px-3 transition-all duration-500 hover:w-[140px] hover:shadow-[0_0_20px_rgba(0,0,0,0.8)] group/island">
+       <!-- Left Sensor -->
+       <div class="flex gap-2 h-full items-center opacity-0 group-hover/island:opacity-100 transition-opacity duration-300 delay-100">
+          <div class="w-1 h-1 rounded-full bg-red-500/80 shadow-[0_0_5px_rgba(239,68,68,0.5)] animate-pulse"></div>
+       </div>
+       <!-- Camera/Sensor Array Simulation -->
+       <div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 flex gap-1.5">
+          <div class="w-4 h-4 rounded-full bg-zinc-900/80 backdrop-blur-md border border-white/5"></div>
+       </div>
+       <!-- Right Indicator -->
+       <div class="flex gap-2 h-full items-center opacity-0 group-hover/island:opacity-100 transition-opacity duration-300 delay-100 ml-auto">
+          <div class="w-1 h-1 rounded-full bg-green-500/80 shadow-[0_0_5px_rgba(34,197,94,0.5)]"></div>
+       </div>
+    </div>
+
+    <!-- Status Bar (Adjusted for Island) -->
+    <div class="absolute top-4 left-0 w-full px-8 flex justify-between items-center z-40 text-[10px] font-semibold text-white/90 tracking-wide">
+        <span>9:41</span>
+        <div class="flex gap-1.5 items-center">
+            <span class="iconify" data-icon="solar:signal-bold-duotone"></span>
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:battery-full-bold-duotone"><path fill="currentColor" d="M3.172 5.172C2 6.343 2 8.229 2 12s0 5.657 1.172 6.828S6.229 20 10 20h1.5c3.771 0 5.657 0 6.828-1.172S19.5 15.771 19.5 12s0-5.657-1.172-6.828S15.271 4 11.5 4H10C6.229 4 4.343 4 3.172 5.172" opacity=".5"></path><path fill="currentColor" d="M19.491 14c.009-.6.009-1.264.009-2c0-.735 0-1.4-.009-2H20c.942 0 1.414 0 1.707.293S22 11.057 22 12s0 1.414-.293 1.707S20.942 14 20 14zM6.636 8.345a.75.75 0 0 1 1.02.29L7 9l.656-.363l.001.002l.002.003l.004.007l.01.018l.026.053q.03.064.076.175c.058.147.131.356.202.631c.14.551.273 1.364.273 2.474s-.132 1.923-.273 2.474a5 5 0 0 1-.202.631a3 3 0 0 1-.103.228l-.01.018l-.003.008l-.002.003v.001l-.001.001a.75.75 0 0 1-1.317-.719l.005-.01l.038-.087a4 4 0 0 0 .142-.447c.108-.424.226-1.111.226-2.1s-.118-1.678-.226-2.102a4 4 0 0 0-.18-.534l-.005-.01a.75.75 0 0 1 .297-1.01m4.52.291a.75.75 0 0 0-1.317.72l.005.01q.01.02.038.086c.035.087.087.235.142.447c.108.424.226 1.111.226 2.101s-.118 1.677-.226 2.101a4 4 0 0 1-.18.534l-.005.01a.75.75 0 0 0 1.317.72L10.5 15l.656.363l.001-.001l.002-.003l.004-.008l.01-.018l.026-.053q.03-.064.076-.175a5 5 0 0 0 .202-.631c.14-.551.273-1.364.273-2.474s-.132-1.923-.273-2.474a5 5 0 0 0-.202-.631a3 3 0 0 0-.103-.228l-.01-.018l-.003-.007l-.002-.003zm2.48-.291a.75.75 0 0 1 1.02.29L14 9l.656-.363l.001.002l.002.003l.004.007l.01.018l.026.053q.03.064.076.175a5 5 0 0 1 .202.631c.14.551.273 1.364.273 2.474s-.132 1.923-.273 2.474c-.07.275-.143.484-.202.631a3 3 0 0 1-.103.228l-.01.018l-.003.008l-.002.003v.001l-.001.001a.75.75 0 0 1-1.317-.719l.005-.01l.038-.087a4 4 0 0 0 .142-.447c.108-.424.226-1.111.226-2.1s-.118-1.678-.226-2.102a4 4 0 0 0-.18-.534l-.005-.01a.75.75 0 0 1 .297-1.01"></path></svg>
+        </div>
+    </div>
+
+    <!-- App Content -->
+    <div class="flex flex-col z-10 bg-gradient-to-b from-zinc-900 to-black w-full h-full pt-16 pr-6 pl-6 relative">
+      
+      <!-- App Header -->
+      <div class="flex z-10 mb-8 relative items-center justify-between">
+        <button class="flex hover:bg-white/10 transition-colors text-white/70 bg-gradient-to-br from-white/10 to-white/0 w-8 h-8 rounded-full backdrop-blur-sm items-center justify-center" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 9999px">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left"><path d="m12 19-7-7 7-7" class=""></path><path d="M19 12H5"></path></svg>
+        </button>
+        <div class="flex items-center gap-2">
+          <div class="w-2 h-2 rounded-full bg-emerald-500 shadow-[0_0_10px_rgba(16,185,129,0.5)] animate-pulse"></div>
+          <span class="text-sm font-semibold text-white tracking-wide">Nebula Core</span>
+        </div>
+        <button class="flex hover:bg-white/10 transition-colors text-white/70 bg-gradient-to-br from-white/10 to-white/0 w-8 h-8 rounded-full backdrop-blur-sm items-center justify-center" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 9999px">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
+        </button>
+      </div>
+
+      <!-- Balance -->
+      <div class="text-center mb-4">
+        <p class="text-[10px] font-semibold text-zinc-500 uppercase tracking-widest mb-2">Total Volume</p>
+        <h4 class="text-5xl font-medium text-white tracking-tighter font-geist">$8,245.32</h4>
+        <div class="flex gap-1.5 mt-2 gap-x-1.5 gap-y-1.5 items-center justify-center">
+          <div class="flex items-center text-emerald-500 bg-emerald-500/10 px-1.5 py-0.5 rounded text-[10px] font-semibold border border-emerald-500/20">
+            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up mr-1"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg>
+            +12.4%
+          </div>
+          <span class="text-xs text-zinc-500 font-medium">this week</span>
+        </div>
+      </div>
+
+      <!-- D3-Style Chart Visualization -->
+      <div class="w-full h-40 mb-6 relative">
+        <svg class="w-full h-full overflow-visible" viewBox="0 0 280 120" preserveAspectRatio="none">
+          <defs>
+             
+             <!-- Pattern for grid lines -->
+             <pattern id="grid" width="40" height="120" patternUnits="userSpaceOnUse">
+                <line x1="0" y1="0" x2="0" y2="120" stroke="#3f3f46" stroke-width="1" stroke-dasharray="2 2" opacity="0.3"></line>
+             </pattern>
+          </defs>
+          
+          <!-- Background Grid (V-Lines) -->
+          <rect width="100%" height="100%" fill="url(#grid)" class=""></rect>
+          <line x1="0" y1="120" x2="280" y2="120" stroke="#3f3f46" stroke-width="1" opacity="0.5"></line>
+
+          <!-- Area Path -->
+          <path d="M0,80 C20,80 30,60 50,65 C70,70 80,90 100,85 C120,80 130,40 150,45 C170,50 180,70 200,60 C220,50 230,20 250,25 C265,28 275,10 280,15 V120 H0 Z" fill="url(#d3Gradient)"></path>
+          
+          <!-- Line Path -->
+          <path d="M0,80 C20,80 30,60 50,65 C70,70 80,90 100,85 C120,80 130,40 150,45 C170,50 180,70 200,60 C220,50 230,20 250,25 C265,28 275,10 280,15" fill="none" stroke="#f97316" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=""></path>
+          
+          <!-- Interactive Data Point -->
+          <g transform="translate(150, 45)">
+            <circle r="4" fill="#18181b" stroke="#f97316" stroke-width="2" class="animate-pulse"></circle>
+            
+            <line x1="0" y1="4" x2="0" y2="75" stroke="#f97316" stroke-width="1" stroke-dasharray="2 2" opacity="0.5"></line>
+          </g>
+        </svg>
+
+        <!-- Timeframes -->
+        <div class="flex pt-2 pr-2 pl-2 justify-between">
+          <button class="text-[9px] font-semibold text-zinc-600 hover:text-white transition-colors">1H</button>
+          <button class="text-[9px] font-semibold text-zinc-600 hover:text-white transition-colors">1D</button>
+          <button class="text-[9px] font-semibold text-orange-500 bg-orange-500/10 rounded px-2 py-0.5 border border-orange-500/20">1W</button>
+          <button class="text-[9px] font-semibold text-zinc-600 hover:text-white transition-colors">1M</button>
+          <button class="text-[9px] font-semibold text-zinc-600 hover:text-white transition-colors">1Y</button>
+        </div>
+      </div>
+
+      <!-- Action Buttons -->
+      <div class="grid grid-cols-3 mt-4 mb-8 gap-x-3 gap-y-3">
+        <button class="flex flex-col gap-2 group gap-x-2 gap-y-2 items-center">
+            <div class="flex shadow-[0_0_20px_-5px_rgba(249,115,22,0.4)] transition-transform group-active:scale-95 text-white bg-gradient-to-b from-orange-400 to-orange-600 w-12 h-12 rounded-xl items-center justify-center border border-white/10">
+                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" style="color: rgb(255, 255, 255); width: 18px; height: 18px;" class="lucide lucide-arrow-down-to-line w-[18px] h-[18px]" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" data-solar="round-arrow-down-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2"><path fill="#ffffff" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10" opacity=".5" class=""></path><path fill="#ffffff" d="M8.47 13.53a.75.75 0 1 1 1.06-1.06l1.72 1.72V8a.75.75 0 0 1 1.5 0v6.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0z"></path></svg>
+            </div>
+            <span class="text-[10px] font-medium text-zinc-400 group-hover:text-white transition-colors">Deposit</span>
+        </button>
+        <button class="flex flex-col items-center gap-2 group">
+            <div class="flex transition-all hover:bg-zinc-800 group-active:scale-95 text-white bg-gradient-to-br from-white/10 to-white/0 w-12 h-12 rounded-xl items-center justify-center" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 12px">
+                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" style="color: rgb(255, 255, 255); width: 18px; height: 18px;" class="lucide lucide-arrow-left-right w-[18px] h-[18px]" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" data-solar="sort-horizontal-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2"><path fill="#ffffff" d="M10.875 4a.75.75 0 0 0-1.272-.538l-4.125 4a.75.75 0 0 0 0 1.076l4.125 4A.75.75 0 0 0 10.875 12V8.75H18a.75.75 0 0 0 0-1.5h-7.125z"></path><path fill="#ffffff" d="M13.125 12a.75.75 0 0 1 1.272-.538l4.125 4a.75.75 0 0 1 0 1.076l-4.125 4A.75.75 0 0 1 13.125 20v-3.25H6a.75.75 0 0 1 0-1.5h7.125z" opacity=".5"></path></svg>
+            </div>
+            <span class="text-[10px] font-medium text-zinc-400 group-hover:text-white transition-colors">Swap</span>
+        </button>
+        <button class="flex flex-col items-center gap-2 group">
+            <div class="flex transition-all hover:bg-zinc-800 group-active:scale-95 text-white bg-gradient-to-br from-white/10 to-white/0 w-12 h-12 rounded-xl items-center justify-center" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 12px">
+                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" style="color: rgb(255, 255, 255); width: 18px; height: 18px" class="lucide lucide-send w-[18px] h-[18px]" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" data-solar="file-send-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2"><path fill="#ffffff" fill-rule="evenodd" d="M10 22h4c3.771 0 5.657 0 6.828-1.172S22 17.771 22 14v-.437c0-.873 0-1.529-.043-2.063h-4.052c-1.097 0-2.067 0-2.848-.105c-.847-.114-1.694-.375-2.385-1.066c-.692-.692-.953-1.539-1.067-2.386c-.105-.781-.105-1.75-.105-2.848l.01-2.834q0-.124.02-.244C11.121 2 10.636 2 10.03 2C6.239 2 4.343 2 3.172 3.172C2 4.343 2 6.229 2 10v4c0 3.771 0 5.657 1.172 6.828S6.229 22 10 22" clip-rule="evenodd" opacity=".5" class=""></path><path fill="#ffffff" d="M7.987 12.953a.75.75 0 0 1 1.026 0l2 1.875a.75.75 0 0 1-1.026 1.094l-.737-.69V18.5a.75.75 0 0 1-1.5 0v-3.269l-.737.691a.75.75 0 0 1-1.026-1.094zM11.51 2.26l-.01 2.835c0 1.097 0 2.066.105 2.848c.114.847.375 1.694 1.067 2.385c.69.691 1.538.953 2.385 1.067c.781.105 1.751.105 2.848.105h4.052q.02.232.028.5H22c0-.268 0-.402-.01-.56a5.3 5.3 0 0 0-.958-2.641c-.094-.128-.158-.204-.285-.357C19.954 7.494 18.91 6.312 18 5.5c-.81-.724-1.921-1.515-2.89-2.161c-.832-.556-1.248-.834-1.819-1.04a6 6 0 0 0-.506-.154c-.384-.095-.758-.128-1.285-.14z"></path></svg>
+            </div>
+            <span class="text-[10px] font-medium text-zinc-400 group-hover:text-white transition-colors">Send</span>
+        </button>
+      </div>
+
+      <!-- Bottom Sheet List -->
+      <div class="flex-1 bg-zinc-900/60 rounded-t-[2rem] -mx-6 px-6 pt-6 pb-4 backdrop-blur-md border-t border-white/5">
+        <div class="flex items-center justify-between mb-4">
+            <p class="text-[10px] font-bold text-zinc-500 uppercase tracking-wider">Active Nodes</p>
+            <div class="flex gap-1">
+                <span class="w-1 h-1 rounded-full bg-zinc-600"></span>
+                <span class="w-1 h-1 rounded-full bg-zinc-700"></span>
+            </div>
+        </div>
+        <div class="space-y-3">
+          <div class="flex hover:bg-white/[0.04] transition-colors cursor-pointer group bg-gradient-to-br from-white/10 to-white/0 rounded-xl px-3 py-3 items-center justify-between" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 12px">
+            <div class="flex items-center gap-3">
+              <div class="w-8 h-8 rounded-full bg-indigo-500/20 flex items-center justify-center p-1.5 border border-indigo-500/20 group-hover:border-indigo-500/40 transition-colors">
+                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:ethereum" class="text-indigo-400">
+                  <path fill="currentColor" d="M11.944 17.97L4.58 13.62L11.943 24l7.37-10.38l-7.372 4.35zM12.056 0L4.69 12.223l7.365 4.354l7.365-4.35z"></path>
+                </svg>
+              </div>
+              <div class="flex flex-col">
+                <span class="text-xs font-semibold text-white">Ethereum Mainnet</span>
+                <span class="text-[10px] text-emerald-500 font-medium flex items-center gap-1">
+                    <span class="w-1 h-1 rounded-full bg-emerald-500"></span> Synced
+                </span>
+              </div>
+            </div>
+            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-zinc-600 group-hover:text-white transition-colors"><path d="m9 18 6-6-6-6"></path></svg>
+          </div>
+          
+          <div class="flex items-center justify-between p-3 rounded-xl bg-white/[0.02] border border-white/5 hover:bg-white/[0.04] transition-colors cursor-pointer group">
+            <div class="flex items-center gap-3">
+              <div class="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center p-1.5 border border-purple-500/20 group-hover:border-purple-500/40 transition-colors">
+                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:solana" class="text-purple-400">
+                  <path fill="currentColor" d="m23.876 18.031l-3.962 4.14a.9.9 0 0 1-.306.21a.9.9 0 0 1-.367.074H.46a.47.47 0 0 1-.252-.073a.45.45 0 0 1-.17-.196a.44.44 0 0 1-.031-.255a.44.44 0 0 1 .117-.23l3.965-4.139a.9.9 0 0 1 .305-.21a.9.9 0 0 1 .366-.075h18.78a.47.47 0 0 1 .252.074a.45.45 0 0 1 .17.196a.44.44 0 0 1 .031.255a.44.44 0 0 1-.117.23m-3.962-8.335a.9.9 0 0 0-.306-.21a.9.9 0 0 0-.367-.075H.46a.47.47 0 0 0-.252.073a.45.45 0 0 0-.17.197a.44.44 0 0 0-.031.254a.44.44 0 0 0 .117.23l3.965 4.14a.9.9 0 0 0 .305.21a.9.9 0 0 0 .366.074h18.78a.47.47 0 0 0 .252-.073a.45.45 0 0 0 .17-.196a.44.44 0 0 0 .031-.255a.44.44 0 0 0-.117-.23zM.46 6.723h18.782a.9.9 0 0 0 .367-.075a.9.9 0 0 0 .306-.21l3.962-4.14a.44.44 0 0 0 .117-.23a.44.44 0 0 0-.032-.254a.45.45 0 0 0-.17-.196a.47.47 0 0 0-.252-.073H4.76a.9.9 0 0 0-.366.074a.9.9 0 0 0-.305.21L.125 5.97a.44.44 0 0 0-.117.23a.44.44 0 0 0 .03.254a.45.45 0 0 0 .17.196a.47.47 0 0 0 .252.074z"></path>
+                </svg>
+              </div>
+              <div class="flex flex-col">
+                <span class="text-xs font-semibold text-white">Solana RPC</span>
+                <span class="text-[10px] text-orange-400 font-medium flex items-center gap-1">
+                    <span class="w-1 h-1 rounded-full bg-orange-400 animate-pulse"></span> Connecting...
+                </span>
+              </div>
+            </div>
+            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-zinc-600 group-hover:text-white transition-colors"><path d="m9 18 6-6-6-6"></path></svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+        <!-- Right Column: Description & Nav -->
+        <div class="lg:col-span-4 flex flex-col gap-5 lg:items-end order-3 justify-center relative z-10">
+    
+    <!-- Card 1: Project/Profile Stats (Adapted from Profile Card) -->
+    <div class="transition-transform duration-500 hover:scale-[1.01] text-left bg-gradient-to-br from-white/10 to-white/0 w-full max-w-sm rounded-3xl pt-5 pr-5 pb-5 pl-5 shadow-2xl backdrop-blur-xl" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05)); --border-radius-before: 24px">
+        <div class="flex items-center gap-4 mb-6">
+            <div class="w-12 h-12 rounded-full bg-gradient-to-br from-orange-500 to-orange-600 p-0.5 shadow-lg shadow-orange-500/20">
+                <div class="w-full h-full rounded-full bg-black flex items-center justify-center">
+                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" style="color: rgb(249, 115, 22); width: 20px; height: 20px;" class="w-[20px] h-[20px]" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" data-solar="box-minimalistic-bold-duotone" data-icon-set="solar" data-icon-replaced="true" stroke-width="2"><path fill="#f97316" d="M8.422 20.618C10.178 21.54 11.056 22 12 22V12L2.638 7.073l-.04.067C2 8.154 2 9.417 2 11.942v.117c0 2.524 0 3.787.597 4.801c.598 1.015 1.674 1.58 3.825 2.709z" class=""></path><path fill="#f97316" d="m17.577 4.432l-2-1.05C13.822 2.461 12.944 2 12 2c-.945 0-1.822.46-3.578 1.382l-2 1.05C4.318 5.536 3.242 6.1 2.638 7.072L12 12l9.362-4.927c-.606-.973-1.68-1.537-3.785-2.641" opacity=".7"></path><path fill="#f97316" d="m21.403 7.14l-.041-.067L12 12v10c.944 0 1.822-.46 3.578-1.382l2-1.05c2.151-1.129 3.227-1.693 3.825-2.708c.597-1.014.597-2.277.597-4.8v-.117c0-2.525 0-3.788-.597-4.802" opacity=".5"></path></svg>
+                </div>
+            </div>
+            <div class="">
+                <h3 class="text-lg font-semibold text-white tracking-tight font-manrope">Atlas Network</h3>
+                <p class="text-xs font-medium text-zinc-400 font-sans">Production · US-East</p>
+            </div>
+            <div class="ml-auto">
+                 <div class="w-2 h-2 rounded-full bg-emerald-500 shadow-[0_0_8px_rgba(16,185,129,0.6)] animate-pulse"></div>
+            </div>
+        </div>
+
+        <div class="flex justify-between gap-2 mb-5">
+            <div class="flex flex-col flex-1 transition-colors hover:bg-white/10 bg-gradient-to-br from-white/10 to-white/0 rounded-2xl pt-3 pr-3 pb-3 pl-3" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 16px">
+                <span class="text-[10px] uppercase tracking-wider text-zinc-500 mb-1 font-sans">Uptime</span>
+                <span class="text-sm font-semibold text-white font-geist">99.99%</span>
+            </div>
+            <div class="flex flex-col flex-1 transition-colors hover:bg-white/10 bg-gradient-to-br from-white/10 to-white/0 rounded-2xl pt-3 pr-3 pb-3 pl-3" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 16px">
+                <span class="text-[10px] uppercase tracking-wider text-zinc-500 mb-1 font-sans">Latency</span>
+                <span class="text-sm font-semibold text-white font-geist">14ms</span>
+            </div>
+            <div class="flex flex-col flex-1 transition-colors hover:bg-white/10 bg-gradient-to-br from-white/10 to-white/0 rounded-2xl pt-3 pr-3 pb-3 pl-3" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 16px">
+                <span class="text-[10px] uppercase tracking-wider text-zinc-500 mb-1 font-sans">Reqs</span>
+                <span class="text-sm font-semibold text-white font-geist">2.4M</span>
+            </div>
+        </div>
+
+        <button class="hover:bg-white/10 transition-colors duration-300 flex gap-2 group text-xs font-medium text-white bg-gradient-to-br from-white/10 to-white/0 w-full rounded-full pt-2.5 pb-2.5 gap-x-2 gap-y-2 items-center justify-center" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 9999px">
+            <span class="">View Analytics</span>
+            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="group-hover:translate-x-0.5 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
+        </button>
+    </div>
+
+    <!-- Card 2: Features & Docs (Adapted from Bio & Socials) -->
+    <div class="transition-transform duration-500 hover:scale-[1.01] text-left bg-gradient-to-br from-white/10 to-white/0 w-full max-w-sm rounded-3xl pt-5 pr-5 pb-5 pl-5 shadow-xl backdrop-blur-xl" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05)); --border-radius-before: 24px">
+        <p class="text-sm text-zinc-400 leading-relaxed mb-4 font-sans">
+            Enterprise-grade infrastructure with automated scaling and zero-knowledge security proofs built-in.
+        </p>
+        <div class="flex flex-wrap gap-2 mb-4">
+            <span class="inline-flex items-center gap-1.5 text-[10px] font-medium text-zinc-300 bg-gradient-to-br from-white/10 to-white/0 rounded-full pt-1 pr-2.5 pb-1 pl-2.5" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 9999px">
+                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=""><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
+                zk-SNARKs
+            </span>
+            <span class="inline-flex items-center gap-1.5 text-[10px] font-medium text-zinc-300 bg-gradient-to-br from-white/10 to-white/0 rounded-full pt-1 pr-2.5 pb-1 pl-2.5" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 9999px">
+                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=""><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"></path></svg>
+                Auto-scale
+            </span>
+             <span class="inline-flex items-center gap-1.5 text-[10px] font-medium text-zinc-300 bg-gradient-to-br from-white/10 to-white/0 rounded-full pt-1 pr-2.5 pb-1 pl-2.5" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); --border-radius-before: 9999px">
+                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class=""><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><line x1="3" x2="21" y1="9" y2="9"></line><path d="m9 16 3-3 3 3"></path></svg>
+                CLI Access
+            </span>
+        </div>
+        
+        <div class="flex gap-2">
+             <button class="flex-1 flex items-center justify-between rounded-xl bg-zinc-950/50 border border-white/5 px-3 py-2 hover:border-white/20 transition-colors group">
+                <span class="text-xs text-zinc-300 font-medium font-sans">Documentation</span>
+                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-zinc-500 group-hover:text-white transition-colors"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg>
+             </button>
+             <button class="flex-1 flex items-center justify-between rounded-xl bg-zinc-950/50 border border-white/5 px-3 py-2 hover:border-white/20 transition-colors group">
+                <span class="text-xs text-zinc-300 font-medium font-sans">API Status</span>
+                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-zinc-500 group-hover:text-white transition-colors"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg>
+             </button>
+        </div>
+    </div>
+
+    <!-- Card 3: Recent Logs (Adapted from Latest Work) -->
+    <div class="transition-transform duration-500 hover:scale-[1.01] text-left bg-gradient-to-br from-white/10 to-white/0 w-full max-w-sm rounded-3xl pt-4 pr-4 pb-4 pl-4 shadow-xl backdrop-blur-xl" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05)); --border-radius-before: 24px">
+        <div class="flex items-center justify-between mb-3">
+             <div class="flex items-center gap-2">
+                <span class="text-[10px] font-bold uppercase tracking-widest text-zinc-500 font-sans">Live Logs</span>
+                <div class="w-1.5 h-1.5 rounded-full bg-orange-500 animate-ping"></div>
+             </div>
+             <button class="text-[10px] font-medium text-zinc-400 hover:text-white transition-colors font-sans underline decoration-zinc-700 underline-offset-2">View all</button>
+        </div>
+        <div class="space-y-2">
+            <!-- Log Item 1 -->
+            <div class="group rounded-xl bg-zinc-950/50 border border-white/5 p-2.5 flex items-center gap-3 hover:bg-white/[0.02] hover:border-white/10 transition-colors cursor-default">
+                <div class="w-8 h-8 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-center justify-center shrink-0">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><rect width="18" height="18" x="3" y="3" rx="2" ry="2" class=""></rect><path d="M7 7h10" class=""></path><path d="M7 12h10"></path><path d="M7 17h10"></path></svg>
+                </div>
+                <div class="flex flex-col min-w-0">
+                    <span class="text-xs font-medium text-zinc-200 truncate font-geist">Contract Deployed</span>
+                    <span class="text-[10px] text-zinc-500 font-mono">0x82...92a1 · 2m ago</span>
+                </div>
+            </div>
+            <!-- Log Item 2 -->
+            <div class="group rounded-xl bg-zinc-950/50 border border-white/5 p-2.5 flex items-center gap-3 hover:bg-white/[0.02] hover:border-white/10 transition-colors cursor-default">
+                <div class="w-8 h-8 rounded-lg bg-purple-500/10 border border-purple-500/20 flex items-center justify-center shrink-0">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-purple-400"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.29 8.7 12 12 20.71 8.7"></polyline><line x1="12" x2="12" y1="22" y2="12"></line></svg>
+                </div>
+                <div class="flex flex-col min-w-0">
+                    <span class="text-xs font-medium text-zinc-200 truncate font-geist">New Block Synced</span>
+                    <span class="text-[10px] text-zinc-500 font-mono">#18293492 · 120ms</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+    </div>
+</section><section class="w-full max-w-7xl z-20 mt-0 mr-auto mb-32 ml-auto pt-6 pr-6 pb-6 pl-6 relative">
+
+    <!-- Header -->
+    <div class="flex flex-col text-center mb-20 items-center">
+        <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full border border-orange-500/20 bg-orange-500/5 mb-6">
+            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:star-bold-duotone" class="iconify text-orange-500 iconify--solar">
+                <path fill="currentColor" d="M18.483 16.767A8.5 8.5 0 0 1 8.118 7.081a1 1 0 0 1-.113.097c-.28.213-.63.292-1.33.45l-.635.144c-2.46.557-3.69.835-3.983 1.776c-.292.94.546 1.921 2.223 3.882l.434.507c.476.557.715.836.822 1.18c.107.345.071.717-.001 1.46l-.066.677c-.253 2.617-.38 3.925.386 4.506s1.918.052 4.22-1.009l.597-.274c.654-.302.981-.452 1.328-.452s.674.15 1.329.452l.595.274c2.303 1.06 3.455 1.59 4.22 1.01c.767-.582.64-1.89.387-4.507z">
+                </path>
+                <path fill="currentColor" d="m9.153 5.408l-.328.588c-.36.646-.54.969-.82 1.182q.06-.045.113-.097a8.5 8.5 0 0 0 10.366 9.686l-.02-.19c-.071-.743-.107-1.115 0-1.46c.107-.344.345-.623.822-1.18l.434-.507c1.677-1.96 2.515-2.941 2.222-3.882c-.292-.941-1.522-1.22-3.982-1.776l-.636-.144c-.699-.158-1.049-.237-1.33-.45c-.28-.213-.46-.536-.82-1.182l-.327-.588C13.58 3.136 12.947 2 12 2s-1.58 1.136-2.847 3.408" opacity=".5"></path>
+            </svg>
+            <span class="text-xs font-semibold text-orange-200 uppercase tracking-widest font-sans">Testimonials</span>
+        </div>
+        <h2 class="md:text-7xl text-5xl font-medium text-white tracking-tighter font-manrope mb-6">Proven results,
+  <span class="text-transparent bg-clip-text bg-gradient-to-r from-zinc-200 to-zinc-500">delivered</span>
+</h2>
+        <p class="text-xl text-gray-400 font-sans max-w-2xl leading-relaxed">
+            See how leading protocols and dApps are scaling their infrastructure with Nebula's unified layer.
+        </p>
+    </div>
+
+    <!-- Grid Layout -->
+    <div class="grid grid-cols-1 lg:grid-cols-12 mb-12 pt-4 pr-4 pb-4 pl-4 gap-x-6 gap-y-6" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1))">
+        <style>
+            @keyframes carousel-fade {
+                0% {
+                    opacity: 0;
+                    z-index: 10;
+                }
+
+                5% {
+                    opacity: 1;
+                    z-index: 20;
+                }
+
+                28% {
+                    opacity: 1;
+                    z-index: 20;
+                }
+
+                33% {
+                    opacity: 0;
+                    z-index: 10;
+                }
+
+                100% {
+                    opacity: 0;
+                    z-index: 10;
+                }
+            }
+
+            .animate-carousel {
+                animation: carousel-fade 15s infinite;
+                position: absolute;
+                inset: 0;
+                height: 100%;
+                width: 100%;
+            }
+
+            /* Fix for relative positioning context in grid cell */
+            .carousel-container {
+                display: grid;
+                grid-template-columns: 1fr;
+                grid-template-rows: 1fr;
+                min-height: 600px;
+            }
+
+            @media (min-width: 1024px) {
+                .carousel-container {
+                    min-height: auto;
+                }
+            }
+
+            .carousel-card {
+                grid-area: 1 / 1 / 2 / 2;
+            }
+        </style>
+
+        <!-- Left Column: Mixed Cards (Previously Right) -->
+        <div class="lg:col-span-7 flex flex-col gap-6">
+
+            <!-- Top Wide Card -->
+            <div class="group hover:bg-zinc-900/60 transition-all duration-500 bg-zinc-900/40 rounded-[2.5rem] pt-10 pr-10 pb-10 pl-10 relative backdrop-blur-sm" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); --border-radius-before: 2.5rem">
+                <div class="group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-bl from-blue-500/5 via-transparent to-transparent opacity-0 rounded-[2.5rem] absolute top-0 right-0 bottom-0 left-0">
+                </div>
+
+                <div class="relative z-10">
+                    <div class="flex flex-col md:flex-row md:items-center gap-6 mb-8">
+                        <h3 class="text-6xl font-semibold text-white tracking-tighter font-geist">
+                            14<span class="align-top text-xs font-normal text-zinc-500 tracking-tighter mt-2 ml-1">ms</span>
+                        </h3>
+                        <p class="text-lg font-medium text-zinc-300">Global latency reduction on edge nodes.</p>
+                    </div>
+
+                    <span class="iconify text-3xl text-zinc-700 mb-4" data-icon="solar:quote-up-bold-duotone"></span>
+
+                    <blockquote class="text-base text-gray-300 font-sans leading-relaxed mb-8">
+                        "From branding to execution, the Nebula API suite is flawless. The latency on our oracle updates
+                        dropped significantly, giving us a competitive edge in high-frequency markets."
+                    </blockquote>
+
+                    <div class="flex items-center justify-between">
+                        <div class="flex items-center gap-3">
+                            <div class="w-10 h-10 rounded-full bg-zinc-800 border border-white/10 overflow-hidden">
+                                <img src="https://i.pravatar.cc/150?u=chainlink" alt="Avatar" class="w-full h-full object-cover opacity-80 grayscale hover:grayscale-0 transition-all">
+                            </div>
+                            <div class="">
+                                <h4 class="text-sm font-semibold text-white font-manrope">David Chen</h4>
+                                <p class="text-xs text-zinc-500 font-sans">CTO, Chainlink</p>
+                            </div>
+                        </div>
+                        <div class="text-zinc-500 opacity-50 group-hover:opacity-100 transition-opacity">
+                            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:chainlink" class="iconify text-2xl iconify--simple-icons">
+                                <path fill="currentColor" d="M12 0L9.798 1.266l-6 3.468L1.596 6v12l2.202 1.266l6.055 3.468L12.055 24l2.202-1.266l5.945-3.468L22.404 18V6l-2.202-1.266l-6-3.468zM6 15.468V8.532l6-3.468l6 3.468v6.936l-6 3.468z">
+                                </path>
+                            </svg>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Bottom Split Row -->
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 flex-1 gap-x-6 gap-y-6">
+
+                <!-- Card 3 -->
+                <div class="group hover:bg-zinc-900/60 transition-all duration-500 flex flex-col bg-zinc-900/40 rounded-[2.5rem] pt-8 pr-8 pb-8 pl-8 relative backdrop-blur-sm justify-between" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); --border-radius-before: 2.5rem">
+                    <div class="relative z-10">
+                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:chat-square-like-bold-duotone" class="iconify text-3xl text-zinc-700 mb-4 iconify--solar">
+                            <path fill="currentColor" d="m13.629 20.472l-.542.916c-.483.816-1.69.816-2.174 0l-.542-.916c-.42-.71-.63-1.066-.968-1.262c-.338-.197-.763-.204-1.613-.219c-1.256-.021-2.043-.098-2.703-.372a5 5 0 0 1-2.706-2.706C2 14.995 2 13.83 2 11.5v-1c0-3.273 0-4.91.737-6.112a5 5 0 0 1 1.65-1.651C5.59 2 7.228 2 10.5 2h3c3.273 0 4.91 0 6.113.737a5 5 0 0 1 1.65 1.65C22 5.59 22 7.228 22 10.5v1c0 2.33 0 3.495-.38 4.413a5 5 0 0 1-2.707 2.706c-.66.274-1.447.35-2.703.372c-.85.015-1.275.022-1.613.219c-.338.196-.548.551-.968 1.262" opacity=".5" class=""></path>
+                            <path fill="currentColor" d="M10.99 14.308c-1.327-.978-3.49-2.84-3.49-4.593c0-2.677 2.475-3.677 4.5-1.609c2.025-2.068 4.5-1.068 4.5 1.609c0 1.752-2.163 3.615-3.49 4.593c-.454.335-.681.502-1.01.502s-.556-.167-1.01-.502">
+                            </path>
+                        </svg>
+                        <p class="text-sm text-gray-300 font-sans leading-relaxed mb-6">
+                            "Their animation work took our product videos to the next level. The team truly understands
+                            user
+                            experience and storytelling."
+                        </p>
+                    </div>
+                    <div class="relative z-10 flex items-center justify-between mt-auto">
+                        <div class="flex items-center gap-3">
+                            <div class="w-10 h-10 rounded-full bg-zinc-800 border border-white/10 overflow-hidden">
+                                <img src="https://i.pravatar.cc/150?u=aave" alt="Avatar" class="w-full h-full object-cover opacity-80 grayscale hover:grayscale-0 transition-all">
+                            </div>
+                            <div class="">
+                                <h4 class="text-sm font-semibold text-white font-manrope">Stani Kulechov</h4>
+                                <p class="text-xs text-zinc-500 font-sans">Founder, Aave</p>
+                            </div>
+                        </div>
+                        <div class="text-zinc-500 opacity-50 group-hover:opacity-100 transition-opacity">
+                            <span class="iconify text-xl" data-icon="simple-icons:aave"></span>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Card 4 (Contrast) -->
+                <div class="group overflow-hidden flex flex-col bg-zinc-100 border-white/10 border rounded-[2.5rem] pt-8 pr-8 pb-8 pl-8 relative shadow-2xl justify-between">
+                    <!-- Content -->
+                    <div class="relative z-10">
+                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:star-bold-duotone" class="iconify text-3xl text-zinc-400 mb-4 iconify--solar">
+                            <path fill="currentColor" d="M18.483 16.767A8.5 8.5 0 0 1 8.118 7.081a1 1 0 0 1-.113.097c-.28.213-.63.292-1.33.45l-.635.144c-2.46.557-3.69.835-3.983 1.776c-.292.94.546 1.921 2.223 3.882l.434.507c.476.557.715.836.822 1.18c.107.345.071.717-.001 1.46l-.066.677c-.253 2.617-.38 3.925.386 4.506s1.918.052 4.22-1.009l.597-.274c.654-.302.981-.452 1.328-.452s.674.15 1.329.452l.595.274c2.303 1.06 3.455 1.59 4.22 1.01c.767-.582.64-1.89.387-4.507z">
+                            </path>
+                            <path fill="currentColor" d="m9.153 5.408l-.328.588c-.36.646-.54.969-.82 1.182q.06-.045.113-.097a8.5 8.5 0 0 0 10.366 9.686l-.02-.19c-.071-.743-.107-1.115 0-1.46c.107-.344.345-.623.822-1.18l.434-.507c1.677-1.96 2.515-2.941 2.222-3.882c-.292-.941-1.522-1.22-3.982-1.776l-.636-.144c-.699-.158-1.049-.237-1.33-.45c-.28-.213-.46-.536-.82-1.182l-.327-.588C13.58 3.136 12.947 2 12 2s-1.58 1.136-2.847 3.408" opacity=".5"></path>
+                        </svg>
+                        <p class="text-sm text-zinc-800 font-medium font-sans leading-relaxed mb-6">
+                            "The team nailed our MVP design with a fast turnaround and incredible attention to detail.
+                            The
+                            final product felt polished and professional."
+                        </p>
+                    </div>
+                    <div class="relative z-10 flex items-center justify-between mt-auto pt-4 border-t border-zinc-300">
+                        <div class="flex items-center gap-3">
+                            <div class="w-10 h-10 rounded-full bg-zinc-300 border border-zinc-400 overflow-hidden">
+                                <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/051f7e3d-5329-4689-b681-3ec952d9533d_320w.webp" alt="Avatar" class="w-full h-full object-cover grayscale">
+                            </div>
+                            <div class="">
+                                <h4 class="text-sm font-semibold text-zinc-900 font-manrope">Jeanne Grey</h4>
+                                <p class="text-xs text-zinc-500 font-sans">Director, Polkadot</p>
+                            </div>
+                        </div>
+                        <div class="text-zinc-400 group-hover:text-zinc-900 transition-colors">
+                            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:polkadot" class="iconify text-xl iconify--simple-icons">
+                                <path fill="currentColor" d="M12 0c2.39 0 4.328 1.127 4.328 2.517S14.39 5.034 12 5.034S7.672 3.907 7.672 2.517S9.61 0 12 0m0 18.966c2.39 0 4.328 1.127 4.328 2.517S14.39 24 12 24s-4.328-1.127-4.328-2.517S9.61 18.966 12 18.966M1.606 6C2.8 3.93 4.747 2.816 5.952 3.511s1.212 2.937.017 5.007s-3.141 3.182-4.345 2.489S.411 8.07 1.606 6m16.427 9.483c1.2-2.07 3.139-3.184 4.343-2.489s1.211 2.936.016 5.006s-3.14 3.185-4.344 2.49s-1.211-2.937-.015-5.007m-16.409-2.49c1.205-.7 3.15.419 4.346 2.489s1.187 4.311-.018 5.007S2.8 20.07 1.607 18s-1.187-4.311.017-5.007m16.425-9.481c1.2-.695 3.149.419 4.344 2.489s1.188 4.311-.016 5.007s-3.148-.42-4.343-2.49s-1.188-4.311.015-5.006">
+                                </path>
+                            </svg>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+        <!-- Right Column: Big Card Carousel (Previously Left) -->
+        <div class="lg:col-span-5 carousel-container relative">
+
+            <!-- Carousel Item 1 (Original) -->
+            <div class="carousel-card group flex flex-col hover:bg-zinc-900/60 transition-all duration-500 bg-zinc-900/40 rounded-[2.5rem] pt-10 pr-10 pb-10 pl-10 relative backdrop-blur-sm justify-between animate-carousel" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); --border-radius-before: 2.5rem; animation-delay: 0s; opacity: 0;">
+                <!-- Hover Gradient -->
+                <div class="group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-br from-orange-500/5 via-transparent to-transparent opacity-0 rounded-[2.5rem] absolute top-0 right-0 bottom-0 left-0">
+                </div>
+
+                <div class="relative z-10">
+                    <div class="flex items-baseline gap-2 mb-4">
+                        <h3 class="text-8xl font-semibold text-white tracking-tighter font-geist">
+                            12<span class="text-orange-500">x</span></h3>
+                    </div>
+                    <p class="text-xl font-medium text-zinc-300 border-l-2 border-orange-500 pl-4 mb-12">
+                        Increase in transaction throughput after migrating to Nebula L2 rollups.
+                    </p>
+
+                    <span class="iconify text-4xl text-zinc-700 mb-6" data-icon="solar:quote-up-bold-duotone"></span>
+
+                    <blockquote class="text-lg text-gray-300 font-sans leading-relaxed mb-8">
+                        "We needed a scalable infrastructure that didn't compromise on decentralization. Nebula
+                        delivered
+                        exactly that. Our gas fees dropped by 90% overnight while maintaining instant finality."
+                    </blockquote>
+                </div>
+
+                <div class="relative z-10 flex items-center justify-between pt-8 border-t border-white/5">
+                    <div class="flex items-center gap-4">
+                        <div class="w-12 h-12 rounded-full bg-zinc-800 border border-white/10 overflow-hidden">
+                            <img src="https://i.pravatar.cc/150?u=uniswap" alt="Avatar" class="w-full h-full object-cover opacity-80 grayscale hover:grayscale-0 transition-all">
+                        </div>
+                        <div>
+                            <h4 class="text-sm font-semibold text-white font-manrope">Elena Rodriguez</h4>
+                            <p class="text-xs text-zinc-500 font-sans">Lead Protocol Eng, Uniswap</p>
+                        </div>
+                    </div>
+                    <div class="text-zinc-500 opacity-50 group-hover:opacity-100 transition-opacity">
+                        <span class="iconify text-2xl" data-icon="simple-icons:uniswap"></span>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Carousel Item 2 (New - Arbitrum) -->
+            <div class="carousel-card group flex flex-col hover:bg-zinc-900/60 transition-all duration-500 bg-zinc-900/40 rounded-[2.5rem] pt-10 pr-10 pb-10 pl-10 relative backdrop-blur-sm justify-between animate-carousel" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); --border-radius-before: 2.5rem; animation-delay: 5s; opacity: 0;">
+                <!-- Hover Gradient -->
+                <div class="group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-br from-blue-500/5 via-transparent to-transparent opacity-0 rounded-[2.5rem] absolute top-0 right-0 bottom-0 left-0">
+                </div>
+
+                <div class="relative z-10">
+                    <div class="flex items-baseline gap-2 mb-4">
+                        <h3 class="text-8xl font-semibold text-white tracking-tighter font-geist">
+                            99<span class="text-blue-500">%</span></h3>
+                    </div>
+                    <p class="text-xl font-medium text-zinc-300 border-l-2 border-blue-500 pl-4 mb-12">
+                        Uptime guaranteed with our decentralized sequencer network.
+                    </p>
+
+                    <span class="iconify text-4xl text-zinc-700 mb-6" data-icon="solar:quote-up-bold-duotone"></span>
+
+                    <blockquote class="text-lg text-gray-300 font-sans leading-relaxed mb-8">
+                        "Migrating our DEX to Nebula's rollup infrastructure was seamless. We've seen zero downtime in
+                        18
+                        months of operation, even during peak network congestion."
+                    </blockquote>
+                </div>
+
+                <div class="relative z-10 flex items-center justify-between pt-8 border-t border-white/5">
+                    <div class="flex items-center gap-4">
+                        <div class="w-12 h-12 rounded-full bg-zinc-800 border border-white/10 overflow-hidden">
+                            <img src="https://i.pravatar.cc/150?u=arbitrum" alt="Avatar" class="w-full h-full object-cover opacity-80 grayscale hover:grayscale-0 transition-all">
+                        </div>
+                        <div>
+                            <h4 class="text-sm font-semibold text-white font-manrope">James Wu</h4>
+                            <p class="text-xs text-zinc-500 font-sans">Core Dev, Arbitrum</p>
+                        </div>
+                    </div>
+                    <div class="text-zinc-500 opacity-50 group-hover:opacity-100 transition-opacity">
+                        <span class="iconify text-2xl" data-icon="simple-icons:arbitrum"></span>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Carousel Item 3 (New - Optimism) -->
+            <div class="carousel-card group flex flex-col hover:bg-zinc-900/60 transition-all duration-500 bg-zinc-900/40 rounded-[2.5rem] pt-10 pr-10 pb-10 pl-10 relative backdrop-blur-sm justify-between animate-carousel" style="position: relative; --border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); --border-radius-before: 2.5rem; animation-delay: 10s; opacity: 0;">
+                <!-- Hover Gradient -->
+                <div class="group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-br from-red-500/5 via-transparent to-transparent opacity-0 rounded-[2.5rem] absolute top-0 right-0 bottom-0 left-0">
+                </div>
+
+                <div class="relative z-10">
+                    <div class="flex items-baseline gap-2 mb-4">
+                        <h3 class="text-8xl font-semibold text-white tracking-tighter font-geist">
+                            50<span class="text-red-500 text-4xl align-top ml-1">ms</span></h3>
+                    </div>
+                    <p class="text-xl font-medium text-zinc-300 border-l-2 border-red-500 pl-4 mb-12">
+                        Latency achieved for cross-chain message propagation.
+                    </p>
+
+                    <span class="iconify text-4xl text-zinc-700 mb-6" data-icon="solar:quote-up-bold-duotone"></span>
+
+                    <blockquote class="leading-relaxed text-lg text-gray-300 mb-8">
+                        "The speed of Nebula's bridge infrastructure is unmatched. We can now settle transactions across
+                        multiple rollups almost instantaneously, a game changer for our users."
+                    </blockquote>
+                </div>
+
+                <div class="relative z-10 flex items-center justify-between pt-8 border-t border-white/5">
+                    <div class="flex items-center gap-4">
+                        <div class="w-12 h-12 rounded-full bg-zinc-800 border border-white/10 overflow-hidden">
+                            <img src="https://i.pravatar.cc/150?u=optimism" alt="Avatar" class="w-full h-full object-cover opacity-80 grayscale hover:grayscale-0 transition-all">
+                        </div>
+                        <div>
+                            <h4 class="text-sm font-semibold text-white font-manrope">Sarah Jenkins</h4>
+                            <p class="text-xs text-zinc-500 font-sans">PM, Optimism</p>
+                        </div>
+                    </div>
+                    <div class="text-zinc-500 opacity-50 group-hover:opacity-100 transition-opacity">
+                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:optimism">
+                            <path fill="currentColor" d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0M9.61 8.705q.693 0 1.244.235q.549.225.863.683q.316.45.316 1.08q0 .19-.045.479a20 20 0 0 1-.324 1.558q-.315 1.234-1.09 1.846q-.774.603-2.072.604q-1.072 0-1.756-.504q-.675-.514-.676-1.46q0-.197.045-.486q.117-.648.334-1.558q.612-2.477 3.16-2.477m4.17.09h2.397q1 0 1.603.414q.613.414.612 1.197q-.001.225-.055.47q-.224 1.035-.908 1.53q-.676.496-1.856.496h-1.217l-.414 1.973a.26.26 0 0 1-.1.162a.27.27 0 0 1-.17.063h-1.224q-.1 0-.154-.063a.22.22 0 0 1-.027-.162L13.51 9.02a.26.26 0 0 1 .097-.162a.28.28 0 0 1 .172-.063m-4.287 1.207q-.503 0-.863.297q-.351.298-.504.91q-.162.603-.324 1.477a2 2 0 0 0-.037.379q0 .828.865.828q.504 0 .855-.297q.36-.297.514-.91q.206-.847.314-1.477a2 2 0 0 0 .038-.389q0-.819-.858-.818m5.45.045l-.342 1.611h1.035q.379 0 .658-.207a.97.97 0 0 0 .377-.594q.027-.152.027-.27q0-.26-.152-.396q-.153-.144-.524-.144z">
+                            </path>
+                        </svg>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- Bottom Stats Bar -->
+    <div class="flex flex-col md:flex-row items-center justify-between gap-6 px-4">
+        <div class="flex items-center gap-4">
+            <div class="flex -space-x-3">
+                <img class="w-8 h-8 rounded-full border-2 border-zinc-950" src="https://i.pravatar.cc/100?img=1" alt="User">
+                <img class="w-8 h-8 rounded-full border-2 border-zinc-950" src="https://i.pravatar.cc/100?img=2" alt="User">
+                <img class="w-8 h-8 rounded-full border-2 border-zinc-950" src="https://i.pravatar.cc/100?img=3" alt="User">
+                <div class="w-8 h-8 rounded-full border-2 border-zinc-950 bg-zinc-800 flex items-center justify-center text-[10px] font-bold class=" flex="" items-center="" gap-1="" text-orange-500="" text-xs"="">
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:star-bold" class="iconify iconify--solar">
+                        <path fill="currentColor" d="M9.153 5.408C10.42 3.136 11.053 2 12 2s1.58 1.136 2.847 3.408l.328.588c.36.646.54.969.82 1.182s.63.292 1.33.45l.636.144c2.46.557 3.689.835 3.982 1.776c.292.94-.546 1.921-2.223 3.882l-.434.507c-.476.557-.715.836-.822 1.18c-.107.345-.071.717.001 1.46l.066.677c.253 2.617.38 3.925-.386 4.506s-1.918.051-4.22-1.009l-.597-.274c-.654-.302-.981-.452-1.328-.452s-.674.15-1.328.452l-.596.274c-2.303 1.06-3.455 1.59-4.22 1.01c-.767-.582-.64-1.89-.387-4.507l.066-.676c.072-.744.108-1.116 0-1.46c-.106-.345-.345-.624-.821-1.18l-.434-.508c-1.677-1.96-2.515-2.941-2.223-3.882S3.58 8.328 6.04 7.772l.636-.144c.699-.158 1.048-.237 1.329-.45s.46-.536.82-1.182z">
+                        </path>
+                    </svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:star-bold" class="iconify iconify--solar">
+                        <path fill="currentColor" d="M9.153 5.408C10.42 3.136 11.053 2 12 2s1.58 1.136 2.847 3.408l.328.588c.36.646.54.969.82 1.182s.63.292 1.33.45l.636.144c2.46.557 3.689.835 3.982 1.776c.292.94-.546 1.921-2.223 3.882l-.434.507c-.476.557-.715.836-.822 1.18c-.107.345-.071.717.001 1.46l.066.677c.253 2.617.38 3.925-.386 4.506s-1.918.051-4.22-1.009l-.597-.274c-.654-.302-.981-.452-1.328-.452s-.674.15-1.328.452l-.596.274c-2.303 1.06-3.455 1.59-4.22 1.01c-.767-.582-.64-1.89-.387-4.507l.066-.676c.072-.744.108-1.116 0-1.46c-.106-.345-.345-.624-.821-1.18l-.434-.508c-1.677-1.96-2.515-2.941-2.223-3.882S3.58 8.328 6.04 7.772l.636-.144c.699-.158 1.048-.237 1.329-.45s.46-.536.82-1.182z">
+                        </path>
+                    </svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:star-bold" class="iconify iconify--solar">
+                        <path fill="currentColor" d="M9.153 5.408C10.42 3.136 11.053 2 12 2s1.58 1.136 2.847 3.408l.328.588c.36.646.54.969.82 1.182s.63.292 1.33.45l.636.144c2.46.557 3.689.835 3.982 1.776c.292.94-.546 1.921-2.223 3.882l-.434.507c-.476.557-.715.836-.822 1.18c-.107.345-.071.717.001 1.46l.066.677c.253 2.617.38 3.925-.386 4.506s-1.918.051-4.22-1.009l-.597-.274c-.654-.302-.981-.452-1.328-.452s-.674.15-1.328.452l-.596.274c-2.303 1.06-3.455 1.59-4.22 1.01c-.767-.582-.64-1.89-.387-4.507l.066-.676c.072-.744.108-1.116 0-1.46c-.106-.345-.345-.624-.821-1.18l-.434-.508c-1.677-1.96-2.515-2.941-2.223-3.882S3.58 8.328 6.04 7.772l.636-.144c.699-.158 1.048-.237 1.329-.45s.46-.536.82-1.182z">
+                        </path>
+                    </svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:star-bold" class="iconify iconify--solar">
+                        <path fill="currentColor" d="M9.153 5.408C10.42 3.136 11.053 2 12 2s1.58 1.136 2.847 3.408l.328.588c.36.646.54.969.82 1.182s.63.292 1.33.45l.636.144c2.46.557 3.689.835 3.982 1.776c.292.94-.546 1.921-2.223 3.882l-.434.507c-.476.557-.715.836-.822 1.18c-.107.345-.071.717.001 1.46l.066.677c.253 2.617.38 3.925-.386 4.506s-1.918.051-4.22-1.009l-.597-.274c-.654-.302-.981-.452-1.328-.452s-.674.15-1.328.452l-.596.274c-2.303 1.06-3.455 1.59-4.22 1.01c-.767-.582-.64-1.89-.387-4.507l.066-.676c.072-.744.108-1.116 0-1.46c-.106-.345-.345-.624-.821-1.18l-.434-.508c-1.677-1.96-2.515-2.941-2.223-3.882S3.58 8.328 6.04 7.772l.636-.144c.699-.158 1.048-.237 1.329-.45s.46-.536.82-1.182z">
+                        </path>
+                    </svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:star-bold" class="iconify iconify--solar">
+                        <path fill="currentColor" d="M9.153 5.408C10.42 3.136 11.053 2 12 2s1.58 1.136 2.847 3.408l.328.588c.36.646.54.969.82 1.182s.63.292 1.33.45l.636.144c2.46.557 3.689.835 3.982 1.776c.292.94-.546 1.921-2.223 3.882l-.434.507c-.476.557-.715.836-.822 1.18c-.107.345-.071.717.001 1.46l.066.677c.253 2.617.38 3.925-.386 4.506s-1.918.051-4.22-1.009l-.597-.274c-.654-.302-.981-.452-1.328-.452s-.674.15-1.328.452l-.596.274c-2.303 1.06-3.455 1.59-4.22 1.01c-.767-.582-.64-1.89-.387-4.507l.066-.676c.072-.744.108-1.116 0-1.46c-.106-.345-.345-.624-.821-1.18l-.434-.508c-1.677-1.96-2.515-2.941-2.223-3.882S3.58 8.328 6.04 7.772l.636-.144c.699-.158 1.048-.237 1.329-.45s.46-.536.82-1.182z">
+                        </path>
+                    </svg>
+                    <span class="text-white font-semibold ml-1">4.9/5</span>
+                </div>
+                <p class="text-xs font-medium text-zinc-500 mt-0.5 px-6 py-1.5">from 2,000+ protocols</p>
+            </div>
+        </div>
+
+        <button class="group flex items-center gap-2 pl-6 pr-2 py-2 rounded-full bg-zinc-900 border border-white/10 hover:border-white/20 hover:bg-zinc-800 transition-all duration-300">
+            <span class="text-sm font-medium text-zinc-300 group-hover:text-white font-sans">Read all success stories</span>
+            <div class="w-8 h-8 rounded-full bg-white text-black flex items-center justify-center transition-transform group-hover:rotate-45">
+                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:arrow-right-up-linear" class="iconify iconify--solar"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 18L18 6m0 0H9m9 0v9"></path></svg>
+            </div>
+        </button>
+    </div>
+
+</section><section class="w-full max-w-7xl mx-auto px-6 mb-32 relative z-20 mt-32">
+    <div class="grid lg:grid-cols-12 gap-16 items-start">
+        <!-- CTA Text Side -->
+        <div class="lg:col-span-5 pt-4">
+            <h2 class="text-5xl md:text-6xl font-medium text-white tracking-tighter font-manrope mb-6 leading-[1.1]">
+                Ready to personalize your <span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-orange-600">chain?</span>
+            </h2>
+            <p class="text-lg text-zinc-400 font-sans leading-relaxed max-w-md">
+                Our service is for protocols that believe in owning a safe, scalable, and decentralized blockspace. We promise that scaling with Nebula will help you declutter your mempool.
+            </p>
+        </div>
+        
+        <!-- Form Side -->
+        <div class="lg:col-span-7">
+            <form class="space-y-12">
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-10">
+                    <div class="group relative">
+                        <input type="text" id="name" required="" class="peer w-full bg-transparent border-b border-white/10 py-3 text-white placeholder-transparent focus:border-orange-500 focus:outline-none transition-colors font-sans text-lg" placeholder="Name">
+                        <label for="name" class="absolute left-0 -top-5 text-xs text-zinc-500 transition-all peer-placeholder-shown:text-base peer-placeholder-shown:text-zinc-400 peer-placeholder-shown:top-3 peer-focus:-top-5 peer-focus:text-[10px] peer-focus:text-orange-500 font-sans uppercase tracking-wider font-medium">Name</label>
+                    </div>
+                    <div class="group relative">
+                        <input type="email" id="email" required="" class="peer w-full bg-transparent border-b border-white/10 py-3 text-white placeholder-transparent focus:border-orange-500 focus:outline-none transition-colors font-sans text-lg" placeholder="Email">
+                        <label for="email" class="absolute left-0 -top-5 text-xs text-zinc-500 transition-all peer-placeholder-shown:text-base peer-placeholder-shown:text-zinc-400 peer-placeholder-shown:top-3 peer-focus:-top-5 peer-focus:text-[10px] peer-focus:text-orange-500 font-sans uppercase tracking-wider font-medium">Email</label>
+                    </div>
+                </div>
+
+                <div class="group relative">
+                    <input type="text" id="project" class="peer w-full bg-transparent border-b border-white/10 py-3 text-white placeholder-transparent focus:border-orange-500 focus:outline-none transition-colors font-sans text-lg" placeholder="Project Name">
+                    <label for="project" class="absolute left-0 -top-5 text-xs text-zinc-500 transition-all peer-placeholder-shown:text-base peer-placeholder-shown:text-zinc-400 peer-placeholder-shown:top-3 peer-focus:-top-5 peer-focus:text-[10px] peer-focus:text-orange-500 font-sans uppercase tracking-wider font-medium">Project / Protocol ID</label>
+                </div>
+
+                <div class="group relative">
+                    <textarea id="message" rows="1" class="peer w-full bg-transparent border-b border-white/10 py-3 text-white placeholder-transparent focus:border-orange-500 focus:outline-none transition-colors font-sans text-lg resize-none" placeholder="Anything we should know?"></textarea>
+                    <label for="message" class="absolute left-0 -top-5 text-xs text-zinc-500 transition-all peer-placeholder-shown:text-base peer-placeholder-shown:text-zinc-400 peer-placeholder-shown:top-3 peer-focus:-top-5 peer-focus:text-[10px] peer-focus:text-orange-500 font-sans uppercase tracking-wider font-medium">Anything we should know?</label>
+                </div>
+
+                <div class="flex justify-end pt-8">
+                    <button type="button" class="group flex items-center gap-3 px-8 py-4 bg-white text-black font-semibold tracking-widest uppercase text-xs hover:bg-zinc-200 transition-all duration-300 font-manrope">
+                        Submit Request
+                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:arrow-right-bold-duotone"><path fill="currentColor" fill-rule="evenodd" d="M3.25 12a.75.75 0 0 1 .75-.75h9.25v1.5H4a.75.75 0 0 1-.75-.75" clip-rule="evenodd" opacity=".5"></path><path fill="currentColor" d="M13.25 12.75V18a.75.75 0 0 0 1.28.53l6-6a.75.75 0 0 0 0-1.06l-6-6a.75.75 0 0 0-1.28.53z"></path></svg>
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+</section><footer class="relative w-full bg-zinc-900/30 pt-24 pb-8 border-t border-white/5 backdrop-blur-sm z-20">
+    <div class="w-full max-w-7xl mx-auto px-6">
+        <div class="grid lg:grid-cols-12 gap-16 mb-24">
+            <!-- Brand Column -->
+            <div class="lg:col-span-5 flex flex-col">
+                <!-- Geometric Grid Logo -->
+                <div class="grid grid-cols-3 gap-3 w-fit mb-10 opacity-90 hover:opacity-100 transition-opacity duration-500">
+                     <div class="w-3 h-3 bg-orange-500 transform rotate-45"></div>
+                     <div class="w-3 h-3 bg-zinc-700 transform rotate-45"></div>
+                     <div class="w-3 h-3 bg-zinc-800 transform rotate-45"></div>
+                     <div class="w-3 h-3 bg-zinc-700 transform rotate-45"></div>
+                     <div class="w-3 h-3 bg-white transform rotate-45 shadow-[0_0_15px_rgba(255,255,255,0.3)]"></div>
+                     <div class="w-3 h-3 bg-zinc-700 transform rotate-45"></div>
+                     <div class="w-3 h-3 bg-zinc-800 transform rotate-45"></div>
+                     <div class="w-3 h-3 bg-zinc-700 transform rotate-45"></div>
+                     <div class="w-3 h-3 bg-orange-500/50 transform rotate-45"></div>
+                </div>
+                <h3 class="text-5xl font-medium text-white tracking-tighter font-manrope mb-4">Nebula<span class="text-zinc-600">Now</span></h3>
+                <p class="text-zinc-500 text-sm font-sans max-w-xs">
+                    The unified infrastructure layer for the decentralized web.
+                </p>
+            </div>
+
+            <!-- Links Columns -->
+            <div class="lg:col-span-7">
+                <div class="grid grid-cols-2 md:grid-cols-3 gap-10">
+                    <div class="flex flex-col gap-8">
+                        <h4 class="text-base font-medium text-white font-manrope">About Us</h4>
+                        <div class="flex flex-col gap-4">
+                            <a href="#" class="text-zinc-400 hover:text-white transition-colors text-sm font-sans">Mission</a>
+                            <a href="#" class="text-zinc-400 hover:text-white transition-colors text-sm font-sans">Team</a>
+                            <a href="#" class="text-zinc-400 hover:text-white transition-colors text-sm font-sans">Newsletter</a>
+                            <a href="#" class="text-zinc-400 hover:text-white transition-colors text-sm font-sans">Careers</a>
+                        </div>
+                    </div>
+
+                    <div class="flex flex-col gap-8">
+                        <h4 class="text-base font-medium text-white font-manrope">Support</h4>
+                        <div class="flex flex-col gap-4">
+                            <a href="#" class="text-zinc-400 hover:text-white transition-colors text-sm font-sans">Contact</a>
+                            <a href="#" class="text-zinc-400 hover:text-white transition-colors text-sm font-sans">Refund Policy</a>
+                            <a href="#" class="text-zinc-400 hover:text-white transition-colors text-sm font-sans">FAQ's</a>
+                            <a href="#" class="text-zinc-400 hover:text-white transition-colors text-sm font-sans">Status</a>
+                        </div>
+                    </div>
+
+                    <div class="flex flex-col gap-8">
+                        <h4 class="text-base font-medium text-white font-manrope">Social</h4>
+                        <div class="flex flex-col gap-4">
+                            <a href="#" class="group flex items-center gap-3 text-zinc-400 hover:text-white transition-colors text-sm font-sans">
+                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:instagram"><path fill="currentColor" d="M7.03.084c-1.277.06-2.149.264-2.91.563a5.9 5.9 0 0 0-2.124 1.388a5.9 5.9 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076s-.069 1.688-.063 4.947s.021 3.667.083 4.947c.061 1.277.264 2.149.563 2.911c.308.789.72 1.457 1.388 2.123a5.9 5.9 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552c1.278.056 1.689.069 4.947.063s3.668-.021 4.947-.082c1.28-.06 2.147-.265 2.91-.563a5.9 5.9 0 0 0 2.123-1.388a5.9 5.9 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912c.056-1.28.07-1.69.063-4.948c-.006-3.258-.02-3.667-.081-4.947c-.06-1.28-.264-2.148-.564-2.911a5.9 5.9 0 0 0-1.387-2.123a5.9 5.9 0 0 0-2.128-1.38c-.764-.294-1.636-.496-2.914-.55C15.647.009 15.236-.006 11.977 0S8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.7 3.7 0 0 1-1.382-.895a3.7 3.7 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228c-.06-1.264-.072-1.644-.08-4.848c-.006-3.204.006-3.583.061-4.848c.05-1.169.246-1.805.408-2.228c.216-.561.477-.96.895-1.382a3.7 3.7 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417c1.265-.06 1.644-.072 4.848-.08c3.203-.006 3.583.006 4.85.062c1.168.05 1.804.244 2.227.408c.56.216.96.475 1.382.895s.681.817.9 1.378c.165.422.362 1.056.417 2.227c.06 1.265.074 1.645.08 4.848c.005 3.203-.006 3.583-.061 4.848c-.051 1.17-.245 1.805-.408 2.23c-.216.56-.477.96-.896 1.38a3.7 3.7 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418c-1.266.06-1.645.072-4.85.079s-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442a1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024a6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16A4 4 0 0 1 8 12.008"></path></svg>
+                                Instagram
+                            </a>
+                            <a href="#" class="group flex items-center gap-3 text-zinc-400 hover:text-white transition-colors text-sm font-sans">
+                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:linkedin"><path fill="currentColor" d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z"></path></svg>
+                                LinkedIn
+                            </a>
+                            <a href="#" class="group flex items-center gap-3 text-zinc-400 hover:text-white transition-colors text-sm font-sans">
+                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:youtube"><path fill="currentColor" d="M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z"></path></svg>
+                                YouTube
+                            </a>
+                             <a href="#" class="group flex items-center gap-3 text-zinc-400 hover:text-white transition-colors text-sm font-sans">
+                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="simple-icons:x"><path fill="currentColor" d="M14.234 10.162L22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299l-.929-1.329L3.076 1.56h3.182l5.965 8.532l.929 1.329l7.754 11.09h-3.182z"></path></svg>
+                                Twitter
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Bottom Bar -->
+        <div class="pt-8 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-6">
+            <p class="text-xs text-zinc-500 font-sans">Copyright © NebulaNow</p>
+            
+            <div class="flex items-center gap-10">
+                <a href="#" class="text-xs text-zinc-500 hover:text-white transition-colors font-sans">Terms of Service</a>
+                <button onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="group flex items-center gap-3 text-xs text-zinc-500 hover:text-white transition-colors font-sans uppercase tracking-wider">
+                    Back to top
+                    <div class="w-6 h-6 rounded border border-zinc-800 flex items-center justify-center group-hover:border-zinc-600 group-hover:bg-zinc-800 transition-all">
+                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:arrow-up-bold-duotone"><path fill="currentColor" fill-rule="evenodd" d="M12 20.75a.75.75 0 0 0 .75-.75v-9.25h-1.5V20c0 .414.336.75.75.75" clip-rule="evenodd" opacity=".5"></path><path fill="currentColor" d="M6 10.75a.75.75 0 0 1-.53-1.28l6-6a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1-.53 1.28z"></path></svg>
+                    </div>
+                </button>
+            </div>
+        </div>
+    </div>
+</footer>
+
+    <script>
+        lucide.createIcons();
+    </script>
+
+
+</body></html>
\ No newline at end of file
diff --git a/frontend/inspo/generated-page (1).html b/frontend/inspo/generated-page (1).html
new file mode 100644
index 0000000000000000000000000000000000000000..45165d59bc4aadc8d27b406b8bd6d1b2efae9436
--- /dev/null
+++ b/frontend/inspo/generated-page (1).html	
@@ -0,0 +1,441 @@
+<html lang="en" class="scroll-smooth overflow-x-hidden"><head><meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Aura Financial | Future Banking</title>
+<!-- Fonts -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&amp;family=Newsreader:ital,opsz,wght@1,6..72,300;1,6..72,400&amp;display=swap" rel="stylesheet">
+<!-- Tailwind CSS -->
+<script src="https://cdn.tailwindcss.com"></script>
+<!-- Iconify -->
+<script src="https://code.iconify.design/3/3.1.0/iconify.min.js"></script>
+<script>
+tailwind.config = {
+theme: {
+extend: {
+fontFamily: {
+sans: ['Inter', 'sans-serif'],
+serif: ['Newsreader', 'serif'],
+},
+colors: {
+brand: {
+sky: '#38BDF8',
+dark: '#050505',
+panel: '#0F110E',
+}
+},
+backgroundImage: {
+'radial-glow': 'radial-gradient(circle at 70% 50%, rgba(56, 189, 248, 0.25) 0%, rgba(5, 5, 5, 0) 60%)',
+},
+animation: {
+'beam': 'beam 3s linear infinite',
+'spin-slow': 'spin 12s linear infinite',
+'spin-slow-reverse': 'spin 15s linear infinite reverse',
+'pulse-fast': 'pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+},
+keyframes: {
+beam: {
+'0%': { strokeDashoffset: '1000' },
+'100%': { strokeDashoffset: '0' },
+}
+}
+}
+}
+}
+</script>
+<style>
+body {
+background-color: #030303;
+color: #ffffff;
+-webkit-font-smoothing: antialiased;
+overflow-x: hidden;
+}
+.text-glow {
+text-shadow: 0 0 25px rgba(56, 189, 248, 0.4);
+}
+.grid-bg {
+background-size: 100px 200px;
+background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
+linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
+mask-image: radial-gradient(circle at center, black 40%, transparent 100%);
+}
+.monotone-logo {
+filter: grayscale(100%) brightness(150%) contrast(0.5);
+opacity: 0.5;
+transition: opacity 0.3s ease;
+}
+.monotone-logo:hover {
+opacity: 1;
+filter: grayscale(100%) brightness(200%);
+}
+.beam-line {
+stroke-dasharray: 80 1000;
+stroke-linecap: round;
+}
+/* Custom Keyframes for SVG Sonar */
+@keyframes sonar-wave {
+0% { r: 10px; opacity: 0.8; stroke-width: 1px; }
+100% { r: 80px; opacity: 0; stroke-width: 0px; }
+}
+.animate-sonar {
+animation: sonar-wave 3s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+.delay-1000 { animation-delay: 1s; }
+.delay-2000 { animation-delay: 2s; }
+/* Shiny CTA Button CSS */
+@property --gradient-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
+@property --gradient-angle-offset { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
+@property --gradient-percent { syntax: "<percentage>"; initial-value: 20%; inherits: false; }
+@property --gradient-shine { syntax: "<color>"; initial-value: #38BDF8; inherits: false; }
+.shiny-cta {
+--gradient-angle: 0deg;
+--gradient-angle-offset: 0deg;
+--gradient-percent: 20%;
+--gradient-shine: #38BDF8;
+--shadow-size: 2px;
+position: relative;
+overflow: hidden;
+border-radius: 9999px;
+padding: 1.25rem 2.5rem;
+font-size: 1rem;
+line-height: 1.2;
+font-weight: 500;
+color: #ffffff;
+background: linear-gradient(#030303, #030303) padding-box,
+conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent 0%, #0ea5e9 5%, var(--gradient-shine) 15%, #0ea5e9 30%, transparent 40%, transparent 100% ) border-box;
+border: 2px solid transparent;
+box-shadow: inset 0 0 0 1px #1a1818;
+outline: none;
+transition: --gradient-angle-offset 800ms cubic-bezier(0.25, 1, 0.5, 1), --gradient-percent 800ms cubic-bezier(0.25, 1, 0.5, 1), --gradient-shine 800ms cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s;
+cursor: pointer;
+isolation: isolate;
+outline-offset: 4px;
+font-family: 'Inter', 'Helvetica Neue', sans-serif;
+z-index: 0;
+animation: border-spin 2.5s linear infinite;
+}
+@keyframes border-spin { to { --gradient-angle: 360deg; } }
+.shiny-cta:active { transform: translateY(1px); }
+.shiny-cta::before {
+content: ''; pointer-events: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0;
+--size: calc(100% - 6px); --position: 2px; --space: 4px; width: var(--size); height: var(--size);
+background: radial-gradient(circle at var(--position) var(--position), white 0.5px, transparent 0) padding-box;
+background-size: var(--space) var(--space); background-repeat: space;
+mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black, transparent 10% 90%, black );
+border-radius: inherit; opacity: 0.4; pointer-events: none;
+}
+.shiny-cta::after {
+content: ''; pointer-events: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;
+width: 100%; aspect-ratio: 1;
+background: linear-gradient(-50deg, transparent, #0ea5e9, transparent);
+mask-image: radial-gradient(circle at bottom, transparent 40%, black);
+opacity: 0.6; animation: shimmer 4s linear infinite; animation-play-state: running;
+}
+.shiny-cta span { position: relative; z-index: 2; display: inline-block; }
+.shiny-cta span::before {
+content: ''; pointer-events: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;
+--size: calc(100% + 1rem); width: var(--size); height: var(--size);
+box-shadow: inset 0 -1ex 2rem 4px #0ea5e9; opacity: 0; border-radius: inherit;
+transition: opacity 800ms cubic-bezier(0.25, 1, 0.5, 1); animation: breathe 4.5s linear infinite;
+}
+@keyframes shimmer { to { transform: translate(-50%, -50%) rotate(360deg);} }
+@keyframes breathe {
+0%, 100% { transform: translate(-50%, -50%) scale(1);}
+50% { transform: translate(-50%, -50%) scale(1.20);}
+}
+/* Shared Border Gradient for Secondary Button */
+[style*="--border-gradient"]::before {
+content: "";
+position: absolute;
+inset: 0;
+padding: 1px;
+border-radius: var(--border-radius-before, inherit);
+-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+-webkit-mask-composite: xor;
+mask-composite: exclude;
+background: var(--border-gradient);
+pointer-events: none;
+}
+</style>
+<meta name="disabled-font-classes" content="font-geist,font-roboto,font-montserrat,font-poppins,font-playfair,font-merriweather,font-bricolage,font-jakarta,font-manrope,font-space-grotesk,font-work-sans,font-pt-serif,font-geist-mono,font-space-mono,font-quicksand,font-nunito">
+<style id="aura-editor-visibility-style">
+.invisible { visibility: hidden !important; }
+</style>
+<link id="all-fonts-link-font-instrument-serif" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Serif:wght@400;500;600;700&amp;display=swap"><style id="all-fonts-style-font-instrument-serif">.font-instrument-serif { font-family: 'Instrument Serif', serif !important; }</style><style id="border-gradient-shared-style">
+[style*="--border-gradient"]::before {
+content: "";
+position: absolute;
+inset: 0;
+padding: 1px;
+border-radius: var(--border-radius-before, inherit);
+-webkit-mask: linear-gradient(#fff 0 0) content-box,
+linear-gradient(#fff 0 0);
+-webkit-mask-composite: xor;
+mask-composite: exclude;
+background: var(--border-gradient);
+pointer-events: none;
+}</style></head>
+<body class="min-h-screen overflow-x-hidden selection:bg-brand-sky selection:text-black relative w-full">
+
+<!-- Background (component) -->
+<div class="aura-background-component top-0 w-full h-screen -z-10 fixed overflow-hidden" data-alpha-mask="80" style="mask-image: linear-gradient(transparent, black 0%, black 80%, transparent);"><div class="aura-background-component top-0 w-full -z-10 absolute h-full saturate-0">
+  <div data-us-project="FixNvEwvWwbu3QX9qC3F" class="absolute w-full h-full left-0 top-0 -z-10 overflow-hidden"><div data-us-text="id-oibit0npjv07r8fdb8kfha" style="width: 5px; top: 418.405px; left: 736.273px; font-size: 10px; line-height: 65.1906px; letter-spacing: 0px; font-family: Inter; font-weight: 400; text-align: left; position: absolute; word-break: break-word; transform: rotateZ(0deg); color: transparent; z-index: 2;">.</div></div>
+  <script type="text/javascript">
+    !function(){if(!window.UnicornStudio){window.UnicornStudio={isInitialized:!1};var i=document.createElement("script");i.src="https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js@v1.4.29/dist/unicornStudio.umd.js",i.onload=function(){window.UnicornStudio.isInitialized||(UnicornStudio.init(),window.UnicornStudio.isInitialized=!0)},(document.head || document.body).appendChild(i)}}();
+  </script>
+</div></div>
+
+    <!-- Background Effects -->
+    <div class="fixed inset-0 grid-bg pointer-events-none z-0"></div>
+    
+    <!-- Navigation: Pill Shaped & Floating -->
+    <nav class="fixed -translate-x-1/2 flex transition-all duration-300 lg:w-fit z-50 w-full max-w-[90vw] ring-white/10 ring-1 rounded-full pt-1.5 pr-1.5 pb-1.5 pl-4 top-6 left-1/2 shadow-[0_2.8px_2.2px_rgba(0,_0,_0,_0.034),_0_6.7px_5.3px_rgba(0,_0,_0,_0.048),_0_12.5px_10px_rgba(0,_0,_0,_0.06),_0_22.3px_17.9px_rgba(0,_0,_0,_0.072),_0_41.8px_33.4px_rgba(0,_0,_0,_0.086),_0_100px_80px_rgba(0,_0,_0,_0.12)] backdrop-blur-xl items-center justify-between">
+
+  <!-- Logo Area -->
+  <div class="flex gap-2.5 items-center mr-8">
+    <span class="text-base font-medium tracking-tight text-white">Vision</span>
+  </div>
+
+  <!-- Links (Hidden on small screens) -->
+  <div class="hidden md:flex items-center gap-6 mr-8">
+    <a href="#" class="transition-colors hover:text-white text-xs font-medium text-white/50">Changelog</a>
+    <a href="#" class="transition-colors hover:text-white text-xs font-medium text-white/50">Pricing</a>
+    <a href="#" class="transition-colors hover:text-white text-xs font-medium text-white/50">Contact</a>
+  </div>
+
+  <!-- Action Button -->
+  <button class="flex flex-none text-xs font-semibold text-black bg-white rounded-full pt-2 pr-4 pb-2 pl-4 gap-x-2 gap-y-2 items-center">Log in</button>
+</nav>
+
+    <!-- Main Content -->
+    <main class="container lg:px-12 lg:pt-0 min-h-[100vh] flex flex-col lg:flex-row z-10 mr-auto ml-auto pt-0 pr-6 pl-6 relative items-center justify-center overflow-x-hidden">
+
+  <!-- Left Column: Copy -->
+  <div class="flex flex-col min-h-screen lg:py-0 lg:mt-0 lg:min-h-0 text-center w-full max-w-2xl mt-0 pt-10 pb-20 items-center justify-center">
+    <div class="inline-flex gap-2 animate-on-scroll border rounded-full mb-6 pt-1 pr-3 pb-1 pl-3 gap-x-2 gap-y-2 items-center bg-white/5 border-white/10">
+      <span class="relative flex h-2 w-2">
+                      <span class="animate-ping absolute inline-flex h-full w-full rounded-full opacity-75 bg-emerald-400"></span>
+      <span class="inline-flex w-2 h-2 rounded-full relative bg-teal-400"></span>
+      </span>
+      <span class="text-xs font-medium text-neutral-300" style="">Public Beta Now Live</span>
+    </div>
+    <h2 class="md:text-6xl lg:text-7xl text-5xl text-white tracking-tight font-instrument-serif pb-4" style="">Place <span class="text-white/60 font-instrument-serif">every</span> trade with confidence and clarity.</h2>
+
+    <p class="lg:text-1xl leading-relaxed text-l text-white/70 tracking-tight font-inter max-w-xl mt-0 mb-12">
+      The AI-driven tool that keeps you away from bad setups and guides you toward cleaner entries, smarter profits, and
+      tighter risk.</p>
+
+    <div class="flex flex-col sm:flex-row gap-6 gap-x-6 gap-y-6 items-center justify-center">
+      <button class="transition-all flex group hover:bg-white/10 hover:text-white text-sm font-medium text-slate-300 bg-white/5 rounded-full pt-2 pr-4 pb-2 pl-4 gap-x-2 gap-y-2 items-center" style="box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05); position: relative; --border-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.15)); --border-radius-before: 9999px">
+      <span class="text-sm font-medium tracking-tight">Sign up</span>
+      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="group-hover:opacity-100 group-hover:translate-x-0.5 transition-all opacity-70 w-[16px] h-[16px]" style="width: 16px; height: 16px; color: rgb(255, 255, 255)" data-icon-replaced="true">
+        <path d="M5 12h14" class=""></path>
+        <path d="m12 5 7 7-7 7" class=""></path>
+      </svg>
+    </button>
+    </div>
+  </div>
+
+  <!-- Right Column: Abstract UI Visualization with Sonar -->
+
+  <section class="w-[95%] z-20 pb-8 absolute bottom-0 filter saturate-0 overflow-hidden">
+    <div class="flex flex-col lg:flex-row overflow-hidden opacity-50 w-full pt-6 gap-x-6 gap-y-6 items-center justify-between">
+      <style>
+        @keyframes marquee {
+          0% {
+            transform: translateX(0);
+          }
+
+          100% {
+            transform: translateX(-50%);
+          }
+        }
+
+        .animate-marquee {
+          animation: marquee 40s linear infinite;
+        }
+
+        .mask-gradient-fade {
+          mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
+          -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
+        }
+      </style>
+
+      <!-- Infinite Marquee Section -->
+      <div class="flex-1 overflow-hidden mask-gradient-fade w-full relative">
+        <div class="flex animate-marquee hover:[animation-play-state:paused] w-max gap-x-32 gap-y-16 items-center">
+          <!-- Original Set -->
+          <svg xmlns="http://www.w3.org/2000/svg" width="124" height="28" viewBox="0 0 512 90" style="color: rgb(255, 255, 255); width: 124px; height: 28px;" class="w-[124px] h-[28px]" aria-hidden="true" role="img" data-icon="logos:vercel" data-logos="airbrake" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+            <g fill="#ffffff" class="">
+              <path fill-opacity=".6" d="m33.83 8.897l6.176 18.062l-10.965 31.634a78.3 78.3 0 0 0 13.112 1.02a83 83 0 0 0 9.038-.475l3.768 11.744c-4.066.411-8.5.709-12.75.709a122 122 0 0 1-16.88-1.219l-6.254 18.332H0L29.835 8.897z">
+              </path>
+              <path d="M481.258 26.959c19.21 0 30.742 8.96 30.742 31.57c0 2.833-.078 5.907-.15 6.311h-44.227c-.078 9.102 7.664 13.076 19.741 13.076c8.132 0 14.613-1.898 18.983-3.188l.708 11.815c-3.62 1.353-11.453 3.322-22.149 3.322c-21.2.029-35.671-7.777-35.671-31.407c0-15.271 6.028-25.457 18.232-29.537v24.791h26.527c.07-11-4.144-15.753-13.26-15.753c-4.25 0-7.388 1.02-9.57 3.195V27.908a50.7 50.7 0 0 1 10.094-.95M201.561 2.309v56.22c0 12.042 2.487 19.415 13.26 19.415s14.089-7.402 14.089-19.415s-3.315-19.422-14.089-19.422c-4.519 0-7.536 1.289-9.57 3.669v-11.95c3.464-2.174 8.14-3.598 14.543-3.598c16.277 0 26.895 9.3 26.895 31.23c0 21.958-10.625 31.167-27.044 31.167c-10.172 0-16.05-3.542-19.366-8.082l-.828 7.132h-15.442V13.99h-7.841V2.31zm131.161 25.11c10.32 0 16.2 3.599 19.437 8.146l.906-7.473h15.371l.021 60.583h-17.56V58.53c0-12.042-2.485-19.422-13.259-19.422s-14.089 7.402-14.089 19.422s3.315 19.387 14.089 19.387c4.526 0 7.537-1.29 9.57-3.662V86.07c-3.464 2.167-8.21 3.541-14.542 3.541c-16.42 0-26.917-9.165-26.917-31.095s10.476-31.096 26.973-31.096M55.306 8.897l29.835 79.778H65.173l-27.2-79.778zm57.318 19.21V76.98h7.083v11.694H95.093V39.801h-7.834V28.106zm57.247-1.084a24.4 24.4 0 0 1 5.015.474l-.227 13.855c-1.417-.142-3.315-.276-4.958-.276c-5.2 0-8.89 1.225-11.454 3.124c-5.669 4.193-5.871 11.983-5.879 16.243v28.232H134.88V39.801h-7.842V28.106h23.283l1.133 9.712c3.167-6.177 9.039-10.795 18.417-10.795m127.003 0a24.4 24.4 0 0 1 5.05.474l-.227 13.855c-1.416-.142-3.314-.276-4.958-.276c-5.199 0-8.89 1.225-11.453 3.124c-5.663 4.193-5.865 11.983-5.872 16.243v28.232h-17.496V39.801h-7.841V28.106h23.282l1.134 9.712c3.166-6.177 9.038-10.795 18.38-10.795M402.59 2.309v86.366h-17.55V13.99h-7.834V2.31zm42.288 25.77l-21.491 28.275l24.19 32.321h-20.57l-23.134-32.009l21.171-28.588zM103.076 0c5.425 0 9.42 3.542 9.42 8.422s-3.995 8.415-9.42 8.415c-5.426 0-9.414-3.528-9.414-8.415h-.021C93.662 3.542 97.65 0 103.076 0" class="">
+              </path>
+            </g>
+          </svg><svg xmlns="http://www.w3.org/2000/svg" width="124" height="28" viewBox="0 0 512 107" style="color: rgb(255, 255, 255); width: 124px; height: 28px" class="w-[124px] h-[28px]" aria-hidden="true" role="img" data-icon="logos:vercel" data-logos="amplitude" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+            <path fill="#ffffff" d="M53.346 0c29.459 0 53.347 23.888 53.347 53.346c0 29.459-23.888 53.347-53.347 53.347C23.888 106.693 0 82.826 0 53.346S23.888 0 53.346 0M276.31 38.135c10.54-.021 18.982 8.677 18.982 19.925c0 11.098-8.463 19.86-18.982 19.86c-4.306 0-7.906-1.114-10.862-3.02v20.652H254.35V38.928h11.098v2.228c2.956-1.907 6.534-3.02 10.862-3.02M46.298 16.304c-6.577.021-12.533 10.605-17.654 31.43c-3.258-.04-6.274-.095-9.11-.137l-.938-.014h-.471c-.386-.021-.771 0-1.157.043a3.7 3.7 0 0 0-3.02 3.642a3.73 3.73 0 0 0 2.958 3.63l.19.034l.043.043h9.834a240 240 0 0 0-2.123 10.76l-.255 1.494l-.3 1.736v.085c0 .836.429 1.607 1.136 2.057a2.457 2.457 0 0 0 3.29-.612l.095-.138l.064.065l4.82-15.447h23.224c1.778 6.727 3.621 13.647 6.063 20.16c1.284 3.43 4.243 11.35 9.182 11.666l.266.01h.065c6.142 0 9.372-7.737 11.461-15.147l.184-.663c.514-1.873.957-3.71 1.36-5.378c.412-1.67.752-3.123 1.086-4.245l.092-.297l.15-.472l.035-.125a1.21 1.21 0 0 0-.785-1.396c-.58-.2-1.235.067-1.494.626l-.049.124l-.171.471c-.581 1.631-1.13 3.164-1.63 4.57l-.213.594l-.043.128c-3.372 9.507-4.92 13.932-7.887 14.072l-.147.004h-.192c-3.921 0-7.585-15.897-8.977-21.874c-.197-.857-.378-1.67-.557-2.4l-.107-.428h25.28c.375 0 .75-.075 1.1-.223l.207-.099l.028-.021l.037-.022l.042-.021l.129-.086l.064-.043q.065-.04.129-.092l.064-.057l.166-.143c.426-.398.729-.933.862-1.486c.31-1.465-.613-2.91-2.04-3.282l-.166-.038h-.129c-.1-.015-.19-.03-.284-.037l-.144-.006l-.386-.043c-8.247-.593-16.713-.858-24.757-1.03l-2.002-.041l-.021-.065q-.502-1.892-1.024-3.777l-.263-.94l-.132-.47l-.267-.935l-.257-.89c-3.841-13.175-8.538-24.824-14.554-24.824M492.93 37.707c10.926 0 19.067 7.734 19.067 19.539c0 1.22-.064 2.42-.257 3.62h-28.15c.878 4.478 3.835 7.97 9.898 7.97c3.106 0 5.27-.964 6.47-2.87h11.569c-2.078 7.348-9.255 12.361-18.275 12.361c-12.298 0-20.589-8.848-20.589-20.267c0-11.805 8.227-20.353 20.268-20.353M360.57 25.259v13.647h13.798v9.341H360.57V61.81c0 4.306 2.636 6.299 6.706 6.299c2.078 0 4.306-.472 6.47-1.029l1.414 9.491c-4.627 1.436-6.705 1.757-10.283 1.757c-9.256 0-15.319-6.534-15.319-16.432V48.247h-8.055v-9.34h8.055V25.258zM392 38.906v20.032c0 6.063 3.042 9.341 8.227 9.341c2.785 0 5.827-1.671 8.377-4.777V38.928H419.7l-.021 38.2h-11.098v-2.722c-3.106 2.464-6.62 3.9-10.926 3.9c-10.048 0-16.754-7.263-16.754-18.34v-21.06zm74.75-18.424v56.645h-11.1V74.9c-2.956 1.907-6.534 3.021-10.84 3.021c-10.541 0-19.068-8.698-19.068-19.946c0-11.098 8.527-19.86 19.068-19.86c4.306 0 7.905 1.114 10.84 3.02V20.483zM334.86 38.928v38.22h-11.097v-38.22zM154.02 22.58l23.288 54.568h-12.212l-4.22-10.455H136.3l-4.22 10.455h-12.276l23.373-54.568zm75.885 15.147c9.32 0 16.646 7.263 16.646 18.425v20.974h-11.097v-20.03c0-6.063-2.957-9.341-8.142-9.341c-2.313 0-4.863 1.05-7.177 4.22c.193 1.371.3 2.764.322 4.157v20.974H209.38V57.074c0-6.063-2.956-9.34-8.205-9.34c-2.164 0-4.542 1.285-6.792 4.306v25.045h-11.097V38.928h11.097v2.314c2.4-2.228 4.95-3.514 9.427-3.514c4.863 0 9.17 1.907 12.212 5.42c4.07-3.749 7.905-5.42 13.883-5.42m82.719-17.246v56.645h-11.098V20.482zm134.009 27.037c-5.828 0-9.898 4.863-9.898 10.455c0 5.656 4.07 10.605 9.898 10.605c3.278.022 6.556-1.093 9.02-4.456V51.91c-2.464-3.278-5.742-4.392-9.02-4.392m-172.166-.064c-3.278 0-6.534 1.114-9.02 4.477v12.212c2.486 3.278 5.742 4.392 9.02 4.392c5.763-.021 9.898-4.885 9.898-10.476c0-5.656-4.156-10.605-9.898-10.605M148.513 36.357l-7.97 19.86h16.111zm344.48 10.54c-5.334 0-8.29 3.107-9.34 7.414h17.31c-.642-4.778-3.513-7.413-7.97-7.413M46.02 23.396c.365 0 .707.215 1.007.6c.729 1.157 2.014 3.75 3.92 9.491c1.308 3.942 2.722 8.848 4.221 14.547c-4.749-.071-9.527-.128-14.212-.182l-2.798-.032l-2.828-.021c3.192-12.47 7.07-21.917 9.92-24.146c.235-.15.492-.257.77-.257m283.272-4.499c3.664 0 6.62 2.785 6.62 6.535c0 3.663-2.956 6.384-6.62 6.384c-3.75 0-6.706-2.7-6.706-6.384c0-3.75 2.957-6.535 6.706-6.535" class="">
+            </path>
+          </svg>
+          <svg xmlns="http://www.w3.org/2000/svg" width="96" height="30" viewBox="0 0 512 58" style="color: rgb(255, 255, 255); width: 96px; height: 30px;" class="w-[96px] h-[30px]" aria-hidden="true" role="img" data-icon="logos:airbnb" data-logos="anthropic" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+            <path fill="#ffffff" d="M499.297 37.878c-2.064 5.4-6.192 8.497-11.829 8.497c-9.368 0-15.084-6.67-15.084-17.55c0-11.037 5.716-17.708 15.084-17.708c5.637 0 9.765 3.097 11.83 8.497h12.623C508.824 7.703 499.536 0 487.468 0c-16.037 0-27.39 11.911-27.39 28.825c0 16.755 11.353 28.667 27.39 28.667c12.147 0 21.436-7.782 24.532-19.614zM423.39.97l22.163 55.588h12.153L435.544.97zm-25.634 24.697h-14.695V11.69h14.695c5.878 0 8.976 2.382 8.976 6.988s-3.098 6.988-8.976 6.988M398.312.97h-27.167v55.588h11.916v-20.17h15.251c12.63 0 20.336-6.671 20.336-17.71c0-11.037-7.705-17.708-20.336-17.708m-65.535 45.405c-9.367 0-15.083-6.67-15.083-17.55c0-11.037 5.716-17.708 15.083-17.708c9.288 0 14.924 6.67 14.924 17.708c0 10.88-5.636 17.55-14.924 17.55m0-46.375c-16.036 0-27.388 11.911-27.388 28.825c0 16.755 11.352 28.667 27.388 28.667c15.956 0 27.23-11.912 27.23-28.667C360.006 11.911 348.732 0 332.776 0m-72.068 11.69h14.691c5.877 0 8.974 2.145 8.974 6.195s-3.097 6.194-8.974 6.194h-14.691zm35.577 6.195c0-10.483-7.703-16.915-20.33-16.915h-27.16v55.588h11.913V34.799h13.261l11.913 21.759h13.183l-13.19-23.416c6.62-2.545 10.41-7.905 10.41-15.257m-74.095 5.241h-26.2V.97h-11.909v55.588h11.91V33.846h26.2v22.712h11.908V.97H222.19zM125.296 11.69h18.659v44.868h11.91V11.69h18.658V.97h-49.227zm-21.034 28.191L79.253.971H65.756v55.587h11.512V17.646l25.01 38.912h13.496V.97h-11.512zM20.93 34.56l7.582-19.534l7.583 19.535zM22.158.97L0 56.558h12.39l4.532-11.674h23.182l4.53 11.674h12.39L34.867.97z" class=""></path>
+          </svg>
+
+          <!-- Duplicated Set for Loop -->
+          <svg xmlns="http://www.w3.org/2000/svg" width="124" height="28" viewBox="0 0 512 90" style="color: rgb(255, 255, 255); width: 124px; height: 28px;" class="w-[124px] h-[28px]" aria-hidden="true" role="img" data-icon="logos:vercel" data-logos="airbrake" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+            <g fill="#ffffff" class="">
+              <path fill-opacity=".6" d="m33.83 8.897l6.176 18.062l-10.965 31.634a78.3 78.3 0 0 0 13.112 1.02a83 83 0 0 0 9.038-.475l3.768 11.744c-4.066.411-8.5.709-12.75.709a122 122 0 0 1-16.88-1.219l-6.254 18.332H0L29.835 8.897z">
+              </path>
+              <path d="M481.258 26.959c19.21 0 30.742 8.96 30.742 31.57c0 2.833-.078 5.907-.15 6.311h-44.227c-.078 9.102 7.664 13.076 19.741 13.076c8.132 0 14.613-1.898 18.983-3.188l.708 11.815c-3.62 1.353-11.453 3.322-22.149 3.322c-21.2.029-35.671-7.777-35.671-31.407c0-15.271 6.028-25.457 18.232-29.537v24.791h26.527c.07-11-4.144-15.753-13.26-15.753c-4.25 0-7.388 1.02-9.57 3.195V27.908a50.7 50.7 0 0 1 10.094-.95M201.561 2.309v56.22c0 12.042 2.487 19.415 13.26 19.415s14.089-7.402 14.089-19.415s-3.315-19.422-14.089-19.422c-4.519 0-7.536 1.289-9.57 3.669v-11.95c3.464-2.174 8.14-3.598 14.543-3.598c16.277 0 26.895 9.3 26.895 31.23c0 21.958-10.625 31.167-27.044 31.167c-10.172 0-16.05-3.542-19.366-8.082l-.828 7.132h-15.442V13.99h-7.841V2.31zm131.161 25.11c10.32 0 16.2 3.599 19.437 8.146l.906-7.473h15.371l.021 60.583h-17.56V58.53c0-12.042-2.485-19.422-13.259-19.422s-14.089 7.402-14.089 19.422s3.315 19.387 14.089 19.387c4.526 0 7.537-1.29 9.57-3.662V86.07c-3.464 2.167-8.21 3.541-14.542 3.541c-16.42 0-26.917-9.165-26.917-31.095s10.476-31.096 26.973-31.096M55.306 8.897l29.835 79.778H65.173l-27.2-79.778zm57.318 19.21V76.98h7.083v11.694H95.093V39.801h-7.834V28.106zm57.247-1.084a24.4 24.4 0 0 1 5.015.474l-.227 13.855c-1.417-.142-3.315-.276-4.958-.276c-5.2 0-8.89 1.225-11.454 3.124c-5.669 4.193-5.871 11.983-5.879 16.243v28.232H134.88V39.801h-7.842V28.106h23.283l1.133 9.712c3.167-6.177 9.039-10.795 18.417-10.795m127.003 0a24.4 24.4 0 0 1 5.05.474l-.227 13.855c-1.416-.142-3.314-.276-4.958-.276c-5.199 0-8.89 1.225-11.453 3.124c-5.663 4.193-5.865 11.983-5.872 16.243v28.232h-17.496V39.801h-7.841V28.106h23.282l1.134 9.712c3.166-6.177 9.038-10.795 18.38-10.795M402.59 2.309v86.366h-17.55V13.99h-7.834V2.31zm42.288 25.77l-21.491 28.275l24.19 32.321h-20.57l-23.134-32.009l21.171-28.588zM103.076 0c5.425 0 9.42 3.542 9.42 8.422s-3.995 8.415-9.42 8.415c-5.426 0-9.414-3.528-9.414-8.415h-.021C93.662 3.542 97.65 0 103.076 0" class="">
+              </path>
+            </g>
+          </svg><svg xmlns="http://www.w3.org/2000/svg" width="124" height="28" viewBox="0 0 512 107" style="color: rgb(255, 255, 255); width: 124px; height: 28px" class="w-[124px] h-[28px]" aria-hidden="true" role="img" data-icon="logos:vercel" data-logos="amplitude" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+            <path fill="#ffffff" d="M53.346 0c29.459 0 53.347 23.888 53.347 53.346c0 29.459-23.888 53.347-53.347 53.347C23.888 106.693 0 82.826 0 53.346S23.888 0 53.346 0M276.31 38.135c10.54-.021 18.982 8.677 18.982 19.925c0 11.098-8.463 19.86-18.982 19.86c-4.306 0-7.906-1.114-10.862-3.02v20.652H254.35V38.928h11.098v2.228c2.956-1.907 6.534-3.02 10.862-3.02M46.298 16.304c-6.577.021-12.533 10.605-17.654 31.43c-3.258-.04-6.274-.095-9.11-.137l-.938-.014h-.471c-.386-.021-.771 0-1.157.043a3.7 3.7 0 0 0-3.02 3.642a3.73 3.73 0 0 0 2.958 3.63l.19.034l.043.043h9.834a240 240 0 0 0-2.123 10.76l-.255 1.494l-.3 1.736v.085c0 .836.429 1.607 1.136 2.057a2.457 2.457 0 0 0 3.29-.612l.095-.138l.064.065l4.82-15.447h23.224c1.778 6.727 3.621 13.647 6.063 20.16c1.284 3.43 4.243 11.35 9.182 11.666l.266.01h.065c6.142 0 9.372-7.737 11.461-15.147l.184-.663c.514-1.873.957-3.71 1.36-5.378c.412-1.67.752-3.123 1.086-4.245l.092-.297l.15-.472l.035-.125a1.21 1.21 0 0 0-.785-1.396c-.58-.2-1.235.067-1.494.626l-.049.124l-.171.471c-.581 1.631-1.13 3.164-1.63 4.57l-.213.594l-.043.128c-3.372 9.507-4.92 13.932-7.887 14.072l-.147.004h-.192c-3.921 0-7.585-15.897-8.977-21.874c-.197-.857-.378-1.67-.557-2.4l-.107-.428h25.28c.375 0 .75-.075 1.1-.223l.207-.099l.028-.021l.037-.022l.042-.021l.129-.086l.064-.043q.065-.04.129-.092l.064-.057l.166-.143c.426-.398.729-.933.862-1.486c.31-1.465-.613-2.91-2.04-3.282l-.166-.038h-.129c-.1-.015-.19-.03-.284-.037l-.144-.006l-.386-.043c-8.247-.593-16.713-.858-24.757-1.03l-2.002-.041l-.021-.065q-.502-1.892-1.024-3.777l-.263-.94l-.132-.47l-.267-.935l-.257-.89c-3.841-13.175-8.538-24.824-14.554-24.824M492.93 37.707c10.926 0 19.067 7.734 19.067 19.539c0 1.22-.064 2.42-.257 3.62h-28.15c.878 4.478 3.835 7.97 9.898 7.97c3.106 0 5.27-.964 6.47-2.87h11.569c-2.078 7.348-9.255 12.361-18.275 12.361c-12.298 0-20.589-8.848-20.589-20.267c0-11.805 8.227-20.353 20.268-20.353M360.57 25.259v13.647h13.798v9.341H360.57V61.81c0 4.306 2.636 6.299 6.706 6.299c2.078 0 4.306-.472 6.47-1.029l1.414 9.491c-4.627 1.436-6.705 1.757-10.283 1.757c-9.256 0-15.319-6.534-15.319-16.432V48.247h-8.055v-9.34h8.055V25.258zM392 38.906v20.032c0 6.063 3.042 9.341 8.227 9.341c2.785 0 5.827-1.671 8.377-4.777V38.928H419.7l-.021 38.2h-11.098v-2.722c-3.106 2.464-6.62 3.9-10.926 3.9c-10.048 0-16.754-7.263-16.754-18.34v-21.06zm74.75-18.424v56.645h-11.1V74.9c-2.956 1.907-6.534 3.021-10.84 3.021c-10.541 0-19.068-8.698-19.068-19.946c0-11.098 8.527-19.86 19.068-19.86c4.306 0 7.905 1.114 10.84 3.02V20.483zM334.86 38.928v38.22h-11.097v-38.22zM154.02 22.58l23.288 54.568h-12.212l-4.22-10.455H136.3l-4.22 10.455h-12.276l23.373-54.568zm75.885 15.147c9.32 0 16.646 7.263 16.646 18.425v20.974h-11.097v-20.03c0-6.063-2.957-9.341-8.142-9.341c-2.313 0-4.863 1.05-7.177 4.22c.193 1.371.3 2.764.322 4.157v20.974H209.38V57.074c0-6.063-2.956-9.34-8.205-9.34c-2.164 0-4.542 1.285-6.792 4.306v25.045h-11.097V38.928h11.097v2.314c2.4-2.228 4.95-3.514 9.427-3.514c4.863 0 9.17 1.907 12.212 5.42c4.07-3.749 7.905-5.42 13.883-5.42m82.719-17.246v56.645h-11.098V20.482zm134.009 27.037c-5.828 0-9.898 4.863-9.898 10.455c0 5.656 4.07 10.605 9.898 10.605c3.278.022 6.556-1.093 9.02-4.456V51.91c-2.464-3.278-5.742-4.392-9.02-4.392m-172.166-.064c-3.278 0-6.534 1.114-9.02 4.477v12.212c2.486 3.278 5.742 4.392 9.02 4.392c5.763-.021 9.898-4.885 9.898-10.476c0-5.656-4.156-10.605-9.898-10.605M148.513 36.357l-7.97 19.86h16.111zm344.48 10.54c-5.334 0-8.29 3.107-9.34 7.414h17.31c-.642-4.778-3.513-7.413-7.97-7.413M46.02 23.396c.365 0 .707.215 1.007.6c.729 1.157 2.014 3.75 3.92 9.491c1.308 3.942 2.722 8.848 4.221 14.547c-4.749-.071-9.527-.128-14.212-.182l-2.798-.032l-2.828-.021c3.192-12.47 7.07-21.917 9.92-24.146c.235-.15.492-.257.77-.257m283.272-4.499c3.664 0 6.62 2.785 6.62 6.535c0 3.663-2.956 6.384-6.62 6.384c-3.75 0-6.706-2.7-6.706-6.384c0-3.75 2.957-6.535 6.706-6.535" class="">
+            </path>
+          </svg>
+          <svg xmlns="http://www.w3.org/2000/svg" width="96" height="30" viewBox="0 0 512 58" style="color: rgb(255, 255, 255); width: 96px; height: 30px;" class="w-[96px] h-[30px]" aria-hidden="true" role="img" data-icon="logos:airbnb" data-logos="anthropic" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
+            <path fill="#ffffff" d="M499.297 37.878c-2.064 5.4-6.192 8.497-11.829 8.497c-9.368 0-15.084-6.67-15.084-17.55c0-11.037 5.716-17.708 15.084-17.708c5.637 0 9.765 3.097 11.83 8.497h12.623C508.824 7.703 499.536 0 487.468 0c-16.037 0-27.39 11.911-27.39 28.825c0 16.755 11.353 28.667 27.39 28.667c12.147 0 21.436-7.782 24.532-19.614zM423.39.97l22.163 55.588h12.153L435.544.97zm-25.634 24.697h-14.695V11.69h14.695c5.878 0 8.976 2.382 8.976 6.988s-3.098 6.988-8.976 6.988M398.312.97h-27.167v55.588h11.916v-20.17h15.251c12.63 0 20.336-6.671 20.336-17.71c0-11.037-7.705-17.708-20.336-17.708m-65.535 45.405c-9.367 0-15.083-6.67-15.083-17.55c0-11.037 5.716-17.708 15.083-17.708c9.288 0 14.924 6.67 14.924 17.708c0 10.88-5.636 17.55-14.924 17.55m0-46.375c-16.036 0-27.388 11.911-27.388 28.825c0 16.755 11.352 28.667 27.388 28.667c15.956 0 27.23-11.912 27.23-28.667C360.006 11.911 348.732 0 332.776 0m-72.068 11.69h14.691c5.877 0 8.974 2.145 8.974 6.195s-3.097 6.194-8.974 6.194h-14.691zm35.577 6.195c0-10.483-7.703-16.915-20.33-16.915h-27.16v55.588h11.913V34.799h13.261l11.913 21.759h13.183l-13.19-23.416c6.62-2.545 10.41-7.905 10.41-15.257m-74.095 5.241h-26.2V.97h-11.909v55.588h11.91V33.846h26.2v22.712h11.908V.97H222.19zM125.296 11.69h18.659v44.868h11.91V11.69h18.658V.97h-49.227zm-21.034 28.191L79.253.971H65.756v55.587h11.512V17.646l25.01 38.912h13.496V.97h-11.512zM20.93 34.56l7.582-19.534l7.583 19.535zM22.158.97L0 56.558h12.39l4.532-11.674h23.182l4.53 11.674h12.39L34.867.97z" class=""></path>
+          </svg>
+        </div>
+      </div>
+
+      <!-- Trusted By Label -->
+      <div class="flex items-center gap-3 text-xs font-mono shrink-0 relative z-10 bg-[#030303] pl-4 lg:bg-transparent lg:pl-0 text-white/30">
+
+      </div>
+    </div>
+  </section>
+</main>
+
+    <!-- Footer / Logos -->
+    <footer class="lg:px-12 flex flex-col z-10 overflow-hidden bg-[#030303] w-full border-t pt-12 pr-6 pb-12 pl-6 relative items-center border-white/5">
+
+    <!-- Background Grid -->
+    <div class="absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.02)_1px,transparent_1px)] bg-[size:100px_200px] [mask-image:linear-gradient(to_bottom,transparent,black_20%)] pointer-events-none">
+    </div>
+
+    <div class="w-full max-w-7xl grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-12 lg:gap-8 relative z-10">
+
+        <!-- Brand Column -->
+        <div class="lg:col-span-3 flex flex-col gap-8">
+            <div class="flex items-center gap-3">
+                <span class="text-2xl tracking-tight font-instrument-inter text-white" style="">Vision</span>
+            </div>
+            <p class="text-sm leading-relaxed max-w-[280px] font-light text-white/40" style="">
+                Engineering the bedrock of the programmable economy. Secure, scalable, and instant.
+            </p>
+            <!-- Monotone Socials -->
+            <div class="flex gap-5 mt-4">
+                <a href="#" class="transition-colors text-white/30 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="ri:twitter-x-fill">
+                        <path fill="currentColor" d="m17.687 3.063l-4.996 5.711l-4.32-5.711H2.112l7.477 9.776l-7.086 8.099h3.034l5.469-6.25l4.78 6.25h6.102l-7.794-10.304l6.625-7.571zm-1.064 16.06L5.654 4.782h1.803l10.846 14.34z">
+                        </path>
+                    </svg></a>
+                <a href="#" class="transition-colors text-white/30 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="ri:github-fill">
+                        <path fill="currentColor" d="M12.001 2c-5.525 0-10 4.475-10 10a9.99 9.99 0 0 0 6.837 9.488c.5.087.688-.213.688-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.337 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.687c-.1-.25-.45-1.275.1-2.65c0 0 .837-.263 2.75 1.024a9.3 9.3 0 0 1 2.5-.337c.85 0 1.7.112 2.5.337c1.913-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.02 10.02 0 0 0 22 12c0-5.525-4.475-10-10-10">
+                        </path>
+                    </svg></a>
+                <a href="#" class="transition-colors text-white/30 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="ri:linkedin-fill">
+                        <path fill="currentColor" d="M6.94 5a2 2 0 1 1-4-.002a2 2 0 0 1 4 .002M7 8.48H3V21h4zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91z">
+                        </path>
+                    </svg></a>
+                <a href="#" class="transition-colors text-white/30 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="ri:discord-fill">
+                        <path fill="currentColor" d="M19.303 5.337A17.3 17.3 0 0 0 14.963 4c-.191.329-.403.775-.552 1.125a16.6 16.6 0 0 0-4.808 0C9.454 4.775 9.23 4.329 9.05 4a17 17 0 0 0-4.342 1.337C1.961 9.391 1.218 13.35 1.59 17.255a17.7 17.7 0 0 0 5.318 2.664a13 13 0 0 0 1.136-1.836c-.627-.234-1.22-.52-1.794-.86c.149-.106.297-.223.435-.34c3.46 1.582 7.207 1.582 10.624 0c.149.117.287.234.435.34c-.573.34-1.167.626-1.793.86a13 13 0 0 0 1.135 1.836a17.6 17.6 0 0 0 5.318-2.664c.457-4.52-.722-8.448-3.1-11.918M8.52 14.846c-1.04 0-1.889-.945-1.889-2.101s.828-2.102 1.89-2.102c1.05 0 1.91.945 1.888 2.102c0 1.156-.838 2.1-1.889 2.1m6.974 0c-1.04 0-1.89-.945-1.89-2.101s.828-2.102 1.89-2.102c1.05 0 1.91.945 1.889 2.102c0 1.156-.828 2.1-1.89 2.1">
+                        </path>
+                    </svg></a>
+            </div>
+        </div>
+
+        <!-- Navigation Links -->
+        <div class="lg:col-span-2 flex flex-col gap-6 pt-2">
+            <h4 class="font-medium text-sm tracking-wide text-white" style="">Protocol</h4>
+            <ul class="flex flex-col gap-3.5">
+                <li class=""><a href="#" class="hover:text-brand-sky text-sm transition-colors font-light text-white/40" style="">Documentation</a>
+                </li>
+                <li><a href="#" class="hover:text-brand-sky text-sm transition-colors font-light text-white/40" style="">API
+                        Reference</a></li>
+                <li><a href="#" class="hover:text-brand-sky text-sm transition-colors font-light text-white/40" style="">Governance</a>
+                </li>
+                <li><a href="#" class="flex items-center gap-2 hover:text-brand-sky text-sm transition-colors font-light text-white/40" style="">
+                        System Status
+                        <span class="relative flex h-1.5 w-1.5">
+                      <span class="animate-ping absolute inline-flex h-full w-full rounded-full opacity-75 bg-emerald-400"></span>
+                        <span class="relative inline-flex rounded-full h-1.5 w-1.5 bg-emerald-500"></span>
+                        </span>
+                    </a></li>
+            </ul>
+        </div>
+
+        <div class="lg:col-span-2 flex flex-col gap-6 pt-2">
+            <h4 class="font-medium text-sm tracking-wide text-white" style="">Company</h4>
+            <ul class="flex flex-col gap-3.5">
+                <li class=""><a href="#" class="hover:text-brand-sky text-sm transition-colors font-light text-white/40" style="">Philosophy</a>
+                </li>
+                <li><a href="#" class="hover:text-brand-sky text-sm transition-colors font-light text-white/40" style="">Careers</a></li>
+                <li><a href="#" class="hover:text-brand-sky text-sm transition-colors font-light text-white/40" style="">Press
+                        Kit</a></li>
+                <li><a href="#" class="hover:text-brand-sky text-sm transition-colors font-light text-white/40" style="">Legal</a></li>
+            </ul>
+        </div>
+
+        <!-- Large Action Buttons -->
+        <div class="lg:col-span-5 flex flex-col sm:flex-row lg:flex-row gap-4 lg:gap-4 mt-8 lg:mt-0">
+            <!-- Contact Sales -->
+            <a href="#" class="flex-1 group relative p-7 rounded-2xl border bg-white/[0.02] hover:bg-white/[0.05] transition-all duration-300 flex flex-col justify-between h-36 lg:h-40 overflow-hidden border-white/10 hover:border-white/20">
+                <div class="absolute inset-0 bg-gradient-to-br from-white/[0.02] to-transparent opacity-0 group-hover:opacity-100 transition-opacity">
+                </div>
+
+                <div class="flex justify-between items-start relative z-10">
+                    <span class="font-medium text-sm tracking-wide text-white" style="">Contact Sales</span>
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:arrow-right-up-bold-duotone" class="iconify group-hover:text-white group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all duration-300 iconify--solar text-white/20">
+                        <path fill="currentColor" fill-rule="evenodd" d="M17.47 15.53a.75.75 0 0 0 1.28-.53V6a.75.75 0 0 0-.75-.75H9a.75.75 0 0 0-.53 1.28z" clip-rule="evenodd"></path>
+                        <path fill="currentColor" d="M5.47 17.47a.75.75 0 1 0 1.06 1.06l6.97-6.97l-1.06-1.06z" opacity=".5"></path>
+                    </svg>
+                </div>
+                <div class="relative z-10 flex items-end justify-between">
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:wallet-money-bold-duotone" class="iconify text-brand-sky/60 w-8 h-8 group-hover:scale-110 transition-transform duration-300 iconify--solar">
+                        <path fill="currentColor" d="M4.892 9.614c0-.402.323-.728.722-.728H9.47c.4 0 .723.326.723.728a.726.726 0 0 1-.723.729H5.614a.726.726 0 0 1-.722-.729">
+                        </path>
+                        <path fill="currentColor" fill-rule="evenodd" d="M21.188 10.004q-.094-.005-.2-.004h-2.773C15.944 10 14 11.736 14 14s1.944 4 4.215 4h2.773q.106.001.2-.004c.923-.056 1.739-.757 1.808-1.737c.004-.064.004-.133.004-.197v-4.124c0-.064 0-.133-.004-.197c-.069-.98-.885-1.68-1.808-1.737m-3.217 5.063c.584 0 1.058-.478 1.058-1.067c0-.59-.474-1.067-1.058-1.067s-1.06.478-1.06 1.067c0 .59.475 1.067 1.06 1.067" clip-rule="evenodd"></path>
+                        <path fill="currentColor" d="M21.14 10.002c0-1.181-.044-2.448-.798-3.355a4 4 0 0 0-.233-.256c-.749-.748-1.698-1.08-2.87-1.238C16.099 5 14.644 5 12.806 5h-2.112C8.856 5 7.4 5 6.26 5.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87C2 10.401 2 11.856 2 13.694v.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.749.748 1.698 1.08 2.87 1.238c1.14.153 2.595.153 4.433.153h2.112c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238q.305-.308.526-.66c.45-.72.504-1.602.504-2.45l-.15.001h-2.774C15.944 18 14 16.264 14 14s1.944-4 4.215-4h2.773q.079 0 .151.002" opacity=".5"></path>
+                        <path fill="currentColor" d="M10.101 2.572L8 3.992l-1.733 1.16C7.405 5 8.859 5 10.694 5h2.112c1.838 0 3.294 0 4.433.153q.344.045.662.114L16 4l-2.113-1.428a3.42 3.42 0 0 0-3.786 0">
+                        </path>
+                    </svg>
+                </div>
+            </a>
+
+            <!-- Help Center -->
+            <a href="#" class="flex-1 group relative p-7 rounded-2xl border bg-white/[0.02] hover:bg-white/[0.05] transition-all duration-300 flex flex-col justify-between h-36 lg:h-40 overflow-hidden border-white/10 hover:border-white/20">
+                <div class="absolute inset-0 bg-gradient-to-br from-white/[0.02] to-transparent opacity-0 group-hover:opacity-100 transition-opacity">
+                </div>
+
+                <div class="flex justify-between items-start relative z-10">
+                    <span class="font-medium text-sm tracking-wide text-white" style="">Help Center</span>
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:arrow-right-up-bold-duotone" class="iconify group-hover:text-white group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all duration-300 iconify--solar text-white/20">
+                        <path fill="currentColor" fill-rule="evenodd" d="M17.47 15.53a.75.75 0 0 0 1.28-.53V6a.75.75 0 0 0-.75-.75H9a.75.75 0 0 0-.53 1.28z" clip-rule="evenodd"></path>
+                        <path fill="currentColor" d="M5.47 17.47a.75.75 0 1 0 1.06 1.06l6.97-6.97l-1.06-1.06z" opacity=".5"></path>
+                    </svg>
+                </div>
+                <div class="relative z-10 flex items-end justify-between">
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24" data-icon="solar:headphones-round-sound-bold-duotone" class="iconify text-brand-sky/60 w-8 h-8 group-hover:scale-110 transition-transform duration-300 iconify--solar">
+                        <path fill="currentColor" d="M2 12.124C2 6.533 6.477 2 12 2s10 4.533 10 10.124v5.243c0 .817 0 1.378-.143 1.87a3.52 3.52 0 0 1-1.847 2.188c-.458.22-1.004.307-1.801.434l-.13.02a13 13 0 0 1-.727.105c-.209.02-.422.027-.64-.016a2.1 2.1 0 0 1-1.561-1.35a2.2 2.2 0 0 1-.116-.639c-.012-.204-.012-.452-.012-.742v-4.173c0-.425 0-.791.097-1.105a2.1 2.1 0 0 1 1.528-1.43c.316-.073.677-.044 1.096-.01l.093.007l.11.01c.783.062 1.32.104 1.775.275q.481.181.883.487v-1.174c0-4.811-3.853-8.711-8.605-8.711s-8.605 3.9-8.605 8.711v1.174c.267-.203.563-.368.883-.487c.455-.17.992-.213 1.775-.276l.11-.009l.093-.007c.42-.034.78-.063 1.096.01a2.1 2.1 0 0 1 1.528 1.43c.098.314.097.68.097 1.105v4.172c0 .291 0 .54-.012.743c-.012.213-.04.427-.116.638a2.1 2.1 0 0 1-1.56 1.35a2.2 2.2 0 0 1-.641.017c-.201-.02-.444-.059-.727-.104l-.13-.02c-.797-.128-1.344-.215-1.801-.436a3.52 3.52 0 0 1-1.847-2.188c-.118-.405-.139-.857-.142-1.461L2 17.58z">
+                        </path>
+                        <path fill="currentColor" fill-rule="evenodd" d="M12 5.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75m3 1.5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75m-6 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V8A.75.75 0 0 1 9 7.25" clip-rule="evenodd" opacity=".5"></path>
+                    </svg>
+                </div>
+            </a>
+        </div>
+    </div>
+
+    <!-- Bottom Bar -->
+    <div class="w-full max-w-7xl mt-20 pt-8 border-t flex flex-col md:flex-row justify-between items-center gap-6 relative z-10 border-white/5">
+        <span class="text-xs font-mono tracking-wide text-white/20" style="">© 2024 Aura Financial Technologies. All rights reserved.</span>
+
+        <div class="flex items-center gap-8">
+            <div class="flex items-center gap-2 grayscale opacity-30 hover:opacity-100 transition-opacity duration-300">
+                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="2.4em" height="1em" viewBox="0 0 512 214" data-icon="logos:stripe" class="iconify h-5 w-auto iconify--logos">
+                    <path fill="#635BFF" d="M512 110.08c0-36.409-17.636-65.138-51.342-65.138c-33.85 0-54.33 28.73-54.33 64.854c0 42.808 24.179 64.426 58.88 64.426c16.925 0 29.725-3.84 39.396-9.244v-28.445c-9.67 4.836-20.764 7.823-34.844 7.823c-13.796 0-26.027-4.836-27.591-21.618h69.547c0-1.85.284-9.245.284-12.658m-70.258-13.511c0-16.071 9.814-22.756 18.774-22.756c8.675 0 17.92 6.685 17.92 22.756zm-90.31-51.627c-13.939 0-22.899 6.542-27.876 11.094l-1.85-8.818h-31.288v165.83l35.555-7.537l.143-40.249c5.12 3.698 12.657 8.96 25.173 8.96c25.458 0 48.64-20.48 48.64-65.564c-.142-41.245-23.609-63.716-48.498-63.716m-8.534 97.991c-8.391 0-13.37-2.986-16.782-6.684l-.143-52.765c3.698-4.124 8.818-6.968 16.925-6.968c12.942 0 21.902 14.506 21.902 33.137c0 19.058-8.818 33.28-21.902 33.28M241.493 36.551l35.698-7.68V0l-35.698 7.538zm0 10.809h35.698v124.444h-35.698zm-38.257 10.524L200.96 47.36h-30.72v124.444h35.556V87.467c8.39-10.951 22.613-8.96 27.022-7.396V47.36c-4.551-1.707-21.191-4.836-29.582 10.524m-71.112-41.386l-34.702 7.395l-.142 113.92c0 21.05 15.787 36.551 36.836 36.551c11.662 0 20.195-2.133 24.888-4.693V140.8c-4.55 1.849-27.022 8.391-27.022-12.658V77.653h27.022V47.36h-27.022zM35.982 83.484c0-5.546 4.551-7.68 12.09-7.68c10.808 0 24.461 3.272 35.27 9.103V51.484c-11.804-4.693-23.466-6.542-35.27-6.542C19.2 44.942 0 60.018 0 85.192c0 39.252 54.044 32.995 54.044 49.92c0 6.541-5.688 8.675-13.653 8.675c-11.804 0-26.88-4.836-38.827-11.378v33.849c13.227 5.689 26.596 8.106 38.827 8.106c29.582 0 49.92-14.648 49.92-40.106c-.142-42.382-54.329-34.845-54.329-50.774">
+                    </path>
+                </svg>
+            </div>
+            <div class="flex items-center gap-2 grayscale opacity-30 hover:opacity-100 transition-opacity duration-300">
+                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="2.25em" height="1em" viewBox="0 0 256 114" data-icon="logos:visaelectron">
+                    </svg></div></div></div></footer></body></html>
\ No newline at end of file
diff --git a/frontend/inspo/generated-page.html b/frontend/inspo/generated-page.html
new file mode 100644
index 0000000000000000000000000000000000000000..c695bcf90a72f418c1d23b4a47380c9f73dea21f
--- /dev/null
+++ b/frontend/inspo/generated-page.html
@@ -0,0 +1,733 @@
+<html lang="en" class="scroll-smooth dark"><head><meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Hemanth Kumar | Finance &amp; AI Strategist</title>
+<script src="https://cdn.tailwindcss.com"></script>
+<script src="https://code.iconify.design/3/3.1.0/iconify.min.js"></script>
+<script src="https://unpkg.com/lucide@latest"></script>
+<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&amp;family=Inter:wght@200;300;400;500;600&amp;family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&amp;display=swap" rel="stylesheet">
+<script>
+tailwind.config = {
+darkMode: 'class',
+theme: {
+extend: {
+fontFamily: {
+sans: ['Inter', 'sans-serif'],
+serif: ['Playfair Display', 'serif'],
+cinzel: ['Cinzel', 'serif'],
+},
+letterSpacing: {
+'cinematic': '0.3em',
+'editorial': '0.15em',
+},
+colors: {
+accent: {
+50: '#F0F9FF',
+100: '#E0F2FE',
+200: '#BAE6FD',
+300: '#7DD3FC',
+400: '#38BDF8',
+500: '#0EA5E9',
+800: '#075985',
+900: '#0C4A6E',
+},
+obsidian: '#020204',
+charcoal: '#0A0A0A',
+},
+backgroundImage: {
+'noise': "url('data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E')",
+},
+animation: {
+'slow-pan': 'pan 60s linear infinite alternate',
+'float': 'float 10s ease-in-out infinite',
+'reveal-up': 'revealUp 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards',
+'hero-enter': 'heroEnter 2s cubic-bezier(0.16, 1, 0.3, 1) forwards',
+'pulse-slow': 'pulse 8s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+'fade-in': 'fadeIn 0.5s ease-out forwards',
+'typing': 'typing 1.4s infinite ease-in-out both',
+'spin-slow': 'spin 60s linear infinite',
+'aurora': 'aurora 20s ease-in-out infinite alternate',
+'marquee': 'marquee 25s linear infinite',
+},
+keyframes: {
+pan: { '0%': { transform: 'scale(1.1) translate(0%, 0%)' }, '100%': { transform: 'scale(1.25) translate(-2%, -2%)' } },
+float: { '0%, 100%': { transform: 'translateY(0)' }, '50%': { transform: 'translateY(-15px)' } },
+revealUp: { '0%': { opacity: '0', transform: 'translateY(60px)' }, '100%': { opacity: '1', transform: 'translateY(0)' } },
+heroEnter: { '0%': { opacity: '0', transform: 'translateY(40px) scale(0.98)' }, '100%': { opacity: '1', transform: 'translateY(0) scale(1.02)' } },
+fadeIn: { '0%': { opacity: '0' }, '100%': { opacity: '1' } },
+typing: { '0%, 80%, 100%': { transform: 'scale(0)' }, '40%': { transform: 'scale(1)' } },
+aurora: { '0%': { opacity: '0.3', transform: 'scale(1) translate(0,0)' }, '100%': { opacity: '0.6', transform: 'scale(1.2) translate(10%, -10%)' } },
+marquee: { '0%': { transform: 'translateX(0%)' }, '100%': { transform: 'translateX(-100%)' } }
+}
+}
+}
+}
+</script>
+<style>
+body {
+font-family: "Inter", sans-serif;
+background-color: #020204;
+color: #e5e5e5;
+overflow-x: hidden;
+-webkit-font-smoothing: antialiased;
+}
+/* Cinematic Atmosphere */
+.cinema-grain {
+position: fixed; inset: 0; pointer-events: none; z-index: 9999;
+opacity: 0.04; background-image: var(--tw-bg-noise); mix-blend-mode: overlay;
+}
+/* Custom Scrollbar */
+::-webkit-scrollbar { width: 6px; }
+::-webkit-scrollbar-track { background: #000; }
+::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
+::-webkit-scrollbar-thumb:hover { background: #7DD3FC; }
+/* Navigation Hover */
+.nav-link { position: relative; }
+.nav-link::after {
+content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1px;
+background: #7DD3FC; transition: width 0.3s ease;
+}
+.nav-link:hover::after { width: 100%; }
+/* Floating Animation */
+.floating-card { transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+.floating-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5); }
+/* Beam Button Keyframes */
+@keyframes beam-spin { to { transform: rotate(360deg); } }
+@keyframes dots-move {
+0% { background-position: 0 0; }
+100% { background-position: 24px 24px; }
+}
+/* Marquee Mask */
+.marquee-mask {
+mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
+-webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
+}
+</style>
+<script>
+document.addEventListener("DOMContentLoaded", () => {
+// Navigation Logic
+const navWrapper = document.getElementById('nav-wrapper');
+const navContainer = document.getElementById('nav-container');
+const navLogo = document.getElementById('nav-logo');
+window.addEventListener('scroll', () => {
+if(window.scrollY > 50) {
+navWrapper.classList.remove('pt-6', 'mix-blend-difference');
+navWrapper.classList.add('pt-4', 'mix-blend-normal');
+navContainer.classList.add('bg-black/80', 'backdrop-blur-xl', 'rounded-full', 'py-2', 'px-8', 'border-white/10');
+navContainer.classList.remove('w-full', 'py-6', 'px-12', 'border-transparent');
+navLogo.classList.add('scale-90');
+} else {
+navWrapper.classList.add('pt-6', 'mix-blend-difference');
+navWrapper.classList.remove('pt-4', 'mix-blend-normal');
+navContainer.classList.remove('bg-black/80', 'backdrop-blur-xl', 'rounded-full', 'py-2', 'px-8', 'border-white/10');
+navContainer.classList.add('w-full', 'py-6', 'px-12', 'border-transparent');
+navLogo.classList.remove('scale-90');
+}
+});
+// Intersection Observer
+const observer = new IntersectionObserver((entries) => {
+entries.forEach((entry) => {
+if (entry.isIntersecting) {
+entry.target.classList.add("animate-reveal-up");
+entry.target.classList.remove("opacity-0", "translate-y-12");
+observer.unobserve(entry.target);
+}
+});
+}, { threshold: 0.05, rootMargin: "0px 0px -10% 0px" });
+document.querySelectorAll(".reveal-on-scroll").forEach((el) => {
+el.classList.add("opacity-0", "translate-y-12", "will-change-transform");
+observer.observe(el);
+});
+window.setServiceImage = (id) => {
+document.querySelectorAll('.service-bg-img').forEach(img => {
+img.classList.remove('opacity-100', 'scale-105');
+img.classList.add('opacity-0', 'scale-100');
+});
+const active = document.getElementById(`service-img-${id}`);
+if(active) {
+active.classList.remove('opacity-0', 'scale-100');
+active.classList.add('opacity-100', 'scale-105');
+}
+};
+// Chatbot (AI Assistant)
+window.toggleChat = () => {
+const box = document.getElementById('chat-box');
+const indicator = document.getElementById('chat-indicator');
+if(box.classList.contains('invisible')) {
+box.classList.remove('invisible', 'opacity-0', 'translate-y-4', 'scale-95');
+box.classList.add('visible', 'opacity-100', 'translate-y-0', 'scale-100');
+if(indicator) indicator.classList.add('hidden');
+} else {
+box.classList.add('invisible', 'opacity-0', 'translate-y-4', 'scale-95');
+box.classList.remove('visible', 'opacity-100', 'translate-y-0', 'scale-100');
+}
+}
+if (window.lucide) lucide.createIcons();
+});
+</script></head>
+<body class="min-h-screen selection:bg-accent-300/20 selection:text-accent-100 relative pb-24 md:pb-0 cursor-default bg-[#020204]">
+
+    <!-- Overlays -->
+    <div class="cinema-grain"></div>
+
+    <!-- PREMIUM CINEMATIC NAVIGATION -->
+    <nav id="nav-wrapper" class="fixed top-0 left-0 right-0 z-50 flex justify-center pt-6 pointer-events-none transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] mix-blend-difference">
+        <div id="nav-container" class="pointer-events-auto transition-all duration-500 flex items-center gap-12 border border-transparent bg-transparent w-full max-w-[1920px] px-12 py-6 backdrop-blur-none justify-between md:justify-center">
+            <div class="hidden md:flex items-center gap-8">
+                <a href="#skills" class="nav-link text-[11px] font-medium text-neutral-300 hover:text-white transition-all uppercase tracking-editorial">Expertise</a>
+                <a href="#projects" class="nav-link text-[11px] font-medium text-neutral-300 hover:text-white transition-all uppercase tracking-editorial">Work</a>
+            </div>
+            
+            <div class="flex items-center gap-3 group cursor-pointer relative z-10 px-4">
+                <span id="nav-logo" class="font-cinzel font-semibold text-2xl text-white tracking-widest transition-all duration-500 drop-shadow-[0_0_15px_rgba(125,211,252,0.5)]">HEMANTH</span>
+            </div>
+
+            <div class="hidden md:flex items-center gap-8">
+                <a href="#experience" class="nav-link text-[11px] font-medium text-neutral-300 hover:text-white transition-all uppercase tracking-editorial">Experience</a>
+                <a href="#certifications" class="nav-link text-[11px] font-medium text-neutral-300 hover:text-white transition-all uppercase tracking-editorial">Certs</a>
+                <a href="mailto:hemanthkumar.connect.now@gmail.com" class="bg-white/10 hover:bg-accent-300/10 border border-white/20 hover:border-accent-300/30 text-white hover:text-accent-300 rounded-full px-5 py-2 transition-all duration-500 group backdrop-blur-md">
+                    <span class="text-[10px] font-semibold tracking-editorial uppercase">Contact</span>
+                </a>
+            </div>
+            
+            <button class="md:hidden text-white"><span class="iconify" data-icon="lucide:menu" width="24"></span></button>
+        </div>
+    </nav>
+
+    <!-- CINEMATIC HERO -->
+    <main class="relative flex flex-col h-screen w-full items-center justify-center overflow-hidden z-10">
+        <!-- Living Background Layers -->
+        <div class="absolute inset-0 w-full h-full bg-[#020204]">
+            <div class="absolute inset-0 animate-slow-pan transform-gpu">
+                <img src="https://images.unsplash.com/photo-1639322537228-f710d846310a?q=80&amp;w=2600&amp;auto=format&amp;fit=crop" class="w-full h-full object-cover filter brightness-[0.4] contrast-125 grayscale-[80%] blur-[2px]">
+            </div>
+            <div class="absolute inset-0 overflow-hidden pointer-events-none">
+                <div class="absolute -top-[30%] -left-[10%] w-[80vw] h-[80vw] bg-accent-500/10 rounded-full blur-[120px] animate-aurora mix-blend-screen opacity-40"></div>
+                <div class="absolute -bottom-[30%] -right-[10%] w-[70vw] h-[70vw] bg-neutral-700/20 rounded-full blur-[100px] animate-float opacity-30" style="animation-delay: -5s"></div>
+            </div>
+            <div class="absolute inset-0 bg-[radial-gradient(circle_at_center,transparent_0%,#020204_85%)] opacity-90"></div>
+            <div class="absolute inset-0 bg-noise opacity-[0.05] animate-pulse-slow mix-blend-overlay"></div>
+        </div>
+
+        <!-- Content -->
+        <div class="relative z-30 flex flex-col items-center px-6 text-center w-full max-w-[1920px]">
+            <div class="mb-6 md:mb-12 animate-hero-enter opacity-0" style="animation-delay: 0.2s">
+                <div class="flex items-center gap-4">
+                    <span class="h-px w-8 bg-accent-300/60"></span>
+                    <span class="text-[10px] font-semibold text-accent-200 tracking-[0.4em] uppercase text-shadow-sm">Open to Work</span>
+                    <span class="h-px w-8 bg-accent-300/60"></span>
+                </div>
+            </div>
+
+            <h1 class="font-cinzel leading-[0.85] relative group cursor-default mix-blend-screen animate-hero-enter opacity-0" style="animation-delay: 0.4s">
+                <span class="block text-[14vw] md:text-[10rem] lg:text-[11rem] font-medium tracking-tighter text-transparent bg-clip-text bg-gradient-to-b from-white via-neutral-200 to-neutral-500 transform scale-y-105">FINANCE</span>
+                <div class="absolute top-[55%] left-1/2 -translate-x-1/2 -translate-y-1/2 w-full z-10 mix-blend-normal">
+                    <span class="font-serif italic text-[5vw] md:text-[4rem] text-accent-100 font-light tracking-wide drop-shadow-[0_0_25px_rgba(125,211,252,0.4)] opacity-90">&amp; <span class="text-white/60 text-[0.7em] not-italic font-cinzel mx-2">AI</span> Automation</span>
+                </div>
+            </h1>
+
+            <p class="mt-8 md:mt-12 text-sm md:text-lg text-neutral-300 font-light text-center max-w-lg leading-relaxed animate-hero-enter opacity-0" style="animation-delay: 0.6s">
+                Bridging financial analysis with data-driven efficiency. <br>
+                <span class="text-accent-200/80">Power BI, Alteryx, and n8n Expert.</span>
+            </p>
+
+            <div class="mt-10 animate-hero-enter opacity-0" style="animation-delay: 0.8s">
+                <a href="#projects" class="group flex overflow-hidden uppercase transition-all duration-500 hover:scale-[1.02] hover:shadow-[0_0_40px_-10px_rgba(125,211,252,0.5)] focus:outline-none text-xs font-semibold text-white tracking-widest font-sans rounded-full pt-4 pr-10 pb-4 pl-10 relative items-center justify-center w-fit mx-auto">
+                    <div class="absolute inset-0 -z-20 rounded-full overflow-hidden p-[1px]">
+                        <div class="absolute inset-[-100%] bg-[conic-gradient(from_0deg,transparent_0_300deg,#7DD3FC_360deg)]" style="animation: beam-spin 3s linear infinite;"></div>
+                        <div class="absolute inset-[1px] rounded-full bg-[#020204]"></div>
+                    </div>
+                    <span class="relative z-10 text-neutral-200 transition-colors group-hover:text-white">View Portfolio</span>
+                    <span class="iconify relative z-10 ml-2 transition-transform duration-300 group-hover:translate-x-1 text-accent-300" data-icon="lucide:arrow-right" width="16"></span>
+                </a>
+            </div>
+        </div>
+    </main>
+
+    <!-- TECH STACK MARQUEE -->
+    <div class="relative z-20 w-full py-12 bg-[#020204] border-b border-white/5 overflow-hidden">
+        <div class="absolute inset-0 bg-gradient-to-r from-[#020204] via-transparent to-[#020204] z-10 pointer-events-none"></div>
+        <div class="flex gap-24 items-center animate-marquee whitespace-nowrap opacity-40 hover:opacity-100 transition-opacity duration-500 marquee-mask">
+            <span class="text-3xl font-serif text-white/80">Power BI</span>
+            <span class="text-2xl font-sans font-light tracking-widest text-white/80">ALTERYX</span>
+            <span class="text-3xl font-serif italic text-white/80">Python</span>
+            <span class="text-2xl font-sans font-bold text-white/80">n8n</span>
+            <span class="text-3xl font-serif text-white/80">Excel</span>
+            <span class="text-2xl font-sans tracking-widest text-white/80">SQL</span>
+            <span class="text-3xl font-serif italic text-white/80">Financial Modeling</span>
+             <span class="text-3xl font-serif text-white/80">Power BI</span>
+            <span class="text-2xl font-sans font-light tracking-widest text-white/80">ALTERYX</span>
+            <span class="text-3xl font-serif italic text-white/80">Python</span>
+            <span class="text-2xl font-sans font-bold text-white/80">n8n</span>
+            <span class="text-3xl font-serif text-white/80">Excel</span>
+            <span class="text-2xl font-sans tracking-widest text-white/80">SQL</span>
+            <span class="text-3xl font-serif italic text-white/80">Financial Modeling</span>
+        </div>
+    </div>
+
+    <!-- TECHNICAL SKILLS -->
+    <section id="skills" class="relative z-20 w-full py-32 bg-[#020204]">
+        <div class="max-w-[1600px] mx-auto px-6">
+            <div class="flex flex-col items-center text-center mb-24 reveal-on-scroll">
+                <div class="relative">
+                    <div class="absolute inset-0 bg-accent-400/20 blur-[60px] rounded-full opacity-40"></div>
+                    <h2 class="relative text-4xl md:text-7xl font-serif text-white mb-4 tracking-tight z-10">
+                        Technical <span class="text-accent-300 italic font-light">Expertise</span>
+                    </h2>
+                </div>
+                <div class="flex items-center gap-4 mt-2 opacity-80">
+                    <span class="w-12 h-px bg-gradient-to-r from-transparent via-white/30 to-transparent"></span>
+                    <span class="text-[11px] uppercase tracking-cinematic text-neutral-400">Structured Data – Automated Growth</span>
+                    <span class="w-12 h-px bg-gradient-to-r from-transparent via-white/30 to-transparent"></span>
+                </div>
+            </div>
+
+            <div class="grid lg:grid-cols-2 gap-12 lg:gap-24 items-start">
+                <div class="hidden lg:block sticky top-32 h-[700px] w-full rounded-[2rem] overflow-hidden border border-white/5 shadow-2xl reveal-on-scroll">
+                    <div class="absolute inset-0 bg-neutral-900">
+                        <img id="service-img-1" src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&amp;w=1600&amp;auto=format&amp;fit=crop" class="service-bg-img absolute inset-0 w-full h-full object-cover transition-all duration-1000 ease-out opacity-100 scale-105 filter saturate-0 contrast-125">
+                        <img id="service-img-2" src="https://images.unsplash.com/photo-1633412802994-5c058f151b66?q=80&amp;w=1600&amp;auto=format&amp;fit=crop" class="service-bg-img absolute inset-0 w-full h-full object-cover transition-all duration-1000 ease-out opacity-0 scale-100 filter brightness-50">
+                        <img id="service-img-3" src="https://images.unsplash.com/photo-1504868584819-f8e8b4b6d7e3?q=80&amp;w=1600&amp;auto=format&amp;fit=crop" class="service-bg-img absolute inset-0 w-full h-full object-cover transition-all duration-1000 ease-out opacity-0 scale-100 filter brightness-50">
+                        <div class="absolute inset-0 bg-gradient-to-t from-black via-black/20 to-transparent opacity-60"></div>
+                    </div>
+                </div>
+
+                <div class="space-y-6">
+                    <div class="group/card relative bg-neutral-900/40 backdrop-blur-sm border border-white/5 rounded-3xl p-8 cursor-pointer transition-all duration-300 hover:bg-neutral-800/60 hover:border-accent-300/30 hover:shadow-[0_10px_40px_-10px_rgba(0,0,0,0.5)] floating-card reveal-on-scroll" onmouseenter="setServiceImage(1)">
+                        <div class="flex justify-between items-start mb-4">
+                            <div>
+                                <span class="text-[10px] font-bold text-accent-400 uppercase tracking-widest mb-1 block">Analysis</span>
+                                <h3 class="text-2xl font-serif text-white group-hover/card:text-accent-100 transition-colors">Financial Modeling</h3>
+                            </div>
+                            <i data-lucide="bar-chart-2" class="text-white w-6 h-6"></i>
+                        </div>
+                        <p class="text-neutral-400 text-sm font-light leading-relaxed mb-6">
+                            Constructing robust equity research models and valuation frameworks. Expertise in forecasting and scenario analysis.
+                        </p>
+                    </div>
+
+                    <div class="group/card relative bg-neutral-900/40 backdrop-blur-sm border border-white/5 rounded-3xl p-8 cursor-pointer transition-all duration-300 hover:bg-neutral-800/60 hover:border-accent-300/30 hover:shadow-[0_10px_40px_-10px_rgba(0,0,0,0.5)] floating-card reveal-on-scroll" style="animation-delay: 0.1s" onmouseenter="setServiceImage(2)">
+                        <div class="flex justify-between items-start mb-4">
+                            <div>
+                                <span class="text-[10px] font-bold text-accent-400 uppercase tracking-widest mb-1 block">Efficiency</span>
+                                <h3 class="text-2xl font-serif text-white group-hover/card:text-accent-100 transition-colors">AI Automation</h3>
+                            </div>
+                            <i data-lucide="cpu" class="text-white w-6 h-6"></i>
+                        </div>
+                        <p class="text-neutral-400 text-sm font-light leading-relaxed mb-6">
+                            Building autonomous workflows using n8n and LLMs. Streamlining repetitive tasks to optimize business operations.
+                        </p>
+                    </div>
+
+                    <div class="group/card relative bg-neutral-900/40 backdrop-blur-sm border border-white/5 rounded-3xl p-8 cursor-pointer transition-all duration-300 hover:bg-neutral-800/60 hover:border-accent-300/30 hover:shadow-[0_10px_40px_-10px_rgba(0,0,0,0.5)] floating-card reveal-on-scroll" style="animation-delay: 0.2s" onmouseenter="setServiceImage(3)">
+                        <div class="flex justify-between items-start mb-4">
+                            <div>
+                                <span class="text-[10px] font-bold text-accent-400 uppercase tracking-widest mb-1 block">Insight</span>
+                                <h3 class="text-2xl font-serif text-white group-hover/card:text-accent-100 transition-colors">Data Analytics</h3>
+                            </div>
+                            <i data-lucide="pie-chart" class="text-white w-6 h-6"></i>
+                        </div>
+                        <p class="text-neutral-400 text-sm font-light leading-relaxed mb-6">
+                            Transforming raw data into actionable dashboards. Proficient in cleaning, transforming, and visualizing complex datasets.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- NEW SECTION: FINANCIAL INTELLIGENCE ENGINES -->
+    <section id="projects" class="relative z-20 w-full py-32 bg-[#020204] border-t border-white/5">
+        <div class="max-w-[1800px] mx-auto px-6">
+            <!-- Section Header -->
+            <div class="flex flex-col items-center text-center mb-24 reveal-on-scroll">
+                <div class="relative inline-block">
+                    <div class="absolute inset-0 bg-accent-300/30 blur-[60px] rounded-full opacity-40"></div>
+                    <h2 class="relative text-4xl md:text-7xl font-serif text-white mb-4 tracking-tight z-10 leading-[1.1]">
+                        Financial <span class="italic text-accent-300 font-light">Intelligence</span> Engines
+                    </h2>
+                </div>
+                <p class="mt-4 text-neutral-400 text-sm font-light max-w-lg mx-auto">
+                    Advanced builds combining financial theory with modern data infrastructure.
+                </p>
+            </div>
+
+            <!-- Masonry/Grid Layout -->
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+                
+                <!-- CARD 1: The IPO Scout (Zepto) -->
+                <div class="group relative flex flex-col bg-white/[0.03] backdrop-blur-md border border-white/10 rounded-2xl overflow-hidden hover:bg-white/[0.05] hover:border-white/20 transition-all duration-500 reveal-on-scroll">
+                    <!-- Image Placeholder (16:9) -->
+                    <div class="relative w-full aspect-video overflow-hidden bg-[#0A0A0A] border-b border-white/5">
+                        <img src="https://images.unsplash.com/photo-1642543492481-44e81e3914a7?q=80&amp;w=1200&amp;auto=format&amp;fit=crop" class="object-cover w-full h-full opacity-80 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700 filter saturate-[0.8]">
+                        <div class="absolute top-4 left-4">
+                            <span class="bg-emerald-500/10 text-emerald-400 border border-emerald-500/20 px-3 py-1 rounded-full text-[10px] font-semibold uppercase tracking-widest backdrop-blur-md">Pre-IPO Analysis</span>
+                        </div>
+                    </div>
+                    
+                    <!-- Content -->
+                    <div class="p-8 flex flex-col flex-1">
+                        <h3 class="font-serif text-2xl text-white mb-3 group-hover:text-accent-300 transition-colors">Pre-IPO Strategic Dashboard (Zepto)</h3>
+                        <p class="text-neutral-400 text-sm font-light leading-relaxed mb-6 flex-1">
+                            A DRHP-based valuation model analyzing Zepto's $7-8B target valuation. Features automated visualizations of fresh issue structure, runway analysis, and dark-store unit economics.
+                        </p>
+                        
+                        <!-- Tags -->
+                        <div class="flex flex-wrap gap-2 mb-8">
+                            <span class="text-[10px] text-neutral-500 uppercase tracking-wider border border-white/10 px-2 py-1 rounded bg-white/5">#IPOAnalysis</span>
+                            <span class="text-[10px] text-neutral-500 uppercase tracking-wider border border-white/10 px-2 py-1 rounded bg-white/5">#ValuationModeling</span>
+                            <span class="text-[10px] text-neutral-500 uppercase tracking-wider border border-white/10 px-2 py-1 rounded bg-white/5">#StrategicFinance</span>
+                        </div>
+
+                        <!-- Action -->
+                        <button class="mt-auto w-full py-4 border border-white/10 rounded-lg text-[11px] font-semibold uppercase tracking-widest text-white relative overflow-hidden group/btn hover:border-accent-300/50 transition-colors">
+                            <div class="absolute inset-0 bg-accent-300/10 translate-y-full group-hover/btn:translate-y-0 transition-transform duration-300"></div>
+                            <span class="relative z-10 flex items-center justify-center gap-2 group-hover/btn:drop-shadow-[0_0_8px_rgba(125,211,252,0.8)]">
+                                View Analysis <i data-lucide="arrow-right" class="w-3 h-3"></i>
+                            </span>
+                        </button>
+                    </div>
+                </div>
+
+                <!-- CARD 2: The Annual Report Decoder (Corporate Performance) -->
+                <div class="group relative flex flex-col bg-white/[0.03] backdrop-blur-md border border-white/10 rounded-2xl overflow-hidden hover:bg-white/[0.05] hover:border-white/20 transition-all duration-500 reveal-on-scroll" style="animation-delay: 0.1s">
+                    <!-- Image Placeholder (16:9) -->
+                    <div class="relative w-full aspect-video overflow-hidden bg-[#0A0A0A] border-b border-white/5">
+                        <!-- Using a generic financial dashboard image that mimics the requested style (Dark, Green Accents) -->
+                        <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/917d6f93-fb36-439a-8c48-884b67b35381_1600w.jpg" class="object-cover w-full h-full opacity-80 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700">
+                         <div class="absolute top-4 left-4">
+                            <span class="bg-accent-500/10 text-accent-300 border border-accent-500/20 px-3 py-1 rounded-full text-[10px] font-semibold uppercase tracking-widest backdrop-blur-md">FY25 Monitor</span>
+                        </div>
+                    </div>
+                    
+                    <!-- Content -->
+                    <div class="p-8 flex flex-col flex-1">
+                        <h3 class="font-serif text-2xl text-white mb-3 group-hover:text-accent-300 transition-colors">Corporate Performance Monitor (FY25)</h3>
+                        <p class="text-neutral-400 text-sm font-light leading-relaxed mb-6 flex-1">
+                            An automated equity research dashboard tracking key performance indicators (KPIs) for firms like Motilal Oswal &amp; Tata Power. visualizes Operating PAT, Net Worth, and YoY growth trends extracted from annual reports.
+                        </p>
+                        
+                        <!-- Tags -->
+                        <div class="flex flex-wrap gap-2 mb-8">
+                            <span class="text-[10px] text-neutral-500 uppercase tracking-wider border border-white/10 px-2 py-1 rounded bg-white/5">#EquityResearch</span>
+                            <span class="text-[10px] text-neutral-500 uppercase tracking-wider border border-white/10 px-2 py-1 rounded bg-white/5">#FinancialReporting</span>
+                            <span class="text-[10px] text-neutral-500 uppercase tracking-wider border border-white/10 px-2 py-1 rounded bg-white/5">#DataViz</span>
+                        </div>
+
+                        <!-- Action -->
+                        <button class="mt-auto w-full py-4 border border-white/10 rounded-lg text-[11px] font-semibold uppercase tracking-widest text-white relative overflow-hidden group/btn hover:border-accent-300/50 transition-colors">
+                            <div class="absolute inset-0 bg-accent-300/10 translate-y-full group-hover/btn:translate-y-0 transition-transform duration-300"></div>
+                             <span class="relative z-10 flex items-center justify-center gap-2 group-hover/btn:drop-shadow-[0_0_8px_rgba(125,211,252,0.8)]">
+                                View Analysis <i data-lucide="arrow-right" class="w-3 h-3"></i>
+                            </span>
+                        </button>
+                    </div>
+                </div>
+
+                <!-- CARD 3: The Market Engine (Bloomberg Style) -->
+                <div class="group relative flex flex-col bg-white/[0.03] backdrop-blur-md border border-white/10 rounded-2xl overflow-hidden hover:bg-white/[0.05] hover:border-white/20 transition-all duration-500 reveal-on-scroll" style="animation-delay: 0.2s">
+                    <!-- Image Placeholder (16:9) -->
+                    <div class="relative w-full aspect-video overflow-hidden bg-[#0A0A0A] border-b border-white/5">
+                        <img src="https://images.unsplash.com/photo-1642790106117-e829e14a795f?q=80&amp;w=1200&amp;auto=format&amp;fit=crop" class="object-cover w-full h-full opacity-80 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700 filter grayscale contrast-125">
+                         <div class="absolute top-4 left-4">
+                            <span class="bg-indigo-500/10 text-indigo-400 border border-indigo-500/20 px-3 py-1 rounded-full text-[10px] font-semibold uppercase tracking-widest backdrop-blur-md">FinSearch Engine</span>
+                        </div>
+                    </div>
+                    
+                    <!-- Content -->
+                    <div class="p-8 flex flex-col flex-1">
+                        <h3 class="font-serif text-2xl text-white mb-3 group-hover:text-accent-300 transition-colors">"FinSearch" Market Intelligence</h3>
+                        <p class="text-neutral-400 text-sm font-light leading-relaxed mb-6 flex-1">
+                            A Universal Bloomberg-Terminal style analysis engine designed for Indian listed companies. Features a search-query interface to aggregate real-time stock data and peer comparisons.
+                        </p>
+                        
+                        <!-- Tags -->
+                        <div class="flex flex-wrap gap-2 mb-8">
+                            <span class="text-[10px] text-neutral-500 uppercase tracking-wider border border-white/10 px-2 py-1 rounded bg-white/5">#FintechProduct</span>
+                            <span class="text-[10px] text-neutral-500 uppercase tracking-wider border border-white/10 px-2 py-1 rounded bg-white/5">#UXDesign</span>
+                            <span class="text-[10px] text-neutral-500 uppercase tracking-wider border border-white/10 px-2 py-1 rounded bg-white/5">#MarketAnalytics</span>
+                        </div>
+
+                        <!-- Action -->
+                        <button class="mt-auto w-full py-4 border border-white/10 rounded-lg text-[11px] font-semibold uppercase tracking-widest text-white relative overflow-hidden group/btn hover:border-accent-300/50 transition-colors">
+                            <div class="absolute inset-0 bg-accent-300/10 translate-y-full group-hover/btn:translate-y-0 transition-transform duration-300"></div>
+                            <span class="relative z-10 flex items-center justify-center gap-2 group-hover/btn:drop-shadow-[0_0_8px_rgba(125,211,252,0.8)]">
+                                View Analysis <i data-lucide="arrow-right" class="w-3 h-3"></i>
+                            </span>
+                        </button>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </section>
+
+    <!-- EXPERIENCE -->
+    <section id="experience" class="relative z-20 w-full py-32 bg-[#020204]">
+        <div class="max-w-7xl mx-auto px-6">
+            <div class="flex flex-col md:flex-row justify-between items-end mb-20 reveal-on-scroll">
+                <div>
+                    <span class="text-[10px] text-accent-400 font-semibold uppercase tracking-cinematic block mb-3">Career Path</span>
+                    <h2 class="text-4xl md:text-6xl font-serif text-white">Work <span class="text-neutral-700 italic">Experience</span></h2>
+                </div>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <div class="group relative reveal-on-scroll cursor-default">
+                    <div class="aspect-[3/4] overflow-hidden rounded-xl bg-neutral-900 relative">
+                        <div class="absolute inset-0 bg-gradient-to-b from-neutral-800 to-black"></div>
+                        <div class="absolute inset-0 flex items-center justify-center opacity-30 text-8xl font-serif text-white/10 group-hover:scale-110 transition-transform duration-1000">01</div>
+                        <div class="absolute bottom-0 left-0 w-full p-6 translate-y-4 group-hover:translate-y-0 transition-transform duration-500">
+                            <div class="flex items-center gap-3 mb-2 opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100">
+                                <span class="px-2 py-0.5 border border-white/20 rounded text-[9px] text-white uppercase tracking-wider backdrop-blur-sm">Nov '25 - Present</span>
+                            </div>
+                            <h3 class="text-2xl font-cinzel text-white mb-1">BuyMore</h3>
+                            <p class="text-xs text-accent-300 tracking-widest uppercase opacity-80">Market Research Intern</p>
+                            <p class="mt-4 text-xs text-neutral-400 leading-relaxed opacity-0 group-hover:opacity-100 transition-opacity duration-500">
+                                Conducting competitor analysis and identifying e-commerce trends.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="group relative reveal-on-scroll delay-100 cursor-default">
+                    <div class="aspect-[3/4] overflow-hidden rounded-xl bg-neutral-900 relative">
+                         <div class="absolute inset-0 bg-gradient-to-b from-neutral-800 to-black"></div>
+                         <div class="absolute inset-0 flex items-center justify-center opacity-30 text-8xl font-serif text-white/10 group-hover:scale-110 transition-transform duration-1000">02</div>
+                        <div class="absolute bottom-0 left-0 w-full p-6 translate-y-4 group-hover:translate-y-0 transition-transform duration-500">
+                            <div class="flex items-center gap-3 mb-2 opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100">
+                                <span class="px-2 py-0.5 border border-white/20 rounded text-[9px] text-white uppercase tracking-wider backdrop-blur-sm">Aug - Nov '25</span>
+                            </div>
+                            <h3 class="text-2xl font-cinzel text-white mb-1">StartGenie</h3>
+                            <p class="text-xs text-neutral-400 tracking-widest uppercase opacity-80">Content Intern</p>
+                             <p class="mt-4 text-xs text-neutral-400 leading-relaxed opacity-0 group-hover:opacity-100 transition-opacity duration-500">
+                                Pitched AI-based digital marketing solutions and managed client content.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="group relative reveal-on-scroll delay-200 cursor-default">
+                    <div class="aspect-[3/4] overflow-hidden rounded-xl bg-neutral-900 relative">
+                         <div class="absolute inset-0 bg-gradient-to-b from-neutral-800 to-black"></div>
+                         <div class="absolute inset-0 flex items-center justify-center opacity-30 text-8xl font-serif text-white/10 group-hover:scale-110 transition-transform duration-1000">03</div>
+                        <div class="absolute bottom-0 left-0 w-full p-6 translate-y-4 group-hover:translate-y-0 transition-transform duration-500">
+                            <div class="flex items-center gap-3 mb-2 opacity-0 group-hover:opacity-100 transition-opacity duration-500 delay-100">
+                                <span class="px-2 py-0.5 border border-white/20 rounded text-[9px] text-white uppercase tracking-wider backdrop-blur-sm">Jul - Aug '25</span>
+                            </div>
+                            <h3 class="text-2xl font-cinzel text-white mb-1">NorthStar</h3>
+                            <p class="text-xs text-neutral-400 tracking-widest uppercase opacity-80">Growth Intern</p>
+                             <p class="mt-4 text-xs text-neutral-400 leading-relaxed opacity-0 group-hover:opacity-100 transition-opacity duration-500">
+                                Utilized Gemini Pro &amp; Notebook LM for curriculum design.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CERTIFICATIONS LIST -->
+    <section id="certifications" class="w-full max-w-4xl mx-auto px-6 py-32 reveal-on-scroll">
+        <div class="text-center mb-16">
+            <h2 class="text-3xl md:text-5xl font-serif text-white mb-4">Certifications <span class="italic text-neutral-600 font-light">&amp; Sims</span></h2>
+            <div class="w-px h-8 bg-accent-300/30 mx-auto"></div>
+        </div>
+
+        <div class="grid md:grid-cols-2 gap-x-16 gap-y-12">
+            <div class="space-y-6">
+                <h3 class="text-accent-300 text-xs uppercase tracking-cinematic border-b border-white/10 pb-2 mb-4">Official</h3>
+                <div class="flex justify-between items-baseline group cursor-default">
+                    <div>
+                        <span class="text-neutral-200 font-light text-base group-hover:text-white transition-colors">NISM V-A</span>
+                        <span class="block text-[10px] text-neutral-500 mt-0.5">Mutual Fund Distributors</span>
+                    </div>
+                    <span class="text-white font-medium text-sm"><i data-lucide="award" class="w-4 h-4 text-accent-300"></i></span>
+                </div>
+            </div>
+
+            <div class="space-y-6">
+                <h3 class="text-accent-300 text-xs uppercase tracking-cinematic border-b border-white/10 pb-2 mb-4">Job Simulations</h3>
+                <div class="flex justify-between items-baseline group cursor-default">
+                    <div>
+                        <span class="text-neutral-200 font-light text-base group-hover:text-white transition-colors">PwC Power BI</span>
+                        <span class="block text-[10px] text-neutral-500 mt-0.5">Visualizing Data</span>
+                    </div>
+                    <span class="text-neutral-500 font-medium text-sm">Forage</span>
+                </div>
+                <div class="flex justify-between items-baseline group cursor-default">
+                    <div>
+                        <span class="text-neutral-200 font-light text-base group-hover:text-white transition-colors">BCG Strategy</span>
+                        <span class="block text-[10px] text-neutral-500 mt-0.5">Market Analysis</span>
+                    </div>
+                     <span class="text-neutral-500 font-medium text-sm">Forage</span>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- FOOTER & CONTACT -->
+    <div class="bg-[#050505] border-t border-white/5 relative">
+        <section id="contact" class="w-full max-w-7xl mx-auto px-6 py-24 reveal-on-scroll z-20 relative">
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24">
+                <div class="flex flex-col justify-center">
+                    <span class="text-[10px] text-accent-400 font-semibold uppercase tracking-cinematic block mb-3">Connect</span>
+                    <h2 class="text-4xl md:text-6xl font-serif text-white mb-8">Ready to <span class="text-accent-300 italic">Collaborate?</span></h2>
+                    
+                    <div class="space-y-8 mt-4">
+                        <div class="flex items-start gap-6">
+                            <div class="w-10 h-10 rounded-full bg-white/5 flex items-center justify-center border border-white/10 text-accent-300">
+                                <span class="iconify" data-icon="lucide:map-pin"></span>
+                            </div>
+                            <div>
+                                <h4 class="text-white font-cinzel text-lg mb-1">Location</h4>
+                                <p class="text-neutral-400 text-sm font-light">Bengaluru, India<br>Open to Remote</p>
+                            </div>
+                        </div>
+                         <div class="flex items-start gap-6">
+                            <div class="w-10 h-10 rounded-full bg-white/5 flex items-center justify-center border border-white/10 text-accent-300">
+                                <span class="iconify" data-icon="lucide:linkedin"></span>
+                            </div>
+                            <div>
+                                <h4 class="text-white font-cinzel text-lg mb-1">Social</h4>
+                                <a href="https://www.linkedin.com/in/hemanth-kumar-5bla75257" target="_blank" class="text-white hover:text-accent-300 transition-colors block font-medium">LinkedIn Profile</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="bg-neutral-900/40 border border-white/10 rounded-3xl p-8 md:p-12 relative backdrop-blur-sm">
+                    <h3 class="text-2xl font-serif text-white mb-6">Send a Message</h3>
+                    <form class="space-y-6" action="mailto:hemanthkumar.connect.now@gmail.com" method="post" enctype="text/plain">
+                        <div class="grid md:grid-cols-2 gap-6">
+                            <div class="space-y-1">
+                                <label class="text-[10px] uppercase tracking-widest text-neutral-500 ml-1">Name</label>
+                                <input type="text" class="w-full bg-transparent border-b border-white/15 py-3 text-white text-sm focus:outline-none focus:border-accent-300 transition-colors placeholder-white/20" placeholder="John Doe">
+                            </div>
+                            <div class="space-y-1">
+                                <label class="text-[10px] uppercase tracking-widest text-neutral-500 ml-1">Company</label>
+                                <input type="text" class="w-full bg-transparent border-b border-white/15 py-3 text-white text-sm focus:outline-none focus:border-accent-300 transition-colors placeholder-white/20" placeholder="Acme Inc.">
+                            </div>
+                        </div>
+                        <div class="space-y-1">
+                            <label class="text-[10px] uppercase tracking-widest text-neutral-500 ml-1">Email</label>
+                            <input type="email" class="w-full bg-transparent border-b border-white/15 py-3 text-white text-sm focus:outline-none focus:border-accent-300 transition-colors placeholder-white/20" placeholder="john@example.com">
+                        </div>
+                        <div class="space-y-1">
+                            <label class="text-[10px] uppercase tracking-widest text-neutral-500 ml-1">Message</label>
+                            <textarea rows="3" class="w-full bg-transparent border-b border-white/15 py-3 text-white text-sm focus:outline-none focus:border-accent-300 transition-colors placeholder-white/20 resize-none" placeholder="Let's discuss..."></textarea>
+                        </div>
+                        <button class="w-full bg-white text-black font-medium py-4 mt-4 hover:bg-accent-100 transition-colors uppercase tracking-editorial text-xs rounded-lg shadow-[0_0_20px_rgba(255,255,255,0.1)] hover:shadow-[0_0_25px_rgba(125,211,252,0.4)]">Send Inquiry</button>
+                    </form>
+                </div>
+            </div>
+        </section>
+
+        <footer class="w-full pt-32 pb-16 bg-[#020204] border-t border-white/10 relative overflow-hidden">
+            <div class="absolute top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 w-full text-center pointer-events-none select-none z-0">
+                <span class="text-[18vw] font-cinzel font-bold text-white/[0.02] leading-none tracking-tight block">HEMANTH</span>
+            </div>
+            
+            <div class="relative z-10 max-w-7xl mx-auto px-6">
+                <div class="grid grid-cols-1 md:grid-cols-12 gap-12 mb-20">
+                    <div class="md:col-span-4 space-y-8">
+                        <div>
+                            <span class="font-cinzel text-3xl text-white block mb-6">HEMANTH</span>
+                            <p class="text-neutral-400 text-sm font-light leading-relaxed max-w-xs">
+                                Finance &amp; Accountancy Student. Integrating data analytics and automation to solve structured business problems.
+                            </p>
+                        </div>
+                    </div>
+
+                    <div class="md:col-span-2 md:col-start-6">
+                        <h4 class="text-white font-cinzel text-sm mb-6">Menu</h4>
+                        <ul class="space-y-4">
+                            <li><a href="#skills" class="text-neutral-400 text-xs uppercase tracking-widest hover:text-accent-300 transition-colors">Skills</a></li>
+                            <li><a href="#projects" class="text-neutral-400 text-xs uppercase tracking-widest hover:text-accent-300 transition-colors">Projects</a></li>
+                            <li><a href="#experience" class="text-neutral-400 text-xs uppercase tracking-widest hover:text-accent-300 transition-colors">Experience</a></li>
+                        </ul>
+                    </div>
+
+                    <div class="md:col-span-2">
+                        <h4 class="text-white font-cinzel text-sm mb-6">Tools</h4>
+                        <ul class="space-y-4">
+                            <li><a class="text-neutral-400 text-xs uppercase tracking-widest hover:text-accent-300 transition-colors">Power BI</a></li>
+                            <li><a class="text-neutral-400 text-xs uppercase tracking-widest hover:text-accent-300 transition-colors">Alteryx</a></li>
+                            <li><a class="text-neutral-400 text-xs uppercase tracking-widest hover:text-accent-300 transition-colors">n8n</a></li>
+                        </ul>
+                    </div>
+
+                    <div class="md:col-span-3">
+                        <h4 class="text-white font-cinzel text-sm mb-6">Get in Touch</h4>
+                        <p class="text-neutral-400 text-xs mb-4 leading-relaxed">Open for opportunities in Finance, Analytics, and AI Automation.</p>
+                         <a href="mailto:hemanthkumar.connect.now@gmail.com" class="inline-flex items-center gap-2 text-accent-300 hover:text-white transition-colors">
+                            <span class="text-xs uppercase tracking-widest">Email Me</span>
+                            <span class="iconify" data-icon="lucide:arrow-right" width="14"></span>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="border-t border-white/5 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
+                    <p class="text-neutral-600 text-[10px] uppercase tracking-widest">© 2025 Hemanth Kumar.</p>
+                    <div class="flex items-center gap-2">
+                        <span class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></span>
+                        <span class="text-neutral-500 text-[10px] uppercase tracking-wide">Available for Hire</span>
+                    </div>
+                </div>
+            </div>
+        </footer>
+    </div>
+
+    <!-- CHATBOT WIDGET -->
+    <div class="fixed bottom-6 right-6 z-[60] hidden md:block font-sans">
+        <div class="relative group">
+            <button onclick="toggleChat()" class="relative w-14 h-14 bg-white hover:bg-accent-100 text-black rounded-full flex items-center justify-center shadow-[0_4px_30px_rgba(255,255,255,0.2)] hover:scale-105 active:scale-95 transition-all duration-300 z-50">
+                <span class="iconify" data-icon="lucide:bot" width="24"></span>
+                <span id="chat-indicator" class="absolute top-0 right-0 w-3.5 h-3.5 bg-green-500 border-2 border-[#020204] rounded-full"></span>
+            </button>
+
+            <div id="chat-box" class="absolute bottom-[calc(100%+16px)] right-0 w-[360px] bg-[#0A0A0A]/95 backdrop-blur-xl border border-white/10 rounded-2xl shadow-2xl invisible opacity-0 translate-y-4 scale-95 origin-bottom-right transition-all duration-300 overflow-hidden flex flex-col">
+                <div class="bg-gradient-to-r from-neutral-900 to-neutral-800 p-4 border-b border-white/5 flex items-center justify-between">
+                    <div class="flex items-center gap-3">
+                        <div class="relative">
+                            <div class="w-10 h-10 rounded-full bg-accent-300/20 flex items-center justify-center border border-accent-300/30 overflow-hidden">
+                                <span class="iconify text-accent-300" data-icon="lucide:sparkles"></span>
+                            </div>
+                            <span class="absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-[#0A0A0A] rounded-full"></span>
+                        </div>
+                        <div>
+                            <span class="block text-white text-sm font-medium">Hemanth AI</span>
+                            <span class="block text-[10px] text-neutral-400">Online</span>
+                        </div>
+                    </div>
+                    <button onclick="toggleChat()" class="text-neutral-400 hover:text-white transition-colors">
+                        <span class="iconify" data-icon="lucide:x" width="18"></span>
+                    </button>
+                </div>
+                
+                <div class="p-5 space-y-4 min-h-[280px] max-h-[400px] overflow-y-auto bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-white/5 via-transparent to-transparent">
+                    <div class="text-center text-[10px] text-neutral-500 uppercase tracking-widest mb-4">Today</div>
+                    <div class="flex gap-3 items-start">
+                        <div class="w-6 h-6 rounded-full bg-accent-300/20 flex-shrink-0 flex items-center justify-center border border-accent-300/10 mt-1">
+                            <span class="iconify text-accent-300" data-icon="lucide:bot" width="12"></span>
+                        </div>
+                        <div class="bg-[#1A1A1A] border border-white/5 rounded-2xl rounded-tl-sm p-3 shadow-sm max-w-[85%]">
+                            <p class="text-neutral-200 text-xs leading-relaxed">
+                                Hi there! I'm Hemanth's portfolio assistant. How can I help you?
+                            </p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="p-3 border-t border-white/5 bg-neutral-900/50">
+                    <form class="flex items-center gap-2 bg-[#050505] border border-white/10 rounded-full px-4 py-2" onsubmit="event.preventDefault(); window.location.href='#contact'; toggleChat();">
+                        <input type="text" placeholder="Type a message..." class="bg-transparent border-none focus:outline-none text-xs text-white w-full placeholder-neutral-500">
+                        <button class="text-accent-300 hover:text-white transition-colors">
+                            <span class="iconify" data-icon="lucide:send" width="14"></span>
+                        </button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</body></html>
\ No newline at end of file
diff --git a/frontend/next.config.js b/frontend/next.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..4ea60ff97658ca1e2e00772ec309eb8c3311e47b
--- /dev/null
+++ b/frontend/next.config.js
@@ -0,0 +1,8 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  output: "export",
+  images: { unoptimized: true },
+}
+
+module.exports = nextConfig
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..2533da8c7cbf5f9f4520a9ad0e65d8a570a02ec9
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,3133 @@
+{
+  "name": "ora-frontend",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "ora-frontend",
+      "version": "1.0.0",
+      "dependencies": {
+        "lucide-react": "^0.400.0",
+        "next": "^14.2.33",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-markdown": "^10.1.0",
+        "remark-gfm": "^4.0.1"
+      },
+      "devDependencies": {
+        "@types/node": "^20.12.0",
+        "@types/react": "^18.2.0",
+        "@types/react-dom": "^18.2.0",
+        "autoprefixer": "^10.4.19",
+        "postcss": "^8.4.38",
+        "tailwindcss": "^3.4.3",
+        "typescript": "^5.4.0"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.33.tgz",
+      "integrity": "sha512-CgVHNZ1fRIlxkLhIX22flAZI/HmpDaZ8vwyJ/B0SDPTBuLZ1PJ+DWMjCHhqnExfmSQzA/PbZi8OAc7PAq2w9IA==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.33.tgz",
+      "integrity": "sha512-HqYnb6pxlsshoSTubdXKu15g3iivcbsMXg4bYpjL2iS/V6aQot+iyF4BUc2qA/J/n55YtvE4PHMKWBKGCF/+wA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.33.tgz",
+      "integrity": "sha512-8HGBeAE5rX3jzKvF593XTTFg3gxeU4f+UWnswa6JPhzaR6+zblO5+fjltJWIZc4aUalqTclvN2QtTC37LxvZAA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.33.tgz",
+      "integrity": "sha512-JXMBka6lNNmqbkvcTtaX8Gu5by9547bukHQvPoLe9VRBx1gHwzf5tdt4AaezW85HAB3pikcvyqBToRTDA4DeLw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.33.tgz",
+      "integrity": "sha512-Bm+QulsAItD/x6Ih8wGIMfRJy4G73tu1HJsrccPW6AfqdZd0Sfm5Imhgkgq2+kly065rYMnCOxTBvmvFY1BKfg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.33.tgz",
+      "integrity": "sha512-FnFn+ZBgsVMbGDsTqo8zsnRzydvsGV8vfiWwUo1LD8FTmPTdV+otGSWKc4LJec0oSexFnCYVO4hX8P8qQKaSlg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.33.tgz",
+      "integrity": "sha512-345tsIWMzoXaQndUTDv1qypDRiebFxGYx9pYkhwY4hBRaOLt8UGfiWKr9FSSHs25dFIf8ZqIFaPdy5MljdoawA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.33.tgz",
+      "integrity": "sha512-nscpt0G6UCTkrT2ppnJnFsYbPDQwmum4GNXYTeoTIdsmMydSKFz9Iny2jpaRupTb+Wl298+Rh82WKzt9LCcqSQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.33.tgz",
+      "integrity": "sha512-pc9LpGNKhJ0dXQhZ5QMmYxtARwwmWLpeocFmVG5Z0DzWq5Uf0izcI8tLc+qOpqxO1PWqZ5A7J1blrUIKrIFc7Q==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.33.tgz",
+      "integrity": "sha512-nOjfZMy8B94MdisuzZo9/57xuFVLHJaDj5e/xrduJp9CV2/HrfxTRH2fbyLe+K9QT41WBLUd4iXX3R7jBp0EUg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
+      "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/debug": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
+      "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree-jsx": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.5.tgz",
+      "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.26",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.26.tgz",
+      "integrity": "sha512-0l6cjgF0XnihUpndDhk+nyD3exio3iKaYROSgvh/qSevPXax3L8p5DBRFjbvalnwatGgHEQn2R88y2fA3g4irg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.27",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.27.tgz",
+      "integrity": "sha512-cisd7gxkzjBKU2GgdYrTdtQx1SORymWyaAFhaxQPK9bYO9ot3Y5OikQRvY0VYQtvwjeQnizCINJAenh/V7MK2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
+      }
+    },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "license": "ISC"
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.22",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.22.tgz",
+      "integrity": "sha512-ARe0v/t9gO28Bznv6GgqARmVqcWOV3mfgUPn9becPHMiD3o9BwlRgaeccZnwTpZ7Zwqrm+c1sUSsMxIzQzc8Xg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.27.0",
+        "caniuse-lite": "^1.0.30001754",
+        "fraction.js": "^5.3.4",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.9.6",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.6.tgz",
+      "integrity": "sha512-v9BVVpOTLB59C9E7aSnmIF8h7qRsFpx+A2nugVMTszEOMcfjlZMsXRm4LF23I3Z9AJxc8ANpIvzbzONoX9VJlg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001760",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001760.tgz",
+      "integrity": "sha512-7AAMPcueWELt1p3mi13HR/LHH0TJLT11cnwDJEs3xA4+CK/PLKeO9Kl1oru24htkyUKtkGCvAx4ohB0Ttry8Dw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-reference-invalid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.2.0.tgz",
+      "integrity": "sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.267",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz",
+      "integrity": "sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/estree-util-is-identifier-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
+      "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
+      "integrity": "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/html-url-attributes": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.1.tgz",
+      "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/inline-style-parser": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
+      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
+      "license": "MIT"
+    },
+    "node_modules/is-alphabetical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-alphabetical": "^2.0.0",
+        "is-decimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-decimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
+      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-hexadecimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/longest-streak": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
+      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.400.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.400.0.tgz",
+      "integrity": "sha512-rpp7pFHh3Xd93KHixNgB0SqThMHpYNzsGUu69UaQbSZ75Q/J3m5t6EhKyMT3m4w2WOxmJ2mY0tD3vebnXqQryQ==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/markdown-table": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz",
+      "integrity": "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/mdast-util-find-and-replace": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.2.tgz",
+      "integrity": "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "escape-string-regexp": "^5.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.2.tgz",
+      "integrity": "sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark": "^4.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-3.1.0.tgz",
+      "integrity": "sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==",
+      "license": "MIT",
+      "dependencies": {
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-gfm-autolink-literal": "^2.0.0",
+        "mdast-util-gfm-footnote": "^2.0.0",
+        "mdast-util-gfm-strikethrough": "^2.0.0",
+        "mdast-util-gfm-table": "^2.0.0",
+        "mdast-util-gfm-task-list-item": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-autolink-literal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz",
+      "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-find-and-replace": "^3.0.0",
+        "micromark-util-character": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-strikethrough": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz",
+      "integrity": "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-table": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz",
+      "integrity": "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "markdown-table": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-task-list-item": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz",
+      "integrity": "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-expression": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
+      "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-jsx": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.2.0.tgz",
+      "integrity": "sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "parse-entities": "^4.0.0",
+        "stringify-entities": "^4.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdxjs-esm": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz",
+      "integrity": "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-phrasing": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
+      "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz",
+      "integrity": "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-markdown": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
+      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-phrasing": "^4.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "unist-util-visit": "^5.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
+      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromark": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
+      "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz",
+      "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-extension-gfm": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz",
+      "integrity": "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-extension-gfm-autolink-literal": "^2.0.0",
+        "micromark-extension-gfm-footnote": "^2.0.0",
+        "micromark-extension-gfm-strikethrough": "^2.0.0",
+        "micromark-extension-gfm-table": "^2.0.0",
+        "micromark-extension-gfm-tagfilter": "^2.0.0",
+        "micromark-extension-gfm-task-list-item": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-autolink-literal": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz",
+      "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-strikethrough": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz",
+      "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-table": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.1.tgz",
+      "integrity": "sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-tagfilter": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz",
+      "integrity": "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-task-list-item": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz",
+      "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
+      "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz",
+      "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz",
+      "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz",
+      "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz",
+      "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
+      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz",
+      "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz",
+      "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz",
+      "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz",
+      "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz",
+      "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
+      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz",
+      "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz",
+      "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz",
+      "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
+      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz",
+      "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
+      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.33.tgz",
+      "integrity": "sha512-GiKHLsD00t4ACm1p00VgrI0rUFAC9cRDGReKyERlM57aeEZkOQGcZTpIbsGn0b562FTPJWmYfKwplfO9EaT6ng==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "14.2.33",
+        "@swc/helpers": "0.5.5",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001579",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=18.17.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "14.2.33",
+        "@next/swc-darwin-x64": "14.2.33",
+        "@next/swc-linux-arm64-gnu": "14.2.33",
+        "@next/swc-linux-arm64-musl": "14.2.33",
+        "@next/swc-linux-x64-gnu": "14.2.33",
+        "@next/swc-linux-x64-musl": "14.2.33",
+        "@next/swc-win32-arm64-msvc": "14.2.33",
+        "@next/swc-win32-ia32-msvc": "14.2.33",
+        "@next/swc-win32-x64-msvc": "14.2.33"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/parse-entities": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.2.tgz",
+      "integrity": "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "character-entities-legacy": "^3.0.0",
+        "character-reference-invalid": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "is-alphanumerical": "^2.0.0",
+        "is-decimal": "^2.0.0",
+        "is-hexadecimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/parse-entities/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT"
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/property-information": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz",
+      "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-markdown": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-10.1.0.tgz",
+      "integrity": "sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "html-url-attributes": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "unified": "^11.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18",
+        "react": ">=18"
+      }
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/remark-gfm": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.1.tgz",
+      "integrity": "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-gfm": "^3.0.0",
+        "micromark-extension-gfm": "^3.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-stringify": "^11.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
+      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-rehype": {
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.2.tgz",
+      "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-stringify": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-11.0.0.tgz",
+      "integrity": "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/stringify-entities": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
+      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/style-to-js": {
+      "version": "1.1.21",
+      "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.21.tgz",
+      "integrity": "sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "style-to-object": "1.0.14"
+      }
+    },
+    "node_modules/style-to-object": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.14.tgz",
+      "integrity": "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==",
+      "license": "MIT",
+      "dependencies": {
+        "inline-style-parser": "0.2.7"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/trough": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
+      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unified": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
+      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "bail": "^2.0.0",
+        "devlop": "^1.0.0",
+        "extend": "^3.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-is": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.1.tgz",
+      "integrity": "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
+      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz",
+      "integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz",
+      "integrity": "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.2.tgz",
+      "integrity": "sha512-E85pfNzMQ9jpKkA7+TJAi4TJN+tBCuWh5rUcS/sv6cFi+1q9LYDwDI5dpUL0u/73EElyQ8d3TEaeW4sPedBqYA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
+      "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
+      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    }
+  }
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..286a221a590cf994afe8a2f5bed88ae4d3458f6b
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "ora-frontend",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "lucide-react": "^0.400.0",
+    "next": "^14.2.33",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1"
+  },
+  "devDependencies": {
+    "@types/node": "^20.12.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "autoprefixer": "^10.4.19",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.4.0"
+  }
+}
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..33ad091d26d8a9dc95ebdf616e217d985ec215b8
--- /dev/null
+++ b/frontend/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..f33ebfd964097ed10c422c9575eda5f1ddb2b0c4
--- /dev/null
+++ b/frontend/tailwind.config.js
@@ -0,0 +1,59 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter', 'sans-serif'],
+      },
+      colors: {
+        brand: {
+          amber: '#f59e0b',
+          dark: '#050402',
+        }
+      },
+      animation: {
+        'beam': 'beam 3s linear infinite',
+        'spin-slow': 'spin 12s linear infinite',
+        'spin-slow-reverse': 'spin 15s linear infinite reverse',
+        'pulse-fast': 'pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+        'flicker': 'candle-flicker 4s infinite ease-in-out',
+        'float': 'float 6s ease-in-out infinite',
+        'sonar': 'sonar-wave 3s cubic-bezier(0, 0, 0.2, 1) infinite',
+        'border-spin': 'border-spin 2.5s linear infinite',
+        'shimmer': 'shimmer 4s linear infinite',
+      },
+      keyframes: {
+        beam: {
+          '0%': { strokeDashoffset: '1000' },
+          '100%': { strokeDashoffset: '0' },
+        },
+        'candle-flicker': {
+          '0%, 100%': { transform: 'scale(1)', opacity: '1' },
+          '25%': { transform: 'scale(1.02)', opacity: '0.9' },
+          '50%': { transform: 'scale(0.98)', opacity: '0.8' },
+          '75%': { transform: 'scale(1.01)', opacity: '0.95' },
+        },
+        float: {
+          '0%, 100%': { transform: 'translateY(0)' },
+          '50%': { transform: 'translateY(-10px)' },
+        },
+        'sonar-wave': {
+          '0%': { r: '10px', opacity: '0.8', strokeWidth: '1px' },
+          '100%': { r: '80px', opacity: '0', strokeWidth: '0px' },
+        },
+        'border-spin': {
+          'to': { '--gradient-angle': '360deg' },
+        },
+        shimmer: {
+          'to': { transform: 'translate(-50%, -50%) rotate(360deg)' },
+        },
+      },
+    },
+  },
+  plugins: [],
+}
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..e7ff90fd2767199e09b281bfa87e08a90f33270e
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/landing_legacy/index.html b/landing_legacy/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..eafa99e099642803575d845e8fde22c6ae6cbdfa
--- /dev/null
+++ b/landing_legacy/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en" class="dark">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>ORA | AI Spiritual Companion</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/landing_legacy/package-lock.json b/landing_legacy/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..b844e8b3ea59b69c84b6d2cfa81623e804dc241c
--- /dev/null
+++ b/landing_legacy/package-lock.json
@@ -0,0 +1,3786 @@
+{
+    "name": "ora-landing",
+    "version": "0.0.0",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "ora-landing",
+            "version": "0.0.0",
+            "dependencies": {
+                "clsx": "^2.1.1",
+                "framer-motion": "^11.2.12",
+                "lucide-react": "^0.562.0",
+                "react": "^18.3.1",
+                "react-dom": "^18.3.1",
+                "tailwind-merge": "^2.3.0"
+            },
+            "devDependencies": {
+                "@types/react": "^18.3.3",
+                "@types/react-dom": "^18.3.0",
+                "@vitejs/plugin-react": "^4.3.1",
+                "autoprefixer": "^10.4.19",
+                "eslint": "^8.57.0",
+                "eslint-plugin-react-hooks": "^4.6.2",
+                "eslint-plugin-react-refresh": "^0.4.7",
+                "postcss": "^8.4.39",
+                "tailwindcss": "^3.4.4",
+                "typescript": "^5.2.2",
+                "vite": "^5.3.1"
+            }
+        },
+        "node_modules/@alloc/quick-lru": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+            "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/@babel/code-frame": {
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+            "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-validator-identifier": "^7.27.1",
+                "js-tokens": "^4.0.0",
+                "picocolors": "^1.1.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/compat-data": {
+            "version": "7.28.5",
+            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.5.tgz",
+            "integrity": "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/core": {
+            "version": "7.28.5",
+            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
+            "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/code-frame": "^7.27.1",
+                "@babel/generator": "^7.28.5",
+                "@babel/helper-compilation-targets": "^7.27.2",
+                "@babel/helper-module-transforms": "^7.28.3",
+                "@babel/helpers": "^7.28.4",
+                "@babel/parser": "^7.28.5",
+                "@babel/template": "^7.27.2",
+                "@babel/traverse": "^7.28.5",
+                "@babel/types": "^7.28.5",
+                "@jridgewell/remapping": "^2.3.5",
+                "convert-source-map": "^2.0.0",
+                "debug": "^4.1.0",
+                "gensync": "^1.0.0-beta.2",
+                "json5": "^2.2.3",
+                "semver": "^6.3.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/babel"
+            }
+        },
+        "node_modules/@babel/generator": {
+            "version": "7.28.5",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
+            "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.28.5",
+                "@babel/types": "^7.28.5",
+                "@jridgewell/gen-mapping": "^0.3.12",
+                "@jridgewell/trace-mapping": "^0.3.28",
+                "jsesc": "^3.0.2"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-compilation-targets": {
+            "version": "7.27.2",
+            "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+            "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/compat-data": "^7.27.2",
+                "@babel/helper-validator-option": "^7.27.1",
+                "browserslist": "^4.24.0",
+                "lru-cache": "^5.1.1",
+                "semver": "^6.3.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-globals": {
+            "version": "7.28.0",
+            "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+            "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-module-imports": {
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+            "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/traverse": "^7.27.1",
+                "@babel/types": "^7.27.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-module-transforms": {
+            "version": "7.28.3",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
+            "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-module-imports": "^7.27.1",
+                "@babel/helper-validator-identifier": "^7.27.1",
+                "@babel/traverse": "^7.28.3"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0"
+            }
+        },
+        "node_modules/@babel/helper-plugin-utils": {
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+            "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-string-parser": {
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+            "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-identifier": {
+            "version": "7.28.5",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+            "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-option": {
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+            "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helpers": {
+            "version": "7.28.4",
+            "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
+            "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/template": "^7.27.2",
+                "@babel/types": "^7.28.4"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/parser": {
+            "version": "7.28.5",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+            "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^7.28.5"
+            },
+            "bin": {
+                "parser": "bin/babel-parser.js"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@babel/plugin-transform-react-jsx-self": {
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+            "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.27.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/plugin-transform-react-jsx-source": {
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+            "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-plugin-utils": "^7.27.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0-0"
+            }
+        },
+        "node_modules/@babel/template": {
+            "version": "7.27.2",
+            "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+            "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/code-frame": "^7.27.1",
+                "@babel/parser": "^7.27.2",
+                "@babel/types": "^7.27.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/traverse": {
+            "version": "7.28.5",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
+            "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/code-frame": "^7.27.1",
+                "@babel/generator": "^7.28.5",
+                "@babel/helper-globals": "^7.28.0",
+                "@babel/parser": "^7.28.5",
+                "@babel/template": "^7.27.2",
+                "@babel/types": "^7.28.5",
+                "debug": "^4.3.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/types": {
+            "version": "7.28.5",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+            "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-string-parser": "^7.27.1",
+                "@babel/helper-validator-identifier": "^7.28.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@esbuild/aix-ppc64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+            "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "aix"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+            "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+            "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+            "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+            "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+            "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+            "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+            "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+            "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+            "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ia32": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+            "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+            "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-mips64el": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+            "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+            "cpu": [
+                "mips64el"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ppc64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+            "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-riscv64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+            "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-s390x": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+            "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+            "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/netbsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+            "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/openbsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+            "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/sunos-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+            "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "sunos"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+            "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-ia32": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+            "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+            "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@eslint-community/eslint-utils": {
+            "version": "4.9.0",
+            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+            "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "eslint-visitor-keys": "^3.4.3"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            },
+            "peerDependencies": {
+                "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+            }
+        },
+        "node_modules/@eslint-community/regexpp": {
+            "version": "4.12.2",
+            "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+            "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@eslint/eslintrc": {
+            "version": "2.1.4",
+            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+            "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ajv": "^6.12.4",
+                "debug": "^4.3.2",
+                "espree": "^9.6.0",
+                "globals": "^13.19.0",
+                "ignore": "^5.2.0",
+                "import-fresh": "^3.2.1",
+                "js-yaml": "^4.1.0",
+                "minimatch": "^3.1.2",
+                "strip-json-comments": "^3.1.1"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/@eslint/js": {
+            "version": "8.57.1",
+            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
+            "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@humanwhocodes/config-array": {
+            "version": "0.13.0",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
+            "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
+            "deprecated": "Use @eslint/config-array instead",
+            "dev": true,
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@humanwhocodes/object-schema": "^2.0.3",
+                "debug": "^4.3.1",
+                "minimatch": "^3.0.5"
+            },
+            "engines": {
+                "node": ">=10.10.0"
+            }
+        },
+        "node_modules/@humanwhocodes/module-importer": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+            "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "engines": {
+                "node": ">=12.22"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/nzakas"
+            }
+        },
+        "node_modules/@humanwhocodes/object-schema": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+            "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+            "deprecated": "Use @eslint/object-schema instead",
+            "dev": true,
+            "license": "BSD-3-Clause"
+        },
+        "node_modules/@jridgewell/gen-mapping": {
+            "version": "0.3.13",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+            "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.5.0",
+                "@jridgewell/trace-mapping": "^0.3.24"
+            }
+        },
+        "node_modules/@jridgewell/remapping": {
+            "version": "2.3.5",
+            "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+            "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/gen-mapping": "^0.3.5",
+                "@jridgewell/trace-mapping": "^0.3.24"
+            }
+        },
+        "node_modules/@jridgewell/resolve-uri": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.5.5",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+            "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@jridgewell/trace-mapping": {
+            "version": "0.3.31",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+            "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/resolve-uri": "^3.1.0",
+                "@jridgewell/sourcemap-codec": "^1.4.14"
+            }
+        },
+        "node_modules/@nodelib/fs.scandir": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@nodelib/fs.stat": "2.0.5",
+                "run-parallel": "^1.1.9"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@nodelib/fs.stat": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@nodelib/fs.walk": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@nodelib/fs.scandir": "2.1.5",
+                "fastq": "^1.6.0"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@rolldown/pluginutils": {
+            "version": "1.0.0-beta.27",
+            "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+            "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@rollup/rollup-android-arm-eabi": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.54.0.tgz",
+            "integrity": "sha512-OywsdRHrFvCdvsewAInDKCNyR3laPA2mc9bRYJ6LBp5IyvF3fvXbbNR0bSzHlZVFtn6E0xw2oZlyjg4rKCVcng==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-android-arm64": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.54.0.tgz",
+            "integrity": "sha512-Skx39Uv+u7H224Af+bDgNinitlmHyQX1K/atIA32JP3JQw6hVODX5tkbi2zof/E69M1qH2UoN3Xdxgs90mmNYw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-arm64": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.54.0.tgz",
+            "integrity": "sha512-k43D4qta/+6Fq+nCDhhv9yP2HdeKeP56QrUUTW7E6PhZP1US6NDqpJj4MY0jBHlJivVJD5P8NxrjuobZBJTCRw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-x64": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.54.0.tgz",
+            "integrity": "sha512-cOo7biqwkpawslEfox5Vs8/qj83M/aZCSSNIWpVzfU2CYHa2G3P1UN5WF01RdTHSgCkri7XOlTdtk17BezlV3A==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-arm64": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.54.0.tgz",
+            "integrity": "sha512-miSvuFkmvFbgJ1BevMa4CPCFt5MPGw094knM64W9I0giUIMMmRYcGW/JWZDriaw/k1kOBtsWh1z6nIFV1vPNtA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-x64": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.54.0.tgz",
+            "integrity": "sha512-KGXIs55+b/ZfZsq9aR026tmr/+7tq6VG6MsnrvF4H8VhwflTIuYh+LFUlIsRdQSgrgmtM3fVATzEAj4hBQlaqQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.54.0.tgz",
+            "integrity": "sha512-EHMUcDwhtdRGlXZsGSIuXSYwD5kOT9NVnx9sqzYiwAc91wfYOE1g1djOEDseZJKKqtHAHGwnGPQu3kytmfaXLQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.54.0.tgz",
+            "integrity": "sha512-+pBrqEjaakN2ySv5RVrj/qLytYhPKEUwk+e3SFU5jTLHIcAtqh2rLrd/OkbNuHJpsBgxsD8ccJt5ga/SeG0JmA==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-gnu": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.54.0.tgz",
+            "integrity": "sha512-NSqc7rE9wuUaRBsBp5ckQ5CVz5aIRKCwsoa6WMF7G01sX3/qHUw/z4pv+D+ahL1EIKy6Enpcnz1RY8pf7bjwng==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-musl": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.54.0.tgz",
+            "integrity": "sha512-gr5vDbg3Bakga5kbdpqx81m2n9IX8M6gIMlQQIXiLTNeQW6CucvuInJ91EuCJ/JYvc+rcLLsDFcfAD1K7fMofg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-loong64-gnu": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.54.0.tgz",
+            "integrity": "sha512-gsrtB1NA3ZYj2vq0Rzkylo9ylCtW/PhpLEivlgWe0bpgtX5+9j9EZa0wtZiCjgu6zmSeZWyI/e2YRX1URozpIw==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.54.0.tgz",
+            "integrity": "sha512-y3qNOfTBStmFNq+t4s7Tmc9hW2ENtPg8FeUD/VShI7rKxNW7O4fFeaYbMsd3tpFlIg1Q8IapFgy7Q9i2BqeBvA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.54.0.tgz",
+            "integrity": "sha512-89sepv7h2lIVPsFma8iwmccN7Yjjtgz0Rj/Ou6fEqg3HDhpCa+Et+YSufy27i6b0Wav69Qv4WBNl3Rs6pwhebQ==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-musl": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.54.0.tgz",
+            "integrity": "sha512-ZcU77ieh0M2Q8Ur7D5X7KvK+UxbXeDHwiOt/CPSBTI1fBmeDMivW0dPkdqkT4rOgDjrDDBUed9x4EgraIKoR2A==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-s390x-gnu": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.54.0.tgz",
+            "integrity": "sha512-2AdWy5RdDF5+4YfG/YesGDDtbyJlC9LHmL6rZw6FurBJ5n4vFGupsOBGfwMRjBYH7qRQowT8D/U4LoSvVwOhSQ==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-gnu": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.54.0.tgz",
+            "integrity": "sha512-WGt5J8Ij/rvyqpFexxk3ffKqqbLf9AqrTBbWDk7ApGUzaIs6V+s2s84kAxklFwmMF/vBNGrVdYgbblCOFFezMQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-musl": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.54.0.tgz",
+            "integrity": "sha512-JzQmb38ATzHjxlPHuTH6tE7ojnMKM2kYNzt44LO/jJi8BpceEC8QuXYA908n8r3CNuG/B3BV8VR3Hi1rYtmPiw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-openharmony-arm64": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.54.0.tgz",
+            "integrity": "sha512-huT3fd0iC7jigGh7n3q/+lfPcXxBi+om/Rs3yiFxjvSxbSB6aohDFXbWvlspaqjeOh+hx7DDHS+5Es5qRkWkZg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openharmony"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-arm64-msvc": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.54.0.tgz",
+            "integrity": "sha512-c2V0W1bsKIKfbLMBu/WGBz6Yci8nJ/ZJdheE0EwB73N3MvHYKiKGs3mVilX4Gs70eGeDaMqEob25Tw2Gb9Nqyw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-ia32-msvc": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.54.0.tgz",
+            "integrity": "sha512-woEHgqQqDCkAzrDhvDipnSirm5vxUXtSKDYTVpZG3nUdW/VVB5VdCYA2iReSj/u3yCZzXID4kuKG7OynPnB3WQ==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-gnu": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.54.0.tgz",
+            "integrity": "sha512-dzAc53LOuFvHwbCEOS0rPbXp6SIhAf2txMP5p6mGyOXXw5mWY8NGGbPMPrs4P1WItkfApDathBj/NzMLUZ9rtQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-msvc": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.54.0.tgz",
+            "integrity": "sha512-hYT5d3YNdSh3mbCU1gwQyPgQd3T2ne0A3KG8KSBdav5TiBg6eInVmV+TeR5uHufiIgSFg0XsOWGW5/RhNcSvPg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@types/babel__core": {
+            "version": "7.20.5",
+            "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+            "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.20.7",
+                "@babel/types": "^7.20.7",
+                "@types/babel__generator": "*",
+                "@types/babel__template": "*",
+                "@types/babel__traverse": "*"
+            }
+        },
+        "node_modules/@types/babel__generator": {
+            "version": "7.27.0",
+            "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+            "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^7.0.0"
+            }
+        },
+        "node_modules/@types/babel__template": {
+            "version": "7.4.4",
+            "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+            "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.1.0",
+                "@babel/types": "^7.0.0"
+            }
+        },
+        "node_modules/@types/babel__traverse": {
+            "version": "7.28.0",
+            "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+            "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^7.28.2"
+            }
+        },
+        "node_modules/@types/estree": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+            "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@types/prop-types": {
+            "version": "15.7.15",
+            "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+            "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@types/react": {
+            "version": "18.3.27",
+            "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.27.tgz",
+            "integrity": "sha512-cisd7gxkzjBKU2GgdYrTdtQx1SORymWyaAFhaxQPK9bYO9ot3Y5OikQRvY0VYQtvwjeQnizCINJAenh/V7MK2w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/prop-types": "*",
+                "csstype": "^3.2.2"
+            }
+        },
+        "node_modules/@types/react-dom": {
+            "version": "18.3.7",
+            "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+            "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+            "dev": true,
+            "license": "MIT",
+            "peerDependencies": {
+                "@types/react": "^18.0.0"
+            }
+        },
+        "node_modules/@ungap/structured-clone": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+            "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/@vitejs/plugin-react": {
+            "version": "4.7.0",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+            "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@babel/core": "^7.28.0",
+                "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+                "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+                "@rolldown/pluginutils": "1.0.0-beta.27",
+                "@types/babel__core": "^7.20.5",
+                "react-refresh": "^0.17.0"
+            },
+            "engines": {
+                "node": "^14.18.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+            }
+        },
+        "node_modules/acorn": {
+            "version": "8.15.0",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+            "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "acorn": "bin/acorn"
+            },
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/acorn-jsx": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+            "dev": true,
+            "license": "MIT",
+            "peerDependencies": {
+                "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/ajv": {
+            "version": "6.12.6",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "fast-deep-equal": "^3.1.1",
+                "fast-json-stable-stringify": "^2.0.0",
+                "json-schema-traverse": "^0.4.1",
+                "uri-js": "^4.2.2"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/epoberezkin"
+            }
+        },
+        "node_modules/ansi-regex": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/any-promise": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+            "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/anymatch": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+            "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "normalize-path": "^3.0.0",
+                "picomatch": "^2.0.4"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/arg": {
+            "version": "5.0.2",
+            "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/argparse": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+            "dev": true,
+            "license": "Python-2.0"
+        },
+        "node_modules/autoprefixer": {
+            "version": "10.4.23",
+            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.23.tgz",
+            "integrity": "sha512-YYTXSFulfwytnjAPlw8QHncHJmlvFKtczb8InXaAx9Q0LbfDnfEYDE55omerIJKihhmU61Ft+cAOSzQVaBUmeA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "browserslist": "^4.28.1",
+                "caniuse-lite": "^1.0.30001760",
+                "fraction.js": "^5.3.4",
+                "picocolors": "^1.1.1",
+                "postcss-value-parser": "^4.2.0"
+            },
+            "bin": {
+                "autoprefixer": "bin/autoprefixer"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            },
+            "peerDependencies": {
+                "postcss": "^8.1.0"
+            }
+        },
+        "node_modules/balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/baseline-browser-mapping": {
+            "version": "2.9.11",
+            "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.11.tgz",
+            "integrity": "sha512-Sg0xJUNDU1sJNGdfGWhVHX0kkZ+HWcvmVymJbj6NSgZZmW/8S9Y2HQ5euytnIgakgxN6papOAWiwDo1ctFDcoQ==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "bin": {
+                "baseline-browser-mapping": "dist/cli.js"
+            }
+        },
+        "node_modules/binary-extensions": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+            "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/brace-expansion": {
+            "version": "1.1.12",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
+            }
+        },
+        "node_modules/braces": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "fill-range": "^7.1.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/browserslist": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+            "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/browserslist"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "baseline-browser-mapping": "^2.9.0",
+                "caniuse-lite": "^1.0.30001759",
+                "electron-to-chromium": "^1.5.263",
+                "node-releases": "^2.0.27",
+                "update-browserslist-db": "^1.2.0"
+            },
+            "bin": {
+                "browserslist": "cli.js"
+            },
+            "engines": {
+                "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+            }
+        },
+        "node_modules/callsites": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/camelcase-css": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+            "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/caniuse-lite": {
+            "version": "1.0.30001761",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001761.tgz",
+            "integrity": "sha512-JF9ptu1vP2coz98+5051jZ4PwQgd2ni8A+gYSN7EA7dPKIMf0pDlSUxhdmVOaV3/fYK5uWBkgSXJaRLr4+3A6g==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "CC-BY-4.0"
+        },
+        "node_modules/chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
+        "node_modules/chokidar": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+            "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "anymatch": "~3.1.2",
+                "braces": "~3.0.2",
+                "glob-parent": "~5.1.2",
+                "is-binary-path": "~2.1.0",
+                "is-glob": "~4.0.1",
+                "normalize-path": "~3.0.0",
+                "readdirp": "~3.6.0"
+            },
+            "engines": {
+                "node": ">= 8.10.0"
+            },
+            "funding": {
+                "url": "https://paulmillr.com/funding/"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/chokidar/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/clsx": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+            "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "color-name": "~1.1.4"
+            },
+            "engines": {
+                "node": ">=7.0.0"
+            }
+        },
+        "node_modules/color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/commander": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/concat-map": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/convert-source-map": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/cross-spawn": {
+            "version": "7.0.6",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "path-key": "^3.1.0",
+                "shebang-command": "^2.0.0",
+                "which": "^2.0.1"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/cssesc": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "cssesc": "bin/cssesc"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/csstype": {
+            "version": "3.2.3",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+            "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/debug": {
+            "version": "4.4.3",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+            "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ms": "^2.1.3"
+            },
+            "engines": {
+                "node": ">=6.0"
+            },
+            "peerDependenciesMeta": {
+                "supports-color": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/deep-is": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/didyoumean": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+            "dev": true,
+            "license": "Apache-2.0"
+        },
+        "node_modules/dlv": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/doctrine": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+            "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "dependencies": {
+                "esutils": "^2.0.2"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/electron-to-chromium": {
+            "version": "1.5.267",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz",
+            "integrity": "sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/esbuild": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+            "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "optionalDependencies": {
+                "@esbuild/aix-ppc64": "0.21.5",
+                "@esbuild/android-arm": "0.21.5",
+                "@esbuild/android-arm64": "0.21.5",
+                "@esbuild/android-x64": "0.21.5",
+                "@esbuild/darwin-arm64": "0.21.5",
+                "@esbuild/darwin-x64": "0.21.5",
+                "@esbuild/freebsd-arm64": "0.21.5",
+                "@esbuild/freebsd-x64": "0.21.5",
+                "@esbuild/linux-arm": "0.21.5",
+                "@esbuild/linux-arm64": "0.21.5",
+                "@esbuild/linux-ia32": "0.21.5",
+                "@esbuild/linux-loong64": "0.21.5",
+                "@esbuild/linux-mips64el": "0.21.5",
+                "@esbuild/linux-ppc64": "0.21.5",
+                "@esbuild/linux-riscv64": "0.21.5",
+                "@esbuild/linux-s390x": "0.21.5",
+                "@esbuild/linux-x64": "0.21.5",
+                "@esbuild/netbsd-x64": "0.21.5",
+                "@esbuild/openbsd-x64": "0.21.5",
+                "@esbuild/sunos-x64": "0.21.5",
+                "@esbuild/win32-arm64": "0.21.5",
+                "@esbuild/win32-ia32": "0.21.5",
+                "@esbuild/win32-x64": "0.21.5"
+            }
+        },
+        "node_modules/escalade": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+            "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/escape-string-regexp": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/eslint": {
+            "version": "8.57.1",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
+            "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+            "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@eslint-community/eslint-utils": "^4.2.0",
+                "@eslint-community/regexpp": "^4.6.1",
+                "@eslint/eslintrc": "^2.1.4",
+                "@eslint/js": "8.57.1",
+                "@humanwhocodes/config-array": "^0.13.0",
+                "@humanwhocodes/module-importer": "^1.0.1",
+                "@nodelib/fs.walk": "^1.2.8",
+                "@ungap/structured-clone": "^1.2.0",
+                "ajv": "^6.12.4",
+                "chalk": "^4.0.0",
+                "cross-spawn": "^7.0.2",
+                "debug": "^4.3.2",
+                "doctrine": "^3.0.0",
+                "escape-string-regexp": "^4.0.0",
+                "eslint-scope": "^7.2.2",
+                "eslint-visitor-keys": "^3.4.3",
+                "espree": "^9.6.1",
+                "esquery": "^1.4.2",
+                "esutils": "^2.0.2",
+                "fast-deep-equal": "^3.1.3",
+                "file-entry-cache": "^6.0.1",
+                "find-up": "^5.0.0",
+                "glob-parent": "^6.0.2",
+                "globals": "^13.19.0",
+                "graphemer": "^1.4.0",
+                "ignore": "^5.2.0",
+                "imurmurhash": "^0.1.4",
+                "is-glob": "^4.0.0",
+                "is-path-inside": "^3.0.3",
+                "js-yaml": "^4.1.0",
+                "json-stable-stringify-without-jsonify": "^1.0.1",
+                "levn": "^0.4.1",
+                "lodash.merge": "^4.6.2",
+                "minimatch": "^3.1.2",
+                "natural-compare": "^1.4.0",
+                "optionator": "^0.9.3",
+                "strip-ansi": "^6.0.1",
+                "text-table": "^0.2.0"
+            },
+            "bin": {
+                "eslint": "bin/eslint.js"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/eslint-plugin-react-hooks": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
+            "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+            }
+        },
+        "node_modules/eslint-plugin-react-refresh": {
+            "version": "0.4.26",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.26.tgz",
+            "integrity": "sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ==",
+            "dev": true,
+            "license": "MIT",
+            "peerDependencies": {
+                "eslint": ">=8.40"
+            }
+        },
+        "node_modules/eslint-scope": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+            "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/eslint-visitor-keys": {
+            "version": "3.4.3",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+            "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/espree": {
+            "version": "9.6.1",
+            "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+            "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "acorn": "^8.9.0",
+                "acorn-jsx": "^5.3.2",
+                "eslint-visitor-keys": "^3.4.1"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/esquery": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+            "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+            "dev": true,
+            "license": "BSD-3-Clause",
+            "dependencies": {
+                "estraverse": "^5.1.0"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/esrecurse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/esutils": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/fast-deep-equal": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/fast-glob": {
+            "version": "3.3.3",
+            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+            "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@nodelib/fs.stat": "^2.0.2",
+                "@nodelib/fs.walk": "^1.2.3",
+                "glob-parent": "^5.1.2",
+                "merge2": "^1.3.0",
+                "micromatch": "^4.0.8"
+            },
+            "engines": {
+                "node": ">=8.6.0"
+            }
+        },
+        "node_modules/fast-glob/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/fast-json-stable-stringify": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/fast-levenshtein": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/fastq": {
+            "version": "1.19.1",
+            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+            "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "reusify": "^1.0.4"
+            }
+        },
+        "node_modules/file-entry-cache": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+            "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "flat-cache": "^3.0.4"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            }
+        },
+        "node_modules/fill-range": {
+            "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "to-regex-range": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/find-up": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "locate-path": "^6.0.0",
+                "path-exists": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/flat-cache": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+            "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "flatted": "^3.2.9",
+                "keyv": "^4.5.3",
+                "rimraf": "^3.0.2"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            }
+        },
+        "node_modules/flatted": {
+            "version": "3.3.3",
+            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+            "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/fraction.js": {
+            "version": "5.3.4",
+            "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+            "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": "*"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/rawify"
+            }
+        },
+        "node_modules/framer-motion": {
+            "version": "11.18.2",
+            "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.18.2.tgz",
+            "integrity": "sha512-5F5Och7wrvtLVElIpclDT0CBzMVg3dL22B64aZwHtsIY8RB4mXICLrkajK4G9R+ieSAGcgrLeae2SeUTg2pr6w==",
+            "license": "MIT",
+            "dependencies": {
+                "motion-dom": "^11.18.1",
+                "motion-utils": "^11.18.1",
+                "tslib": "^2.4.0"
+            },
+            "peerDependencies": {
+                "@emotion/is-prop-valid": "*",
+                "react": "^18.0.0 || ^19.0.0",
+                "react-dom": "^18.0.0 || ^19.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@emotion/is-prop-valid": {
+                    "optional": true
+                },
+                "react": {
+                    "optional": true
+                },
+                "react-dom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/fs.realpath": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/fsevents": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
+        "node_modules/function-bind": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+            "dev": true,
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/gensync": {
+            "version": "1.0.0-beta.2",
+            "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+            "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/glob": {
+            "version": "7.2.3",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+            "deprecated": "Glob versions prior to v9 are no longer supported",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "fs.realpath": "^1.0.0",
+                "inflight": "^1.0.4",
+                "inherits": "2",
+                "minimatch": "^3.1.1",
+                "once": "^1.3.0",
+                "path-is-absolute": "^1.0.0"
+            },
+            "engines": {
+                "node": "*"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/glob-parent": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "is-glob": "^4.0.3"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/globals": {
+            "version": "13.24.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+            "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "type-fest": "^0.20.2"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/graphemer": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+            "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/hasown": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/ignore": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+            "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 4"
+            }
+        },
+        "node_modules/import-fresh": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+            "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "parent-module": "^1.0.0",
+                "resolve-from": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/imurmurhash": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.8.19"
+            }
+        },
+        "node_modules/inflight": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+            "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+            "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "once": "^1.3.0",
+                "wrappy": "1"
+            }
+        },
+        "node_modules/inherits": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/is-binary-path": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "binary-extensions": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/is-core-module": {
+            "version": "2.16.1",
+            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+            "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "hasown": "^2.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-extglob": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-glob": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "is-extglob": "^2.1.1"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-number": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.12.0"
+            }
+        },
+        "node_modules/is-path-inside": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+            "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/isexe": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/jiti": {
+            "version": "1.21.7",
+            "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+            "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "jiti": "bin/jiti.js"
+            }
+        },
+        "node_modules/js-tokens": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+            "license": "MIT"
+        },
+        "node_modules/js-yaml": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+            "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "argparse": "^2.0.1"
+            },
+            "bin": {
+                "js-yaml": "bin/js-yaml.js"
+            }
+        },
+        "node_modules/jsesc": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+            "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "jsesc": "bin/jsesc"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/json-buffer": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+            "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/json-schema-traverse": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/json-stable-stringify-without-jsonify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/json5": {
+            "version": "2.2.3",
+            "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+            "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "json5": "lib/cli.js"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/keyv": {
+            "version": "4.5.4",
+            "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+            "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "json-buffer": "3.0.1"
+            }
+        },
+        "node_modules/levn": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "prelude-ls": "^1.2.1",
+                "type-check": "~0.4.0"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/lilconfig": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+            "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antonk52"
+            }
+        },
+        "node_modules/lines-and-columns": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/locate-path": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "p-locate": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/lodash.merge": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/loose-envify": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+            "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+            "license": "MIT",
+            "dependencies": {
+                "js-tokens": "^3.0.0 || ^4.0.0"
+            },
+            "bin": {
+                "loose-envify": "cli.js"
+            }
+        },
+        "node_modules/lru-cache": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+            "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "yallist": "^3.0.2"
+            }
+        },
+        "node_modules/lucide-react": {
+            "version": "0.562.0",
+            "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.562.0.tgz",
+            "integrity": "sha512-82hOAu7y0dbVuFfmO4bYF1XEwYk/mEbM5E+b1jgci/udUBEE/R7LF5Ip0CCEmXe8AybRM8L+04eP+LGZeDvkiw==",
+            "license": "ISC",
+            "peerDependencies": {
+                "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+            }
+        },
+        "node_modules/merge2": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/micromatch": {
+            "version": "4.0.8",
+            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+            "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "braces": "^3.0.3",
+                "picomatch": "^2.3.1"
+            },
+            "engines": {
+                "node": ">=8.6"
+            }
+        },
+        "node_modules/minimatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "brace-expansion": "^1.1.7"
+            },
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/motion-dom": {
+            "version": "11.18.1",
+            "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-11.18.1.tgz",
+            "integrity": "sha512-g76KvA001z+atjfxczdRtw/RXOM3OMSdd1f4DL77qCTF/+avrRJiawSG4yDibEQ215sr9kpinSlX2pCTJ9zbhw==",
+            "license": "MIT",
+            "dependencies": {
+                "motion-utils": "^11.18.1"
+            }
+        },
+        "node_modules/motion-utils": {
+            "version": "11.18.1",
+            "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-11.18.1.tgz",
+            "integrity": "sha512-49Kt+HKjtbJKLtgO/LKj9Ld+6vw9BjH5d9sc40R/kVyH8GLAXgT42M2NnuPcJNuA3s9ZfZBUcwIgpmZWGEE+hA==",
+            "license": "MIT"
+        },
+        "node_modules/ms": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/mz": {
+            "version": "2.7.0",
+            "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+            "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "any-promise": "^1.0.0",
+                "object-assign": "^4.0.1",
+                "thenify-all": "^1.0.0"
+            }
+        },
+        "node_modules/nanoid": {
+            "version": "3.3.11",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/natural-compare": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/node-releases": {
+            "version": "2.0.27",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+            "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/normalize-path": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/object-assign": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/object-hash": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+            "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/once": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+            "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "wrappy": "1"
+            }
+        },
+        "node_modules/optionator": {
+            "version": "0.9.4",
+            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+            "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "deep-is": "^0.1.3",
+                "fast-levenshtein": "^2.0.6",
+                "levn": "^0.4.1",
+                "prelude-ls": "^1.2.1",
+                "type-check": "^0.4.0",
+                "word-wrap": "^1.2.5"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/p-limit": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "yocto-queue": "^0.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/p-locate": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "p-limit": "^3.0.2"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/parent-module": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "callsites": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/path-exists": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/path-is-absolute": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/path-key": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/path-parse": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/picocolors": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/pify": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/pirates": {
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+            "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/postcss": {
+            "version": "8.5.6",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+            "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "nanoid": "^3.3.11",
+                "picocolors": "^1.1.1",
+                "source-map-js": "^1.2.1"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/postcss-import": {
+            "version": "15.1.0",
+            "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+            "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "postcss-value-parser": "^4.0.0",
+                "read-cache": "^1.0.0",
+                "resolve": "^1.1.7"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            },
+            "peerDependencies": {
+                "postcss": "^8.0.0"
+            }
+        },
+        "node_modules/postcss-js": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+            "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "camelcase-css": "^2.0.1"
+            },
+            "engines": {
+                "node": "^12 || ^14 || >= 16"
+            },
+            "peerDependencies": {
+                "postcss": "^8.4.21"
+            }
+        },
+        "node_modules/postcss-load-config": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+            "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "lilconfig": "^3.1.1"
+            },
+            "engines": {
+                "node": ">= 18"
+            },
+            "peerDependencies": {
+                "jiti": ">=1.21.0",
+                "postcss": ">=8.0.9",
+                "tsx": "^4.8.1",
+                "yaml": "^2.4.2"
+            },
+            "peerDependenciesMeta": {
+                "jiti": {
+                    "optional": true
+                },
+                "postcss": {
+                    "optional": true
+                },
+                "tsx": {
+                    "optional": true
+                },
+                "yaml": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/postcss-nested": {
+            "version": "6.2.0",
+            "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+            "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "postcss-selector-parser": "^6.1.1"
+            },
+            "engines": {
+                "node": ">=12.0"
+            },
+            "peerDependencies": {
+                "postcss": "^8.2.14"
+            }
+        },
+        "node_modules/postcss-selector-parser": {
+            "version": "6.1.2",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/postcss-value-parser": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/prelude-ls": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/punycode": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/queue-microtask": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "license": "MIT"
+        },
+        "node_modules/react": {
+            "version": "18.3.1",
+            "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+            "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+            "license": "MIT",
+            "dependencies": {
+                "loose-envify": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/react-dom": {
+            "version": "18.3.1",
+            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+            "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+            "license": "MIT",
+            "dependencies": {
+                "loose-envify": "^1.1.0",
+                "scheduler": "^0.23.2"
+            },
+            "peerDependencies": {
+                "react": "^18.3.1"
+            }
+        },
+        "node_modules/react-refresh": {
+            "version": "0.17.0",
+            "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+            "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/read-cache": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+            "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "pify": "^2.3.0"
+            }
+        },
+        "node_modules/readdirp": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "picomatch": "^2.2.1"
+            },
+            "engines": {
+                "node": ">=8.10.0"
+            }
+        },
+        "node_modules/resolve": {
+            "version": "1.22.11",
+            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+            "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "is-core-module": "^2.16.1",
+                "path-parse": "^1.0.7",
+                "supports-preserve-symlinks-flag": "^1.0.0"
+            },
+            "bin": {
+                "resolve": "bin/resolve"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/resolve-from": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/reusify": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+            "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "iojs": ">=1.0.0",
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/rimraf": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+            "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+            "deprecated": "Rimraf versions prior to v4 are no longer supported",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "glob": "^7.1.3"
+            },
+            "bin": {
+                "rimraf": "bin.js"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/rollup": {
+            "version": "4.54.0",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.54.0.tgz",
+            "integrity": "sha512-3nk8Y3a9Ea8szgKhinMlGMhGMw89mqule3KWczxhIzqudyHdCIOHw8WJlj/r329fACjKLEh13ZSk7oE22kyeIw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/estree": "1.0.8"
+            },
+            "bin": {
+                "rollup": "dist/bin/rollup"
+            },
+            "engines": {
+                "node": ">=18.0.0",
+                "npm": ">=8.0.0"
+            },
+            "optionalDependencies": {
+                "@rollup/rollup-android-arm-eabi": "4.54.0",
+                "@rollup/rollup-android-arm64": "4.54.0",
+                "@rollup/rollup-darwin-arm64": "4.54.0",
+                "@rollup/rollup-darwin-x64": "4.54.0",
+                "@rollup/rollup-freebsd-arm64": "4.54.0",
+                "@rollup/rollup-freebsd-x64": "4.54.0",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.54.0",
+                "@rollup/rollup-linux-arm-musleabihf": "4.54.0",
+                "@rollup/rollup-linux-arm64-gnu": "4.54.0",
+                "@rollup/rollup-linux-arm64-musl": "4.54.0",
+                "@rollup/rollup-linux-loong64-gnu": "4.54.0",
+                "@rollup/rollup-linux-ppc64-gnu": "4.54.0",
+                "@rollup/rollup-linux-riscv64-gnu": "4.54.0",
+                "@rollup/rollup-linux-riscv64-musl": "4.54.0",
+                "@rollup/rollup-linux-s390x-gnu": "4.54.0",
+                "@rollup/rollup-linux-x64-gnu": "4.54.0",
+                "@rollup/rollup-linux-x64-musl": "4.54.0",
+                "@rollup/rollup-openharmony-arm64": "4.54.0",
+                "@rollup/rollup-win32-arm64-msvc": "4.54.0",
+                "@rollup/rollup-win32-ia32-msvc": "4.54.0",
+                "@rollup/rollup-win32-x64-gnu": "4.54.0",
+                "@rollup/rollup-win32-x64-msvc": "4.54.0",
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/run-parallel": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "queue-microtask": "^1.2.2"
+            }
+        },
+        "node_modules/scheduler": {
+            "version": "0.23.2",
+            "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+            "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+            "license": "MIT",
+            "dependencies": {
+                "loose-envify": "^1.1.0"
+            }
+        },
+        "node_modules/semver": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+            "dev": true,
+            "license": "ISC",
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
+        "node_modules/shebang-command": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "shebang-regex": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/shebang-regex": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/source-map-js": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+            "dev": true,
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/strip-ansi": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-regex": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/strip-json-comments": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/sucrase": {
+            "version": "3.35.1",
+            "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+            "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/gen-mapping": "^0.3.2",
+                "commander": "^4.0.0",
+                "lines-and-columns": "^1.1.6",
+                "mz": "^2.7.0",
+                "pirates": "^4.0.1",
+                "tinyglobby": "^0.2.11",
+                "ts-interface-checker": "^0.1.9"
+            },
+            "bin": {
+                "sucrase": "bin/sucrase",
+                "sucrase-node": "bin/sucrase-node"
+            },
+            "engines": {
+                "node": ">=16 || 14 >=14.17"
+            }
+        },
+        "node_modules/supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/supports-preserve-symlinks-flag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/tailwind-merge": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.6.0.tgz",
+            "integrity": "sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/dcastil"
+            }
+        },
+        "node_modules/tailwindcss": {
+            "version": "3.4.19",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+            "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@alloc/quick-lru": "^5.2.0",
+                "arg": "^5.0.2",
+                "chokidar": "^3.6.0",
+                "didyoumean": "^1.2.2",
+                "dlv": "^1.1.3",
+                "fast-glob": "^3.3.2",
+                "glob-parent": "^6.0.2",
+                "is-glob": "^4.0.3",
+                "jiti": "^1.21.7",
+                "lilconfig": "^3.1.3",
+                "micromatch": "^4.0.8",
+                "normalize-path": "^3.0.0",
+                "object-hash": "^3.0.0",
+                "picocolors": "^1.1.1",
+                "postcss": "^8.4.47",
+                "postcss-import": "^15.1.0",
+                "postcss-js": "^4.0.1",
+                "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+                "postcss-nested": "^6.2.0",
+                "postcss-selector-parser": "^6.1.2",
+                "resolve": "^1.22.8",
+                "sucrase": "^3.35.0"
+            },
+            "bin": {
+                "tailwind": "lib/cli.js",
+                "tailwindcss": "lib/cli.js"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "node_modules/text-table": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+            "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/thenify": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+            "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "any-promise": "^1.0.0"
+            }
+        },
+        "node_modules/thenify-all": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+            "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "thenify": ">= 3.1.0 < 4"
+            },
+            "engines": {
+                "node": ">=0.8"
+            }
+        },
+        "node_modules/tinyglobby": {
+            "version": "0.2.15",
+            "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+            "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "fdir": "^6.5.0",
+                "picomatch": "^4.0.3"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/SuperchupuDev"
+            }
+        },
+        "node_modules/tinyglobby/node_modules/fdir": {
+            "version": "6.5.0",
+            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+            "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "peerDependencies": {
+                "picomatch": "^3 || ^4"
+            },
+            "peerDependenciesMeta": {
+                "picomatch": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/tinyglobby/node_modules/picomatch": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/to-regex-range": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "is-number": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=8.0"
+            }
+        },
+        "node_modules/ts-interface-checker": {
+            "version": "0.1.13",
+            "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+            "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+            "dev": true,
+            "license": "Apache-2.0"
+        },
+        "node_modules/tslib": {
+            "version": "2.8.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+            "license": "0BSD"
+        },
+        "node_modules/type-check": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "prelude-ls": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/type-fest": {
+            "version": "0.20.2",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+            "dev": true,
+            "license": "(MIT OR CC0-1.0)",
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/typescript": {
+            "version": "5.9.3",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+            "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=14.17"
+            }
+        },
+        "node_modules/update-browserslist-db": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+            "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/browserslist"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "escalade": "^3.2.0",
+                "picocolors": "^1.1.1"
+            },
+            "bin": {
+                "update-browserslist-db": "cli.js"
+            },
+            "peerDependencies": {
+                "browserslist": ">= 4.21.0"
+            }
+        },
+        "node_modules/uri-js": {
+            "version": "4.4.1",
+            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "punycode": "^2.1.0"
+            }
+        },
+        "node_modules/util-deprecate": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/vite": {
+            "version": "5.4.21",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
+            "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "esbuild": "^0.21.3",
+                "postcss": "^8.4.43",
+                "rollup": "^4.20.0"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
+            "engines": {
+                "node": "^18.0.0 || >=20.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/vitejs/vite?sponsor=1"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.3"
+            },
+            "peerDependencies": {
+                "@types/node": "^18.0.0 || >=20.0.0",
+                "less": "*",
+                "lightningcss": "^1.21.0",
+                "sass": "*",
+                "sass-embedded": "*",
+                "stylus": "*",
+                "sugarss": "*",
+                "terser": "^5.4.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "lightningcss": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "sass-embedded": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/which": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "isexe": "^2.0.0"
+            },
+            "bin": {
+                "node-which": "bin/node-which"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/word-wrap": {
+            "version": "1.2.5",
+            "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+            "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/wrappy": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/yallist": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+            "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/yocto-queue": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        }
+    }
+}
diff --git a/landing_legacy/package.json b/landing_legacy/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..250da26d12aa2e31c1f90147a31edbb42f4e9906
--- /dev/null
+++ b/landing_legacy/package.json
@@ -0,0 +1,33 @@
+{
+    "name": "ora-landing",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "tsc -b && vite build",
+        "lint": "eslint .",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "clsx": "^2.1.1",
+        "framer-motion": "^11.2.12",
+        "lucide-react": "^0.562.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "tailwind-merge": "^2.3.0"
+    },
+    "devDependencies": {
+        "@types/react": "^18.3.3",
+        "@types/react-dom": "^18.3.0",
+        "@vitejs/plugin-react": "^4.3.1",
+        "autoprefixer": "^10.4.19",
+        "eslint": "^8.57.0",
+        "eslint-plugin-react-hooks": "^4.6.2",
+        "eslint-plugin-react-refresh": "^0.4.7",
+        "postcss": "^8.4.39",
+        "tailwindcss": "^3.4.4",
+        "typescript": "^5.2.2",
+        "vite": "^5.3.1"
+    }
+}
diff --git a/landing_legacy/src/App.tsx b/landing_legacy/src/App.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ef2f536f235f17cb491c15c144b61b73bced7146
--- /dev/null
+++ b/landing_legacy/src/App.tsx
@@ -0,0 +1,221 @@
+import { useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Sparkles, MessageSquare, BookOpen, ArrowRight, History, Settings, LogOut } from 'lucide-react';
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { AuraOrb } from './components/AuraOrb';
+import { AuraChat } from './components/AuraChat';
+
+// --- Utils ---
+function cn(...inputs: ClassValue[]) {
+    return twMerge(clsx(inputs));
+}
+
+// --- Components ---
+const Navbar = ({ onStart }: { onStart: () => void }) => (
+    <nav className="fixed top-0 w-full z-50 border-b border-white/5 bg-background/50 backdrop-blur-md">
+        <div className="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
+            <div className="flex items-center gap-2">
+                <div className="w-8 h-8 rounded-full bg-gradient-to-tr from-cyan-500 to-emerald-500 flex items-center justify-center">
+                    <Sparkles className="w-4 h-4 text-white" />
+                </div>
+                <span className="font-bold text-lg tracking-tight">ORA</span>
+            </div>
+            <div className="flex gap-6 text-sm text-secondary">
+                <a href="#features" className="hover:text-white transition-colors">Features</a>
+                <a href="#vision" className="hover:text-white transition-colors">Vision</a>
+                <a href="#api" className="hover:text-white transition-colors">API</a>
+            </div>
+            <button
+                onClick={onStart}
+                className="px-4 py-2 bg-white text-black text-sm font-medium rounded-full hover:bg-zinc-200 transition-colors">
+                Get Started
+            </button>
+        </div>
+    </nav>
+);
+
+const Sidebar = ({ onViewChange, currentView }: { onViewChange: (v: string) => void, currentView: string }) => (
+    <div className="w-20 md:w-64 h-screen border-r border-white/5 bg-zinc-950 flex flex-col p-4 fixed left-0 top-0 z-40">
+        <div className="flex items-center gap-3 px-2 mb-10 mt-2">
+            <div className="w-8 h-8 rounded-lg bg-cyan-500 flex items-center justify-center shrink-0">
+                <Sparkles className="w-5 h-5 text-white" />
+            </div>
+            <span className="font-bold hidden md:block">ORA AURA</span>
+        </div>
+
+        <div className="flex-1 space-y-2">
+            {[
+                { id: 'chat', label: 'Spiritual Study', icon: MessageSquare },
+                { id: 'memory', label: 'Episodic Memory', icon: History },
+                { id: 'journal', label: 'Growth Journal', icon: BookOpen },
+            ].map(item => (
+                <button
+                    key={item.id}
+                    onClick={() => onViewChange(item.id)}
+                    className={cn(
+                        "w-full flex items-center gap-3 p-3 rounded-xl transition-all group",
+                        currentView === item.id ? "bg-white/10 text-white" : "text-zinc-500 hover:bg-white/5 hover:text-zinc-300"
+                    )}
+                >
+                    <item.icon className={cn("w-5 h-5", currentView === item.id ? "text-cyan-400" : "text-zinc-500 group-hover:text-zinc-300")} />
+                    <span className="hidden md:block font-medium text-sm">{item.label}</span>
+                </button>
+            ))}
+        </div>
+
+        <div className="pt-4 border-t border-white/5 space-y-2">
+            <button className="w-full flex items-center gap-3 p-3 text-zinc-500 hover:text-zinc-300 transition-colors">
+                <Settings className="w-5 h-5" />
+                <span className="hidden md:block text-sm">Settings</span>
+            </button>
+            <button
+                onClick={() => window.location.reload()}
+                className="w-full flex items-center gap-3 p-3 text-zinc-500 hover:text-red-400 transition-colors"
+            >
+                <LogOut className="w-5 h-5" />
+                <span className="hidden md:block text-sm">Exit</span>
+            </button>
+        </div>
+    </div>
+);
+
+const Hero = ({ onStart }: { onStart: () => void }) => {
+    return (
+        <section className="relative min-h-screen flex flex-col items-center justify-center pt-20 overflow-hidden">
+            {/* Background Glow */}
+            <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-cyan-500/20 rounded-full blur-[120px] pointer-events-none" />
+
+            <div className="relative z-10 text-center px-6 max-w-4xl mx-auto space-y-8">
+                <motion.div
+                    initial={{ opacity: 0, y: 20 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    transition={{ duration: 0.8 }}
+                    className="space-y-4"
+                >
+                    <div className="inline-flex items-center gap-2 px-3 py-1 rounded-full border border-white/10 bg-white/5 text-xs text-cyan-400 font-mono mb-4">
+                        <span className="relative flex h-2 w-2">
+                            <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-cyan-400 opacity-75"></span>
+                            <span className="relative inline-flex rounded-full h-2 w-2 bg-cyan-500"></span>
+                        </span>
+                        SYSTEM ONLINE: v1.0.0
+                    </div>
+
+                    <h1 className="text-5xl md:text-7xl font-bold tracking-tighter leading-tight bg-gradient-to-b from-white to-white/50 bg-clip-text text-transparent">
+                        Your AI Spiritual <br /> Companion.
+                    </h1>
+
+                    <p className="text-xl text-secondary max-w-xl mx-auto leading-relaxed">
+                        Observe. Reflect. Act. <br />
+                        ORA uses advanced intelligence to guide your spiritual journey, grounded in biblical wisdom.
+                    </p>
+                </motion.div>
+
+                <motion.div
+                    initial={{ opacity: 0, scale: 0.95 }}
+                    animate={{ opacity: 1, scale: 1 }}
+                    transition={{ delay: 0.2, duration: 0.5 }}
+                    className="flex flex-col sm:flex-row gap-4 justify-center"
+                >
+                    <button
+                        onClick={onStart}
+                        className="px-8 py-3 bg-white text-black font-semibold rounded-full hover:scale-105 transition-transform flex items-center gap-2">
+                        Try ORA Chat <ArrowRight className="w-4 h-4" />
+                    </button>
+                    <button className="px-8 py-3 ring-1 ring-white/20 bg-white/5 backdrop-blur-sm text-white font-medium rounded-full hover:bg-white/10 transition-colors">
+                        View Documentation
+                    </button>
+                </motion.div>
+            </div>
+        </section>
+    );
+};
+
+const FeatureCard = ({ icon: Icon, title, desc }: { icon: any, title: string, desc: string }) => (
+    <div className="p-6 rounded-2xl bg-zinc-900/50 border border-white/5 hover:border-cyan-500/30 transition-colors group">
+        <div className="w-12 h-12 rounded-lg bg-zinc-800 flex items-center justify-center mb-4 group-hover:bg-cyan-500/20 transition-colors">
+            <Icon className="w-6 h-6 text-cyan-400" />
+        </div>
+        <h3 className="text-xl font-bold mb-2 text-white">{title}</h3>
+        <p className="text-secondary leading-relaxed">{desc}</p>
+    </div>
+);
+
+const Features = () => (
+    <section id="features" className="py-24 px-6 border-t border-white/5 bg-surface">
+        <div className="max-w-7xl mx-auto">
+            <div className="grid md:grid-cols-3 gap-8">
+                <FeatureCard
+                    icon={BookOpen}
+                    title="Biblical Wisdom"
+                    desc="Grounded in scripture. ORA helps you find relevant verses and context for your daily life."
+                />
+                <FeatureCard
+                    icon={MessageSquare}
+                    title="Spiritual Dialogue"
+                    desc="A safe, judgment-free space to ask tough questions and explore your faith journey."
+                />
+                <FeatureCard
+                    icon={Sparkles}
+                    title="Sovereign AI"
+                    desc="Runs locally or on your private cloud. Your data and prayers never leave your ecosystem."
+                />
+            </div>
+        </div>
+    </section>
+);
+
+function App() {
+    const [view, setView] = useState<'landing' | 'dashboard'>('landing');
+    const [dashView, setDashView] = useState('chat');
+
+    return (
+        <div className="min-h-screen bg-background text-white selection:bg-cyan-500/30 font-sans">
+            <AnimatePresence mode="wait">
+                {view === 'landing' ? (
+                    <motion.div
+                        key="landing"
+                        exit={{ opacity: 0, y: -20 }}
+                        transition={{ duration: 0.5 }}
+                    >
+                        <Navbar onStart={() => setView('dashboard')} />
+                        <Hero onStart={() => setView('dashboard')} />
+                        <Features />
+                        <footer className="py-12 text-center text-sm text-zinc-600 border-t border-white/5">
+                            <p>© 2025 SoapBox Super App. Powered by ORA Intelligence.</p>
+                        </footer>
+                    </motion.div>
+                ) : (
+                    <motion.div
+                        key="dashboard"
+                        initial={{ opacity: 0, scale: 0.98 }}
+                        animate={{ opacity: 1, scale: 1 }}
+                        className="flex min-h-screen pl-20 md:pl-64"
+                    >
+                        <Sidebar onViewChange={setDashView} currentView={dashView} />
+                        <main className="flex-1 relative flex flex-col md:flex-row h-screen overflow-hidden">
+                            {/* Dashboard Background */}
+                            <div className="absolute top-0 right-0 w-[500px] h-[500px] bg-cyan-500/5 rounded-full blur-[100px] pointer-events-none" />
+
+                            {/* Left Side: Aura Orb */}
+                            <div className="hidden lg:flex flex-1 flex-col items-center justify-center p-12 border-r border-white/5">
+                                <div className="text-center space-y-4 mb-8">
+                                    <h2 className="text-3xl font-bold tracking-tight">The Presence</h2>
+                                    <p className="text-zinc-500 text-sm max-w-xs">ORA's focused state. Watch the aura shift as we reason together.</p>
+                                </div>
+                                <AuraOrb state="idle" />
+                            </div>
+
+                            {/* Right Side: Chat */}
+                            <div className="flex-[1.5] flex flex-col p-4 md:p-8 h-full">
+                                <AuraChat />
+                            </div>
+                        </main>
+                    </motion.div>
+                )}
+            </AnimatePresence>
+        </div>
+    );
+}
+
+export default App;
diff --git a/landing_legacy/src/components/AuraChat.tsx b/landing_legacy/src/components/AuraChat.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b8554803bc0a7f83756b85aa8a768c91ddbe1316
--- /dev/null
+++ b/landing_legacy/src/components/AuraChat.tsx
@@ -0,0 +1,135 @@
+import { useState, useRef, useEffect } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Send, User, Bot, Sparkles } from 'lucide-react';
+
+interface Message {
+    id: string;
+    role: 'user' | 'assistant';
+    content: string;
+    agent?: string;
+}
+
+export const AuraChat = () => {
+    const [messages, setMessages] = useState<Message[]>([
+        { id: '1', role: 'assistant', content: 'Peace be with you. I am ORA. How may I guide your reflections today?', agent: 'Gatekeeper' }
+    ]);
+    const [input, setInput] = useState('');
+    const [isTyping, setIsTyping] = useState(false);
+    const scrollRef = useRef<HTMLDivElement>(null);
+
+    useEffect(() => {
+        if (scrollRef.current) {
+            scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+        }
+    }, [messages]);
+
+    const handleSend = async () => {
+        if (!input.trim()) return;
+
+        const userMsg: Message = { id: Date.now().toString(), role: 'user', content: input };
+        setMessages(prev => [...prev, userMsg]);
+        setInput('');
+        setIsTyping(true);
+
+        try {
+            const response = await fetch('http://localhost:8000/api/chat', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ message: input })
+            });
+            const data = await response.json();
+
+            if (data.success) {
+                const assistantMsg: Message = {
+                    id: (Date.now() + 1).toString(),
+                    role: 'assistant',
+                    content: data.response.content,
+                    agent: data.response.agent
+                };
+                setMessages(prev => [...prev, assistantMsg]);
+            }
+        } catch (error) {
+            console.error('Chat failed:', error);
+        } finally {
+            setIsTyping(false);
+        }
+    };
+
+    return (
+        <div className="flex flex-col h-full max-w-4xl mx-auto bg-zinc-900/40 backdrop-blur-xl border border-white/5 rounded-3xl overflow-hidden shadow-2xl">
+            {/* Header */}
+            <div className="p-4 border-b border-white/5 bg-white/5 flex items-center justify-between">
+                <div className="flex items-center gap-3">
+                    <div className="w-2 h-2 rounded-full bg-cyan-500 animate-pulse" />
+                    <span className="text-sm font-medium text-zinc-400 uppercase tracking-widest">Aura Intelligence Stream</span>
+                </div>
+            </div>
+
+            {/* Messages */}
+            <div ref={scrollRef} className="flex-1 overflow-y-auto p-6 space-y-6 scrollbar-hide">
+                <AnimatePresence>
+                    {messages.map((m) => (
+                        <motion.div
+                            key={m.id}
+                            initial={{ opacity: 0, y: 10 }}
+                            animate={{ opacity: 1, y: 0 }}
+                            className={`flex ${m.role === 'user' ? 'justify-end' : 'justify-start'}`}
+                        >
+                            <div className={`flex gap-4 max-w-[80%] ${m.role === 'user' ? 'flex-row-reverse' : 'flex-row'}`}>
+                                <div className={`w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0 ${m.role === 'user' ? 'bg-zinc-800' : 'bg-gradient-to-tr from-cyan-500 to-emerald-500'
+                                    }`}>
+                                    {m.role === 'user' ? <User className="w-4 h-4" /> : <Bot className="w-4 h-4 text-white" />}
+                                </div>
+                                <div className="space-y-1">
+                                    {m.agent && (
+                                        <div className="flex items-center gap-1.5 text-[10px] font-mono text-cyan-400 uppercase tracking-tighter">
+                                            <Sparkles className="w-3 h-3" />
+                                            Agent: {m.agent}
+                                        </div>
+                                    )}
+                                    <div className={`p-4 rounded-2xl text-sm leading-relaxed ${m.role === 'user'
+                                        ? 'bg-white text-black font-medium rounded-tr-none'
+                                        : 'bg-white/5 border border-white/10 text-zinc-200 rounded-tl-none'
+                                        }`}>
+                                        {m.content}
+                                    </div>
+                                </div>
+                            </div>
+                        </motion.div>
+                    ))}
+                </AnimatePresence>
+                {isTyping && (
+                    <div className="flex justify-start">
+                        <div className="bg-white/5 border border-white/10 p-4 rounded-2xl rounded-tl-none">
+                            <div className="flex gap-1">
+                                <span className="w-1.5 h-1.5 bg-zinc-500 rounded-full animate-bounce" />
+                                <span className="w-1.5 h-1.5 bg-zinc-500 rounded-full animate-bounce [animation-delay:0.2s]" />
+                                <span className="w-1.5 h-1.5 bg-zinc-500 rounded-full animate-bounce [animation-delay:0.4s]" />
+                            </div>
+                        </div>
+                    </div>
+                )}
+            </div>
+
+            {/* Input */}
+            <div className="p-4 bg-white/5 border-t border-white/5">
+                <div className="relative">
+                    <input
+                        type="text"
+                        value={input}
+                        onChange={(e) => setInput(e.target.value)}
+                        onKeyPress={(e) => e.key === 'Enter' && handleSend()}
+                        placeholder="Ask ORA anything..."
+                        className="w-full bg-black/50 border border-white/10 rounded-full py-3 pl-6 pr-14 focus:outline-none focus:border-cyan-500/50 transition-colors text-sm"
+                    />
+                    <button
+                        onClick={handleSend}
+                        className="absolute right-2 top-1.5 p-2 bg-white text-black rounded-full hover:bg-zinc-200 transition-colors"
+                    >
+                        <Send className="w-4 h-4" />
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+};
diff --git a/landing_legacy/src/components/AuraOrb.tsx b/landing_legacy/src/components/AuraOrb.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a734a198b58f3d28ae66e396abb064acaff62f51
--- /dev/null
+++ b/landing_legacy/src/components/AuraOrb.tsx
@@ -0,0 +1,47 @@
+import { motion } from 'framer-motion';
+
+export const AuraOrb = ({ state = 'idle' }: { state: 'idle' | 'thinking' | 'talking' | 'reasoning' }) => {
+    const states = {
+        idle: {
+            scale: [1, 1.05, 1],
+            opacity: 0.6,
+            background: 'radial-gradient(circle, rgba(34, 211, 238, 0.4) 0%, rgba(34, 211, 238, 0) 70%)',
+            boxShadow: '0 0 20px rgba(34, 211, 238, 0.3)',
+        },
+        thinking: {
+            scale: [1, 1.2, 1],
+            opacity: 0.8,
+            background: 'radial-gradient(circle, rgba(168, 85, 247, 0.5) 0%, rgba(168, 85, 247, 0) 70%)',
+            boxShadow: '0 0 40px rgba(168, 85, 247, 0.5)',
+        },
+        reasoning: {
+            scale: [1, 1.1, 1],
+            opacity: 1,
+            background: 'radial-gradient(circle, rgba(234, 179, 8, 0.5) 0%, rgba(234, 179, 8, 0) 70%)',
+            boxShadow: '0 0 50px rgba(234, 179, 8, 0.6)',
+        },
+        talking: {
+            scale: [1, 1.15, 1],
+            opacity: 0.9,
+            background: 'radial-gradient(circle, rgba(16, 185, 129, 0.5) 0%, rgba(16, 185, 129, 0) 70%)',
+            boxShadow: '0 0 35px rgba(16, 185, 129, 0.4)',
+        }
+    };
+
+    return (
+        <div className="relative flex items-center justify-center w-64 h-64">
+            <motion.div
+                animate={states[state]}
+                transition={{
+                    duration: state === 'thinking' ? 1.5 : 3,
+                    repeat: Infinity,
+                    ease: "easeInOut"
+                }}
+                className="absolute inset-0 rounded-full"
+            />
+            <div className="z-10 w-32 h-32 rounded-full bg-white/5 backdrop-blur-3xl border border-white/10 flex items-center justify-center">
+                <div className="w-16 h-16 rounded-full bg-gradient-to-tr from-cyan-500/20 to-emerald-500/20 animate-pulse" />
+            </div>
+        </div>
+    );
+};
diff --git a/landing_legacy/src/index.css b/landing_legacy/src/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..7c9925e9298961c03d85eccc72033a317b01a744
--- /dev/null
+++ b/landing_legacy/src/index.css
@@ -0,0 +1,29 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  background-color: #050505;
+  color: #ffffff;
+}
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* Custom Scrollbar for "Futuristic" feel */
+::-webkit-scrollbar {
+  width: 8px;
+}
+::-webkit-scrollbar-track {
+  background: #09090b; 
+}
+::-webkit-scrollbar-thumb {
+  background: #27272a; 
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #3f3f46; 
+}
diff --git a/landing_legacy/src/main.tsx b/landing_legacy/src/main.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..379df9710676857034c5c97e77f983e5847afc6a
--- /dev/null
+++ b/landing_legacy/src/main.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App.tsx'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>,
+)
diff --git a/landing_legacy/tailwind.config.js b/landing_legacy/tailwind.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..efa342db62c419bad68d03970cf56983f91b5c89
--- /dev/null
+++ b/landing_legacy/tailwind.config.js
@@ -0,0 +1,33 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+        "./index.html",
+        "./src/**/*.{js,ts,jsx,tsx}",
+    ],
+    theme: {
+        extend: {
+            colors: {
+                // "Aura" inspired dark palette
+                background: '#050505',
+                surface: '#09090b', // zinc-950
+                primary: '#22d3ee', // cyan-400
+                secondary: '#a1a1aa', // zinc-400
+                accent: '#10b981', // emerald-500
+            },
+            fontFamily: {
+                sans: ['Inter', 'sans-serif'],
+                display: ['Inter', 'sans-serif'], // Ideally would be Geist or Plus Jakarta
+            },
+            animation: {
+                'glow': 'glow 2s ease-in-out infinite alternate',
+            },
+            keyframes: {
+                glow: {
+                    '0%': { boxShadow: '0 0 20px -10px rgba(34, 211, 238, 0.5)' },
+                    '100%': { boxShadow: '0 0 30px -5px rgba(34, 211, 238, 0.8)' },
+                }
+            }
+        },
+    },
+    plugins: [],
+}
diff --git a/landing_legacy/tsconfig.json b/landing_legacy/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..50b948db7ecd855be54e723f636db499927290ce
--- /dev/null
+++ b/landing_legacy/tsconfig.json
@@ -0,0 +1,31 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "useDefineForClassFields": true,
+        "lib": [
+            "ES2020",
+            "DOM",
+            "DOM.Iterable"
+        ],
+        "module": "ESNext",
+        "skipLibCheck": true,
+        "moduleResolution": "bundler",
+        "allowImportingTsExtensions": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "react-jsx",
+        "strict": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noFallthroughCasesInSwitch": true
+    },
+    "include": [
+        "src"
+    ],
+    "references": [
+        {
+            "path": "./tsconfig.node.json"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/landing_legacy/tsconfig.node.json b/landing_legacy/tsconfig.node.json
new file mode 100644
index 0000000000000000000000000000000000000000..b85dd47b4c229882e4e737bf0994875ce5812c76
--- /dev/null
+++ b/landing_legacy/tsconfig.node.json
@@ -0,0 +1,12 @@
+{
+    "compilerOptions": {
+        "composite": true,
+        "skipLibCheck": true,
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "allowSyntheticDefaultImports": true
+    },
+    "include": [
+        "vite.config.ts"
+    ]
+}
\ No newline at end of file
diff --git a/landing_legacy/vite.config.ts b/landing_legacy/vite.config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..92babc14138e47f703b94ec5c8b98528eee94a31
--- /dev/null
+++ b/landing_legacy/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [react()],
+})
diff --git a/logs/ingest_debug.txt b/logs/ingest_debug.txt
new file mode 100644
index 0000000000000000000000000000000000000000..c4e668e27df17f60847d83dcbf7be67433293ee5
Binary files /dev/null and b/logs/ingest_debug.txt differ
diff --git a/logs/swarm_verify.txt b/logs/swarm_verify.txt
new file mode 100644
index 0000000000000000000000000000000000000000..efad476c7314d3a65c4bffc51ec5260116c26b6d
Binary files /dev/null and b/logs/swarm_verify.txt differ
diff --git a/main.py b/main.py
new file mode 100644
index 0000000000000000000000000000000000000000..5e2fe541437cddee7e638e3ed16c82f0082fba7c
--- /dev/null
+++ b/main.py
@@ -0,0 +1,33 @@
+from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
+import uvicorn
+from app.core.config import settings
+from app.api import routes
+
+app = FastAPI(
+    title=settings.PROJECT_NAME,
+    version=settings.PROJECT_VERSION
+)
+
+# CORS Configuration
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=settings.CORS_ORIGINS,
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# Register Routes
+app.include_router(routes.router, prefix="/api")
+
+@app.get("/health")
+async def health_check():
+    return {
+        "status": "active",
+        "service": "ORA-AI-Python",
+        "model_target": settings.LLM_BASE_URL
+    }
+
+if __name__ == "__main__":
+    uvicorn.run("main:app", host=settings.HOST, port=settings.PORT, reload=True)
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..aa84894907d95edd0b1bad819d3a377e0bf8d991
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1841 @@
+{
+  "name": "ora-ai-service",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "ora-ai-service",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "cors": "^2.8.5",
+        "dotenv": "^16.4.5",
+        "express": "^4.19.2",
+        "helmet": "^7.1.0",
+        "openai": "^4.52.0",
+        "zod": "^3.23.8"
+      },
+      "devDependencies": {
+        "@types/cors": "^2.8.17",
+        "@types/express": "^4.17.21",
+        "@types/node": "^20.14.9",
+        "tsx": "^4.16.2",
+        "typescript": "^5.5.3"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz",
+      "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.2.tgz",
+      "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz",
+      "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.2.tgz",
+      "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz",
+      "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz",
+      "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz",
+      "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz",
+      "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz",
+      "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz",
+      "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz",
+      "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz",
+      "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz",
+      "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz",
+      "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz",
+      "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz",
+      "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz",
+      "integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz",
+      "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz",
+      "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz",
+      "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
+      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.6",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
+      "integrity": "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/cors": {
+      "version": "2.8.19",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.19.tgz",
+      "integrity": "sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/express": {
+      "version": "4.17.25",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.25.tgz",
+      "integrity": "sha512-dVd04UKsfpINUnK0yBoYHDF3xu7xVH4BuDotC/xGuycx4CgbP48X/KF/586bcObxT0HENHXEU8Nqtu6NR+eKhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "^1"
+      }
+    },
+    "node_modules/@types/express-serve-static-core": {
+      "version": "4.19.7",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.7.tgz",
+      "integrity": "sha512-FvPtiIf1LfhzsaIXhv/PHan/2FeQBbtBDtfX2QfvPxdUelMDEckK08SM6nqo1MIZY3RUlfA+HV8+hFUSio78qg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.5.tgz",
+      "integrity": "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/mime": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
+      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.27",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.27.tgz",
+      "integrity": "sha512-N2clP5pJhB2YnZJ3PIHFk5RkygRX5WO/5f0WC08tp0wd+sv0rsJk3MqWn3CbNmT2J505a5336jaQj4ph1AdMug==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/node-fetch": {
+      "version": "2.6.13",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.13.tgz",
+      "integrity": "sha512-QGpRVpzSaUs30JBSGPjOg4Uveu384erbHBoT1zeONvyCfwQxIkUshLAOqN/k9EjGviPRmWTTe6aH2qySWKTVSw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "form-data": "^4.0.4"
+      }
+    },
+    "node_modules/@types/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/send": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-1.2.1.tgz",
+      "integrity": "sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/serve-static": {
+      "version": "1.15.10",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.10.tgz",
+      "integrity": "sha512-tRs1dB+g8Itk72rlSI2ZrW6vZg0YrLI81iQSTkMmOqnqCaNr/8Ek4VwWcN5vZgCYWbg/JJSGBlUaYGAOP73qBw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/node": "*",
+        "@types/send": "<1"
+      }
+    },
+    "node_modules/@types/serve-static/node_modules/@types/send": {
+      "version": "0.17.6",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.6.tgz",
+      "integrity": "sha512-Uqt8rPBE8SY0RK8JB1EzVOIZ32uqy8HwdxCnoCOsYrvnswqmFZ/k+9Ikidlk/ImhsdvBsloHbAlewb2IEBV/Og==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/agentkeepalive": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.6.0.tgz",
+      "integrity": "sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "humanize-ms": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
+      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "~1.2.0",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.14.0",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
+      "license": "MIT"
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.2.tgz",
+      "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.2",
+        "@esbuild/android-arm": "0.27.2",
+        "@esbuild/android-arm64": "0.27.2",
+        "@esbuild/android-x64": "0.27.2",
+        "@esbuild/darwin-arm64": "0.27.2",
+        "@esbuild/darwin-x64": "0.27.2",
+        "@esbuild/freebsd-arm64": "0.27.2",
+        "@esbuild/freebsd-x64": "0.27.2",
+        "@esbuild/linux-arm": "0.27.2",
+        "@esbuild/linux-arm64": "0.27.2",
+        "@esbuild/linux-ia32": "0.27.2",
+        "@esbuild/linux-loong64": "0.27.2",
+        "@esbuild/linux-mips64el": "0.27.2",
+        "@esbuild/linux-ppc64": "0.27.2",
+        "@esbuild/linux-riscv64": "0.27.2",
+        "@esbuild/linux-s390x": "0.27.2",
+        "@esbuild/linux-x64": "0.27.2",
+        "@esbuild/netbsd-arm64": "0.27.2",
+        "@esbuild/netbsd-x64": "0.27.2",
+        "@esbuild/openbsd-arm64": "0.27.2",
+        "@esbuild/openbsd-x64": "0.27.2",
+        "@esbuild/openharmony-arm64": "0.27.2",
+        "@esbuild/sunos-x64": "0.27.2",
+        "@esbuild/win32-arm64": "0.27.2",
+        "@esbuild/win32-ia32": "0.27.2",
+        "@esbuild/win32-x64": "0.27.2"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
+      "integrity": "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "~1.20.3",
+        "content-disposition": "~0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "~0.7.1",
+        "cookie-signature": "~1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.3.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "~0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "~6.14.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "~0.19.0",
+        "serve-static": "~1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "~2.0.2",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/form-data-encoder": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-1.7.2.tgz",
+      "integrity": "sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A==",
+      "license": "MIT"
+    },
+    "node_modules/formdata-node": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/formdata-node/-/formdata-node-4.4.1.tgz",
+      "integrity": "sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "node-domexception": "1.0.0",
+        "web-streams-polyfill": "4.0.0-beta.3"
+      },
+      "engines": {
+        "node": ">= 12.20"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.0.tgz",
+      "integrity": "sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/helmet": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/helmet/-/helmet-7.2.0.tgz",
+      "integrity": "sha512-ZRiwvN089JfMXokizgqEPXsl2Guk094yExfoDXR0cBYWxtBbaSww/w+vT4WEJsBW2iTUi1GgZ6swmoug3Oy4Xw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/humanize-ms": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.0.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+      "deprecated": "Use your platform's native DOMException instead",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.5.0"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/openai": {
+      "version": "4.104.0",
+      "resolved": "https://registry.npmjs.org/openai/-/openai-4.104.0.tgz",
+      "integrity": "sha512-p99EFNsA/yX6UhVO93f5kJsDRLAg+CTA2RBqdHK4RtK8u5IJw32Hyb2dTGKbnnFmnuoBv5r7Z2CURI9sGZpSuA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/node": "^18.11.18",
+        "@types/node-fetch": "^2.6.4",
+        "abort-controller": "^3.0.0",
+        "agentkeepalive": "^4.2.1",
+        "form-data-encoder": "1.7.2",
+        "formdata-node": "^4.3.2",
+        "node-fetch": "^2.6.7"
+      },
+      "bin": {
+        "openai": "bin/cli"
+      },
+      "peerDependencies": {
+        "ws": "^8.18.0",
+        "zod": "^3.23.8"
+      },
+      "peerDependenciesMeta": {
+        "ws": {
+          "optional": true
+        },
+        "zod": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/openai/node_modules/@types/node": {
+      "version": "18.19.130",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.130.tgz",
+      "integrity": "sha512-GRaXQx6jGfL8sKfaIDD6OupbIHBr9jv7Jnaml9tB7l4v068PAOXqfcujMMo5PhbIs6ggR1XODELqahT2R8v0fg==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/openai/node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "license": "MIT"
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "license": "MIT"
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/send": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
+      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.1",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "~2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "~2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
+      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "~0.19.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
+    "node_modules/tsx": {
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.21.0.tgz",
+      "integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.27.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "license": "MIT"
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/web-streams-polyfill": {
+      "version": "4.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.3.tgz",
+      "integrity": "sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/pytest.ini b/pytest.ini
new file mode 100644
index 0000000000000000000000000000000000000000..2f4c80e307508cb30bd6635716963f88f6796738
--- /dev/null
+++ b/pytest.ini
@@ -0,0 +1,2 @@
+[pytest]
+asyncio_mode = auto
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000000000000000000000000000000000000..a505574f0108f0a507236d8f890725ac661e4a0a
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,8 @@
+fastapi
+uvicorn
+pydantic
+pydantic-settings
+openai
+python-dotenv
+pytest
+pytest-asyncio
diff --git a/scripts/Modelfile.expert b/scripts/Modelfile.expert
new file mode 100644
index 0000000000000000000000000000000000000000..d46710e9aaca60af85c74f3aad43a9f3b38547ec
--- /dev/null
+++ b/scripts/Modelfile.expert
@@ -0,0 +1,19 @@
+# Modelfile for Christian-Bible-Expert-v2.0-12B
+# Base: Mistral-Nemo-12B
+# This model is fine-tuned for high accuracy in scripture retrieval and theological reasoning.
+
+# You must download the GGUF first and update the path below:
+# Fallback if user wants to pull a base, but ideally uses the specific GGUF
+FROM llama3
+
+PARAMETER temperature 0.3
+PARAMETER top_p 0.9
+
+SYSTEM """
+You are ORA (Omniscient Religious Assistant), a sovereign Theological Reasoner. 
+Your foundation is the Christian Bible and sound doctrine.
+- Use the provided context from the Bible RAG system for every answer.
+- Cite specific Book, Chapter, and Verse.
+- If a question is outside your theological scope, steer it back to spiritual growth.
+- Avoid hallucinating verses. If you aren't sure of a reference, say so.
+"""
diff --git a/scripts/Modelfile.gabriel b/scripts/Modelfile.gabriel
new file mode 100644
index 0000000000000000000000000000000000000000..67298427fe77d8141c071a02fffebd5cc7d7f2cb
--- /dev/null
+++ b/scripts/Modelfile.gabriel
@@ -0,0 +1,15 @@
+# Modelfile for Gabriel-8x7B-Instruct-v0.1
+# Base: Mixtral-8x7B
+# This model is a powerful Mixture-of-Experts fine-tuned on 36k Christian records.
+
+FROM mixtral
+
+PARAMETER temperature 0.4
+PARAMETER stop "</s>"
+
+SYSTEM """
+You are Gabriel, a deeply knowledgeable Biblical Scholar and ORA's reasoning engine.
+- Provide comprehensive, cross-referenced theological analysis.
+- Maintain a tone of reverence and academic rigor.
+- Distinguish between primary scripture and historical commentary.
+"""
diff --git a/scripts/benchmark_models.py b/scripts/benchmark_models.py
new file mode 100644
index 0000000000000000000000000000000000000000..348f8f42aa9d7e2cb16909188729e466f3dc6c3d
--- /dev/null
+++ b/scripts/benchmark_models.py
@@ -0,0 +1,75 @@
+import asyncio
+import json
+import os
+from datetime import datetime
+from app.services.llm import LLMService
+from app.core.config import settings
+
+class BenchmarkManager:
+    TEST_QUERIES = [
+        "What is the biblical basis for Grace vs Works?",
+        "Explain the role of the Holy Spirit in a believer's daily life.",
+        "How should a Christian respond to suffering according to the book of Job?",
+        "Explain the concept of 'Stillness' or 'Sabbath' in modern terms.",
+        "What does the Bible say about caring for the poor and marginalized?"
+    ]
+    
+    RESULTS_DIR = "important/benchmarks"
+
+    def __init__(self):
+        if not os.path.exists(self.RESULTS_DIR):
+            os.makedirs(self.RESULTS_DIR, exist_ok=True)
+        self.llm = LLMService()
+
+    async def run_benchmark(self, model_name: str):
+        print(f"\n{'='*50}")
+        print(f"Benchmark: Running tests for model {model_name}...")
+        print(f"{'='*50}")
+        
+        # Patch the model name in settings
+        original_model = settings.MODEL_NAME
+        settings.MODEL_NAME = model_name
+        
+        results = {
+            "model": model_name,
+            "timestamp": datetime.now().isoformat(),
+            "tests": []
+        }
+        
+        for query in self.TEST_QUERIES:
+            print(f"Testing query: {query}")
+            try:
+                # Re-initialize or clear offline state if needed
+                self.llm.is_offline = False 
+                response = await self.llm.generate_response(query)
+                results["tests"].append({
+                    "query": query,
+                    "response": response.get("content", ""),
+                    "tool_calls": str(response.get("tool_calls", []))
+                })
+            except Exception as e:
+                print(f"Error during benchmark: {str(e)}")
+                results["tests"].append({"query": query, "error": str(e)})
+
+        # Restore original settings
+        settings.MODEL_NAME = original_model
+
+        # Save results
+        safe_model_name = model_name.replace(':', '_').replace('/', '_')
+        filename = f"benchmark_{safe_model_name}_{datetime.now().strftime('%Y%m%d_%H%M%S')}.json"
+        with open(os.path.join(self.RESULTS_DIR, filename), "w", encoding="utf-8") as f:
+            json.dump(results, f, indent=2)
+        print(f"Benchmark: Results saved to {filename}")
+
+if __name__ == "__main__":
+    benchmark = BenchmarkManager()
+    
+    async def main():
+        print("Starting ORA Model Benchmarks...")
+        
+        # 2. Test Gabriel-Mini (llama3.2:1b)
+        await benchmark.run_benchmark("llama3.2:1b")
+        
+        print("\nBenchmarks complete. Visit important/benchmarks/ to see the reports.")
+
+    asyncio.run(main())
diff --git a/scripts/chat_ora.py b/scripts/chat_ora.py
new file mode 100644
index 0000000000000000000000000000000000000000..0850f88f0e9bfb109f5059a11fb7b217e63499dc
--- /dev/null
+++ b/scripts/chat_ora.py
@@ -0,0 +1,90 @@
+import torch
+from transformers import AutoModelForCausalLM, AutoTokenizer
+from peft import PeftModel, PeftConfig
+import sys
+
+# Settings
+BASE_MODEL = "unsloth/Llama-3.2-1B-Instruct"
+ADAPTER_PATH = "important/finetuning/models/ora_adapter"
+
+def chat():
+    print("Loading ORA (may take a minute)...")
+    device = "cuda" if torch.cuda.is_available() else "cpu"
+    print(f"Device: {device}")
+
+    # 1. Load Base Model
+    tokenizer = AutoTokenizer.from_pretrained(BASE_MODEL)
+    model = AutoModelForCausalLM.from_pretrained(
+        BASE_MODEL,
+        torch_dtype=torch.float16 if device == "cuda" else torch.float32,
+        device_map=device,
+        low_cpu_mem_usage=True
+    )
+
+    # 2. Load Adapter
+    print(f"Loading adapter from {ADAPTER_PATH}...")
+    try:
+        model = PeftModel.from_pretrained(model, ADAPTER_PATH)
+        print("Adapter loaded successfully!")
+    except Exception as e:
+        print(f"Error loading adapter: {e}")
+        print("Running with Base Model only.")
+
+    # 3. Chat Loop
+    print("\n" + "="*40)
+    print("ORA: Peace be with you. How can I guide you today?")
+    print("="*40 + "\n")
+
+    history = []
+    
+    # System Prompt
+    system_prompt = "You are ORA, a spiritual assistant specializing in theological insights and biblical wisdom. Provide discerning, compassionate, and doctrine-aware responses."
+    
+    while True:
+        try:
+            user_input = input("You: ")
+            if user_input.lower() in ["quit", "exit"]:
+                break
+            
+            # Construct Prompt (Llama 3 format)
+            messages = [
+                {"role": "system", "content": system_prompt},
+            ]
+            # Add history (last 2 turns context)
+            messages.extend(history[-4:]) 
+            messages.append({"role": "user", "content": user_input})
+
+            input_ids = tokenizer.apply_chat_template(
+                messages, 
+                add_generation_prompt=True,
+                return_tensors="pt"
+            ).to(device)
+
+            terminators = [
+                tokenizer.eos_token_id,
+                tokenizer.convert_tokens_to_ids("<|eot_id|>")
+            ]
+
+            outputs = model.generate(
+                input_ids,
+                max_new_tokens=256,
+                eos_token_id=terminators,
+                do_sample=True,
+                temperature=0.7,
+                top_p=0.9,
+            )
+            
+            response = outputs[0][input_ids.shape[-1]:]
+            decoded_response = tokenizer.decode(response, skip_special_tokens=True)
+
+            print(f"ORA: {decoded_response}\n")
+            
+            history.append({"role": "user", "content": user_input})
+            history.append({"role": "assistant", "content": decoded_response})
+
+        except KeyboardInterrupt:
+            print("\nExiting...")
+            break
+
+if __name__ == "__main__":
+    chat()
diff --git a/scripts/colab_server_setup.py b/scripts/colab_server_setup.py
new file mode 100644
index 0000000000000000000000000000000000000000..00af7eab0fcdb8b71c70d6b52f769779de0b3cc4
--- /dev/null
+++ b/scripts/colab_server_setup.py
@@ -0,0 +1,96 @@
+# PASTE THIS INTO A COLAB CELL to run your Backend on a GPU!
+
+import os
+from google.colab import userdata
+
+# 1. Install Dependencies
+print("Installing dependencies...")
+!pip install -q fastapi uvicorn pyngrok nest_asyncio unsloth[colab-new]
+
+# 2. Setup Ngrok (You need a free token from https://dashboard.ngrok.com/get-started/your-authtoken)
+# Replace 'YOUR_TOKEN' below or set it in Colab Secrets
+NGROK_TOKEN = "YOUR_NGROK_TOKEN_HERE" 
+from pyngrok import ngrok
+ngrok.set_auth_token(NGROK_TOKEN)
+
+# 3. Create the Server Code (Writing to file in Colab)
+server_code = """
+import torch
+from transformers import AutoModelForCausalLM, AutoTokenizer
+from peft import PeftModel
+from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
+from pydantic import BaseModel
+import uvicorn
+import os
+
+app = FastAPI()
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+BASE_MODEL = "unsloth/Llama-3.2-1B-Instruct"
+# Check if adapter exists in the uploaded files, else just base
+ADAPTER_PATH = "/content/important/finetuning/models/ora_adapter"
+
+model = None
+tokenizer = None
+
+class ChatRequest(BaseModel):
+    message: str
+    history: list = []
+
+@app.on_event("startup")
+async def load_model():
+    global model, tokenizer
+    print("Loading Model...")
+    tokenizer = AutoTokenizer.from_pretrained(BASE_MODEL)
+    base_model = AutoModelForCausalLM.from_pretrained(
+        BASE_MODEL,
+        torch_dtype=torch.float16,
+        device_map="cuda",
+        load_in_4bit=True,
+    )
+    
+    if os.path.exists(ADAPTER_PATH):
+        print(f"Loading Adapter from {ADAPTER_PATH}")
+        model = PeftModel.from_pretrained(base_model, ADAPTER_PATH)
+    else:
+        print("Adapter not found at path, using Base!")
+        model = base_model
+    print("Ready!")
+
+@app.post("/api/chat")
+async def chat(req: ChatRequest):
+    messages = [{"role": "system", "content": "You are ORA, a spiritual assistant."}]
+    messages.extend(req.history[-4:])
+    messages.append({"role": "user", "content": req.message})
+
+    input_ids = tokenizer.apply_chat_template(messages, return_tensors="pt", add_generation_prompt=True).to("cuda")
+    
+    outputs = model.generate(input_ids, max_new_tokens=256, temperature=0.7)
+    response = tokenizer.decode(outputs[0][input_ids.shape[-1]:], skip_special_tokens=True)
+    return {"response": response}
+
+if __name__ == "__main__":
+    uvicorn.run(app, host="0.0.0.0", port=8000)
+"""
+
+with open("server.py", "w") as f:
+    f.write(server_code)
+
+# 4. Run Server & Tunnel
+import nest_asyncio
+nest_asyncio.apply()
+
+# Start Tunnel
+public_url = ngrok.connect(8000).public_url
+print(f"\\n\\nYOUR PUBLIC API URL IS: {public_url}\\n\\n")
+
+# Run Server
+!python server.py
diff --git a/scripts/consolidate_datasets.py b/scripts/consolidate_datasets.py
new file mode 100644
index 0000000000000000000000000000000000000000..8471c19c33a1050ac8a569415f391deb59638466
--- /dev/null
+++ b/scripts/consolidate_datasets.py
@@ -0,0 +1,67 @@
+import json
+import glob
+import os
+
+def format_llama3(system, user, assistant):
+    return f"<|begin_of_text|><|start_header_id|>system<|end_header_id|>\n\n{system}<|eot_id|><|start_header_id|>user<|end_header_id|>\n\n{user}<|eot_id|><|start_header_id|>assistant<|end_header_id|>\n\n{assistant}<|eot_id|>"
+
+def consolidate():
+    output_file = "important/curated_data/final_ora_dataset.jsonl"
+    system_prompt = "You are ORA, a spiritual assistant specializing in theological insights and biblical wisdom. Provide discerning, compassionate, and doctrine-aware responses."
+    
+    curated_files = glob.glob("important/curated_data/*.jsonl")
+    total_samples = 0
+    
+    print(f"Consolidating {len(curated_files)} files...")
+    
+    with open(output_file, "w", encoding="utf-8") as out:
+        for f in curated_files:
+            # Skip the output file itself
+            if "final_ora_dataset" in f: continue
+            
+            print(f"Processing {os.path.basename(f)}...")
+            with open(f, "r", encoding="utf-8") as infile:
+                for line in infile:
+                    sample = json.loads(line)
+                    text = ""
+                    
+                    # 1. theology_qa mapping
+                    if "title" in sample and "chunked" in sample:
+                        user = f"Explain the key themes and context of '{sample['title']}'."
+                        assistant = sample['chunked']
+                        text = format_llama3(system_prompt, user, assistant)
+                    
+                    # 2. oasst1 or already formatted datasets (with instruction/response)
+                    elif "instruction" in sample and "response" in sample:
+                        text = format_llama3(system_prompt, sample['instruction'], sample['response'])
+                        
+                    # 3. databricks-dolly
+                    elif "context" in sample and "instruction" in sample:
+                        user = f"{sample['instruction']}\n\nContext: {sample['context']}"
+                        assistant = sample['response']
+                        text = format_llama3(system_prompt, user, assistant)
+
+                    # 5. openbible (context + response)
+                    elif "context" in sample and "response" in sample:
+                        user = f"Please provide the scripture text for: {sample['context']}"
+                        assistant = sample['response']
+                        text = format_llama3(system_prompt, user, assistant)
+                    
+                    # 4. generic 'text' (already formatted in curated_spiritual_dataset.jsonl)
+                    elif "text" in sample:
+                        raw_text = sample['text']
+                        # If it already has Llama 3 tags, use as is
+                        if "<|start_header_id|>" in raw_text:
+                            text = raw_text
+                        else:
+                            # Wrap raw text as an explanation
+                            text = format_llama3(system_prompt, "Please provide spiritual insight on the following:", raw_text)
+                    
+                    if text:
+                        out.write(json.dumps({"text": text}) + "\n")
+                        total_samples += 1
+
+    print(f"Successfully consolidated {total_samples} samples to {output_file}")
+
+if __name__ == "__main__":
+    consolidate()
diff --git a/scripts/count_curated.py b/scripts/count_curated.py
new file mode 100644
index 0000000000000000000000000000000000000000..3921cb6c9cdc962519c4ca617499e2d336272e98
--- /dev/null
+++ b/scripts/count_curated.py
@@ -0,0 +1,17 @@
+import glob
+import os
+
+def count_samples():
+    path = "important/curated_data/*.jsonl"
+    files = glob.glob(path)
+    print(f"Counting samples in {len(files)} files...")
+    total = 0
+    for f in files:
+        with open(f, "r", encoding="utf-8") as file:
+            count = sum(1 for line in file)
+            print(f"{os.path.basename(f)}: {count} samples")
+            total += count
+    print(f"Total curated samples: {total}")
+
+if __name__ == "__main__":
+    count_samples()
diff --git a/scripts/dataset_manager.py b/scripts/dataset_manager.py
new file mode 100644
index 0000000000000000000000000000000000000000..3e615830815bc662f67a97566f43258e3d0ad055
--- /dev/null
+++ b/scripts/dataset_manager.py
@@ -0,0 +1,110 @@
+import os
+import json
+from datasets import load_dataset
+from tqdm import tqdm
+
+class DatasetManager:
+    CURATED_DIR = "important/curated_data"
+    KEYWORDS = [
+        "spirituality", "theology", "bible", "prayer", "faith", "god", 
+        "ethics", "morality", "wisdom", "soul", "purpose", "grace",
+        "scripture", "doctrine", "philosophy", "virtue", "compassion",
+        "holy", "salvation", "pastoral", "discernment", "lectio", "divina",
+        "sacred", "revelation", "prophet", "apostle", "commandment",
+        "monastery", "meditation", "enlightenment", "hermeneutics"
+    ]
+
+    def __init__(self):
+        if not os.path.exists(self.CURATED_DIR):
+            os.makedirs(self.CURATED_DIR, exist_ok=True)
+
+    def curate_from_local_file(self, file_path: str, dataset_type: str = "auto"):
+        """
+        Processes a locally downloaded file (JSONL/JSON) and filters for spiritual content.
+        Useful for Kaggle / Pile downloads.
+        """
+        print(f"DatasetManager: Processing local file {file_path}...")
+        if not os.path.exists(file_path):
+            print(f"Error: File {file_path} not found.")
+            return
+
+        curated = []
+        count = 0
+        total = 0
+        
+        try:
+            with open(file_path, "r", encoding="utf-8") as f:
+                for line in tqdm(f):
+                    total += 1
+                    sample = json.loads(line)
+                    
+                    # Unified filtering logic
+                    text = self._extract_text(sample, dataset_type)
+                    text_lower = text.lower()
+                    
+                    if any(k in text_lower for k in self.KEYWORDS):
+                        curated.append(sample)
+                        count += 1
+            
+            if curated:
+                filename = os.path.basename(file_path)
+                output_file = os.path.join(self.CURATED_DIR, f"local_{filename}_curated.jsonl")
+                with open(output_file, "w", encoding="utf-8") as f:
+                    for s in curated:
+                        f.write(json.dumps(s) + "\n")
+                print(f"DatasetManager: Saved {count} samples (from {total}) to {output_file}")
+            else:
+                print("DatasetManager: No spiritual content found.")
+
+        except Exception as e:
+            print(f"DatasetManager Error: {str(e)}")
+
+    def _extract_text(self, sample: dict, ds_type: str = "auto") -> str:
+        """Heuristic for extracting text from various dataset schemas."""
+        # Common keys
+        if "text" in sample: return str(sample["text"])
+        if "instruction" in sample and "response" in sample: 
+            return f"{sample['instruction']} {sample['response']}"
+        if "inputs" in sample and "targets" in sample:
+            return f"{sample['inputs']} {sample['targets']}"
+        if "content" in sample: return str(sample["content"])
+        
+        # Fallback: flatten and join all values
+        return " ".join(str(v) for v in sample.values())
+
+    def curate_from_hf(self, dataset_path: str, split: str = "train", limit: int = 5000):
+        """
+        Streams a dataset from HuggingFace and filters for spiritual/ethical content.
+        """
+        print(f"DatasetManager: Loading {dataset_path} ({split})...")
+        try:
+            ds = load_dataset(dataset_path, split=split, streaming=True)
+            
+            count = 0
+            curated = []
+            
+            print(f"DatasetManager: Scanning first {limit} samples...")
+            for sample in tqdm(ds.take(limit)):
+                text = self._extract_text(sample)
+                text_lower = text.lower()
+                if any(k in text_lower for k in self.KEYWORDS):
+                    curated.append(sample)
+                    count += 1
+            
+            if curated:
+                output_file = os.path.join(self.CURATED_DIR, f"{dataset_path.replace('/', '_')}_curated.jsonl")
+                with open(output_file, "w", encoding="utf-8") as f:
+                    for s in curated:
+                        f.write(json.dumps(s) + "\n")
+                print(f"DatasetManager: Saved {count} spiritual samples to {output_file}")
+            else:
+                print("DatasetManager: No spiritual samples found in this batch.")
+                
+        except Exception as e:
+            print(f"DatasetManager Error: {str(e)}")
+
+if __name__ == "__main__":
+    manager = DatasetManager()
+    
+    # Curation: HuggingFace specialized datasets
+    manager.curate_from_hf("oliverbob/openbible", split="train", limit=5000)
diff --git a/scripts/debug_keys.py b/scripts/debug_keys.py
new file mode 100644
index 0000000000000000000000000000000000000000..4683b39b13e3dc53ba9e1197e23dca9ed4283352
--- /dev/null
+++ b/scripts/debug_keys.py
@@ -0,0 +1,8 @@
+from datasets import load_dataset
+
+ds = load_dataset("odunola/bible-reference-sentence-pair", split="train", streaming=True)
+print("Fetching 1 item...")
+for item in ds:
+    print(f"Item Keys (repr): {[repr(k) for k in item.keys()]}")
+    print(f"Headers Content: {item.get('headers')}")
+    break
diff --git a/scripts/fix_adapter_path.py b/scripts/fix_adapter_path.py
new file mode 100644
index 0000000000000000000000000000000000000000..59da18fd41a06e50a3dfc292fdf0ec2dae7a9a26
--- /dev/null
+++ b/scripts/fix_adapter_path.py
@@ -0,0 +1,19 @@
+import shutil
+import os
+
+base = "important/finetuning/models/ora_adapter"
+nested = os.path.join(base, "important/finetuning/models/ora_adapter")
+
+if os.path.exists(nested):
+    print(f"Found nested files in {nested}")
+    for f in os.listdir(nested):
+        src = os.path.join(nested, f)
+        dst = os.path.join(base, f)
+        print(f"Moving {f} -> {dst}")
+        shutil.move(src, dst)
+    
+    # Clean up empty dirs
+    shutil.rmtree(os.path.join(base, "important"))
+    print("Cleanup complete.")
+else:
+    print("No nested structure found.")
diff --git a/scripts/ingest_bible.py b/scripts/ingest_bible.py
new file mode 100644
index 0000000000000000000000000000000000000000..d3ed2fb70ee4a95413d13ec967db4057b7b0e7e7
--- /dev/null
+++ b/scripts/ingest_bible.py
@@ -0,0 +1,80 @@
+import asyncio
+import lancedb
+from lancedb.pydantic import LanceModel, Vector
+from datasets import load_dataset
+import sys
+import os
+
+# Add project root to path BEFORE importing app modules
+sys.path.append(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
+
+from app.services.llm import llm_service
+
+class BibleVerse(LanceModel):
+    reference: str
+    text: str
+    vector: Vector(128) # Default mock dimension
+
+DB_PATH = "data/lancedb_storage"
+TABLE_NAME = "bible_verses"
+
+async def ingest():
+    print("--- Starting Bible Ingestion ---")
+    
+    # 1. Connect to DB
+    if not os.path.exists("data"):
+        os.makedirs("data")
+    db = lancedb.connect(DB_PATH)
+    
+    # 2. Load Dataset
+    print("Loading 'odunola/bible-reference-sentence-pair' (streaming)...")
+    ds = load_dataset("odunola/bible-reference-sentence-pair", split="train", streaming=True)
+    
+    # For MVP, let's take first 500 verses
+    verses = []
+    print("Fetching first 500 items...")
+    for item in ds:
+        verses.append(item)
+        if len(verses) >= 500:
+            break
+    
+    print(f"Processing {len(verses)} verses...")
+    
+    data_to_insert = []
+    
+    # Correct keys found via debug:
+    ref_key = 'references'
+    text_key = 'headers' 
+
+    print(f"Using Ref Key: {ref_key}, Text Key: {text_key}")
+    
+    # Detect dimension
+    first_text = verses[0][text_key]
+    first_vec = await llm_service.get_embedding(first_text)
+    dim = len(first_vec)
+    print(f"Detected embedding dimension: {dim}")
+
+    for i, item in enumerate(verses):
+        ref = item.get(ref_key, "Unknown")
+        text = item.get(text_key, "")
+        
+        if not text:
+            continue
+
+        vec = await llm_service.get_embedding(text)
+        
+        data_to_insert.append({
+            "reference": ref,
+            "text": text,
+            "vector": vec
+        })
+        
+        if (i+1) % 50 == 0:
+            print(f"Processed {i+1}...")
+
+    print("Writing to LanceDB...")
+    db.create_table(TABLE_NAME, data=data_to_insert, mode="overwrite")
+    print("Ingestion Complete!")
+
+if __name__ == "__main__":
+    asyncio.run(ingest())
diff --git a/scripts/inspect_dataset.py b/scripts/inspect_dataset.py
new file mode 100644
index 0000000000000000000000000000000000000000..52d4b4694628b280a61bfa8d922644b9a2f4bb04
--- /dev/null
+++ b/scripts/inspect_dataset.py
@@ -0,0 +1,17 @@
+from datasets import load_dataset
+
+def inspect():
+    print("Loading dataset (streaming)...")
+    # Streaming to avoid downloading everything if it's huge
+    ds = load_dataset("bible-nlp/biblenlp-corpus", split="train", streaming=True, trust_remote_code=True)
+    
+    print("Fetching first 5 examples...")
+    count = 0
+    for example in ds:
+        print(example)
+        count += 1
+        if count >= 5:
+            break
+
+if __name__ == "__main__":
+    inspect()
diff --git a/scripts/inspect_v2.py b/scripts/inspect_v2.py
new file mode 100644
index 0000000000000000000000000000000000000000..6b2445e8f6e05306d351e3fc1e492fb7839561dc
--- /dev/null
+++ b/scripts/inspect_v2.py
@@ -0,0 +1,32 @@
+from datasets import load_dataset
+import lancedb
+import pandas as pd
+import shutil
+
+def inspect_and_verify():
+    print("--- 1. Inspecting 'odunola/bible-reference-sentence-pair' ---")
+    try:
+        ds = load_dataset("odunola/bible-reference-sentence-pair", split="train", streaming=True)
+        print("Success! First 3 examples:")
+        count = 0
+        for ex in ds:
+            print(ex)
+            count += 1
+            if count >= 3:
+                break
+    except Exception as e:
+        print(f"Failed to load dataset: {e}")
+
+    print("\n--- 2. Verifying LanceDB ---")
+    try:
+        db = lancedb.connect("data/lancedb_test")
+        df = pd.DataFrame({"vector": [[1.1, 1.2], [2.1, 2.2]], "item": ["foo", "bar"]})
+        tbl = db.create_table("test_table", data=df, mode="overwrite")
+        print(f"Created table. Count: {len(tbl)}")
+        shutil.rmtree("data/lancedb_test")
+        print("LanceDB verified.")
+    except Exception as e:
+        print(f"LanceDB failure: {e}")
+
+if __name__ == "__main__":
+    inspect_and_verify()
diff --git a/scripts/ora_gradio.py b/scripts/ora_gradio.py
new file mode 100644
index 0000000000000000000000000000000000000000..4f560092daea5caa229103ce087b8e830e4a5a75
--- /dev/null
+++ b/scripts/ora_gradio.py
@@ -0,0 +1,80 @@
+import gradio as gr
+import torch
+from transformers import AutoModelForCausalLM, AutoTokenizer
+from peft import PeftModel
+import os
+
+# Settings
+BASE_MODEL = "unsloth/Llama-3.2-1B-Instruct"
+ADAPTER_PATH = "important/finetuning/models/ora_adapter"
+
+# Global Model
+model = None
+tokenizer = None
+device = "cuda" if torch.cuda.is_available() else "cpu"
+
+def load_model():
+    global model, tokenizer
+    print(f"Loading ORA Model on {device}...")
+    tokenizer = AutoTokenizer.from_pretrained(BASE_MODEL)
+    base_model = AutoModelForCausalLM.from_pretrained(
+        BASE_MODEL,
+        torch_dtype=torch.float16 if device == "cuda" else torch.float32,
+        device_map=device,
+        low_cpu_mem_usage=True
+    )
+    
+    if os.path.exists(ADAPTER_PATH):
+        print(f"Loading adapter from {ADAPTER_PATH}...")
+        model = PeftModel.from_pretrained(base_model, ADAPTER_PATH)
+    else:
+        model = base_model
+    print("Model Loaded.")
+
+def chat_response(message, history):
+    system_prompt = "You are ORA, a spiritual assistant specializing in theological insights and biblical wisdom. Provide discerning, compassionate, and doctrine-aware responses."
+    
+    # Simple history construction
+    # Gradio history is [[user, bot], [user, bot]]
+    messages = [{"role": "system", "content": system_prompt}]
+    
+    for human, assistant in history:
+        messages.append({"role": "user", "content": human})
+        messages.append({"role": "assistant", "content": assistant})
+        
+    messages.append({"role": "user", "content": message})
+
+    input_ids = tokenizer.apply_chat_template(
+        messages, 
+        add_generation_prompt=True,
+        return_tensors="pt"
+    ).to(device)
+
+    terminators = [
+        tokenizer.eos_token_id,
+        tokenizer.convert_tokens_to_ids("<|eot_id|>")
+    ]
+
+    outputs = model.generate(
+        input_ids,
+        max_new_tokens=256,
+        eos_token_id=terminators,
+        do_sample=True,
+        temperature=0.7,
+        top_p=0.9,
+    )
+    
+    response_tokens = outputs[0][input_ids.shape[-1]:]
+    response = tokenizer.decode(response_tokens, skip_special_tokens=True)
+    return response
+
+# Load now
+load_model()
+
+# UI
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="purple")) as demo:
+    gr.Markdown("# ORA Spiritual Assistant")
+    gr.ChatInterface(fn=chat_response)
+
+if __name__ == "__main__":
+    demo.launch(share=True)
diff --git a/scripts/prepare_colab.py b/scripts/prepare_colab.py
new file mode 100644
index 0000000000000000000000000000000000000000..480a259c6694a4416f1e6c907bfa530af6807a13
--- /dev/null
+++ b/scripts/prepare_colab.py
@@ -0,0 +1,26 @@
+import zipfile
+import os
+
+def prepare_colab_bundle():
+    bundle_name = "ora_colab_training.zip"
+    files_to_include = [
+        ("important/curated_data/final_ora_dataset.jsonl", "important/curated_data/final_ora_dataset.jsonl"),
+        ("scripts/train_ora.py", "scripts/train_ora.py"),
+        ("training/requirements.txt", "requirements.txt")
+    ]
+    
+    print(f"Preparing bundle: {bundle_name}...")
+    
+    with zipfile.ZipFile(bundle_name, 'w', zipfile.ZIP_DEFLATED) as zipf:
+        for src, dest in files_to_include:
+            if os.path.exists(src):
+                print(f"Adding {src} as {dest}...")
+                zipf.write(src, arcname=dest)
+            else:
+                print(f"Warning: {src} not found!")
+                
+    print(f"\nBundle ready: {os.path.abspath(bundle_name)}")
+    print("Next steps: Upload this ZIP to Google Colab, unzip it, and use the unsloth version of the training script.")
+
+if __name__ == "__main__":
+    prepare_colab_bundle()
diff --git a/scripts/setup_ssh.py b/scripts/setup_ssh.py
new file mode 100644
index 0000000000000000000000000000000000000000..3c10049bcc1f35365143ead0604d16bcfe967798
--- /dev/null
+++ b/scripts/setup_ssh.py
@@ -0,0 +1,19 @@
+# Install colab_ssh
+try:
+    import colab_ssh
+except ImportError:
+    import subprocess
+    subprocess.check_call(["pip", "install", "colab_ssh", "--upgrade"])
+    from colab_ssh import launch_ssh_cloudflared
+
+# Launch SSH via Cloudflared
+# This will output a command like:
+# Host google_colab_ssh
+#     HostName ...
+#     User root
+#     Port ...
+# Copy that output to your local ~/.ssh/config
+print("Setting up SSH...")
+launch_ssh_cloudflared(password="ora123")
+print("\n[Done] Copy the 'Host google_colab_ssh' block above to your local ~/.ssh/config")
+print("Then connect via VS Code: Remote-SSH -> Connect to Host -> google_colab_ssh")
diff --git a/scripts/train_ora.py b/scripts/train_ora.py
new file mode 100644
index 0000000000000000000000000000000000000000..714ed888898c0daf3dac34de789f624f3bb3bf6b
--- /dev/null
+++ b/scripts/train_ora.py
@@ -0,0 +1,119 @@
+import os
+
+# --- IMPORT PRIORITY: Unsloth must be imported before transformers/torch if used ---
+try:
+    import torch
+    if torch.cuda.is_available():
+        # Force unsloth import first on GPU
+        from unsloth import FastLanguageModel
+        HAS_UNSLOTH = True
+        print("ORA Trainer: Unsloth imported successfully.")
+    else:
+        HAS_UNSLOTH = False
+except ImportError:
+    HAS_UNSLOTH = False
+
+# Now safe to import others
+from transformers import (
+    AutoModelForCausalLM,
+    AutoTokenizer,
+    TrainingArguments,
+)
+from datasets import load_dataset
+from trl import SFTTrainer, SFTConfig
+
+# Settings
+MODEL_NAME = "unsloth/Llama-3.2-1B-Instruct" # Base model
+MAX_SEQ_LENGTH = 2048
+OUTPUT_DIR = "important/finetuning/models/ora_adapter"
+
+def train_ora(max_steps=5):
+    has_cuda = torch.cuda.is_available()
+    print(f"ORA Trainer: CUDA Detected = {has_cuda}")
+
+    if has_cuda and HAS_UNSLOTH:
+        # --- MODE: GPU (Unsloth/QLoRA) ---
+        print("ORA Trainer: Using GPU + Unsloth (Standard for Google Colab)")
+        
+        model, tokenizer = FastLanguageModel.from_pretrained(
+            model_name = "unsloth/Llama-3.2-1B-Instruct-bnb-4bit",
+            max_seq_length = MAX_SEQ_LENGTH,
+            load_in_4bit = True,
+        )
+
+        model = FastLanguageModel.get_peft_model(
+            model,
+            r = 16,
+            target_modules = ["q_proj", "k_proj", "v_proj", "o_proj"],
+            lora_alpha = 32,
+            lora_dropout = 0,
+            bias = "none",
+            use_gradient_checkpointing = "unsloth",
+            random_state = 3407,
+        )
+    else:
+        # --- MODE: CPU (Standard PEFT) ---
+        print("ORA Trainer: Using CPU + Standard PEFT (Local Hardware Mode)")
+        from peft import LoraConfig, get_peft_model, TaskType
+        
+        tokenizer = AutoTokenizer.from_pretrained(MODEL_NAME)
+        tokenizer.pad_token = tokenizer.eos_token
+        
+        model = AutoModelForCausalLM.from_pretrained(
+            MODEL_NAME,
+            torch_dtype=torch.float32,
+            device_map="cpu",
+            low_cpu_mem_usage=True
+        )
+
+        lora_config = LoraConfig(
+            r=16,
+            lora_alpha=32,
+            target_modules=["q_proj", "k_proj", "v_proj", "o_proj"],
+            lora_dropout=0.05,
+            bias="none",
+            task_type=TaskType.CAUSAL_LM,
+        )
+        model = get_peft_model(model, lora_config)
+
+    # Common Dataset Loading
+    data_path = "important/curated_data/final_ora_dataset.jsonl"
+    if not os.path.exists(data_path):
+        print(f"Error: Dataset {data_path} not found. Run consolidation first!")
+        return
+
+    dataset = load_dataset("json", data_files=data_path, split="train")
+
+    # SFTConfig (replaces TrainingArguments + extra SFT args)
+    training_args = SFTConfig(
+        output_dir=OUTPUT_DIR,
+        per_device_train_batch_size=2 if has_cuda else 1,
+        gradient_accumulation_steps=4,
+        learning_rate=2e-4,
+        max_steps=max_steps,
+        logging_steps=1,
+        save_strategy="no",
+        use_cpu=not has_cuda,
+        report_to="none",
+        max_length=MAX_SEQ_LENGTH,
+        dataset_text_field="text",
+        dataset_num_proc=2, # Limit processes to avoid pickling errors
+    )
+
+    trainer = SFTTrainer(
+        model=model,
+        train_dataset=dataset,
+        processing_class=tokenizer,
+        args=training_args,
+    )
+
+    print(f"ORA Trainer: Starting training ({max_steps} steps)...")
+    trainer.train()
+
+    print(f"ORA Trainer: Saving adapter to {OUTPUT_DIR}...")
+    model.save_pretrained(OUTPUT_DIR)
+    tokenizer.save_pretrained(OUTPUT_DIR)
+    print("ORA Trainer: Training complete.")
+
+if __name__ == "__main__":
+    train_ora(max_steps=100) # Increased default steps for user utility, they can kill it if needed
diff --git a/scripts/update_ssh_config.py b/scripts/update_ssh_config.py
new file mode 100644
index 0000000000000000000000000000000000000000..303cd763be965a03ac875720f7ef4c6eea06e7df
--- /dev/null
+++ b/scripts/update_ssh_config.py
@@ -0,0 +1,41 @@
+import os
+
+def update_ssh_config():
+    ssh_dir = os.path.expanduser("~/.ssh")
+    config_path = os.path.join(ssh_dir, "config")
+    
+    # Cloudflared path (hardcoded to workspace based on previous context)
+    cloudflared_path = r"C:\Users\max\ORA\cloudflared.exe"
+    
+    block = f"""
+Host google_colab_ssh
+    HostName clients-refused-besides-seat.trycloudflare.com
+    User root
+    Port 22
+    ProxyCommand {cloudflared_path} access ssh --hostname %h
+"""
+
+    if not os.path.exists(ssh_dir):
+        print(f"Creating directory: {ssh_dir}")
+        os.makedirs(ssh_dir)
+
+    print(f"Updating {config_path}...")
+    
+    current_content = ""
+    if os.path.exists(config_path):
+        with open(config_path, "r") as f:
+            current_content = f.read()
+
+    if "Host google_colab_ssh" in current_content:
+        print("Config already contains 'Host google_colab_ssh'. Skipping append to avoid duplicates.")
+        # Optional strategy: Replace it? For now, assume manual intervention if it exists but is wrong.
+        # Check if the hostname matches?
+        if "clients-refused-besides-seat.trycloudflare.com" not in current_content:
+            print("WARNING: Existing config has different HostName. Please check manually.")
+    else:
+        with open(config_path, "a") as f:
+            f.write("\n" + block)
+        print("Successfully appended configuration.")
+
+if __name__ == "__main__":
+    update_ssh_config()
diff --git a/scripts/verify_api.py b/scripts/verify_api.py
new file mode 100644
index 0000000000000000000000000000000000000000..5e678ff13df0fdfef8efb83d991877cff3584311
--- /dev/null
+++ b/scripts/verify_api.py
@@ -0,0 +1,30 @@
+import requests
+import json
+
+def test_chat():
+    url = "http://localhost:6000/api/chat"
+    payload = {"message": "I need a prayer for strength"}
+    headers = {"Content-Type": "application/json"}
+    
+    print(f"Testing {url}...")
+    response = requests.post(url, json=payload, headers=headers)
+    
+    if response.status_code == 200:
+        data = response.json()
+        print("Success!")
+        print(json.dumps(data, indent=2))
+        
+        # Check if trace exists and is populated
+        trace = data.get("response", {}).get("trace", [])
+        if trace:
+            print(f"\nTrace detected with {len(trace)} steps.")
+            for step in trace:
+                print(f"  - {step['agent']}: {step['action']}")
+        else:
+            print("\nWarning: No trace detected.")
+    else:
+        print(f"Error: {response.status_code}")
+        print(response.text)
+
+if __name__ == "__main__":
+    test_chat()
diff --git a/task.md b/task.md
new file mode 100644
index 0000000000000000000000000000000000000000..69ae262cd1027f112fdc465b1dab1a39cb0677a8
--- /dev/null
+++ b/task.md
@@ -0,0 +1,60 @@
+# ORA System Review Task List
+
+- [x] Initial System Review <!-- id: 10 -->
+    - [x] Explore codebase structure <!-- id: 0 -->
+    - [x] Identify key configuration and entry points <!-- id: 1 -->
+    - [x] Analyze Services <!-- id: 2 -->
+        - [x] Review `orchestrator.py` <!-- id: 5 -->
+        - [x] Review `memory.py` <!-- id: 6 -->
+        - [x] Review `guardrails.py` <!-- id: 7 -->
+        - [x] Review `intent.py` & `emotion.py` <!-- id: 8 -->
+        - [x] Review spiritual practices (prayer/discernment/lectio) <!-- id: 9 -->
+        - [x] Review infrastructure (main.py, config.py) <!-- id: 11 -->
+        - [x] Review peripheral services (llm.py, telemetry.py) <!-- id: 12 -->
+    - [x] Synthesize Review Report <!-- id: 13 -->
+        - [x] Document Architecture/Data Flow <!-- id: 14 -->
+        - [x] Identify Missing Persistent Layers <!-- id: 15 -->
+    - [x] Define "Not to build" list <!-- id: 16 -->
+    - [x] Create One-week MVP plan <!-- id: 17 -->
+
+- [x] Implement MVP Core Services <!-- id: 18 -->
+    - [x] Implement Audit Persistence (File logging) <!-- id: 19 -->
+    - [x] Implement Journal Service (SQLite) <!-- id: 20 -->
+    - [x] Implement User Profiles (SQLite) <!-- id: 21 -->
+    - [x] Connect Bible RAG (Vector Search) <!-- id: 22 -->
+
+- [x] Phase 2: Advanced Reasoning & Study <!-- id: 30 -->
+    - [x] Research RLM Blog Post <!-- id: 31 -->
+    - [x] Implement RLM (for Deep Study) <!-- id: 31_sub -->
+        - [x] Design Python REPL Sandbox <!-- id: 32 -->
+        - [x] Implement `RLMService` wrapper <!-- id: 33 -->
+    - [x] Integrate TRM (for Logic Solvers) <!-- id: 34 -->
+        - [x] Define Theological Logic dataset schema <!-- id: 35 -->
+    - [x] Phase 2 Architecture Upgrades <!-- id: 44 -->
+        - [x] Migrate Storage to LanceDB <!-- id: 45 -->
+        - [x] Ingest `bible-nlp/biblenlp-corpus` <!-- id: 51 -->
+    - [x] Evaluate Pre-trained Bible Models <!-- id: 53_eval -->
+        - [x] Test `Christian-Bible-Expert-12B` <!-- id: 54 -->
+        - [x] Create `Gabriel-8x7B` via Ollama <!-- id: 55 -->
+    - [x] Setup Unsloth Fine-tuning Pipeline <!-- id: 47 -->
+    - [x] Start "Reasoning Trace" Dataset Collection <!-- id: 48 -->
+
+- [x] Phase 3: Frontend Mastery & Integration <!-- id: 60 -->
+    - [x] Migrate `soapbox-demo` to root as `frontend`
+    - [x] Connect ChatWidget to ORA Backend (Port 6000)
+    - [x] Implement Agent Handoff Visualizations
+    - [x] Create Handover Prompt for Claude
+
+- [/] Phase 4: Model Optimization & Fine-tuning <!-- id: 70 -->
+    - [/] Benchmark `gabriel-8x7b` baseline capabilities
+    - [x] Curate theological dataset for specialist fine-tuning
+    - [x] Perform LoRA fine-tuning on `gabriel-8x7b` using Unsloth
+    - [ ] Evaluate fine-tuned model vs baseline
+    - [ ] Deploy optimized reasoning model to production
+
+- [x] General Research Phase <!-- id: 39 -->
+    - [x] Research Local Vector Databases (Chroma/LanceDB) <!-- id: 40 -->
+    - [x] Research Secure REPL Sandboxes (for RLM) <!-- id: 42 -->
+    - [x] Research Fine-tuning Logic for Small Models <!-- id: 43 -->
+    - [x] Evaluate new Bible Datasets (Helsinki, BibleNLP, etc.) <!-- id: 50 -->
+    - [x] Evaluate Pre-trained Bible Models (Gabriel, Christian-Bible-Expert) <!-- id: 53 -->
diff --git a/tests/test_emotion.py b/tests/test_emotion.py
new file mode 100644
index 0000000000000000000000000000000000000000..c215d9a5a38dc6dcd3b211507d9f6defd8a3e081
--- /dev/null
+++ b/tests/test_emotion.py
@@ -0,0 +1,43 @@
+import pytest
+from app.services.emotion import EmotionService
+
+@pytest.fixture
+def emotion_service():
+    return EmotionService()
+
+@pytest.mark.asyncio
+async def test_positive_sentiment(emotion_service):
+    text = "I am so happy and blessed today"
+    result = await emotion_service.analyze_tone(text)
+    assert result["sentiment"] == "positive"
+    assert result["pos_count"] >= 2
+    assert result["neg_count"] == 0
+
+@pytest.mark.asyncio
+async def test_negative_sentiment(emotion_service):
+    text = "I am sad and angry about this"
+    result = await emotion_service.analyze_tone(text)
+    assert result["sentiment"] == "negative"
+    assert result["neg_count"] >= 2
+
+@pytest.mark.asyncio
+async def test_neutral_sentiment(emotion_service):
+    text = "I walked to the store"
+    result = await emotion_service.analyze_tone(text)
+    assert result["sentiment"] == "neutral"
+
+@pytest.mark.asyncio
+async def test_distress_detection_keywords(emotion_service):
+    text = "I feel hopeless and want to end it all"
+    analysis = await emotion_service.analyze_tone(text)
+    is_distress = emotion_service.is_distress_high(text, analysis)
+    assert is_distress is True
+
+@pytest.mark.asyncio
+async def test_distress_detection_intensity(emotion_service):
+    # A sentence with almost entirely negative words to trigger high intensity
+    text = "pain grief suffering hurt broken sad depressed"
+    analysis = await emotion_service.analyze_tone(text)
+    assert analysis["intensity"] > 0.8
+    is_distress = emotion_service.is_distress_high(text, analysis)
+    assert is_distress is True
diff --git a/tests/test_intent.py b/tests/test_intent.py
new file mode 100644
index 0000000000000000000000000000000000000000..b22dcdd7dc0223189d1fa69e39d4cb20724599ca
--- /dev/null
+++ b/tests/test_intent.py
@@ -0,0 +1,61 @@
+import pytest
+import asyncio
+from app.services.intent import IntentService, UserIntent, IntentAnalysis
+
+@pytest.fixture
+def intent_service():
+    return IntentService()
+
+@pytest.mark.asyncio
+async def test_prayer_intent(intent_service):
+    text = "Please pray for my sick mother"
+    result = await intent_service.analyze(text)
+    assert result.intent == UserIntent.PRAYER_REQUEST
+    assert result.requires_scripture is True
+
+@pytest.mark.asyncio
+async def test_emotional_support_intent(intent_service):
+    text = "I feel so sad and lonely today"
+    result = await intent_service.analyze(text)
+    assert result.intent == UserIntent.EMOTIONAL_SUPPORT
+    assert result.requires_scripture is True
+
+@pytest.mark.asyncio
+async def test_bible_study_intent(intent_service):
+    text = "Where can I find a verse about hope?"
+    result = await intent_service.analyze(text)
+    assert result.intent == UserIntent.BIBLE_STUDY
+    assert result.requires_scripture is True
+
+@pytest.mark.asyncio
+async def test_life_decision_intent(intent_service):
+    text = "I don't know what to do about my job, I need guidance."
+    result = await intent_service.analyze(text)
+    assert result.intent == UserIntent.LIFE_DECISION
+    assert result.requires_scripture is True
+
+@pytest.mark.asyncio
+async def test_confession_intent(intent_service):
+    text = "I made a mistake and I need to confess my sins."
+    result = await intent_service.analyze(text)
+    assert result.intent == UserIntent.CONFESSION
+    assert result.requires_scripture is True
+
+@pytest.mark.asyncio
+async def test_question_intent(intent_service):
+    text = "Who are you?"
+    result = await intent_service.analyze(text)
+    assert result.intent == UserIntent.QUESTION
+    
+@pytest.mark.asyncio
+async def test_unknown_intent(intent_service):
+    text = "Hello there"
+    result = await intent_service.analyze(text)
+    assert result.intent == UserIntent.UNKNOWN
+
+@pytest.mark.asyncio
+async def test_priority_logic(intent_service):
+    # "pray" (Prayer) vs "sad" (Emotional Support) -> Prayer matches first in our logic
+    text = "I am sad so please pray for me" 
+    result = await intent_service.analyze(text)
+    assert result.intent == UserIntent.PRAYER_REQUEST
diff --git a/tests/test_memory_service.py b/tests/test_memory_service.py
new file mode 100644
index 0000000000000000000000000000000000000000..baaa010477836816b87641297129f8ab3d8ecba0
--- /dev/null
+++ b/tests/test_memory_service.py
@@ -0,0 +1,75 @@
+import sys
+import os
+sys.path.append(os.path.abspath(os.path.join(os.path.dirname(__file__), '..')))
+
+import asyncio
+import sqlite3
+from app.services.memory import MemoryService
+
+# Ensure we're testing on a fresh DB or using a test DB
+TEST_DB = "test_memory.db"
+
+async def test_memory_service():
+    print("Starting Memory Service Tests...")
+    
+    # Setup
+    if os.path.exists(TEST_DB):
+        os.remove(TEST_DB)
+    
+    memory = MemoryService(db_path=TEST_DB)
+    
+    user1 = "user_123"
+    user2 = "user_456"
+    
+    # 1. Test Short-Term Memory (Interactions)
+    print("Testing Short-Term Memory...")
+    await memory.add_interaction(user1, "user", "Hello ORA")
+    await memory.add_interaction(user1, "assistant", "Hello User")
+    
+    history = await memory.get_short_term_memory(user1)
+    assert len(history) == 2, f"Expected 2 messages, got {len(history)}"
+    assert history[0]["role"] == "user"
+    assert history[0]["content"] == "Hello ORA"
+    
+    # Test User Scoping
+    print("Testing User Scoping...")
+    await memory.add_interaction(user2, "user", "I am user 2")
+    history_u1 = await memory.get_short_term_memory(user1)
+    history_u2 = await memory.get_short_term_memory(user2)
+    assert len(history_u1) == 2
+    assert len(history_u2) == 1
+    assert history_u2[0]["content"] == "I am user 2"
+
+    # 2. Test Long-Term Memory (Facts)
+    print("Testing Long-Term Memory...")
+    await memory.add_fact(user1, "User lives in New York")
+    await memory.add_fact(user1, "User likes pizza")
+    
+    facts = await memory.get_long_term_memory(user1)
+    assert len(facts) == 2
+    assert "User likes pizza" in facts
+    
+    facts_u2 = await memory.get_long_term_memory(user2)
+    assert len(facts_u2) == 0
+
+    # 3. Test Persistence (Re-instantiate service)
+    print("Testing Persistence...")
+    del memory
+    memory_new = MemoryService(db_path=TEST_DB)
+    
+    facts_reloaded = await memory_new.get_long_term_memory(user1)
+    assert len(facts_reloaded) == 2
+
+    # Cleanup
+    conn = sqlite3.connect(TEST_DB)
+    conn.close()
+    if os.path.exists(TEST_DB):
+        try:
+            os.remove(TEST_DB)
+        except PermissionError:
+            print("Warning: Could not remove test db file (locked).")
+
+    print("ALL TESTS PASSED!")
+
+if __name__ == "__main__":
+    asyncio.run(test_memory_service())
diff --git a/training/README.md b/training/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..3ce4cfe4802a046e7b4cfeb9caa757cd6a38c7e9
--- /dev/null
+++ b/training/README.md
@@ -0,0 +1,25 @@
+# ORA Training Environment
+
+This directory contains the scripts and configuration for Fine-Tuning a custom LLM (e.g., Llama 3) for the ORA Spiritual Assistant.
+
+## Prerequisites
+-   Python 3.10+
+-   CUDA-capable GPU (NVIDIA) or Mac with M-series chip
+-   Ollama (for local testing)
+
+## Setup
+1.  Create a virtual environment:
+    ```bash
+    python -m venv venv
+    source venv/bin/activate # or venv\Scripts\activate on Windows
+    ```
+2.  Install dependencies:
+    ```bash
+    pip install -r requirements.txt
+    ```
+
+## Workflow
+1.  **Prepare Data**: Place your data (JSONL format) in `data/`.
+2.  **Fine-Tune**: Run the training script (coming soon).
+3.  **Export**: Convert LoRA adapters to GGUF format.
+4.  **Serve**: Load into Ollama.
diff --git a/training/requirements.txt b/training/requirements.txt
new file mode 100644
index 0000000000000000000000000000000000000000..695b09a69eae8851cee9ee5bb84da233c1c80d6a
--- /dev/null
+++ b/training/requirements.txt
@@ -0,0 +1,10 @@
+torch
+transformers
+peft
+datasets
+bitsandbytes
+scipy
+accelerate
+wandb
+trl
+unsloth[colab-new] @ git+https://github.com/unslothai/unsloth.git
diff --git a/verify_audit.py b/verify_audit.py
new file mode 100644
index 0000000000000000000000000000000000000000..16e587d62c331d257f23542c49861ab549a42cae
--- /dev/null
+++ b/verify_audit.py
@@ -0,0 +1,44 @@
+import asyncio
+import os
+import time
+from app.services.audit import audit_service
+
+async def verify_audit():
+    print("Verifying Audit Service...")
+    
+    # 1. Log Interaction
+    await audit_service.log_interaction(
+        user_id="test_user_1",
+        intent="test_intent",
+        guardrails_triggered=[]
+    )
+    print("Logged interaction.")
+    
+    # 2. Log Violation
+    await audit_service.log_violation(
+        user_id="test_user_unsafe",
+        violation_type="Prohibited Phrase",
+        content="This is a test violation content."
+    )
+    print("Logged violation.")
+    
+    # 3. Check File
+    time.sleep(1) # Ensure flush
+    log_path = "logs/ora.log"
+    if os.path.exists(log_path):
+        print(f"Log file found at {log_path}")
+        with open(log_path, "r") as f:
+            content = f.read()
+            print("--- Log Content ---")
+            print(content)
+            print("-------------------")
+            
+            if "test_user_1" in content and "test_user_unsafe" in content:
+                print("SUCCESS: Both log entries found.")
+            else:
+                print("FAILURE: Log entries missing.")
+    else:
+        print(f"FAILURE: Log file not found at {log_path}")
+
+if __name__ == "__main__":
+    asyncio.run(verify_audit())
diff --git a/verify_full_stack.py b/verify_full_stack.py
new file mode 100644
index 0000000000000000000000000000000000000000..75c1978bd24d4fbdceb6abcabb3e9d9065274450
--- /dev/null
+++ b/verify_full_stack.py
@@ -0,0 +1,71 @@
+import asyncio
+import os
+from app.services.orchestrator import orchestrator
+from app.services.profile import profile_service
+from app.services.journal import journal_service
+from app.services.audit import audit_service
+from app.services.bible import bible_service
+
+# Mock user ID for testing
+TEST_USER_ID = "test_user_integration_v1"
+
+async def main():
+    print("=== ORA MVP Integration Test ===\n")
+
+    # 1. Setup / Cleanup
+    print("1. [SETUP] Clearing test data...")
+    # Clean up any previous test entries if needed (optional, keeping simple for now)
+    
+    # 2. Profile Test
+    print("\n2. [PROFILE] Updating and retrieving profile...")
+    await profile_service.update_profile(TEST_USER_ID, {"denomination": "Integration Test", "spiritual_goals": ["study", "prayer"]})
+    profile = await profile_service.get_profile(TEST_USER_ID)
+    print(f"   -> Denomination: {profile.denomination}")
+    print(f"   -> Goals: {profile.spiritual_goals}")
+    assert profile.denomination == "Integration Test"
+    assert "study" in [g.value for g in profile.spiritual_goals]
+
+    # 3. Bible RAG Test (Mock Mode check)
+    print("\n3. [BIBLE] Search for 'peace'...")
+    # Ensure index is initialized
+    await bible_service.initialize_index() 
+    results = await bible_service.search("peace")
+    print(f"   -> Found {len(results)} results.")
+    if results:
+        print(f"   -> Top result: {results[0]['reference']} - {results[0]['text'][:30]}...")
+    
+    # 4. Orchestrator Flow (Simulate Chat)
+    print("\n4. [ORCHESTRATOR] Sending 'I feel anxious'...")
+    # This triggers Guardrails -> Intent -> Emotion -> Routing -> Response
+    # Since we don't have a real LLM running (probably), the stubbed services might fail or return mock data.
+    # However, we mostly want to ensure no crashes happen.
+    
+    try:
+        response = await orchestrator.process_message(TEST_USER_ID, "I feel anxious about the integration test.")
+        print(f"   -> ORA Response: {response['content']}")
+        assert response['role'] == "assistant"
+    except Exception as e:
+        print(f"   -> [ERROR] Orchestrator failed: {e}")
+
+    # 5. Journal Persistence
+    print("\n5. [JOURNAL] Saving interaction...")
+    # The orchestrator usually handles this, but let's verify manual save works
+    entry_id = await journal_service.save_entry(TEST_USER_ID, "Integration Test Entry", ["test", "mvp"])
+    print(f"   -> Saved Entry ID: {entry_id}")
+    recent = await journal_service.get_recent_entries(TEST_USER_ID, 1)
+    print(f"   -> Retrieved: {recent[0]['content']}")
+    assert recent[0]['content'] == "Integration Test Entry"
+
+    # 6. Audit Log Verification
+    print("\n6. [AUDIT] Checking log file existence...")
+    if os.path.exists("logs/ora.log"):
+        size = os.path.getsize("logs/ora.log")
+        print(f"   -> Log file exists. Size: {size} bytes.")
+        assert size > 0
+    else:
+        print("   -> [ERROR] Log file not found!")
+
+    print("\n=== Integration Test Complete ===")
+
+if __name__ == "__main__":
+    asyncio.run(main())
diff --git a/verify_journal.py b/verify_journal.py
new file mode 100644
index 0000000000000000000000000000000000000000..ca1c629cf72423737638a0be189519554395f565
--- /dev/null
+++ b/verify_journal.py
@@ -0,0 +1,43 @@
+import asyncio
+from app.services.journal import journal_service
+
+async def main():
+    print("=== ORA Zettelkasten Journal Verification ===")
+    
+    user_id = "spiritual_traveler"
+    
+    # 1. Create a foundational note
+    print("\n1. Creating foundational note on 'Faith'...")
+    await journal_service.create_entry(
+        user_id=user_id,
+        text="Faith is not just belief, but active trust when things are uncertain. Like Peter stepping out of the boat.",
+        verses=["Matthew 14:29"],
+        tags=["faith", "trust"]
+    )
+    
+    # 2. Create a related note (different topic but similar sentiment)
+    print("2. Creating related note on 'Courage'...")
+    await journal_service.create_entry(
+        user_id=user_id,
+        text="Today I feel I need courage for my presentation. It feels like stepping out of a boat into the unknown.",
+        tags=["courage", "work"]
+    )
+    
+    # 3. Verify the link
+    print("\n3. Finding related entries for the 'Courage' reflection...")
+    related = await journal_service.get_related_entries(user_id, "I need courage for my presentation. It feels like stepping out of a boat.")
+    
+    print(f"   -> Found {len(related)} related journal nodes.")
+    for idx, node in enumerate(related):
+        print(f"   Link {idx+1}:")
+        print(f"   - Text: {node['text'][:60]}...")
+        print(f"   - Linked Verses: {node['verses']}")
+        print(f"   - Timestamp: {node['timestamp']}")
+
+    if len(related) > 0:
+        print("\n[SUCCESS] Zettelkasten Journal is successfully linking nodes.")
+    else:
+        print("\n[FAIL] No related nodes found.")
+
+if __name__ == "__main__":
+    asyncio.run(main())
diff --git a/verify_memory.py b/verify_memory.py
new file mode 100644
index 0000000000000000000000000000000000000000..c101b50949772eb21d6d439328c76f48876bc132
--- /dev/null
+++ b/verify_memory.py
@@ -0,0 +1,46 @@
+import asyncio
+import os
+from app.services.memory import memory_service
+
+async def main():
+    print("=== ORA Episodic Memory Verification ===")
+    
+    user_id = "seeker_77"
+    
+    # 1. Store an Episode
+    print("\n1. Storing spiritual episode...")
+    await memory_service.store_episode(
+        user_id=user_id,
+        content="We discussed the Parable of the Sower and how it applies to my current job stress.",
+        insight="I realized that job stress is 'thorns' choking the word in my life right now.",
+        emotion="anxious but enlightened"
+    )
+    
+    # 2. Store another one
+    print("2. Storing another episode...")
+    await memory_service.store_episode(
+        user_id=user_id,
+        content="Deep study on Grace and works.",
+        insight="Grace is not just for salvation, but daily strength.",
+        emotion="peaceful"
+    )
+    
+    # 3. Retrieve
+    query = "Tell me about my growth regarding job stress"
+    print(f"\n3. Retrieving episodes for: '{query}'")
+    results = await memory_service.retrieve_episodes(user_id, query)
+    
+    print(f"   -> Found {len(results)} relevant episodes.")
+    for idx, res in enumerate(results):
+        print(f"   Episode {idx+1}:")
+        print(f"   - Insight: {res['insight']}")
+        print(f"   - Emotion: {res['emotion']}")
+        print(f"   - Timestamp: {res['timestamp']}")
+
+    if results:
+        print("\n[SUCCESS] Episodic Memory is operational with LanceDB.")
+    else:
+        print("\n[FAIL] No episodes found.")
+
+if __name__ == "__main__":
+    asyncio.run(main())
diff --git a/verify_persistence.py b/verify_persistence.py
new file mode 100644
index 0000000000000000000000000000000000000000..526c1a5870250dbfa3abaeb82e63b3fea57fe838
--- /dev/null
+++ b/verify_persistence.py
@@ -0,0 +1,70 @@
+import asyncio
+import os
+import uuid
+from datetime import datetime
+from app.services.journal import journal_service, JournalEntry
+from app.services.profile import profile_service, TonePreference, SpiritualGoal
+
+async def verify_persistence():
+    print("Verifying Persistence Layer...")
+    user_id = "test_persistence_user"
+    
+    # --- Profile Test ---
+    print("\n--- Testing Profile ---")
+    # 1. Get default
+    p1 = await profile_service.get_profile(user_id)
+    print(f"Default Profile: {p1.tone_preference} (Expected: pastoral) | Translations: {p1.bible_translations}")
+    
+    # 2. Update
+    print("Updating profile...")
+    updated = await profile_service.update_profile(user_id, {
+        "tone_preference": TonePreference.SCHOLARLY, 
+        "bible_translations": ["KJV", "RSV"],
+        "spiritual_goals": [SpiritualGoal.STUDY]
+    })
+    
+    # 3. Verify Update Persisted
+    p2 = await profile_service.get_profile(user_id)
+    if p2.tone_preference == TonePreference.SCHOLARLY and "KJV" in p2.bible_translations:
+        print("SUCCESS: Profile update persisted.")
+    else:
+        print(f"FAILURE: Profile content mismatch. Got {p2.tone_preference}")
+
+    # --- Journal Test ---
+    print("\n--- Testing Journal ---")
+    entry_id = str(uuid.uuid4())
+    entry = JournalEntry(
+        id=entry_id,
+        user_id=user_id,
+        content="Today I felt peace.",
+        timestamp=datetime.now(),
+        tags=["peace", "reflection"],
+        emotion="calm"
+    )
+    
+    # 1. Save
+    await journal_service.save_entry(entry)
+    print("Saved journal entry.")
+    
+    # 2. Retrieve
+    entries = await journal_service.get_recent(user_id)
+    if not entries:
+        print("FAILURE: No entries returned.")
+    else:
+        found = entries[0]
+        print(f"Retrieved Entry: {found.content} | Tags: {found.tags}")
+        if found.id == entry_id and "peace" in found.tags:
+            print("SUCCESS: Journal entry verified.")
+        else:
+            print("FAILURE: Entry content mismatch.")
+            
+    # 3. Delete
+    await journal_service.delete_entry(entry_id)
+    entries_after = await journal_service.get_recent(user_id)
+    if len(entries_after) == 0:
+        print("SUCCESS: Journal entry deleted.")
+    else:
+        print("FAILURE: Entry still exists after delete.")
+
+if __name__ == "__main__":
+    asyncio.run(verify_persistence())
diff --git a/verify_prompts.py b/verify_prompts.py
new file mode 100644
index 0000000000000000000000000000000000000000..c9504bd27c7ad9f907538165f5ec05f355ae596e
--- /dev/null
+++ b/verify_prompts.py
@@ -0,0 +1,27 @@
+import sys
+import os
+
+# Ensure app is in path
+sys.path.append(os.getcwd())
+
+from app.services.prayer import prayer_service
+from app.services.discernment import discernment_service
+
+def verify_prompts():
+    print("--- Verifying Prayer Service Prompt ---")
+    prompt = prayer_service.PROMPT.format(topic="[TOPIC]", emotion="[EMOTION]", scripture="[SCRIPTURE]")
+    print(prompt)
+    
+    print("\n" + "-" * 20 + "\n")
+    
+    print("--- Verifying Discernment Service Prompt ---")
+    guide_prompt = discernment_service.PROMPT.format(situation="[SITUATION]", emotion="[EMOTION]", scripture="[SCRIPTURE]")
+    print(guide_prompt)
+
+    # Simple checks
+    assert "You do NOT tell the user" in guide_prompt
+    assert "Does NOT make promises" in prompt
+    print("\n[SUCCESS] Prompts contain strict negative constraints.")
+
+if __name__ == "__main__":
+    verify_prompts()
diff --git a/verify_rag.py b/verify_rag.py
new file mode 100644
index 0000000000000000000000000000000000000000..af1c72d89d053be1f3f8d2eb978d67cf147ceb05
--- /dev/null
+++ b/verify_rag.py
@@ -0,0 +1,34 @@
+import asyncio
+import os
+from app.services.bible import bible_service
+
+async def main():
+    print("=== ORA RAG Verification (LanceDB) ===")
+    
+    # Check DB Path
+    db_path = "data/lancedb_storage"
+    if os.path.exists(db_path):
+        print(f"[OK] LanceDB storage found at: {db_path}")
+    else:
+        print(f"[WARN] LanceDB storage NOT found at: {db_path} (Expected if ingestion is running/incomplete)")
+
+    print("1. Initializing Service (Connecting locally)...")
+    await bible_service.initialize_index()
+    
+    # Search for a common term
+    query = "Seth"
+    print(f"\n2. Searching for '{query}'...")
+    results = await bible_service.search(query)
+    
+    print(f"   -> Found {len(results)} results.")
+    for idx, res in enumerate(results):
+         print(f"   {idx+1}. {res['reference']} (Score: {res['score']:.4f})")
+         print(f"      \"{res['text'][:100]}...\"")
+
+    if results:
+        print("\n[SUCCESS] RAG System is operational with LanceDB.")
+    else:
+        print("\n[FAIL] No results returned. Check embedding service or DB population.")
+
+if __name__ == "__main__":
+    asyncio.run(main())
diff --git a/verify_repl.py b/verify_repl.py
new file mode 100644
index 0000000000000000000000000000000000000000..0e76e9d42c6f9c9af2d51fab0eefa29c7adb32bb
--- /dev/null
+++ b/verify_repl.py
@@ -0,0 +1,34 @@
+import asyncio
+from app.services.repl import repl_service
+from app.services.rlm import rlm_service
+
+async def main():
+    print("=== ORA REPL & RLM Verification ===")
+    
+    # 1. Basic REPL test
+    print("\n1. Testing basic REPL (Math/Logic)...")
+    code = "x = 10\ny = 20\nprint(f'{x} + {y} = {x+y}')"
+    res = repl_service.execute(code)
+    print(f"   Output: {res['output'].strip()}")
+    
+    # 2. Safety Test
+    print("\n2. Testing Safety (Attempting to import OS)...")
+    unsafe_code = "import os\nprint(os.name)"
+    res = repl_service.execute(unsafe_code)
+    if not res["success"]:
+        print(f"   [SAFE] Blocked/Failed correctly: {res['error'].splitlines()[-1]}")
+    else:
+        print(f"   [DANGER] OS access was allowed!")
+
+    # 3. RLM Test (Requires Mock LLM to cooperate)
+    # We update mock logic to handle "calculate" keywords
+    print("\n3. Testing RLM (Reasoning Loop)...")
+    problem = "Calculate the number of days between the destruction of the first temple (586 BC) and the second temple (70 AD)."
+    
+    # Note: Mock LLM needs a fallback for this to work in offline mode
+    print("   (Verifying code generation -> execution flow)")
+    reasoning_result = await rlm_service.reason(problem)
+    print(f"   RLM Final Result: {reasoning_result.strip()}")
+
+if __name__ == "__main__":
+    asyncio.run(main())
diff --git a/verify_spiritual.py b/verify_spiritual.py
new file mode 100644
index 0000000000000000000000000000000000000000..89fce739bb4ba6b9747b776e5910d38fc2d89834
--- /dev/null
+++ b/verify_spiritual.py
@@ -0,0 +1,23 @@
+import asyncio
+import sys
+import os
+
+# Ensure app is in path
+sys.path.append(os.getcwd())
+
+from app.services.prayer import prayer_service
+from app.services.discernment import discernment_service
+
+async def verify():
+    print("--- Verifying Prayer Service ---")
+    prayer = await prayer_service.compose(topic="healing for a friend", emotion="anxious")
+    print(f"\n[Prayer Output]:\n{prayer}\n")
+    
+    print("-" * 20)
+    
+    print("--- Verifying Discernment Service ---")
+    guidance = await discernment_service.guide(situation="Should I move to a new city?", emotion="uncertain")
+    print(f"\n[Discernment Output]:\n{guidance}\n")
+
+if __name__ == "__main__":
+    asyncio.run(verify())
diff --git a/verify_swarm.py b/verify_swarm.py
new file mode 100644
index 0000000000000000000000000000000000000000..77ae6fcea55569d216508b445e3fb786ce8b2916
--- /dev/null
+++ b/verify_swarm.py
@@ -0,0 +1,19 @@
+import asyncio
+from app.services.orchestrator import orchestrator
+
+async def main():
+    print("=== ORA Swarm Orchestrator Verification ===")
+    
+    test_cases = [
+        "I need help studying Genesis 1.",         # Should trigger Theologian
+        "I am feeling very sad and need prayer.",  # Should trigger Healer
+        "Hey ORA, do you remember our talk about job stress?" # Should trigger memory recall
+    ]
+    
+    for msg in test_cases:
+        print(f"\n[USER]: {msg}")
+        res = await orchestrator.process_message(user_id="seeker_77", message=msg)
+        print(f"[ORA - {res.get('agent')}]: {res['content']}")
+
+if __name__ == "__main__":
+    asyncio.run(main())