diff --git a/README.md b/README.md
index cbf1c16..ef75da2 100644
--- a/README.md
+++ b/README.md
@@ -11,6 +11,7 @@ your ChatGPT connection.
 - **Risk management insights** with mitigation strategies aligned to your stated
   tolerance level.
 - **Dynamic SWOT summaries** and professional-grade data visualizations powered by Chart.js.
+- **Document intelligence ingestion** for CSV, JSON, or text files that are parsed and incorporated into the forecast.
 - **Advisor chat workspace** for continuing strategic discussions and next steps.
 - **Responsive, multi-page Flask interface** with polished styling.
 
@@ -51,8 +52,8 @@ your ChatGPT connection.
 
 ## Usage tips
 
-- Populate the predictor form with the most recent financial metrics to receive
-  tailored forecasts, mitigation plans, and SWOT analysis.
+- Populate the predictor form with the most recent financial metrics and optionally upload
+  up to three supporting CSV, JSON, or TXT documents to weave qualitative context into forecasts.
 - Use the advisor chat page to iterate on board decks, investor updates, or go-to-market plans.
 - The application never stores your API key; it reads the value from the
   environment at runtime.
diff --git a/app/__init__.py b/app/__init__.py
index 263e909..8d2490f 100644
--- a/app/__init__.py
+++ b/app/__init__.py
@@ -14,7 +14,14 @@ def create_app() -> Flask:
     if env_path.exists():
         load_dotenv(env_path)
 
-    app = Flask(__name__)
+    package_root = Path(__file__).resolve().parent
+    project_root = package_root.parent
+
+    app = Flask(
+        __name__,
+        template_folder=str(project_root / 'templates'),
+        static_folder=str(project_root / 'static'),
+    )
     app.config['SECRET_KEY'] = os.getenv('FLASK_SECRET_KEY', 'change-me')
 
     # Configure logging for better observability in production deployments.
diff --git a/app/chatgpt_client.py b/app/chatgpt_client.py
index 4ef6246..97b38c9 100644
--- a/app/chatgpt_client.py
+++ b/app/chatgpt_client.py
@@ -28,19 +28,29 @@ def generate_business_insights(self, payload: Dict[str, Any]) -> Dict[str, Any]:
         user_prompt = (
             "Create a forecast, risk review, and SWOT based on the following scenario."
             "\nRespond with concise bullet points or short paragraphs."
+            "\nAlways return STRICT JSON matching the schema when providing your answer."
             f"\n\nScenario:\n{json.dumps(payload, indent=2)}"
         )
 
-        response = self._client.responses.create(
-            model='gpt-4.1-mini',
-            input=[
+        request_arguments: Dict[str, Any] = {
+            'model': 'gpt-4.1-mini',
+            'input': [
                 {"role": "system", "content": system_prompt},
                 {"role": "user", "content": user_prompt},
             ],
-            temperature=0.3,
-            max_output_tokens=800,
-            response_format={"type": "json_schema", "json_schema": self._schema()},
-        )
+            'temperature': 0.3,
+            'max_output_tokens': 900,
+        }
+
+        try:
+            response = self._client.responses.create(
+                **request_arguments,
+                response_format={"type": "json_schema", "json_schema": self._schema()},
+            )
+        except TypeError:
+            # Older versions of the SDK do not yet support ``response_format``.
+            response = self._client.responses.create(**request_arguments)
+
         return self._parse_response(response)
 
     def continue_conversation(self, conversation: str, prompt: str) -> str:
@@ -104,8 +114,35 @@ def _schema() -> Dict[str, Any]:
 
     @staticmethod
     def _parse_response(response: Any) -> Dict[str, Any]:
+        raw_payload = _extract_response_text(response)
         try:
-            return json.loads(response.output[0].content[0].text)
-        except (KeyError, AttributeError, IndexError, json.JSONDecodeError) as exc:
-            raise RuntimeError('Unable to parse response from ChatGPT.') from exc
+            return json.loads(raw_payload)
+        except json.JSONDecodeError:
+            sanitized = raw_payload.strip()
+            if sanitized.startswith('```'):
+                segments = sanitized.split('```')
+                for segment in segments:
+                    segment = segment.strip()
+                    if segment and not segment.startswith('{') and '{' not in segment:
+                        continue
+                    if segment.startswith('{'):
+                        try:
+                            return json.loads(segment)
+                        except json.JSONDecodeError:
+                            continue
+            raise RuntimeError('Unable to parse response from ChatGPT.')
+
+
+def _extract_response_text(response: Any) -> str:
+    """Return the textual payload from an OpenAI Responses result."""
+
+    for attribute in ('output_text', 'text'):  # type: ignore[attr-defined]
+        value = getattr(response, attribute, None)
+        if isinstance(value, str) and value.strip():
+            return value
+
+    try:
+        return response.output[0].content[0].text  # type: ignore[index]
+    except (AttributeError, IndexError, KeyError):
+        raise RuntimeError('Unable to read response payload from ChatGPT.')
 
diff --git a/app/routes.py b/app/routes.py
index 9b83f81..85b7237 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -1,9 +1,15 @@
 from __future__ import annotations
 
 import json
-from dataclasses import dataclass
+import csv
+import io
+import itertools
+from dataclasses import dataclass, field
+from pathlib import Path
 from typing import Dict, List
 
+from werkzeug.datastructures import FileStorage
+
 from flask import Blueprint, flash, render_template, request
 
 from .chatgpt_client import ChatGPTClient
@@ -27,6 +33,7 @@ class ScenarioData:
     opportunities: List[str]
     threats: List[str]
     additional_notes: str
+    uploaded_documents: List[Dict[str, str]] = field(default_factory=list)
 
     @classmethod
     def from_form(cls, form: Dict[str, str]) -> "ScenarioData":
@@ -48,7 +55,7 @@ def from_form(cls, form: Dict[str, str]) -> "ScenarioData":
         )
 
     def to_payload(self) -> Dict[str, object]:
-        return {
+        payload: Dict[str, object] = {
             "business_name": self.business_name,
             "industry": self.industry,
             "financials": {
@@ -74,6 +81,9 @@ def to_payload(self) -> Dict[str, object]:
             },
             "notes": self.additional_notes,
         }
+        if self.uploaded_documents:
+            payload["uploaded_documents"] = self.uploaded_documents
+        return payload
 
 
 @bp.route('/')
@@ -95,6 +105,21 @@ def predictor():
             flash('Business name and industry are required.', 'danger')
             return render_template('predictor.html', **context)
 
+        uploads: List[Dict[str, str]] = []
+        uploaded_files = [file for file in request.files.getlist('data_file') if file and file.filename]
+        if len(uploaded_files) > 3:
+            flash('Please upload up to three supporting files at a time.', 'warning')
+            return render_template('predictor.html', **context)
+
+        for uploaded_file in uploaded_files:
+            try:
+                uploads.append(_process_uploaded_file(uploaded_file))
+            except ValueError as exc:
+                flash(str(exc), 'danger')
+                return render_template('predictor.html', **context)
+
+        scenario.uploaded_documents = uploads
+
         try:
             client = ChatGPTClient()
             analysis = client.generate_business_insights(scenario.to_payload())
@@ -103,11 +128,15 @@ def predictor():
             return render_template('predictor.html', **context)
 
         metrics = _build_metric_summary(scenario)
+        highlights = _derive_growth_highlights(scenario)
+        risk_profile = _describe_risk_profile(scenario.risk_tolerance)
         return render_template(
             'results.html',
             scenario=scenario,
             metrics=json.dumps(metrics),
             analysis=analysis,
+            highlights=highlights,
+            risk_profile=risk_profile,
         )
 
     return render_template('predictor.html', **context)
@@ -149,3 +178,169 @@ def _build_metric_summary(scenario: ScenarioData) -> Dict[str, List[float]]:
             scenario.market_share_target,
         ],
     }
+
+
+MAX_UPLOAD_BYTES = 1_000_000  # 1 MB cap keeps prompts responsive.
+PREVIEW_CHAR_LIMIT = 1_200
+
+
+def _process_uploaded_file(file: FileStorage) -> Dict[str, str]:
+    filename = Path(file.filename or '').name
+    if not filename:
+        raise ValueError('Select a data file to upload.')
+
+    raw_bytes = file.read()
+    if not raw_bytes:
+        raise ValueError('The uploaded file is empty.')
+
+    if len(raw_bytes) > MAX_UPLOAD_BYTES:
+        raise ValueError('Uploaded file exceeds the 1 MB limit.')
+
+    try:
+        text = raw_bytes.decode('utf-8')
+    except UnicodeDecodeError:
+        text = raw_bytes.decode('utf-8', errors='ignore')
+
+    extension = Path(filename).suffix.lower()
+    preview = text.strip()
+    summary = ''
+
+    if extension == '.csv':
+        preview, summary = _summarize_csv(text)
+    elif extension == '.json':
+        preview, summary = _summarize_json(text)
+    else:
+        preview, summary = _summarize_text(text)
+
+    return {
+        "filename": filename,
+        "format": extension.lstrip('.') or 'text',
+        "size_kb": f"{len(raw_bytes) / 1024:.1f}",
+        "summary": summary,
+        "excerpt": preview[:PREVIEW_CHAR_LIMIT].strip(),
+        "line_count": str(len([line for line in text.splitlines() if line.strip()])),
+    }
+
+
+def _summarize_csv(text: str) -> (str, str):
+    buffer = io.StringIO(text)
+    reader = csv.reader(buffer)
+    rows = list(itertools.islice(reader, 0, 11))
+    if not rows:
+        return '', 'CSV file with no rows detected.'
+
+    header = rows[0]
+    body_rows = rows[1:]
+    row_count = len(body_rows)
+    preview_rows = [header] + body_rows[:5]
+    preview = '\n'.join(', '.join(cell.strip() for cell in row) for row in preview_rows)
+    summary = (
+        f"CSV dataset with {row_count} data rows. Columns: "
+        + ', '.join(header[:6])
+        + ('...' if len(header) > 6 else '')
+    )
+    return preview, summary
+
+
+def _summarize_json(text: str) -> (str, str):
+    try:
+        parsed = json.loads(text)
+        preview = json.dumps(parsed, indent=2)
+        if isinstance(parsed, dict):
+            keys = list(parsed.keys())
+            summary = f"JSON document with {len(keys)} top-level keys: {', '.join(keys[:6])}" + (
+                '...' if len(keys) > 6 else ''
+            )
+        elif isinstance(parsed, list):
+            summary = f"JSON array with {len(parsed)} entries."
+        else:
+            summary = f"JSON value of type {type(parsed).__name__}."
+    except json.JSONDecodeError:
+        preview, summary = _summarize_text(text)
+    else:
+        preview = preview
+    return preview, summary
+
+
+def _summarize_text(text: str) -> (str, str):
+    stripped = text.strip()
+    words = [word for word in stripped.replace('\n', ' ').split(' ') if word]
+    summary = f"Narrative brief with approximately {len(words)} words." if words else 'Text document.'
+    preview = stripped or text
+    return preview, summary
+
+
+def _derive_growth_highlights(scenario: ScenarioData) -> List[Dict[str, str]]:
+    highlights: List[Dict[str, str]] = []
+    highlights.append(_build_growth_card('Revenue trajectory', scenario.revenue_current, scenario.revenue_target, 'USD'))
+    highlights.append(_build_growth_card('Expense efficiency', scenario.expenses_current, scenario.expenses_target, 'USD', invert=True))
+    highlights.append(
+        _build_growth_card('Market share momentum', scenario.market_share_current, scenario.market_share_target, 'percentage')
+    )
+    return [item for item in highlights if item]
+
+
+def _build_growth_card(title: str, current: float, target: float, unit: str, invert: bool = False) -> Dict[str, str]:
+    if current == 0 and target == 0:
+        return {
+            "title": title,
+            "current": '0',
+            "target": '0',
+            "direction": 'steady',
+            "delta": '0',
+            "percent": '0',
+            "descriptor": 'No change from current baseline.',
+            "badge": 'secondary',
+        }
+
+    delta = target - current
+    direction = 'increase' if delta >= 0 else 'decrease'
+    baseline = current if current != 0 else None
+    percent = (abs(delta) / baseline * 100) if baseline else None
+    formatted_delta = _format_value(abs(delta), unit)
+    positive_change = delta >= 0
+    if invert:
+        positive_change = not positive_change
+    descriptor = (
+        f"Targeting a {formatted_delta} {direction} relative to the current baseline."
+        if percent is None
+        else f"Targeting a {percent:.1f}% {direction} relative to the current baseline."
+    )
+    badge = 'success' if positive_change else 'warning'
+
+    return {
+        "title": title,
+        "current": _format_value(current, unit),
+        "target": _format_value(target, unit),
+        "direction": direction,
+        "delta": formatted_delta,
+        "percent": f"{percent:.1f}%" if percent is not None else '—',
+        "descriptor": descriptor,
+        "badge": badge,
+    }
+
+
+def _format_value(value: float, unit: str) -> str:
+    if unit == 'USD':
+        return f"${value:,.2f}"
+    if unit == 'percentage':
+        return f"{value:.2f}%"
+    return f"{value:,.2f}"
+
+
+def _describe_risk_profile(score: int) -> Dict[str, str]:
+    categories = {
+        1: ('Very conservative', 'Low tolerance for volatility. Prioritize preservation and incremental gains.'),
+        2: ('Conservative', 'Measured appetite for risk. Focus on steady growth with guardrails.'),
+        3: ('Balanced', 'Comfortable with balanced risk-reward trade-offs to accelerate growth.'),
+        4: ('Growth-oriented', 'Open to calculated risks that can unlock competitive advantages.'),
+        5: ('Aggressive', 'Seeks outsized returns and is prepared for significant variability.'),
+    }
+    normalized = max(1, min(5, score))
+    label, description = categories.get(normalized, categories[3])
+    return {
+        "score": str(normalized),
+        "label": label,
+        "description": description,
+        "progress": f"{normalized / 5 * 100:.0f}",
+    }
diff --git a/static/css/styles.css b/static/css/styles.css
index b46a73f..8399638 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -18,6 +18,77 @@ main {
   flex: 1 0 auto;
 }
 
+.landing-hero {
+  background: linear-gradient(135deg, rgba(13, 110, 253, 0.08), rgba(32, 201, 151, 0.08));
+  border-radius: 1.5rem;
+  padding: 3rem 3rem 2.5rem;
+}
+
+.kpi-row {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+  gap: 1rem;
+}
+
+.kpi-card {
+  background: #ffffff;
+  border-radius: 1rem;
+  padding: 1rem 1.25rem;
+  box-shadow: 0 0.5rem 1.5rem rgba(13, 110, 253, 0.08);
+}
+
+.insight-showcase {
+  display: grid;
+  gap: 1.5rem;
+}
+
+.showcase-card {
+  background: #ffffff;
+  border-radius: 1.25rem;
+  padding: 2rem;
+}
+
+.showcase-steps {
+  margin: 0;
+  padding-left: 1.25rem;
+  display: grid;
+  gap: 0.75rem;
+}
+
+.showcase-steps li span {
+  display: block;
+  color: #495057;
+}
+
+.showcase-footer {
+  display: flex;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+  margin-top: 1.5rem;
+}
+
+.feature-list li {
+  position: relative;
+  padding-left: 1.5rem;
+  margin-bottom: 0.75rem;
+  color: #495057;
+}
+
+.feature-list li::before {
+  content: '•';
+  position: absolute;
+  left: 0;
+  color: var(--brand-primary);
+  font-weight: 700;
+}
+
+.value-card {
+  background: #ffffff;
+  border-radius: 1.25rem;
+  padding: 1.75rem;
+  border: 1px solid rgba(13, 110, 253, 0.12);
+}
+
 .navbar-brand {
   letter-spacing: 0.04em;
 }
@@ -39,10 +110,182 @@ main {
   border-radius: 1rem;
 }
 
+.insight-progress .progress-chip {
+  display: flex;
+  gap: 1rem;
+  background: #f8f9fa;
+  border-radius: 1rem;
+  padding: 1rem 1.25rem;
+  border: 1px solid rgba(13, 110, 253, 0.12);
+  height: 100%;
+}
+
+.progress-chip.active {
+  background: linear-gradient(135deg, rgba(13, 110, 253, 0.18), rgba(32, 201, 151, 0.18));
+  border-color: transparent;
+  color: #052c65;
+}
+
+.chip-index {
+  font-weight: 700;
+  font-size: 1.25rem;
+  background: #ffffff;
+  border-radius: 50%;
+  width: 2.75rem;
+  height: 2.75rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 0.5rem 1.5rem rgba(13, 110, 253, 0.15);
+}
+
+.chip-title {
+  margin-bottom: 0.25rem;
+  font-weight: 600;
+}
+
+.chip-description {
+  margin: 0;
+  color: #6c757d;
+  font-size: 0.9rem;
+}
+
+.upload-panel {
+  border: 1px dashed rgba(13, 110, 253, 0.4);
+  border-radius: 1rem;
+  padding: 1.75rem;
+  background: rgba(13, 110, 253, 0.04);
+}
+
+.upload-icon {
+  width: 3rem;
+  height: 3rem;
+  background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
+  color: #ffffff;
+  font-size: 1.5rem;
+  box-shadow: 0 0.5rem 1.5rem rgba(13, 110, 253, 0.35);
+}
+
+.upload-glyph {
+  font-weight: 700;
+  transform: translateY(-1px);
+}
+
+.file-feedback {
+  min-width: 200px;
+  white-space: pre-line;
+}
+
 textarea.form-control {
   resize: vertical;
 }
 
+.insight-callout {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1.5rem;
+  background: #ffffff;
+  border-radius: 1.25rem;
+  padding: 1.5rem 1.75rem;
+  border: 1px solid rgba(13, 110, 253, 0.12);
+  margin-top: 3rem;
+}
+
+.insight-list {
+  list-style: none;
+  padding-left: 0;
+  display: grid;
+  gap: 0.5rem;
+}
+
+.insight-list li {
+  position: relative;
+  padding-left: 1.5rem;
+  color: #495057;
+}
+
+.insight-list li::before {
+  content: '';
+  position: absolute;
+  width: 0.6rem;
+  height: 0.6rem;
+  border-radius: 50%;
+  background: var(--brand-primary);
+  left: 0;
+  top: 0.35rem;
+}
+
+.insight-stat {
+  background: #ffffff;
+  border-radius: 1.25rem;
+  padding: 1.75rem;
+  border: 1px solid rgba(13, 110, 253, 0.12);
+  box-shadow: 0 0.5rem 1.2rem rgba(13, 110, 253, 0.08);
+}
+
+.badge-tag {
+  letter-spacing: 0.08em;
+  font-size: 0.7rem;
+}
+
+.badge-tag.badge-success {
+  background: rgba(32, 201, 151, 0.15);
+  color: #0f5132;
+}
+
+.badge-tag.badge-warning {
+  background: rgba(255, 193, 7, 0.2);
+  color: #664d03;
+}
+
+.badge-tag.badge-secondary {
+  background: rgba(73, 80, 87, 0.2);
+  color: #343a40;
+}
+
+.document-grid {
+  display: grid;
+  gap: 1.5rem;
+}
+
+.document-chip {
+  background: #f8f9fa;
+  border-radius: 1.25rem;
+  padding: 1.5rem;
+  border: 1px solid rgba(13, 110, 253, 0.12);
+}
+
+.document-preview {
+  background: #ffffff;
+  border-radius: 0.75rem;
+  border: 1px solid rgba(13, 110, 253, 0.12);
+  padding: 1rem;
+  max-height: 12rem;
+  overflow: auto;
+  white-space: pre-wrap;
+  font-family: 'IBM Plex Mono', 'SFMono-Regular', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  font-size: 0.85rem;
+  color: #495057;
+}
+
+.risk-panel {
+  background: #f8f9fa;
+  border-radius: 1rem;
+  padding: 1.25rem;
+  border: 1px solid rgba(13, 110, 253, 0.12);
+}
+
+.risk-score {
+  font-weight: 700;
+  font-size: 1.25rem;
+  color: var(--brand-primary);
+}
+
+.risk-progress .progress-bar {
+  background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
+}
+
 .swot-tile {
   border-radius: 1rem;
   padding: 1.25rem;
@@ -82,4 +325,13 @@ footer {
   .navbar-brand {
     font-size: 1.1rem;
   }
+
+  .landing-hero {
+    padding: 2rem 1.5rem;
+  }
+
+  .insight-callout {
+    flex-direction: column;
+    align-items: stretch;
+  }
 }
diff --git a/templates/index.html b/templates/index.html
index 46a6775..6e2b5e8 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,48 +1,77 @@
 {% extends 'base.html' %}
 {% block title %}Insight Navigator · Home{% endblock %}
 {% block content %}
-  <section class="row g-4 align-items-center">
-    <div class="col-lg-6">
-      <h1 class="display-5 fw-bold text-primary mb-4">Business insight without the noise</h1>
-      <p class="lead text-muted">
-        Insight Navigator transforms your raw business metrics into forward-looking forecasts,
-        risk mitigation strategies, and investor-ready narratives powered by your ChatGPT
-        connection.
-      </p>
-      <div class="d-flex flex-wrap gap-3 mt-4">
-        <a class="btn btn-primary btn-lg" href="{{ url_for('main.predictor') }}">Launch Predictor</a>
-        <a class="btn btn-outline-primary btn-lg" href="{{ url_for('main.chat') }}">Ask an Advisor</a>
+  <section class="landing-hero mb-5">
+    <div class="row g-5 align-items-center">
+      <div class="col-lg-6">
+        <h1 class="display-5 fw-bold mb-4">Executive-grade intelligence on demand</h1>
+        <p class="lead text-muted mb-4">
+          Insight Navigator transforms raw metrics and uploaded evidence into forecasts, risk heatmaps, SWOT insights, and a guided action plan — all powered securely through your ChatGPT connection.
+        </p>
+        <div class="d-flex flex-wrap gap-3">
+          <a class="btn btn-primary btn-lg" href="{{ url_for('main.predictor') }}">Launch Predictor</a>
+          <a class="btn btn-outline-primary btn-lg" href="{{ url_for('main.chat') }}">Ask an Advisor</a>
+        </div>
+        <div class="kpi-row mt-4">
+          <div class="kpi-card">
+            <h2 class="h2 mb-0">90s</h2>
+            <p class="small text-muted mb-0">to upload data and receive a strategic playbook</p>
+          </div>
+          <div class="kpi-card">
+            <h2 class="h2 mb-0">4 pillars</h2>
+            <p class="small text-muted mb-0">Forecast · Risk · Recommendations · SWOT</p>
+          </div>
+          <div class="kpi-card">
+            <h2 class="h2 mb-0">100%</h2>
+            <p class="small text-muted mb-0">private — API keys loaded from your environment</p>
+          </div>
+        </div>
       </div>
-    </div>
-    <div class="col-lg-6">
-      <div class="card shadow-sm border-0 feature-card">
-        <div class="card-body p-4">
-          <h2 class="h4 mb-3">Why executives rely on Insight Navigator</h2>
-          <ul class="list-unstyled mb-0">
-            <li class="d-flex align-items-start mb-3">
-              <span class="badge bg-primary-subtle text-primary-emphasis rounded-pill me-3">01</span>
-              <div>
-                <h3 class="h6 fw-semibold mb-1">Predictive intelligence</h3>
-                <p class="mb-0 text-muted">Scenario-aware growth projections tailored to your inputs.</p>
-              </div>
-            </li>
-            <li class="d-flex align-items-start mb-3">
-              <span class="badge bg-primary-subtle text-primary-emphasis rounded-pill me-3">02</span>
-              <div>
-                <h3 class="h6 fw-semibold mb-1">Risk under control</h3>
-                <p class="mb-0 text-muted">Automated heat-mapping with mitigation plans you can act on.</p>
-              </div>
-            </li>
-            <li class="d-flex align-items-start">
-              <span class="badge bg-primary-subtle text-primary-emphasis rounded-pill me-3">03</span>
-              <div>
-                <h3 class="h6 fw-semibold mb-1">Board-ready visuals</h3>
-                <p class="mb-0 text-muted">Interactive comparisons and SWOT summaries packaged for stakeholders.</p>
-              </div>
-            </li>
-          </ul>
+      <div class="col-lg-6">
+        <div class="insight-showcase">
+          <div class="showcase-card shadow-sm">
+            <h2 class="h5 mb-3">Workflow snapshot</h2>
+            <ol class="showcase-steps">
+              <li><span>Upload your KPIs and documentation.</span></li>
+              <li><span>Insight Navigator benchmarks targets against baselines.</span></li>
+              <li><span>AI-powered advisor surfaces risk mitigations and priorities.</span></li>
+            </ol>
+            <div class="showcase-footer">
+              <span class="badge bg-gradient text-uppercase">Multi-page suite</span>
+              <span class="badge bg-light text-primary">Professional visuals</span>
+            </div>
+          </div>
+          <div class="showcase-card shadow-sm">
+            <h3 class="h6 text-uppercase text-muted mb-2">Built for decision makers</h3>
+            <ul class="list-unstyled mb-0 feature-list">
+              <li>Smart upload parsing for CSV, JSON, and free-form notes.</li>
+              <li>Radar benchmarking with instant highlight cards.</li>
+              <li>Advisor chat workspace for follow-up guidance.</li>
+            </ul>
+          </div>
         </div>
       </div>
     </div>
   </section>
+
+  <section class="row g-4">
+    <div class="col-lg-4">
+      <div class="value-card shadow-sm h-100">
+        <h2 class="h5 mb-2">Predict with confidence</h2>
+        <p class="text-muted mb-0">Blend baseline metrics with scenario targets to build credible revenue, expense, and market share trajectories.</p>
+      </div>
+    </div>
+    <div class="col-lg-4">
+      <div class="value-card shadow-sm h-100">
+        <h2 class="h5 mb-2">Control your exposure</h2>
+        <p class="text-muted mb-0">Automated risk narratives highlight mitigation levers tailored to your declared tolerance.</p>
+      </div>
+    </div>
+    <div class="col-lg-4">
+      <div class="value-card shadow-sm h-100">
+        <h2 class="h5 mb-2">Present like a pro</h2>
+        <p class="text-muted mb-0">SWOT matrices, radar charts, and document intelligence summaries are ready for board decks.</p>
+      </div>
+    </div>
+  </section>
 {% endblock %}
diff --git a/templates/predictor.html b/templates/predictor.html
index 96e40bc..fc0425d 100644
--- a/templates/predictor.html
+++ b/templates/predictor.html
@@ -2,17 +2,51 @@
 {% block title %}Insight Navigator · Predictor{% endblock %}
 {% block content %}
   <div class="row justify-content-center">
-    <div class="col-lg-10 col-xl-9">
+    <div class="col-xl-10 col-xxl-9">
       <div class="card border-0 shadow-sm">
         <div class="card-body p-4 p-lg-5">
-          <div class="d-flex justify-content-between align-items-center mb-4">
+          <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-4 mb-4">
             <div>
-              <h1 class="h3 mb-1">Business Scenario Input</h1>
-              <p class="text-muted mb-0">Populate the fields below to generate forecasts and risk profiles.</p>
+              <h1 class="h3 mb-2">Scenario architect</h1>
+              <p class="text-muted mb-0">Feed in performance data, attach support files, and Insight Navigator will deliver projections, risks, and action plans.</p>
+            </div>
+            <div class="d-flex flex-wrap gap-2 insight-badges">
+              <span class="badge bg-gradient text-uppercase">Predictor module</span>
+              <span class="badge bg-light text-primary-emphasis border border-primary-subtle text-uppercase">AI copiloted</span>
+            </div>
+          </div>
+
+          <div class="row g-3 mb-4 insight-progress">
+            <div class="col-md-4">
+              <div class="progress-chip active">
+                <div class="chip-index">1</div>
+                <div>
+                  <h3 class="chip-title">Profile the business</h3>
+                  <p class="chip-description">Core identifiers and financial baselines to tailor the analysis.</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="progress-chip">
+                <div class="chip-index">2</div>
+                <div>
+                  <h3 class="chip-title">Attach intelligence</h3>
+                  <p class="chip-description">Upload CSV, JSON, or notes to ground the model in your data.</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-4">
+              <div class="progress-chip">
+                <div class="chip-index">3</div>
+                <div>
+                  <h3 class="chip-title">Review the playbook</h3>
+                  <p class="chip-description">Receive forecasts, SWOT, and risk navigation guidance.</p>
+                </div>
+              </div>
             </div>
-            <span class="badge bg-gradient text-uppercase">Predictor module</span>
           </div>
-          <form method="post" novalidate>
+
+          <form method="post" enctype="multipart/form-data" novalidate>
             <div class="row g-4">
               <div class="col-md-6">
                 <label class="form-label" for="business_name">Business Name<span class="text-danger">*</span></label>
@@ -22,6 +56,7 @@ <h1 class="h3 mb-1">Business Scenario Input</h1>
                   name="business_name"
                   value="{{ form_values.get('business_name', '') }}"
                   required
+                  placeholder="Acme Labs"
                 />
               </div>
               <div class="col-md-6">
@@ -32,12 +67,12 @@ <h1 class="h3 mb-1">Business Scenario Input</h1>
                   name="industry"
                   value="{{ form_values.get('industry', '') }}"
                   required
+                  placeholder="Healthcare analytics"
                 />
               </div>
             </div>
 
-            <h2 class="h5 mt-5 mb-3">Key Metrics</h2>
-            <div class="row g-4">
+            <div class="row g-4 mt-1">
               <div class="col-md-4">
                 <label class="form-label" for="revenue_current">Current Revenue (USD)</label>
                 <input
@@ -138,17 +173,45 @@ <h2 class="h5 mt-5 mb-3">Key Metrics</h2>
                 />
               </div>
               <div class="col-md-8">
-                <label class="form-label" for="additional_notes">Additional Context</label>
+                <label class="form-label" for="additional_notes">Strategic Narrative</label>
                 <textarea
                   class="form-control"
                   id="additional_notes"
                   name="additional_notes"
-                  rows="3"
-                  placeholder="Key assumptions, timeline, major initiatives..."
+                  rows="4"
+                  placeholder="Key assumptions, launch milestones, transformation initiatives..."
                 >{{ form_values.get('additional_notes', '') }}</textarea>
               </div>
             </div>
 
+            <div class="row g-4 mt-5">
+              <div class="col-12">
+                <div class="upload-panel">
+                  <div class="d-flex flex-column flex-md-row align-items-md-center gap-3">
+                    <div class="upload-icon rounded-circle d-flex align-items-center justify-content-center">
+                      <span class="upload-glyph">⇪</span>
+                    </div>
+                    <div class="flex-grow-1">
+                      <label class="form-label mb-1" for="data_file">Upload supporting intelligence</label>
+                      <p class="small text-muted mb-2">Attach up to three CSV, JSON, or TXT files (max 1 MB each). We will surface highlights and incorporate them in the forecast.</p>
+                      <div class="d-flex flex-wrap gap-2">
+                        <label class="btn btn-outline-primary mb-0" for="data_file">Select file</label>
+                        <div class="file-feedback text-muted small" id="fileFeedback">No file selected.</div>
+                      </div>
+                      <input
+                        type="file"
+                        class="form-control d-none"
+                        id="data_file"
+                        name="data_file"
+                        accept=".csv,.json,.txt,text/csv,application/json,text/plain"
+                        multiple
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
             <h2 class="h5 mt-5 mb-3">SWOT Inputs</h2>
             <div class="row g-4">
               <div class="col-md-6 col-lg-3">
@@ -169,8 +232,12 @@ <h2 class="h5 mt-5 mb-3">SWOT Inputs</h2>
               </div>
             </div>
 
-            <div class="d-flex justify-content-end mt-5">
-              <button type="submit" class="btn btn-primary btn-lg px-5">Generate Intelligence</button>
+            <div class="insight-callout mt-5">
+              <div>
+                <h2 class="h5 mb-1">Quality assurance</h2>
+                <p class="small text-muted mb-0">We validate numeric fields, secure your API key from the environment, and sanitize uploaded text before sending it to ChatGPT.</p>
+              </div>
+              <button type="submit" class="btn btn-primary btn-lg px-4">Generate Intelligence</button>
             </div>
           </form>
         </div>
@@ -178,3 +245,27 @@ <h2 class="h5 mt-5 mb-3">SWOT Inputs</h2>
     </div>
   </div>
 {% endblock %}
+
+{% block scripts %}
+  {{ super() }}
+  <script>
+    const fileInput = document.getElementById('data_file');
+    const feedback = document.getElementById('fileFeedback');
+    if (fileInput && feedback) {
+      fileInput.addEventListener('change', () => {
+        if (fileInput.files && fileInput.files.length > 0) {
+          const details = Array.from(fileInput.files)
+            .map((file) => `${file.name} · ${(file.size / 1024).toFixed(1)} KB`)
+            .join('\n');
+          feedback.textContent = details;
+          feedback.classList.remove('text-muted');
+          feedback.classList.add('text-success');
+        } else {
+          feedback.textContent = 'No file selected.';
+          feedback.classList.add('text-muted');
+          feedback.classList.remove('text-success');
+        }
+      });
+    }
+  </script>
+{% endblock %}
diff --git a/templates/results.html b/templates/results.html
index ad26eba..f5ae76e 100644
--- a/templates/results.html
+++ b/templates/results.html
@@ -4,6 +4,35 @@
   <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js" integrity="sha384-EmgJXHtPL7NbFqC8mAZwNZaMCL5sxi6FokTSndya8ObqMnfRegjD3Xb8Ni/Y3s+C" crossorigin="anonymous"></script>
 {% endblock %}
 {% block content %}
+  {% if highlights %}
+    <div class="row g-3 mb-4">
+      {% for card in highlights %}
+        <div class="col-md-4">
+          <div class="insight-stat h-100">
+            <div class="d-flex justify-content-between align-items-start mb-3">
+              <div>
+                <p class="text-muted text-uppercase small mb-1">{{ loop.index }} · Focus Area</p>
+                <h2 class="h6 mb-0">{{ card.title }}</h2>
+              </div>
+              <span class="badge rounded-pill badge-tag badge-{{ card.badge }} text-uppercase">{{ card.direction }}</span>
+            </div>
+            <dl class="row g-0 small mb-2">
+              <dt class="col-6 text-muted">Current</dt>
+              <dd class="col-6 text-end fw-semibold">{{ card.current }}</dd>
+              <dt class="col-6 text-muted">Target</dt>
+              <dd class="col-6 text-end fw-semibold">{{ card.target }}</dd>
+              <dt class="col-6 text-muted">Delta</dt>
+              <dd class="col-6 text-end">{{ card.delta }}</dd>
+              <dt class="col-6 text-muted">Shift</dt>
+              <dd class="col-6 text-end">{{ card.percent }}</dd>
+            </dl>
+            <p class="small text-muted mb-0">{{ card.descriptor }}</p>
+          </div>
+        </div>
+      {% endfor %}
+    </div>
+  {% endif %}
+
   <div class="row g-4">
     <div class="col-lg-8">
       <section class="card border-0 shadow-sm h-100">
@@ -21,11 +50,33 @@ <h2 class="h6 text-uppercase text-muted">Business Forecast</h2>
           </article>
           <article class="mb-4">
             <h2 class="h6 text-uppercase text-muted">Risk Management</h2>
-            <p class="mb-0">{{ analysis.risk_management }}</p>
+            {% set risk_lines = analysis.risk_management.split('\n') %}
+            {% if risk_lines|length > 1 %}
+              <ul class="insight-list mb-0">
+                {% for line in risk_lines %}
+                  {% if line.strip() %}
+                    <li>{{ line }}</li>
+                  {% endif %}
+                {% endfor %}
+              </ul>
+            {% else %}
+              <p class="mb-0">{{ analysis.risk_management }}</p>
+            {% endif %}
           </article>
           <article>
             <h2 class="h6 text-uppercase text-muted">Key Recommendations</h2>
-            <p class="mb-0">{{ analysis.recommendations }}</p>
+            {% set recommendation_lines = analysis.recommendations.split('\n') %}
+            {% if recommendation_lines|length > 1 %}
+              <ul class="insight-list mb-0">
+                {% for item in recommendation_lines %}
+                  {% if item.strip() %}
+                    <li>{{ item }}</li>
+                  {% endif %}
+                {% endfor %}
+              </ul>
+            {% else %}
+              <p class="mb-0">{{ analysis.recommendations }}</p>
+            {% endif %}
           </article>
         </div>
       </section>
@@ -61,6 +112,39 @@ <h3 class="h6 text-uppercase">Threats</h3>
           </div>
         </div>
       </section>
+
+      {% if scenario.additional_notes %}
+        <section class="card border-0 shadow-sm mt-4">
+          <div class="card-body p-4">
+            <h2 class="h6 text-uppercase text-muted">Scenario Notes</h2>
+            <p class="mb-0">{{ scenario.additional_notes }}</p>
+          </div>
+        </section>
+      {% endif %}
+
+      {% if scenario.uploaded_documents %}
+        <section class="card border-0 shadow-sm mt-4">
+          <div class="card-body p-4">
+            <h2 class="h5 mb-3">Document intelligence</h2>
+            <p class="small text-muted">Key highlights extracted from your upload. Full excerpts are trimmed for security before being shared with ChatGPT.</p>
+            <div class="document-grid">
+              {% for doc in scenario.uploaded_documents %}
+                <article class="document-chip">
+                  <div class="d-flex justify-content-between align-items-start mb-2">
+                    <div>
+                      <h3 class="h6 mb-0">{{ doc.filename }}</h3>
+                      <p class="small text-muted mb-0">{{ doc.summary }}</p>
+                    </div>
+                    <span class="badge bg-light text-primary fw-semibold">{{ doc.size_kb }} KB</span>
+                  </div>
+                  <div class="document-meta small text-muted mb-2">{{ doc.format|upper }} · {{ doc.line_count }} lines processed</div>
+                  <pre class="document-preview">{{ doc.excerpt }}</pre>
+                </article>
+              {% endfor %}
+            </div>
+          </div>
+        </section>
+      {% endif %}
     </div>
 
     <div class="col-lg-4">
@@ -77,7 +161,7 @@ <h2 class="h5 mb-4">Financial Trajectory</h2>
       <section class="card border-0 shadow-sm mt-4">
         <div class="card-body p-4">
           <h2 class="h6 text-uppercase text-muted">Scenario Summary</h2>
-          <dl class="row small mb-0">
+          <dl class="row small mb-3">
             <dt class="col-6 text-muted">Risk tolerance</dt>
             <dd class="col-6 text-end">{{ scenario.risk_tolerance }}</dd>
             <dt class="col-6 text-muted">Current revenue</dt>
@@ -93,6 +177,19 @@ <h2 class="h6 text-uppercase text-muted">Scenario Summary</h2>
             <dt class="col-6 text-muted">Target market share</dt>
             <dd class="col-6 text-end">{{ '{:.2f}%'.format(scenario.market_share_target) }}</dd>
           </dl>
+          <div class="risk-panel">
+            <div class="d-flex justify-content-between align-items-center mb-2">
+              <div>
+                <p class="text-uppercase small text-muted mb-1">Risk posture</p>
+                <h3 class="h6 mb-0">{{ risk_profile.label }}</h3>
+              </div>
+              <div class="risk-score">{{ risk_profile.score }}/5</div>
+            </div>
+            <div class="progress risk-progress mb-2">
+              <div class="progress-bar" role="progressbar" style="width: {{ risk_profile.progress }}%" aria-valuenow="{{ risk_profile.progress }}" aria-valuemin="0" aria-valuemax="100"></div>
+            </div>
+            <p class="small text-muted mb-0">{{ risk_profile.description }}</p>
+          </div>
         </div>
       </section>
     </div>