Deploy SovAPI Arena Docker Space

.dockerignore

@@ -0,0 +1,8 @@
+__pycache__/
+*.py[cod]
+.pytest_cache/
+.ruff_cache/
+.mypy_cache/
+.git/
+.env
+.env.*

Dockerfile

@@ -0,0 +1,24 @@
+FROM python:3.12-slim-bookworm@sha256:76d4b7b6305788c6b4c6a19d6a22a3921bf802e9af4d5e1e5bd771208dba74bf
+
+ENV HOME=/home/user \
+    PATH=/home/user/.local/bin:$PATH \
+    PYTHONDONTWRITEBYTECODE=1 \
+    PYTHONUNBUFFERED=1
+
+RUN useradd --create-home --uid 1000 user
+
+USER user
+WORKDIR $HOME/app
+
+COPY --chown=user requirements.txt ./
+RUN python -m pip install --user --no-cache-dir --upgrade pip \
+    && python -m pip install --user --no-cache-dir -r requirements.txt
+
+COPY --chown=user app.py index.html legal.html terms.html ./
+
+EXPOSE 7860
+
+HEALTHCHECK --interval=30s --timeout=5s --start-period=10s --retries=3 \
+    CMD python -c "import urllib.request; urllib.request.urlopen('http://127.0.0.1:7860/health', timeout=3)"
+
+CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "7860", "--proxy-headers", "--forwarded-allow-ips", "*"]

README.md

@@ -1,12 +1,141 @@
 ---
-title: Sovapi Arena
+title: SovAPI Arena
 emoji: ⚡
-colorFrom: pink
-colorTo: purple
+colorFrom: yellow
+colorTo: gray
 sdk: docker
-pinned: false
+app_port: 7860
 license: apache-2.0
 short_description: Compare SovAPI sovereign inference with leading AI models.
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# SovAPI Arena page
+
+Forkable HTML Space for the public Arena comparison.
+
+Active client direction as of 2026-07-07: align this Space with the Manus visual
+reference
+`https://predeploy-54834d22-sovapi-bfbjw6da-2xnytaovact3rest.manus.space`, launch without
+waiting for DeepSeek, and position the demo around Qwen3-Coder plus Gemma 4. Legal
+notices and terms are now active long-form pages. Legal includes a contextual GDPR notice
+covering the Arena's implemented data flow and user rights; final legal approval remains
+owned by SovInfra.
+
+Local update on 2026-07-07: `index.html` has been visually aligned with the Manus
+reference while keeping the existing safe `/v1/challenge` contract.
+
+Client update on 2026-07-09: a newer English Manus reference exists at
+`https://predeploy-5553c316-sovapi-bfbjw6da-okbabhpaajvgdv9t.manus.space`. It includes a
+transcription/vocal tab, but Thierry explicitly deferred transcription. The Monday
+2026-07-13 target is only the core Arena/SovAPI path with a sovereign key and
+`https://api.sovinfra.ai/v1`.
+
+Implementation update on 2026-07-09: the Space UI is aligned to the English Arena copy,
+adds the `reasoning` terrain, keeps the transcription tab absent, and degrades gracefully
+when the challenger route is not yet configured. The SovAPI side remains executable on
+its own.
+
+Historical runtime note on 2026-07-09: only the Code terrain was live and OpenRouter was
+not provisioned. This is superseded: the server-side challenger and four approved terrains
+are deployed on Shadow. Agent existed from 2026-07-12 to 2026-07-16 and was then retired
+at Thierry's request because it duplicated Structure without executing a tool.
+
+Client validation on 2026-07-07: the Space fixed price is accepted, `/v1/challenge` is
+included in that scope, OpenRouter stays server-side only, and the reasoning terrain
+should run through modeless `sovapi` routing without a DeepSeek dependency.
+
+`app.py` serves:
+
+- a locked CTA when `SOVINFRA_API_KEY` is absent;
+- the HTML challenge page when the fork has `SOVINFRA_API_KEY` configured.
+
+The key is never embedded in the HTML response.
+
+The browser never receives provider keys. It calls:
+
+- `GET /v1/challenge/models` for the challenger model selector.
+- `POST /v1/challenge` twice per duel, once with `side=sovapi` and once with
+  `side=challenger`.
+
+The active terrain order is `code`, `audit`, `json`, `reasoning`. The schema deliberately
+rejects legacy `agent` requests.
+The live card shows the internal model selected by SovAPI and separate total-latency and
+TTFT ratios. The share PNG keeps those measured ratios, uses the fixed
+`SOVINFRA | SOVEREIGN` brand banner, keeps the left column title as `SovAPI`, and labels
+the sovereign model row with the active product lane (`SovAPI Code`, `SovAPI Analysis`,
+`SovAPI Structure`, or `SovAPI Reasoning`). Challenger attribution remains visible and
+unchanged.
+
+Arena runtime update on 2026-07-16: the live sovereign column uses the selected lane label
+(`SOVAPI CODE`, `SOVAPI ANALYSIS`, `SOVAPI STRUCTURE`, or `SOVAPI REASONING`). In the
+generated share artifact, that dynamic label appears only in the sovereign `MODEL` row
+while the brand banner and column title remain fixed. The
+challenger title and model badge remain unchanged. The public stack cards now describe
+`Gemma 4 31B FP8` as `Text, vision and extraction` and `BGE-M3 + ChromaDB` as
+`Long-term memory and search`. LiteLLM keeps the stable public alias `gemma-4-31b` but
+routes it to GPUStack model `gemma-4-31B-it-fp8` on H200. The challenge relay uses the
+gateway stream timeout budget and emits `challenge.error` so the browser can retry an
+interrupted upstream SSE instead of retaining a partial duel.
+
+Challenger quota update on 2026-07-16: every click starts a fresh duel id with an isolated
+30,000-token budget. Retries retain that duel id and are not recounted as new duels. A
+Redis-backed source-IP ceiling allows 100 unique duels per rolling 24-hour window; the
+global 500-duel/24-hour guard remains active. HTTP 429 is never retried by the browser.
+The page distinguishes a per-duel token limit, a source-IP daily limit, global daily
+capacity, provider auth/credit/rate limit, and transient upstream interruption. Never
+replace these states with a fixed missing-key message. The live release gate must include
+real Challenger probes through `scripts/acceptance_arena_stability.py --challenger-runs N`
+and verify that each probe receives a fresh 30,000-token budget.
+
+This contract is active on Shadow. The production gate passes controlled duel/IP 429
+cases, exact reconciliation from provider `usage.input_tokens` and `usage.output_tokens`,
+12/12 sovereign routes, 3/3 real isolated Challenger calls, and two consecutive nominal
+duels in WebKit iPhone and Chrome with no console or page error. See
+`docs/recette-arena-quota-par-duel-2026-07-16.md`.
+
+Until the Option B DNS cutover is complete, the hosted Arena uses
+`https://api.sovinfra.cloud` as its browser API origin because `api.sovinfra.ai` still
+resolves to Vercel. The API ACCESS examples intentionally retain the final product URL
+`https://api.sovinfra.ai/v1`. The fork wrapper uses the same `.cloud` default unless
+`SOVAPI_BASE_URL` is set explicitly.
+
+The API route injects `SOVAPI_CHALLENGE_SOVAPI_API_KEY` and
+`SOVAPI_CHALLENGE_OPENROUTER_API_KEY` server-side. The gateway atomically reserves a
+worst-case OpenRouter budget before the call, then reconciles it from the provider's real
+usage. The caps are 30,000 tokens per duel, 100 unique duels per source IP over 24 hours,
+and 500 unique duels globally over 24 hours.
+
+The 2026-07-07 Manus mockup shows an optional visitor OpenRouter key field, but the
+client validated the safer server-side-only implementation. Do not add a browser-visible
+OpenRouter key input.
+
+## Local preview
+
+Open `index.html` directly in a browser for static review. Live execution requires a
+running gateway exposing `/v1/challenge` and permissive CORS for the page origin.
+
+Run as a local Space wrapper:
+
+```powershell
+$env:SOVINFRA_API_KEY = "local-presence-only"
+uvicorn spaces.sovapi_challenge.app:app --reload
+```
+
+## Required gateway env
+
+- `SOVAPI_CHALLENGE_SOVAPI_BASE_URL`: SovAPI base URL, default `http://127.0.0.1:8000`
+- `SOVAPI_CHALLENGE_SOVAPI_API_KEY`: controlled demo key for SovAPI side
+- `SOVAPI_CHALLENGE_OPENROUTER_BASE_URL`: default `https://openrouter.ai/api/v1`
+- `SOVAPI_CHALLENGE_OPENROUTER_API_KEY`: server-side OpenRouter key
+- `SOVAPI_CHALLENGE_TOKEN_SESSION_LIMIT`: legacy env name, now the per-duel cap; default `30000`
+- `SOVAPI_CHALLENGE_CLIENT_REQUEST_LIMIT`: unique duels per source IP; default `100`
+- `SOVAPI_CHALLENGE_CLIENT_WINDOW_SECONDS`: source-IP window; default `86400`
+- `SOVAPI_CHALLENGE_GLOBAL_REQUEST_LIMIT`: global unique-duel cap; default `500`
+- `SOVAPI_CHALLENGE_GLOBAL_WINDOW_SECONDS`: global window; default `86400`
+- `SOVAPI_CHALLENGE_CATALOG_MODELS`: comma-separated fallback model ids
+
+## Metrics
+
+Displayed GPU/network/cost/token metrics are read from upstream response chunks when
+present. Missing upstream values are rendered as unavailable; the UI must not ship
+hardcoded performance numbers.

__init__.py

@@ -0,0 +1 @@
+"""Autonomous challenge page assets for SovAPI."""

app.py

@@ -0,0 +1,112 @@
+from __future__ import annotations
+
+import os
+from html import escape
+from pathlib import Path
+
+from fastapi import FastAPI
+from fastapi.responses import HTMLResponse
+
+INDEX_PATH = Path(__file__).with_name("index.html")
+LEGAL_PATH = Path(__file__).with_name("legal.html")
+TERMS_PATH = Path(__file__).with_name("terms.html")
+DEFAULT_API_BASE = "https://api.sovinfra.cloud"
+DEFAULT_SIGNUP_URL = "https://app.sovinfra.ai"
+
+app = FastAPI(title="SovAPI Arena Space")
+
+
+@app.get("/health")
+async def health() -> dict[str, str]:
+    """Expose a lightweight container health endpoint."""
+    return {"status": "ok"}
+
+
+@app.get("/", response_class=HTMLResponse)
+async def index() -> HTMLResponse:
+    """Serve the forkable HTML challenge Space."""
+    api_key = os.getenv("SOVINFRA_API_KEY", "").strip()
+    if not api_key:
+        return HTMLResponse(locked_html(signup_url()))
+    return HTMLResponse(render_index(api_base()))
+
+
+@app.get("/legal", response_class=HTMLResponse)
+async def legal() -> HTMLResponse:
+    """Serve the legal notice page."""
+    return HTMLResponse(LEGAL_PATH.read_text(encoding="utf-8"))
+
+
+@app.get("/terms", response_class=HTMLResponse)
+async def terms() -> HTMLResponse:
+    """Serve the terms page."""
+    return HTMLResponse(TERMS_PATH.read_text(encoding="utf-8"))
+
+
+def render_index(base_url: str) -> str:
+    """Render the static challenge page with public runtime config only."""
+    html = INDEX_PATH.read_text(encoding="utf-8")
+    public_config = f'<script>window.SOVAPI_API_BASE = "{escape(base_url)}";</script>'
+    return html.replace("</head>", f"{public_config}</head>")
+
+
+def api_base() -> str:
+    """Return the public SovAPI base URL used by browser calls."""
+    return os.getenv("SOVAPI_BASE_URL", DEFAULT_API_BASE).rstrip("/") or DEFAULT_API_BASE
+
+
+def signup_url() -> str:
+    """Return the SovInfra OAuth portal URL used by locked forks."""
+    return os.getenv("SOVINFRA_SIGNUP_URL", DEFAULT_SIGNUP_URL).strip() or DEFAULT_SIGNUP_URL
+
+
+def locked_html(signup: str) -> str:
+    """Render the locked state shown when a fork has no SovAPI key."""
+    safe_signup = escape(signup)
+    return f"""<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>SovAPI Arena locked</title>
+    <style>
+      body {{
+        background: #071728;
+        color: #f7fafc;
+        font-family: Inter, ui-sans-serif, system-ui, sans-serif;
+        margin: 0;
+        min-height: 100vh;
+        display: grid;
+        place-items: center;
+      }}
+      main {{
+        border: 1px solid #244460;
+        border-radius: 8px;
+        max-width: 640px;
+        padding: 28px;
+      }}
+      a {{
+        background: #ff7a1a;
+        border-radius: 6px;
+        color: #111827;
+        display: inline-block;
+        font-weight: 700;
+        margin-top: 16px;
+        padding: 12px 16px;
+        text-decoration: none;
+      }}
+      code {{ color: #ffb578; }}
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>SovAPI key required</h1>
+      <p>
+        This Arena fork does not have a SovAPI key yet. Create a trial key from the
+        SovInfra portal, then add it to the Hugging Face secrets as
+        <code>SOVINFRA_API_KEY</code>.
+      </p>
+      <a href="{safe_signup}" rel="noopener noreferrer">Create my SovAPI key</a>
+    </main>
+  </body>
+</html>"""

index.html

@@ -0,0 +1,2122 @@
+<!doctype html>
+<html lang="en" data-theme="light">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>SovAPI Arena</title>
+    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%230b1620'/%3E%3Ctext x='16' y='22' font-size='18' text-anchor='middle' fill='%23ff7a1a' font-family='Arial'%3ES%3C/text%3E%3C/svg%3E" />
+    <script>
+      try {
+        const savedTheme = localStorage.getItem("sovapi.theme");
+        if (savedTheme === "light" || savedTheme === "dark") {
+          document.documentElement.dataset.theme = savedTheme;
+        }
+      } catch (_error) {
+        // Storage can be unavailable in private or embedded browser contexts.
+      }
+    </script>
+    <style>
+      :root {
+        color-scheme: light;
+        --paper: #f3eadc;
+        --paper-deep: #e7d8c3;
+        --panel: #fff8ec;
+        --panel-strong: #f7e5ce;
+        --ink: #15110d;
+        --muted: #6f6255;
+        --line: #201812;
+        --line-soft: rgba(32, 24, 18, 0.22);
+        --orange: #ff5a1f;
+        --orange-dark: #c83a10;
+        --green: #26744b;
+        --danger: #bb2c2c;
+        --input: #fffdf7;
+        --shadow: 8px 8px 0 rgba(21, 17, 13, 0.16);
+      }
+
+      html[data-theme="dark"] {
+        color-scheme: dark;
+        --paper: #15110d;
+        --paper-deep: #231a14;
+        --panel: #201811;
+        --panel-strong: #2d2118;
+        --ink: #fff8ec;
+        --muted: #c5b39f;
+        --line: #f3eadc;
+        --line-soft: rgba(243, 234, 220, 0.2);
+        --orange: #ff7a2d;
+        --orange-dark: #ff5a1f;
+        --green: #64c18a;
+        --danger: #ff7777;
+        --input: #17120d;
+        --shadow: 8px 8px 0 rgba(0, 0, 0, 0.38);
+      }
+
+      * {
+        box-sizing: border-box;
+      }
+
+      html {
+        min-width: 320px;
+      }
+
+      body {
+        background:
+          linear-gradient(90deg, var(--line-soft) 1px, transparent 1px) 0 0 / 42px 42px,
+          linear-gradient(var(--line-soft) 1px, transparent 1px) 0 0 / 42px 42px,
+          var(--paper);
+        color: var(--ink);
+        font-family:
+          "IBM Plex Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+          "Segoe UI", sans-serif;
+        font-size: 16px;
+        line-height: 1.45;
+        margin: 0;
+      }
+
+      button,
+      input,
+      select,
+      textarea {
+        font: inherit;
+      }
+
+      a {
+        color: inherit;
+      }
+
+      button:focus-visible,
+      a:focus-visible,
+      select:focus-visible,
+      textarea:focus-visible {
+        outline: 3px solid var(--orange);
+        outline-offset: 2px;
+      }
+
+      .page {
+        margin: 0 auto;
+        max-width: 1320px;
+        padding: 18px;
+      }
+
+      .topbar {
+        align-items: center;
+        border: 2px solid var(--line);
+        background: var(--panel);
+        display: flex;
+        gap: 16px;
+        justify-content: space-between;
+        min-height: 68px;
+        padding: 12px 14px;
+      }
+
+      .brand-mark {
+        align-items: center;
+        display: flex;
+        gap: 12px;
+        min-width: 0;
+      }
+
+      .brand-badge {
+        align-items: center;
+        background: var(--ink);
+        color: var(--paper);
+        display: inline-flex;
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 12px;
+        font-weight: 800;
+        height: 38px;
+        justify-content: center;
+        letter-spacing: 0;
+        min-width: 38px;
+      }
+
+      .brand-copy {
+        display: grid;
+        gap: 2px;
+      }
+
+      .brand-copy strong {
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 13px;
+        letter-spacing: 0.04em;
+        text-transform: uppercase;
+      }
+
+      .brand-copy span {
+        color: var(--muted);
+        font-size: 13px;
+      }
+
+      .topnav {
+        align-items: center;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        justify-content: flex-end;
+      }
+
+      .nav-link,
+      .button,
+      .tab,
+      .terrain-button {
+        border: 2px solid var(--line);
+        cursor: pointer;
+        min-height: 42px;
+      }
+
+      .nav-link {
+        align-items: center;
+        background: transparent;
+        display: inline-flex;
+        font-size: 13px;
+        font-weight: 800;
+        justify-content: center;
+        padding: 0 12px;
+        text-decoration: none;
+        text-transform: uppercase;
+      }
+
+      .nav-link:hover,
+      .button.secondary:hover,
+      .terrain-button:hover {
+        background: var(--panel-strong);
+      }
+
+      .button {
+        align-items: center;
+        background: var(--orange);
+        color: #120b07;
+        display: inline-flex;
+        font-weight: 900;
+        justify-content: center;
+        min-width: 0;
+        padding: 0 16px;
+        text-transform: uppercase;
+      }
+
+      .step .button {
+        margin-top: 12px;
+      }
+
+      .button.secondary {
+        background: transparent;
+        color: var(--ink);
+      }
+
+      .button:disabled,
+      select:disabled {
+        cursor: not-allowed;
+        opacity: 0.55;
+      }
+
+      .hero {
+        display: grid;
+        gap: 20px;
+        grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
+        padding: 34px 0 18px;
+      }
+
+      .hero-copy {
+        min-width: 0;
+      }
+
+      .eyebrow-row {
+        align-items: center;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        margin-bottom: 16px;
+      }
+
+      .eyebrow {
+        border: 2px solid var(--line);
+        background: var(--panel);
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 12px;
+        font-weight: 800;
+        padding: 7px 10px;
+        text-transform: uppercase;
+      }
+
+      .hero h1 {
+        font-family:
+          "Arial Black", Impact, "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
+        font-size: clamp(58px, 12vw, 164px);
+        letter-spacing: 0;
+        line-height: 0.86;
+        margin: 0;
+        text-transform: uppercase;
+      }
+
+      .hero-lede {
+        border-left: 8px solid var(--orange);
+        color: var(--muted);
+        font-size: clamp(19px, 2.4vw, 30px);
+        font-weight: 700;
+        line-height: 1.15;
+        margin: 24px 0 0;
+        max-width: 900px;
+        padding-left: 18px;
+      }
+
+      .proof-grid {
+        display: grid;
+        gap: 8px;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        margin-top: 24px;
+        max-width: 820px;
+      }
+
+      .proof-chip {
+        border: 2px solid var(--line);
+        background: var(--panel);
+        min-height: 58px;
+        padding: 10px 12px;
+      }
+
+      .proof-chip strong {
+        display: block;
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 12px;
+        text-transform: uppercase;
+      }
+
+      .proof-chip span {
+        color: var(--muted);
+        display: block;
+        font-size: 13px;
+        margin-top: 2px;
+      }
+
+      .status-panel {
+        align-self: end;
+        background: var(--ink);
+        border: 2px solid var(--line);
+        color: var(--paper);
+        min-height: 260px;
+        padding: 18px;
+        position: relative;
+      }
+
+      html[data-theme="dark"] .status-panel {
+        background: var(--panel);
+        color: var(--ink);
+      }
+
+      .status-panel:before {
+        border: 2px solid var(--orange);
+        bottom: 12px;
+        content: "";
+        left: 12px;
+        pointer-events: none;
+        position: absolute;
+        right: 12px;
+        top: 12px;
+      }
+
+      .status-panel h2 {
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 13px;
+        letter-spacing: 0.04em;
+        margin: 0 0 18px;
+        text-transform: uppercase;
+      }
+
+      .status-metric {
+        border-top: 1px solid currentColor;
+        display: flex;
+        gap: 14px;
+        justify-content: space-between;
+        padding: 12px 0;
+        position: relative;
+        z-index: 1;
+      }
+
+      .status-metric span {
+        color: inherit;
+        opacity: 0.72;
+      }
+
+      .status-link {
+        display: inline-flex;
+        font-weight: 800;
+        margin-top: 14px;
+        position: relative;
+        text-transform: uppercase;
+        z-index: 1;
+      }
+
+      .status {
+        align-items: center;
+        background: var(--panel);
+        border: 2px solid var(--line);
+        display: flex;
+        gap: 14px;
+        justify-content: space-between;
+        margin: 0 0 14px;
+        padding: 12px 14px;
+      }
+
+      .status strong {
+        color: var(--orange-dark);
+      }
+
+      .status span,
+      .muted {
+        color: var(--muted);
+      }
+
+      .tabs {
+        background: var(--line);
+        border: 2px solid var(--line);
+        display: flex;
+        gap: 2px;
+        margin: 18px 0;
+        max-width: 100%;
+        overflow-x: auto;
+        padding: 2px;
+        scrollbar-width: thin;
+      }
+
+      .tab {
+        background: var(--panel);
+        color: var(--muted);
+        flex: 0 0 auto;
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 12px;
+        font-weight: 800;
+        padding: 0 14px;
+        text-transform: uppercase;
+      }
+
+      .tab[aria-selected="true"] {
+        background: var(--orange);
+        color: #120b07;
+      }
+
+      .tab[disabled] {
+        cursor: default;
+        opacity: 0.7;
+      }
+
+      .view[hidden] {
+        display: none;
+      }
+
+      .challenge-grid {
+        display: grid;
+        gap: 18px;
+        grid-template-columns: minmax(290px, 410px) minmax(0, 1fr);
+      }
+
+      .challenge-grid > *,
+      .duel > * {
+        min-width: 0;
+      }
+
+      .panel,
+      .metric,
+      .step,
+      .code-block {
+        background: var(--panel);
+        border: 2px solid var(--line);
+      }
+
+      .panel {
+        padding: 16px;
+      }
+
+      .control-panel {
+        box-shadow: var(--shadow);
+      }
+
+      .section-kicker {
+        color: var(--muted);
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 12px;
+        font-weight: 800;
+        margin: 0 0 6px;
+        text-transform: uppercase;
+      }
+
+      .section-title {
+        font-size: 28px;
+        line-height: 1;
+        margin: 0 0 14px;
+        text-transform: uppercase;
+      }
+
+      .field {
+        display: grid;
+        gap: 8px;
+        margin-bottom: 14px;
+      }
+
+      label {
+        color: var(--muted);
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 12px;
+        font-weight: 800;
+        text-transform: uppercase;
+      }
+
+      select,
+      textarea {
+        background: var(--input);
+        border: 2px solid var(--line);
+        color: var(--ink);
+        min-height: 46px;
+        padding: 11px 12px;
+        width: 100%;
+      }
+
+      textarea {
+        min-height: 190px;
+        resize: vertical;
+      }
+
+      .terrain-select {
+        display: none;
+      }
+
+      .terrain-grid {
+        display: grid;
+        gap: 8px;
+        grid-template-columns: 1fr;
+      }
+
+      .terrain-button {
+        background: var(--input);
+        color: var(--ink);
+        display: grid;
+        gap: 2px;
+        min-height: 64px;
+        padding: 10px 12px;
+        text-align: left;
+      }
+
+      .terrain-button strong {
+        font-size: 15px;
+        text-transform: uppercase;
+      }
+
+      .terrain-button span {
+        color: var(--muted);
+        font-size: 13px;
+      }
+
+      .terrain-button[aria-pressed="true"] {
+        background: var(--orange);
+        color: #120b07;
+      }
+
+      .terrain-button[aria-pressed="true"] span {
+        color: #3d1b0d;
+      }
+
+      .duel {
+        display: grid;
+        gap: 16px;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+
+      .duel-panel {
+        display: grid;
+        grid-template-rows: auto minmax(260px, 1fr) auto;
+        min-height: 100%;
+      }
+
+      .duel-panel > * {
+        max-width: 100%;
+        min-width: 0;
+      }
+
+      .output {
+        background: var(--input);
+        border: 2px solid var(--line);
+        min-height: 260px;
+        overflow: auto;
+        padding: 13px;
+        white-space: pre-wrap;
+        word-break: break-word;
+      }
+
+      .output:empty:before {
+        color: var(--muted);
+        content: "Waiting for stream.";
+      }
+
+      .panel-title {
+        align-items: flex-start;
+        display: flex;
+        gap: 10px;
+        justify-content: space-between;
+        margin-bottom: 12px;
+      }
+
+      .panel-title h2 {
+        font-size: 24px;
+        line-height: 1;
+        margin: 0;
+        text-transform: uppercase;
+      }
+
+      .badge {
+        background: var(--ink);
+        border: 2px solid var(--line);
+        color: var(--paper);
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 12px;
+        font-weight: 800;
+        max-width: 100%;
+        overflow: hidden;
+        padding: 5px 8px;
+        text-overflow: ellipsis;
+        text-transform: uppercase;
+        white-space: nowrap;
+      }
+
+      html[data-theme="dark"] .badge {
+        background: var(--orange);
+        color: #120b07;
+      }
+
+      .metrics {
+        display: grid;
+        gap: 8px;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        margin-top: 12px;
+      }
+
+      .metric {
+        min-height: 62px;
+        padding: 9px;
+      }
+
+      .metric span {
+        color: var(--muted);
+        display: block;
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 11px;
+        font-weight: 800;
+        text-transform: uppercase;
+      }
+
+      .metric strong {
+        display: block;
+        margin-top: 3px;
+        overflow-wrap: anywhere;
+      }
+
+      .verdict {
+        background: var(--panel);
+        border: 2px solid var(--line);
+        border-left: 12px solid var(--orange);
+        display: grid;
+        font-weight: 800;
+        gap: 4px;
+        margin-top: 16px;
+        padding: 12px 14px;
+      }
+
+      .verdict strong {
+        font-size: 18px;
+      }
+
+      .verdict span {
+        color: var(--orange-dark);
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 14px;
+        text-transform: uppercase;
+      }
+
+      .verdict small {
+        color: var(--muted);
+        font-weight: 700;
+      }
+
+      .live-note,
+      .reference-note {
+        color: var(--muted);
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 12px;
+        font-weight: 800;
+        letter-spacing: 0;
+        margin: 8px 0 0;
+        text-transform: uppercase;
+      }
+
+      .live-note strong,
+      .reference-note strong {
+        color: var(--ink);
+      }
+
+      .actions {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 10px;
+        margin-top: 14px;
+      }
+
+      .benchmark-grid {
+        display: grid;
+        gap: 16px;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+
+      .benchmark-card {
+        min-height: 190px;
+      }
+
+      .benchmark-card strong {
+        display: block;
+        font-size: clamp(34px, 7vw, 78px);
+        letter-spacing: 0;
+        line-height: 0.9;
+        margin: 6px 0 10px;
+        text-transform: uppercase;
+      }
+
+      .stat-strip {
+        background: var(--orange);
+        border: 2px solid var(--line);
+        color: #120b07;
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: clamp(22px, 5vw, 54px);
+        font-weight: 900;
+        line-height: 0.95;
+        margin-bottom: 16px;
+        padding: 18px;
+        text-transform: uppercase;
+      }
+
+      .api-grid {
+        display: grid;
+        gap: 16px;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+
+      .step,
+      .code-block {
+        padding: 16px;
+      }
+
+      .step h2,
+      .panel h2 {
+        line-height: 1.1;
+        margin-top: 0;
+      }
+
+      pre {
+        margin: 0;
+        overflow-x: auto;
+        white-space: pre;
+      }
+
+      code {
+        font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-size: 13px;
+      }
+
+      table {
+        border-collapse: collapse;
+        width: 100%;
+      }
+
+      .table-scroll {
+        margin-top: 10px;
+        max-width: 100%;
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+      }
+
+      .table-scroll table {
+        min-width: 640px;
+      }
+
+      td,
+      th {
+        border-bottom: 2px solid var(--line);
+        padding: 10px;
+        text-align: left;
+        vertical-align: top;
+      }
+
+      .footer {
+        align-items: center;
+        border-top: 2px solid var(--line);
+        color: var(--muted);
+        display: flex;
+        flex-wrap: wrap;
+        gap: 12px;
+        justify-content: space-between;
+        margin-top: 28px;
+        padding: 18px 0 0;
+      }
+
+      .footer-links {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 12px;
+      }
+
+      .footer a {
+        font-weight: 800;
+      }
+
+      @media (max-width: 980px) {
+        .hero,
+        .challenge-grid,
+        .duel,
+        .api-grid,
+        .benchmark-grid {
+          grid-template-columns: 1fr;
+        }
+
+        .status-panel {
+          min-height: 220px;
+        }
+      }
+
+      @media (max-width: 700px) {
+        .page {
+          padding: 12px;
+        }
+
+        .topbar,
+        .status {
+          align-items: flex-start;
+          flex-direction: column;
+        }
+
+        .topnav {
+          justify-content: flex-start;
+          width: 100%;
+        }
+
+        .nav-link,
+        .topnav .button {
+          flex: 1 1 130px;
+        }
+
+        .hero {
+          padding-top: 24px;
+        }
+
+        .hero h1 {
+          font-size: clamp(54px, 23vw, 96px);
+        }
+
+        .proof-grid,
+        .metrics {
+          grid-template-columns: 1fr;
+        }
+
+        .tabs {
+          flex-wrap: wrap;
+          overflow: visible;
+        }
+
+        .tab {
+          flex: 1 1 calc(50% - 2px);
+        }
+
+        .panel {
+          padding: 12px;
+        }
+
+        .table-scroll {
+          border-left: 2px solid var(--line);
+          border-right: 2px solid var(--line);
+          margin-left: -2px;
+          margin-right: -2px;
+          padding: 0 8px 6px;
+        }
+
+        textarea {
+          min-height: 170px;
+        }
+      }
+
+      @media (prefers-reduced-motion: no-preference) {
+        .button,
+        .nav-link,
+        .tab,
+        .terrain-button {
+          transition:
+            background 140ms ease,
+            color 140ms ease,
+            transform 140ms ease;
+        }
+
+        .button:hover,
+        .nav-link:hover,
+        .tab:not([disabled]):hover,
+        .terrain-button:hover {
+          transform: translate(-1px, -1px);
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <main class="page">
+      <header class="topbar">
+        <div class="brand-mark">
+          <span class="brand-badge">S</span>
+          <div class="brand-copy">
+            <strong>SOVINFRA | SOVEREIGN</strong>
+            <span>European modeless inference</span>
+          </div>
+        </div>
+        <nav class="topnav" aria-label="Navigation">
+          <button class="nav-link" data-nav-tab="api" type="button">Developers</button>
+          <a class="nav-link" href="https://codeberg.org/sovinfra" rel="noopener noreferrer" target="_blank">
+            Codeberg
+          </a>
+          <a class="nav-link" data-console-link href="https://app.sovinfra.ai" rel="noopener noreferrer" target="_blank">
+            Console
+          </a>
+          <button class="button secondary" id="themeButton" type="button">Dark mode</button>
+        </nav>
+      </header>
+
+      <section class="hero" aria-labelledby="hero-title">
+        <div class="hero-copy">
+          <div class="eyebrow-row">
+            <span class="eyebrow">Sovereign AI stack</span>
+            <span class="eyebrow">July 2026</span>
+          </div>
+          <h1 id="hero-title">SovAPI</h1>
+          <p class="hero-lede">
+            Modeless inference infrastructure for sovereign, high-performance AI at token-level
+            pricing.
+          </p>
+          <div class="proof-grid" aria-label="Models and modalities">
+            <div class="proof-chip">
+              <strong>Qwen3-Coder-Next FP8</strong>
+              <span>Code and technical generation</span>
+            </div>
+            <div class="proof-chip">
+              <strong>Gemma 4 31B FP8</strong>
+              <span>Text, vision and extraction</span>
+            </div>
+            <div class="proof-chip">
+              <strong>Whisper Large V3</strong>
+              <span>FR / EN audio coverage</span>
+            </div>
+            <div class="proof-chip">
+              <strong>BGE-M3 + ChromaDB</strong>
+              <span>Long-term memory and search</span>
+            </div>
+          </div>
+        </div>
+
+        <aside class="status-panel" aria-label="Resume infrastructure">
+          <h2>Live stack</h2>
+          <div class="status-metric">
+            <span>Mode</span>
+            <strong>Modeless</strong>
+          </div>
+          <div class="status-metric">
+            <span>Region</span>
+            <strong>Europe</strong>
+          </div>
+          <div class="status-metric">
+            <span>Input</span>
+            <strong>0,13 EUR / M in</strong>
+          </div>
+          <div class="status-metric">
+            <span>Output</span>
+            <strong>0,26 EUR / M out</strong>
+          </div>
+          <a class="status-link" href="#view-defi">Launch arena</a>
+        </aside>
+      </section>
+
+      <section class="status" aria-label="Statut infrastructure">
+        <span><strong id="statusLabel">loading live status</strong><span id="statusDetail"></span></span>
+        <a href="https://status.sovinfra.cloud/" rel="noopener noreferrer" target="_blank">
+          Full status
+        </a>
+      </section>
+
+      <nav class="tabs" aria-label="Vues">
+        <button class="tab" data-tab="defi" aria-selected="true" type="button">Arena</button>
+        <button class="tab" data-tab="speed" aria-selected="false" type="button">Speed</button>
+        <button class="tab" data-tab="best" aria-selected="false" type="button">Best-of-2</button>
+        <button class="tab" data-tab="economy" aria-selected="false" type="button">Economy</button>
+        <button class="tab" data-tab="api" aria-selected="false" type="button">API ACCESS</button>
+      </nav>
+
+      <section class="view" id="view-defi">
+        <div class="challenge-grid">
+          <aside class="panel control-panel">
+            <p class="section-kicker">Preloaded prompt</p>
+            <h2 class="section-title">The Arena</h2>
+            <div class="field">
+              <label>Terrain</label>
+              <select class="terrain-select" id="terrain" aria-label="Terrain">
+                <option value="code">Code a function</option>
+                <option value="audit">Audit a text</option>
+                <option value="json">Extract to JSON</option>
+                <option value="reasoning">Complex reasoning</option>
+              </select>
+              <div class="terrain-grid" aria-label="Terrain choices">
+                <button class="terrain-button" data-terrain="code" aria-pressed="true" type="button">
+                  <strong>Code</strong>
+                  <span>Code a function</span>
+                </button>
+                <button class="terrain-button" data-terrain="audit" aria-pressed="false" type="button">
+                  <strong>Analysis</strong>
+                  <span>Audit a text</span>
+                </button>
+                <button class="terrain-button" data-terrain="json" aria-pressed="false" type="button">
+                  <strong>Structure</strong>
+                  <span>Extract to JSON</span>
+                </button>
+                <button class="terrain-button" data-terrain="reasoning" aria-pressed="false" type="button">
+                  <strong>Reasoning</strong>
+                  <span>Stress-test modeless routing</span>
+                </button>
+              </div>
+            </div>
+            <div class="field">
+              <label for="prompt">Editable prompt</label>
+              <textarea id="prompt">Implement merge_intervals(intervals: Array&lt;[number, number]&gt;) in TypeScript. Return sorted, non-overlapping intervals. Merge touching intervals, reject invalid ranges, handle empty input and negative values, and include concise tests.</textarea>
+            </div>
+            <div class="field">
+              <label for="challenger">Challenger</label>
+              <select id="challenger">
+                <option value="anthropic/claude-sonnet-5">Claude Sonnet 5</option>
+              </select>
+              <p class="muted">The challenger runs through the server-side OpenRouter relay. No provider key is exposed in the browser.</p>
+            </div>
+            <button class="button" id="runButton" type="button">Test SovAPI</button>
+            <p class="muted" id="quotaText">Challenger cap: 30,000 tokens per duel.</p>
+          </aside>
+
+          <section>
+            <div class="duel">
+              <article class="panel duel-panel">
+                <div class="panel-title">
+                  <div>
+                    <p class="section-kicker">A - Sovereign</p>
+                    <h2 id="sovapiLaneTitle">SOVAPI CODE</h2>
+                  </div>
+                  <span class="badge">sovapi</span>
+                </div>
+                <div class="output" id="sovapiOutput"></div>
+                <div class="metrics" id="sovapiMetrics"></div>
+                <p class="live-note">Live measured from this run.</p>
+              </article>
+              <article class="panel duel-panel">
+                <div class="panel-title">
+                  <div>
+                    <p class="section-kicker">B - Challenger</p>
+                    <h2>OpenRouter</h2>
+                  </div>
+                  <span class="badge" id="challengerBadge">openrouter</span>
+                </div>
+                <div class="output" id="challengerOutput"></div>
+                <div class="metrics" id="challengerMetrics"></div>
+                <p class="live-note">Live measured from this run.</p>
+              </article>
+            </div>
+            <div class="verdict" id="verdict" aria-live="polite">
+              The live verdict appears after both measured runs complete.
+            </div>
+            <div class="actions">
+              <button class="button secondary" id="newButton" type="button">New test</button>
+              <button class="button secondary" id="shareButton" type="button" disabled>
+                Share result
+              </button>
+            </div>
+            <canvas id="shareCanvas" width="1600" height="900" hidden></canvas>
+          </section>
+        </div>
+      </section>
+
+      <section class="view" id="view-speed" hidden>
+        <div class="stat-strip">Reference target: 18x faster TTFT on the code lane</div>
+        <div class="benchmark-grid">
+          <article class="panel benchmark-card">
+            <p class="section-kicker">SovAPI code TTFT</p>
+            <strong>0.10 s</strong>
+            <p>Qwen3-Coder on H200 target path for code and technical generation.</p>
+          </article>
+          <article class="panel benchmark-card">
+            <p class="section-kicker">Code throughput</p>
+            <strong>148 tok/s</strong>
+            <p>Expected Qwen3-Coder generation rate on the dedicated code lane.</p>
+          </article>
+          <article class="panel benchmark-card">
+            <p class="section-kicker">Gemma H200 reference</p>
+            <strong>110 tok/s</strong>
+            <p>Reference throughput for Analysis and Structure once Gemma runs on H200.</p>
+          </article>
+        </div>
+        <div class="panel" style="margin-top: 16px">
+          <h2>Latency reference table</h2>
+          <p class="reference-note">
+            <strong>Reference / expected values.</strong> The Arena verdict above is recalculated
+            from each live duel.
+          </p>
+          <div class="table-scroll" role="region" aria-label="Latency reference table" tabindex="0">
+            <table>
+              <thead>
+                <tr><th>Scenario</th><th>SovAPI route</th><th>SovAPI reference</th><th>Sonnet 5 reference</th><th>Signal</th></tr>
+              </thead>
+              <tbody>
+                <tr><td>Code TTFT</td><td>Qwen3-Coder</td><td>0.10 s expected</td><td>1.80 s reference</td><td>18x faster target</td></tr>
+                <tr><td>Code throughput</td><td>Qwen3-Coder</td><td>148 tok/s expected</td><td>48 tok/s reference</td><td>3.1x more tokens/s target</td></tr>
+                <tr><td>Analysis / Structure throughput</td><td>Gemma 4 31B</td><td>110 tok/s expected</td><td>48 tok/s reference</td><td>H200 reference</td></tr>
+                <tr><td>End-to-end streaming</td><td>Modeless SovAPI</td><td>SSE direct</td><td>OpenRouter relay</td><td>Measured live only in Arena</td></tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </section>
+
+      <section class="view" id="view-best" hidden>
+        <div class="stat-strip">Anthropic-level quality, 40x cheaper, in Europe</div>
+        <div class="panel">
+          <h2>SovAPI vs Claude Sonnet 5</h2>
+          <p class="reference-note">
+            <strong>Public benchmark reference values.</strong> 5/6 wins or ties. Live Arena
+            results remain measured separately for each prompt.
+          </p>
+          <div class="table-scroll" role="region" aria-label="SovAPI versus Sonnet 5 benchmarks" tabindex="0">
+            <table>
+              <thead>
+                <tr><th>Benchmark</th><th>SovAPI</th><th>Sonnet 5</th><th>Gap</th></tr>
+              </thead>
+              <tbody>
+                <tr><td>GPQA Diamond</td><td>87%</td><td>~83%</td><td>+4 pts</td></tr>
+                <tr><td>AIME 2025</td><td>91%</td><td>~78%</td><td>+13 pts</td></tr>
+                <tr><td>MMLU Pro</td><td>86%</td><td>~86%</td><td>Tie</td></tr>
+                <tr><td>LiveCodeBench</td><td>~88%</td><td>~85%</td><td>+3 pts</td></tr>
+                <tr><td>SWE-bench Verified</td><td>~70%</td><td>~72%</td><td>-2 pts</td></tr>
+                <tr><td>BFCL v2</td><td>~89%</td><td>~88%</td><td>+1 pt</td></tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+        <div class="panel" style="margin-top: 16px">
+          <h2>SovAPI vs DeepSeek</h2>
+          <p class="reference-note">
+            <strong>Public benchmark reference values.</strong> Same price, two orchestrated
+            models versus one. 7/7 reference wins, average gap +8.7 points.
+          </p>
+          <div class="table-scroll" role="region" aria-label="SovAPI versus DeepSeek benchmarks" tabindex="0">
+            <table>
+              <thead>
+                <tr><th>Benchmark</th><th>Qwen3</th><th>Gemma 4</th><th>SovAPI</th><th>DeepSeek</th><th>Gap</th></tr>
+              </thead>
+              <tbody>
+                <tr><td>LiveCodeBench</td><td>88%</td><td>76%</td><td>88%</td><td>72%</td><td>+16 pts</td></tr>
+                <tr><td>SWE-bench Verified</td><td>70%</td><td>58%</td><td>70%</td><td>62%</td><td>+8 pts</td></tr>
+                <tr><td>BFCL v2</td><td>89%</td><td>82%</td><td>89%</td><td>78%</td><td>+11 pts</td></tr>
+                <tr><td>GPQA Diamond</td><td>85%</td><td>87%</td><td>87%</td><td>78%</td><td>+9 pts</td></tr>
+                <tr><td>AIME 2025</td><td>88%</td><td>91%</td><td>91%</td><td>85%</td><td>+6 pts</td></tr>
+                <tr><td>MMLU Pro</td><td>85%</td><td>86%</td><td>86%</td><td>82%</td><td>+4 pts</td></tr>
+                <tr><td>HumanEval+</td><td>92%</td><td>84%</td><td>92%</td><td>85%</td><td>+7 pts</td></tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </section>
+
+      <section class="view" id="view-economy" hidden>
+        <div class="stat-strip">Reference target: 40x lower unit price</div>
+        <div class="benchmark-grid">
+          <article class="panel benchmark-card">
+            <p class="section-kicker">Input</p>
+            <strong>0.13 EUR</strong>
+            <p>Per million input tokens.</p>
+          </article>
+          <article class="panel benchmark-card">
+            <p class="section-kicker">Output</p>
+            <strong>0.26 EUR</strong>
+            <p>Per million output tokens.</p>
+          </article>
+          <article class="panel benchmark-card">
+            <p class="section-kicker">Trial grant</p>
+            <strong>100 M</strong>
+            <p>Trial tokens for developers starting from API ACCESS.</p>
+          </article>
+        </div>
+        <div class="panel" style="margin-top: 16px">
+          <h2>Economy reference table</h2>
+          <p class="reference-note">
+            <strong>Reference / expected values.</strong> Per-duel cost is recalculated from
+            live token usage and OpenRouter cost data.
+          </p>
+          <div class="table-scroll" role="region" aria-label="Economy reference table" tabindex="0">
+            <table>
+              <thead>
+                <tr><th>Metric</th><th>SovAPI</th><th>Challenger</th><th>How it is shown</th></tr>
+              </thead>
+              <tbody>
+                <tr><td>Input token price</td><td>0.13 EUR / M reference grid</td><td>OpenRouter live cost</td><td>Reference grid + live usage</td></tr>
+                <tr><td>Output token price</td><td>0.26 EUR / M reference grid</td><td>OpenRouter live cost</td><td>Reference grid + live usage</td></tr>
+                <tr><td>Per-request cost</td><td>Calculated from real tokens</td><td>Read from OpenRouter headers or usage</td><td>Displayed after each live duel</td></tr>
+                <tr><td>Trial grant</td><td>100 M tokens</td><td>None</td><td>API ACCESS onboarding</td></tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </section>
+
+      <section class="view" id="view-api" hidden>
+        <div class="api-grid">
+          <div class="step">
+            <p class="section-kicker">Step 1</p>
+            <h2>Create your key</h2>
+            <p>Use GitHub or Google OAuth, then generate your trial SovAPI key.</p>
+            <a class="button" data-console-link href="https://app.sovinfra.ai" rel="noopener noreferrer" target="_blank">
+              Create my API key
+            </a>
+          </div>
+          <div class="step">
+            <p class="section-kicker">Step 2</p>
+            <h2>Change two lines</h2>
+            <p>Keep your OpenAI SDK, replace only base_url and api_key.</p>
+          </div>
+          <div class="step">
+            <p class="section-kicker">Step 3</p>
+            <h2>Call sovapi</h2>
+            <p>One public model, automatic routing by modality.</p>
+          </div>
+        </div>
+
+        <div class="panel" style="margin-top: 16px">
+          <h2>Model and pricing</h2>
+          <div class="table-scroll" role="region" aria-label="Model and pricing table" tabindex="0">
+            <table>
+              <thead>
+                <tr><th>Model</th><th>Routing</th><th>Trial grant</th><th>Price</th></tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>sovapi</td>
+                  <td>text, vision, code, audio, embeddings</td>
+                  <td>100 M tokens</td>
+                  <td>0,13 EUR / M in - 0,26 EUR / M out</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+
+        <div class="code-block" style="margin-top: 16px">
+          <pre><code>curl https://api.sovinfra.ai/v1/chat/completions \
+  -H "Authorization: Bearer $SOVINFRA_API_KEY" \
+  -H "Content-Type: application/json" \
+  -d '{"model":"sovapi","messages":[{"role":"user","content":"Hello"}]}'</code></pre>
+        </div>
+        <div class="code-block" style="margin-top: 16px">
+          <pre><code>from openai import OpenAI
+
+client = OpenAI(
+    base_url="https://api.sovinfra.ai/v1",
+    api_key="sk-sov-...",
+)
+
+response = client.chat.completions.create(
+    model="sovapi",
+    messages=[{"role": "user", "content": "Explain SovAPI in one sentence."}],
+)</code></pre>
+        </div>
+        <div class="code-block" style="margin-top: 16px">
+          <pre><code>import OpenAI from "openai";
+
+const client = new OpenAI({
+  baseURL: "https://api.sovinfra.ai/v1",
+  apiKey: process.env.SOVINFRA_API_KEY,
+});</code></pre>
+        </div>
+
+        <div class="panel" style="margin-top: 16px">
+          <h2>Compliance and sovereignty</h2>
+          <p>
+            Sovereign inference, models hosted in Europe, server-side secrets, and logs without
+            prompts or keys. Legal notices and terms are available from the footer.
+          </p>
+        </div>
+      </section>
+
+      <footer class="footer">
+        <span>SOVINFRA - FPLC SAS, 10 Place Vendome, Paris.</span>
+        <div class="footer-links">
+          <a href="https://status.sovinfra.cloud/" rel="noopener noreferrer" target="_blank">Status</a>
+          <a href="https://codeberg.org/sovinfra" rel="noopener noreferrer" target="_blank">Codeberg</a>
+          <a href="/legal">Legal</a>
+          <a href="/terms">Terms</a>
+          <a href="mailto:contact@sovinfra.ai">contact@sovinfra.ai</a>
+        </div>
+      </footer>
+    </main>
+
+    <script>
+      const REFERRAL_CODE_PATTERN = /^[a-z0-9_-]{1,64}$/;
+
+      function propagateReferralToConsole() {
+        const requestedCode = new URL(window.location.href).searchParams.get("ref");
+        const referralCode = requestedCode?.trim().toLowerCase() || "";
+        if (!REFERRAL_CODE_PATTERN.test(referralCode)) return;
+
+        document.querySelectorAll("a[data-console-link]").forEach((link) => {
+          const target = new URL(link.href);
+          if (target.origin !== "https://app.sovinfra.ai") return;
+          target.searchParams.set("ref", referralCode);
+          link.href = target.toString();
+        });
+      }
+
+      propagateReferralToConsole();
+
+      const API_BASE = window.SOVAPI_API_BASE || "https://api.sovinfra.cloud";
+      const API_FALLBACK_BASE = window.SOVAPI_API_FALLBACK_BASE || "https://api.sovinfra.cloud";
+      const API_BASES = [API_BASE];
+      if (API_FALLBACK_BASE !== API_BASE) {
+        API_BASES.push(API_FALLBACK_BASE);
+      }
+      const STATUS_SUMMARY_URL =
+        window.SOVAPI_STATUS_SUMMARY_URL || "https://api.sovinfra.cloud/health/ready";
+      const DEFAULT_CHALLENGER_MODEL = "anthropic/claude-sonnet-5";
+      const THEME_KEY = "sovapi.theme";
+      const MOBILE_RETRY_DELAYS_MS = [0, 900, 2200];
+      const DESKTOP_RETRY_DELAYS_MS = [0, 900];
+      const MOBILE_REQUEST_TIMEOUT_MS = 180000;
+      const DESKTOP_REQUEST_TIMEOUT_MS = 150000;
+      const SHARE_CARD_WIDTH = 1600;
+      const SHARE_CARD_HEIGHT = 900;
+      const SHARE_SAFE_MARGIN = 60;
+      const SHARE_CARD_LAYOUT = Object.freeze({
+        frame: { x: 62, y: 62, width: 1476, height: 776 },
+        table: { y: 250, width: 680, height: 300, leftX: 96, rightX: 824 },
+        verdict: { x: 96, y: 590, width: 1408, height: 164 },
+      });
+      const CURATED_CHALLENGERS = [
+        { id: "anthropic/claude-sonnet-5", label: "Anthropic - Claude Sonnet 5" },
+        { id: "anthropic/claude-opus-4.8", label: "Anthropic - Claude Opus 4.8" },
+        { id: "openai/gpt-5.6-luna-pro", label: "OpenAI - GPT-5.6" },
+        { id: "google/gemini-3.5-flash", label: "Google - Gemini 3.5" },
+        { id: "deepseek/deepseek-v4-pro", label: "DeepSeek V4" },
+        { id: "moonshotai/kimi-k2.7-code", label: "MoonshotAI - Kimi K2.7" },
+        { id: "qwen/qwen3.7-max", label: "Qwen 3.7" },
+        { id: "z-ai/glm-5.2", label: "Z.ai - GLM 5.2" },
+      ];
+      const PROMPTS = {
+        code: "Implement merge_intervals(intervals: Array<[number, number]>) in TypeScript. Return sorted, non-overlapping intervals. Merge touching intervals, reject invalid ranges, handle empty input and negative values, and include concise tests.",
+        audit:
+          "Audit this reasoning: 'Our competitor lowered prices this quarter, therefore their infrastructure must be cheaper to operate and we should immediately match their price.' Identify the fallacies, missing evidence, business risks, and a corrected decision process.",
+        json:
+          "Extract this invoice into strict JSON only: Invoice INV-2026-0710, issued by Northwind Hosting SAS to FPLC SAS, 10 Place Vendome, Paris. Date 2026-07-10. Due 2026-07-25. Lines: H200 GPU hosting, quantity 42 hours, unit price 18.50 EUR; Sovereign inference support, quantity 1, unit price 690 EUR. VAT rate 20%. Return invoice_number, supplier, customer, dates, line_items, subtotal_eur, vat_eur, total_eur.",
+        reasoning:
+          "Two trains leave at the same time. Train A leaves Paris for Lyon at 300 km/h. Train B leaves Lyon for Paris at 220 km/h. The rail distance is 465 km. After 18 minutes, Train A slows to 250 km/h because of traffic. At what time after departure do the trains meet? Show the calculation clearly.",
+      };
+      const TERRAIN_LABELS = {
+        code: "CODE",
+        audit: "ANALYSIS",
+        json: "STRUCTURE",
+        reasoning: "REASONING",
+      };
+      const state = {
+        sovapi: null,
+        challenger: null,
+        duelId: null,
+      };
+
+      const qs = (selector) => document.querySelector(selector);
+
+      function randomDuelId() {
+        if (globalThis.crypto && typeof globalThis.crypto.randomUUID === "function") {
+          return globalThis.crypto.randomUUID();
+        }
+        return `duel-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+      }
+
+      function setTheme(nextTheme, persist = true) {
+        const normalizedTheme = nextTheme === "dark" ? "dark" : "light";
+        document.documentElement.dataset.theme = normalizedTheme;
+        qs("#themeButton").textContent = normalizedTheme === "dark" ? "Light mode" : "Dark mode";
+        if (!persist) return;
+        try {
+          localStorage.setItem(THEME_KEY, normalizedTheme);
+        } catch (_error) {
+          // Keep the toggle functional when storage is unavailable.
+        }
+      }
+
+      setTheme(document.documentElement.dataset.theme, false);
+
+      qs("#themeButton").addEventListener("click", () => {
+        const current = document.documentElement.dataset.theme;
+        setTheme(current === "dark" ? "light" : "dark");
+      });
+
+      function sleep(ms) {
+        return new Promise((resolve) => setTimeout(resolve, ms));
+      }
+
+      function shouldUseMobileSafeMode() {
+        const userAgent = navigator.userAgent || "";
+        const coarsePointer = window.matchMedia?.("(pointer: coarse)")?.matches || false;
+        return /iPhone|iPad|iPod|Android|Mobile/.test(userAgent) || coarsePointer;
+      }
+
+      function requestTimeoutMs() {
+        return shouldUseMobileSafeMode() ? MOBILE_REQUEST_TIMEOUT_MS : DESKTOP_REQUEST_TIMEOUT_MS;
+      }
+
+      function retryDelaysMs() {
+        return shouldUseMobileSafeMode() ? MOBILE_RETRY_DELAYS_MS : DESKTOP_RETRY_DELAYS_MS;
+      }
+
+      function isRetryableStatus(status) {
+        return status === 408 || status === 425 || status === 429 || status >= 500;
+      }
+
+      function annotateChallengeError(error, details = {}) {
+        error.code = details.code || "challenge_unavailable";
+        error.publicMessage = details.publicMessage || "";
+        error.retryAfterSeconds = details.retryAfterSeconds || null;
+        return error;
+      }
+
+      function retryableError(message, details = {}) {
+        const error = new Error(message);
+        error.retryable = true;
+        return annotateChallengeError(error, details);
+      }
+
+      function nonRetryableError(message, details = {}) {
+        const error = new Error(message);
+        error.retryable = false;
+        return annotateChallengeError(error, details);
+      }
+
+      function shouldRetryError(error) {
+        return error?.retryable !== false;
+      }
+
+      function retryAfterCopy(rawSeconds) {
+        const seconds = Number(rawSeconds);
+        if (!Number.isFinite(seconds) || seconds <= 0) return "later";
+        if (seconds < 120) return `in about ${Math.ceil(seconds)} seconds`;
+        if (seconds < 7200) return `in about ${Math.ceil(seconds / 60)} minutes`;
+        return `in about ${Math.ceil(seconds / 3600)} hours`;
+      }
+
+      function challengeFailureCopy(side, code, retryAfterSeconds) {
+        if (
+          code === "challenge_duel_token_limit_exceeded" ||
+          code === "challenge_token_limit_exceeded"
+        ) {
+          return "This duel has reached its 30,000-token Challenger limit. Start a new duel to continue.";
+        }
+        if (
+          code === "challenge_daily_ip_limit_exceeded" ||
+          code === "challenge_request_limit_exceeded"
+        ) {
+          return `This network has reached its daily Challenger duel limit. Please retry ${retryAfterCopy(retryAfterSeconds)}.`;
+        }
+        if (code === "challenge_global_daily_limit_exceeded") {
+          return `Today's public Challenger capacity has been reached. Please retry ${retryAfterCopy(retryAfterSeconds)}.`;
+        }
+        if (code === "challenge_provider_rate_limited") {
+          return "The Challenger provider is temporarily rate-limited. Please retry shortly.";
+        }
+        if (
+          code === "openrouter_not_configured" ||
+          code === "challenge_provider_auth_failed" ||
+          code === "challenge_provider_credit_exhausted"
+        ) {
+          return "The Challenger service is temporarily unavailable. The server-side provider configuration is being checked.";
+        }
+        if (side === "challenger") {
+          return "The Challenger provider is temporarily unavailable. Please retry shortly.";
+        }
+        return "SovAPI is temporarily unavailable. Please retry shortly.";
+      }
+
+      async function challengeResponseError(response, side) {
+        let payload = {};
+        try {
+          payload = await response.json();
+        } catch (_error) {
+          // Preserve a sanitized HTTP fallback when an intermediary returns non-JSON.
+        }
+        const code = payload?.error?.code || `challenge_http_${response.status}`;
+        const retryAfterSeconds = Number(response.headers.get("retry-after")) || null;
+        const details = {
+          code,
+          retryAfterSeconds,
+          publicMessage: challengeFailureCopy(side, code, retryAfterSeconds),
+        };
+        const message = `Challenge ${side} failed with ${response.status} (${code})`;
+        const retryable = isRetryableStatus(response.status) && response.status !== 429;
+        return retryable ? retryableError(message, details) : nonRetryableError(message, details);
+      }
+
+      function challengeEventError(side, payload) {
+        const code = payload?.code || "challenge_upstream_interrupted";
+        const retryAfterSeconds = Number(payload?.retry_after_seconds) || null;
+        const details = {
+          code,
+          retryAfterSeconds,
+          publicMessage: challengeFailureCopy(side, code, retryAfterSeconds),
+        };
+        const message = payload?.message || "Challenge upstream stream was interrupted";
+        return payload?.retryable === false
+          ? nonRetryableError(message, details)
+          : retryableError(message, details);
+      }
+
+      function rejectedRunCopy(side, error) {
+        return error?.publicMessage || challengeFailureCopy(side, error?.code, error?.retryAfterSeconds);
+      }
+
+      async function fetchWithTimeout(url, options = {}) {
+        const controller = new AbortController();
+        const timeout = setTimeout(() => controller.abort(), requestTimeoutMs());
+        try {
+          return await fetch(url, {
+            cache: "no-store",
+            credentials: "omit",
+            mode: "cors",
+            ...options,
+            signal: controller.signal,
+          });
+        } finally {
+          clearTimeout(timeout);
+        }
+      }
+
+      async function fetchJsonFromApiBases(path) {
+        let lastError;
+        for (const base of API_BASES) {
+          try {
+            const response = await fetchWithTimeout(`${base}${path}`, {
+              headers: { Accept: "application/json" },
+            });
+            if (!response.ok) {
+              throw isRetryableStatus(response.status)
+                ? retryableError(`GET ${path} failed with ${response.status}`)
+                : nonRetryableError(`GET ${path} failed with ${response.status}`);
+            }
+            return await response.json();
+          } catch (error) {
+            lastError = error;
+            if (!shouldRetryError(error)) break;
+          }
+        }
+        throw lastError || new Error(`GET ${path} failed`);
+      }
+
+      function selectTab(tab) {
+        document.querySelectorAll(".tab[data-tab]").forEach((item) => {
+          item.setAttribute("aria-selected", String(item.dataset.tab === tab));
+        });
+        document.querySelectorAll(".view[id^='view-']").forEach((view) => {
+          view.hidden = view.id !== `view-${tab}`;
+        });
+        const target = qs(`#view-${tab}`) || qs("#view-defi");
+        target.scrollIntoView({ block: "start", behavior: "smooth" });
+      }
+
+      document.querySelectorAll(".tab[data-tab]").forEach((button) => {
+        button.addEventListener("click", () => {
+          selectTab(button.dataset.tab);
+        });
+      });
+
+      document.querySelectorAll("[data-nav-tab]").forEach((button) => {
+        button.addEventListener("click", () => {
+          selectTab(button.dataset.navTab);
+        });
+      });
+
+      function selectTerrain(terrain) {
+        const selectedTerrain = PROMPTS[terrain] ? terrain : "code";
+        qs("#terrain").value = selectedTerrain;
+        document.querySelectorAll(".terrain-button").forEach((item) => {
+          item.setAttribute("aria-pressed", String(item.dataset.terrain === selectedTerrain));
+        });
+        qs("#prompt").value = PROMPTS[selectedTerrain];
+        qs("#sovapiLaneTitle").textContent = activeLaneTitle(selectedTerrain);
+      }
+
+      function activeLaneTitle(terrain = qs("#terrain").value) {
+        return `SOVAPI ${TERRAIN_LABELS[terrain] || TERRAIN_LABELS.code}`;
+      }
+
+      function activeShareModelName(terrain = qs("#terrain").value) {
+        const label = TERRAIN_LABELS[terrain] || TERRAIN_LABELS.code;
+        return `SovAPI ${label.charAt(0)}${label.slice(1).toLowerCase()}`;
+      }
+
+      document.querySelectorAll(".terrain-button").forEach((button) => {
+        button.addEventListener("click", () => selectTerrain(button.dataset.terrain));
+      });
+
+      window.addEventListener("pageshow", () => selectTerrain(qs("#terrain").value));
+
+      async function loadModels() {
+        const select = qs("#challenger");
+        try {
+          const payload = await fetchJsonFromApiBases("/v1/challenge/models");
+          const models = Array.isArray(payload.data) ? payload.data : [];
+          if (!models.length) throw new Error("empty catalogue");
+          select.replaceChildren(...challengerOptions(models));
+          select.value = DEFAULT_CHALLENGER_MODEL;
+        } catch (_error) {
+          select.replaceChildren(...challengerOptions([]));
+          select.value = DEFAULT_CHALLENGER_MODEL;
+        }
+      }
+
+      function challengerOptions(models) {
+        return CURATED_CHALLENGERS.map((challenger) => {
+          const model = models.find((item) => item.id === challenger.id);
+          const option = document.createElement("option");
+          option.value = model?.id || challenger.id;
+          option.textContent = challenger.label;
+          return option;
+        });
+      }
+
+      function resetRun() {
+        state.sovapi = null;
+        state.challenger = null;
+        qs("#sovapiOutput").textContent = "";
+        qs("#challengerOutput").textContent = "";
+        qs("#sovapiMetrics").replaceChildren();
+        qs("#challengerMetrics").replaceChildren();
+        qs("#verdict").textContent = "Live run in progress.";
+        qs("#shareButton").disabled = true;
+        qs("#quotaText").textContent = "30,000 Challenger tokens available for this duel.";
+      }
+
+      function metric(label, value) {
+        const node = document.createElement("div");
+        const labelNode = document.createElement("span");
+        const valueNode = document.createElement("strong");
+        node.className = "metric";
+        labelNode.textContent = label;
+        valueNode.textContent = value;
+        node.append(labelNode, valueNode);
+        return node;
+      }
+
+      function renderMetrics(target, metrics) {
+        const node = qs(target);
+        const rows = [
+          metric("Live model", metrics.model || "--"),
+          metric("Live TTFT", formatMs(metrics.time_to_first_token_ms)),
+          metric("Live latency", formatMs(metrics.latency_ms)),
+          metric("Live tokens/s", formatNumber(metrics.tokens_per_second)),
+          metric(
+            "Live tokens in/out",
+            `${formatNumber(metrics.input_tokens)}/${formatNumber(metrics.output_tokens)}`,
+          ),
+          metric("Finish reason", metrics.finish_reason || "--"),
+          metric("Live cost", formatCost(metrics.cost_eur)),
+        ];
+        if (metrics.gpu_ms !== undefined) {
+          rows.push(metric("GPU", formatMs(metrics.gpu_ms)));
+          rows.push(metric("Network", formatMs(metrics.network_ms)));
+        }
+        node.replaceChildren(...rows);
+      }
+
+      function formatNumber(value) {
+        if (value === null || value === undefined) return "--";
+        return Number(value).toLocaleString("en-US", { maximumFractionDigits: 2 });
+      }
+
+      function formatMs(value) {
+        if (value === null || value === undefined) return "--";
+        return `${Math.round(value)} ms`;
+      }
+
+      function formatCost(value) {
+        if (value === null || value === undefined) return "--";
+        return `${Number(value).toFixed(6)} EUR`;
+      }
+
+      function formatSeconds(value) {
+        if (value === null || value === undefined) return "--";
+        return `${(Number(value) / 1000).toFixed(2)} s`;
+      }
+
+      function formatRatio(value) {
+        if (!Number.isFinite(value) || value <= 0) return "";
+        return value >= 10 ? value.toFixed(0) : value.toFixed(1);
+      }
+
+      function ratioPhrase(sovValue, challengerValue, betterWord, worseWord, equalPhrase, unavailablePhrase) {
+        const sov = Number(sovValue);
+        const challenger = Number(challengerValue);
+        if (!Number.isFinite(sov) || !Number.isFinite(challenger)) {
+          return unavailablePhrase;
+        }
+        if (sov === challenger) return equalPhrase;
+        const sovWins = sov < challenger;
+        if (sov <= 0 || challenger <= 0) return sovWins ? betterWord : worseWord;
+        const ratio = sovWins ? challenger / sov : sov / challenger;
+        return `${formatRatio(ratio)}x ${sovWins ? betterWord : worseWord}`.trim();
+      }
+
+      function comparisonSummary() {
+        if (!state.sovapi || !state.challenger) {
+          return {
+            headline: "Live duel pending",
+            ttft: "TTFT pending",
+            detail: "Run both sides to generate a shareable result.",
+          };
+        }
+        const speed = ratioPhrase(
+          state.sovapi.latency_ms,
+          state.challenger.latency_ms,
+          "faster",
+          "slower",
+          "same speed",
+          "speed unavailable",
+        );
+        const cost = ratioPhrase(
+          state.sovapi.cost_eur,
+          state.challenger.cost_eur,
+          "cheaper",
+          "more expensive",
+          "same cost",
+          "cost unavailable",
+        );
+        const ttft = ratioPhrase(
+          state.sovapi.time_to_first_token_ms,
+          state.challenger.time_to_first_token_ms,
+          "faster",
+          "slower",
+          "same speed",
+          "unavailable",
+        );
+        return {
+          headline: `SovAPI ${speed} - ${cost}`,
+          ttft: `TTFT ${ttft}`,
+          detail: "Measured from live API responses for this exact prompt.",
+        };
+      }
+
+      function renderLiveVerdict(summary) {
+        const headline = document.createElement("strong");
+        const ttft = document.createElement("span");
+        const detail = document.createElement("small");
+        headline.textContent = summary.headline;
+        ttft.textContent = summary.ttft;
+        detail.textContent = summary.detail;
+        qs("#verdict").replaceChildren(headline, ttft, detail);
+      }
+
+      function updateVerdict() {
+        if (!state.sovapi || !state.challenger) {
+          if (state.sovapi) {
+            qs("#verdict").textContent =
+              "SovAPI run complete. Waiting for challenger metrics before sharing the result.";
+          }
+          qs("#shareButton").disabled = true;
+          return;
+        }
+        renderLiveVerdict(comparisonSummary());
+        qs("#shareButton").disabled = false;
+      }
+
+      function shouldUseBufferedSse() {
+        const userAgent = navigator.userAgent || "";
+        const isIphone = /iPhone|iPod/.test(userAgent);
+        const isWebKit = /Safari/.test(userAgent) && !/Chrome|CriOS|FxiOS|Edg|OPR/.test(userAgent);
+        return isIphone && isWebKit;
+      }
+
+      function markSideRetrying(side, attempt, base) {
+        const output = side === "sovapi" ? qs("#sovapiOutput") : qs("#challengerOutput");
+        const metrics = side === "sovapi" ? qs("#sovapiMetrics") : qs("#challengerMetrics");
+        output.textContent = `Mobile network retry ${attempt} in progress.`;
+        metrics.replaceChildren(metric("Status", "Retrying"), metric("Endpoint", base.replace("https://", "")));
+      }
+
+      function resetSideBeforeRetry(side) {
+        const output = side === "sovapi" ? qs("#sovapiOutput") : qs("#challengerOutput");
+        const metrics = side === "sovapi" ? qs("#sovapiMetrics") : qs("#challengerMetrics");
+        output.textContent = "";
+        metrics.replaceChildren();
+        state[side] = null;
+      }
+
+      async function runSide(side) {
+        if (!state.duelId) {
+          throw nonRetryableError("Duel identifier is not initialized");
+        }
+        const body = {
+          side,
+          terrain: qs("#terrain").value,
+          prompt: qs("#prompt").value,
+          // The legacy API field carries a fresh duel id, not a browser session id.
+          session_id: state.duelId,
+          challenger_model: qs("#challenger").value,
+        };
+        const delays = retryDelaysMs();
+        let lastError;
+        for (let attemptIndex = 0; attemptIndex < delays.length; attemptIndex += 1) {
+          if (delays[attemptIndex] > 0) await sleep(delays[attemptIndex]);
+          for (const base of API_BASES) {
+            try {
+              if (attemptIndex > 0) {
+                resetSideBeforeRetry(side);
+                markSideRetrying(side, attemptIndex + 1, base);
+              }
+              await runSideAttempt(side, body, base);
+              return;
+            } catch (error) {
+              lastError = error;
+              if (!shouldRetryError(error)) throw error;
+            }
+          }
+        }
+        throw lastError || new Error(`Challenge ${side} failed`);
+      }
+
+      async function runSideAttempt(side, body, base) {
+        const response = await fetchWithTimeout(`${base}/v1/challenge`, {
+          method: "POST",
+          headers: {
+            Accept: "text/event-stream",
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(body),
+        });
+        if (!response.ok) {
+          throw await challengeResponseError(response, side);
+        }
+        if (shouldUseBufferedSse() || !response.body || typeof response.body.getReader !== "function") {
+          consumeSseText(side, await response.text(), true);
+          if (!state[side]) throw retryableError(`Challenge ${side} completed without metrics`);
+          return;
+        }
+        const reader = response.body.getReader();
+        const decoder = new TextDecoder();
+        let buffer = "";
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+          buffer = consumeSseText(side, buffer + decoder.decode(value, { stream: true }));
+        }
+        const trailing = decoder.decode();
+        consumeSseText(side, buffer + trailing, true);
+        if (!state[side]) throw retryableError(`Challenge ${side} completed without metrics`);
+      }
+
+      function consumeSseText(side, text, flush = false) {
+        const parts = text.replace(/\r\n/g, "\n").split("\n\n");
+        const events = flush ? parts : parts.slice(0, -1);
+        events.forEach((eventText) => handleEvent(side, eventText));
+        return flush ? "" : parts[parts.length - 1] || "";
+      }
+
+      function markSideUnavailable(side, message) {
+        const output = side === "sovapi" ? qs("#sovapiOutput") : qs("#challengerOutput");
+        const metrics = side === "sovapi" ? qs("#sovapiMetrics") : qs("#challengerMetrics");
+        output.textContent = message;
+        metrics.replaceChildren(metric("Status", "Unavailable"));
+        if (side === "challenger") {
+          state.challenger = null;
+        } else {
+          state.sovapi = null;
+        }
+      }
+
+      function handleEvent(side, eventText) {
+        if (eventText.includes("data: [DONE]")) return;
+        const eventLine = eventText.split("\n").find((line) => line.startsWith("event:"));
+        const eventName = eventLine?.replace("event:", "").trim() || "message";
+        const dataLine = eventText.split("\n").find((line) => line.startsWith("data:"));
+        if (!dataLine) return;
+        let payload;
+        try {
+          payload = JSON.parse(dataLine.replace("data:", "").trim());
+        } catch (_error) {
+          return;
+        }
+        if (eventName === "challenge.error") {
+          throw challengeEventError(side, payload);
+        }
+        if (eventName === "challenge.metrics") {
+          state[side] = payload;
+          renderMetrics(side === "sovapi" ? "#sovapiMetrics" : "#challengerMetrics", payload);
+          if (side === "challenger") {
+            qs("#quotaText").textContent = `${formatNumber(payload.remaining_tokens)} Challenger tokens left in this duel.`;
+          }
+          updateVerdict();
+          return;
+        }
+        const output = side === "sovapi" ? qs("#sovapiOutput") : qs("#challengerOutput");
+        output.textContent += payload.delta || "";
+      }
+
+      async function settleRun(promise) {
+        try {
+          await promise;
+          return { status: "fulfilled" };
+        } catch (reason) {
+          return { status: "rejected", reason };
+        }
+      }
+
+      qs("#runButton").addEventListener("click", async () => {
+        state.duelId = randomDuelId();
+        resetRun();
+        const selectedOption = qs("#challenger").selectedOptions[0];
+        qs("#challengerBadge").textContent = selectedOption?.textContent || "openrouter";
+        qs("#runButton").disabled = true;
+        try {
+          const results = shouldUseMobileSafeMode()
+            ? [await settleRun(runSide("sovapi")), await settleRun(runSide("challenger"))]
+            : await Promise.allSettled([runSide("sovapi"), runSide("challenger")]);
+          if (results[0].status === "rejected") {
+            markSideUnavailable("sovapi", rejectedRunCopy("sovapi", results[0].reason));
+          }
+          if (results[1].status === "rejected") {
+            markSideUnavailable("challenger", rejectedRunCopy("challenger", results[1].reason));
+          }
+          updateVerdict();
+        } finally {
+          qs("#runButton").disabled = false;
+        }
+      });
+
+      qs("#newButton").addEventListener("click", () => {
+        state.duelId = null;
+        qs("#sovapiOutput").textContent = "";
+        qs("#challengerOutput").textContent = "";
+        qs("#sovapiMetrics").replaceChildren();
+        qs("#challengerMetrics").replaceChildren();
+        qs("#verdict").textContent =
+          "The live verdict appears after both measured runs complete.";
+        qs("#shareButton").disabled = true;
+        qs("#quotaText").textContent = "Challenger cap: 30,000 tokens per duel.";
+      });
+
+      qs("#shareButton").addEventListener("click", async () => {
+        if (!state.sovapi || !state.challenger) return;
+        const canvas = qs("#shareCanvas");
+        drawShareCard(canvas);
+        const blob = await canvasToBlob(canvas);
+        if (!blob) return;
+        const file = new File([blob], "sovapi-arena-result.png", { type: "image/png" });
+        const shareData = {
+          title: "SOVINFRA | SOVEREIGN",
+          text: `${comparisonSummary().headline}. ${comparisonSummary().ttft}.`,
+          files: [file],
+        };
+        if (navigator.canShare?.(shareData) && navigator.share) {
+          try {
+            await navigator.share(shareData);
+            return;
+          } catch (error) {
+            if (error instanceof DOMException && error.name === "AbortError") return;
+          }
+        }
+        downloadBlob(blob, "sovapi-arena-result.png");
+      });
+
+      function drawShareCard(canvas) {
+        canvas.width = SHARE_CARD_WIDTH;
+        canvas.height = SHARE_CARD_HEIGHT;
+        const context = canvas.getContext("2d");
+        if (!context) return;
+        const styles = getComputedStyle(document.documentElement);
+        const paper = styles.getPropertyValue("--paper").trim() || "#f3eadc";
+        const panel = styles.getPropertyValue("--panel").trim() || "#fff8ec";
+        const ink = styles.getPropertyValue("--ink").trim() || "#15110d";
+        const muted = styles.getPropertyValue("--muted").trim() || "#6f6255";
+        const orange = styles.getPropertyValue("--orange").trim() || "#ff5a1f";
+        const shareModelName = activeShareModelName();
+        context.fillStyle = paper;
+        context.fillRect(0, 0, canvas.width, canvas.height);
+        context.save();
+        context.beginPath();
+        context.rect(
+          SHARE_SAFE_MARGIN,
+          SHARE_SAFE_MARGIN,
+          canvas.width - SHARE_SAFE_MARGIN * 2,
+          canvas.height - SHARE_SAFE_MARGIN * 2,
+        );
+        context.clip();
+        drawFrame(
+          context,
+          SHARE_CARD_LAYOUT.frame.x,
+          SHARE_CARD_LAYOUT.frame.y,
+          SHARE_CARD_LAYOUT.frame.width,
+          SHARE_CARD_LAYOUT.frame.height,
+          ink,
+        );
+        context.fillStyle = orange;
+        context.fillRect(96, 92, 220, 20);
+        context.fillStyle = ink;
+        context.font = "900 68px Arial, sans-serif";
+        context.fillText("SOVINFRA | SOVEREIGN", 96, 174, 1408);
+        context.font = "700 24px Arial, sans-serif";
+        context.fillStyle = muted;
+        context.fillText(
+          "Live model comparison - values read from real API responses",
+          96,
+          216,
+          1408,
+        );
+
+        drawMetricsTable(
+          context,
+          SHARE_CARD_LAYOUT.table.leftX,
+          SHARE_CARD_LAYOUT.table.y,
+          SHARE_CARD_LAYOUT.table.width,
+          SHARE_CARD_LAYOUT.table.height,
+          "SovAPI",
+          state.sovapi,
+          panel,
+          ink,
+          muted,
+          orange,
+          shareModelName,
+        );
+        drawMetricsTable(
+          context,
+          SHARE_CARD_LAYOUT.table.rightX,
+          SHARE_CARD_LAYOUT.table.y,
+          SHARE_CARD_LAYOUT.table.width,
+          SHARE_CARD_LAYOUT.table.height,
+          qs("#challenger").selectedOptions[0]?.textContent || "Challenger",
+          state.challenger,
+          panel,
+          ink,
+          muted,
+          orange,
+        );
+        context.strokeStyle = orange;
+        context.lineWidth = 3;
+        context.strokeRect(
+          SHARE_CARD_LAYOUT.verdict.x,
+          SHARE_CARD_LAYOUT.verdict.y,
+          SHARE_CARD_LAYOUT.verdict.width,
+          SHARE_CARD_LAYOUT.verdict.height,
+        );
+        const summary = comparisonSummary();
+        context.fillStyle = ink;
+        context.font = "900 40px Arial, sans-serif";
+        context.textAlign = "center";
+        context.fillText(summary.headline, 800, 650, 1280);
+        context.fillStyle = orange;
+        context.font = "900 28px Arial, sans-serif";
+        context.fillText(summary.ttft, 800, 704, 1280);
+        context.fillStyle = muted;
+        context.font = "20px Arial, sans-serif";
+        context.fillText("arena.sovinfra.ai \u00b7 sovereign inference", 800, 810, 1280);
+        context.restore();
+      }
+
+      function drawFrame(context, x, y, width, height, color) {
+        context.strokeStyle = color;
+        context.lineWidth = 3;
+        context.strokeRect(x, y, width, height);
+      }
+
+      function drawMetricsTable(
+        context,
+        x,
+        y,
+        width,
+        height,
+        title,
+        metrics,
+        panel,
+        ink,
+        muted,
+        orange,
+        sharedModelName = null,
+      ) {
+        context.fillStyle = panel;
+        context.fillRect(x, y, width, height);
+        context.strokeStyle = ink;
+        context.lineWidth = 2;
+        context.strokeRect(x, y, width, height);
+        context.fillStyle = ink;
+        context.font = "900 30px Arial, sans-serif";
+        context.fillText(title, x + 24, y + 48, width - 48);
+        const rows = [
+          ["Model", sharedModelName || metrics?.model || "--"],
+          ["TTFT", formatMs(metrics?.time_to_first_token_ms)],
+          ["Throughput", `${formatNumber(metrics?.tokens_per_second)} tok/s`],
+          ["Tokens", `${formatNumber(metrics?.input_tokens)} in / ${formatNumber(metrics?.output_tokens)} out`],
+          ["Cost", formatCost(metrics?.cost_eur)],
+          ["Total time", formatSeconds(metrics?.latency_ms)],
+        ];
+        context.font = "700 21px Arial, sans-serif";
+        rows.forEach(([label, value], index) => {
+          const rowY = y + 88 + index * 36;
+          context.fillStyle = index % 2 === 0 ? "rgba(255, 90, 31, 0.08)" : "rgba(255, 255, 255, 0)";
+          context.fillRect(x + 16, rowY - 25, width - 32, 32);
+          context.fillStyle = muted;
+          context.fillText(label.toUpperCase(), x + 28, rowY, 180);
+          context.fillStyle = label === "Cost" ? orange : ink;
+          context.fillText(value, x + 230, rowY, width - 262);
+        });
+      }
+
+      function canvasToBlob(canvas) {
+        return new Promise((resolve) => {
+          if (canvas.toBlob) {
+            canvas.toBlob(resolve, "image/png");
+            return;
+          }
+          const dataUrl = canvas.toDataURL("image/png");
+          const parts = dataUrl.split(",");
+          const binary = atob(parts[1]);
+          const bytes = new Uint8Array(binary.length);
+          for (let index = 0; index < binary.length; index += 1) {
+            bytes[index] = binary.charCodeAt(index);
+          }
+          resolve(new Blob([bytes], { type: "image/png" }));
+        });
+      }
+
+      function downloadBlob(blob, filename) {
+        const link = document.createElement("a");
+        link.href = URL.createObjectURL(blob);
+        link.download = filename;
+        link.click();
+        setTimeout(() => URL.revokeObjectURL(link.href), 1000);
+      }
+
+      async function refreshStatus() {
+        try {
+          const response = await fetch(STATUS_SUMMARY_URL, { cache: "no-store" });
+          if (!response.ok) throw new Error("status unavailable");
+          const payload = await response.json();
+          const status = payload.status || {};
+          const description =
+            typeof status === "string" ? status : status.description || "operational";
+          qs("#statusLabel").textContent = `sovereign infra - ${description}`;
+          qs("#statusDetail").textContent = payload.page?.updated_at
+            ? ` - updated ${new Date(payload.page.updated_at).toLocaleString("en-GB")}`
+            : "";
+        } catch (_error) {
+          qs("#statusLabel").textContent = "live status unavailable";
+          qs("#statusDetail").textContent = "";
+        }
+      }
+
+      loadModels();
+      refreshStatus();
+    </script>
+  </body>
+</html>

legal.html

@@ -0,0 +1,203 @@
+<!doctype html>
+<html lang="en" data-theme="light">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>SovAPI Legal Notice</title>
+    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%230b1620'/%3E%3Ctext x='16' y='22' font-size='18' text-anchor='middle' fill='%23ff7a1a' font-family='Arial'%3ES%3C/text%3E%3C/svg%3E" />
+    <style>
+      :root {
+        --paper: #f3eadc;
+        --panel: #fff8ec;
+        --ink: #15110d;
+        --muted: #6f6255;
+        --line: #201812;
+        --orange: #ff5a1f;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      body {
+        background: var(--paper);
+        color: var(--ink);
+        font-family: Inter, ui-sans-serif, system-ui, sans-serif;
+        line-height: 1.5;
+        margin: 0;
+      }
+      main {
+        margin: 0 auto;
+        max-width: 980px;
+        padding: 28px 18px 48px;
+      }
+      a {
+        color: inherit;
+        font-weight: 800;
+      }
+      .panel {
+        background: var(--panel);
+        border: 2px solid var(--line);
+        padding: 18px;
+      }
+      h1 {
+        font-size: clamp(42px, 11vw, 92px);
+        letter-spacing: 0;
+        line-height: 0.9;
+        margin: 0 0 18px;
+        text-transform: uppercase;
+      }
+      h2 {
+        border-top: 2px solid var(--line);
+        margin-top: 24px;
+        padding-top: 14px;
+        text-transform: uppercase;
+      }
+      dl {
+        display: grid;
+        gap: 10px;
+        grid-template-columns: minmax(160px, 240px) minmax(0, 1fr);
+      }
+      dt {
+        color: var(--muted);
+        font-weight: 800;
+        text-transform: uppercase;
+      }
+      dd {
+        margin: 0;
+      }
+      .kicker {
+        color: var(--orange);
+        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-weight: 900;
+        text-transform: uppercase;
+      }
+      .muted {
+        color: var(--muted);
+      }
+      @media (max-width: 700px) {
+        dl {
+          grid-template-columns: 1fr;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <p><a href="/">Back to SovAPI Arena</a></p>
+      <h1>Legal Notice</h1>
+      <section class="panel">
+        <p class="kicker">SovAPI Arena - legal information</p>
+        <h2>Publisher</h2>
+        <dl>
+          <dt>Company</dt>
+          <dd>FPLC SAS, operating the SovInfra and SovAPI services.</dd>
+          <dt>Registered office</dt>
+          <dd>10 Place Vendome, 75001 Paris, France.</dd>
+          <dt>Legal form</dt>
+          <dd>SAS, societe par actions simplifiee.</dd>
+          <dt>Share capital</dt>
+          <dd>168,000 EUR.</dd>
+          <dt>SIREN</dt>
+          <dd>934 780 917.</dd>
+          <dt>SIRET</dt>
+          <dd>934 780 917 00019.</dd>
+          <dt>RCS</dt>
+          <dd>Paris.</dd>
+          <dt>VAT number</dt>
+          <dd>FR13 934 780 917.</dd>
+          <dt>Publication director</dt>
+          <dd>Thierry Abimelech, Founder of SovInfra.</dd>
+          <dt>Contact</dt>
+          <dd><a href="mailto:contact@sovinfra.ai">contact@sovinfra.ai</a></dd>
+        </dl>
+
+        <h2>Service</h2>
+        <p>
+          SovAPI Arena is a public demonstration interface for SovAPI, an
+          OpenAI-compatible, modeless inference API. The Arena compares a live SovAPI
+          route with a selected challenger model and displays latency, throughput,
+          token usage and cost data returned by the live API responses.
+        </p>
+
+        <h2>Hosting</h2>
+        <p>
+          The Arena and the SovAPI gateway are hosted on SovInfra-controlled European
+          infrastructure. Public API traffic targets <code>https://api.sovinfra.ai/v1</code>.
+          Provider and gateway secrets are held server-side and are not embedded in browser
+          assets.
+        </p>
+
+        <h2>Intellectual property</h2>
+        <p>
+          SovInfra, SovAPI, the Arena interface, documentation, software and visual identity
+          are protected by applicable intellectual-property law. Third-party model names and
+          trademarks belong to their respective owners.
+        </p>
+
+        <h2>Personal data and GDPR</h2>
+        <p>
+          <strong>Data controller.</strong> FPLC SAS, 10 Place Vendome, 75001 Paris, France,
+          operates SovAPI Arena and acts as data controller for the processing described in
+          this notice. Privacy requests can be sent to
+          <a href="mailto:legal@sovinfra.eu">legal@sovinfra.eu</a>.
+        </p>
+        <p>
+          <strong>Data processed and purposes.</strong> To run a duel, the Arena transiently
+          processes the prompt and generated outputs, a pseudonymous browser session identifier,
+          token and request counters, and a one-way technical fingerprint derived from the IP
+          address and user-agent. These data are used only to provide the requested comparison,
+          calculate live metrics, enforce public-demo quotas, prevent abuse and secure the
+          service. The Arena does not use advertising or analytics trackers.
+        </p>
+        <p>
+          <strong>Legal basis.</strong> This processing is based on FPLC SAS's legitimate
+          interests in operating, measuring and securing its public demonstration service under
+          Article 6(1)(f) GDPR, and on compliance with legal obligations where applicable.
+          Providing a prompt is optional, but a prompt is required to run a duel.
+        </p>
+        <p>
+          <strong>Recipients and challenger providers.</strong> Data are available only to
+          authorised SovInfra personnel and technical providers where necessary to operate the
+          service. The SovAPI side is processed through SovInfra-controlled European
+          infrastructure. For the challenger side, the prompt is transmitted through OpenRouter
+          to the selected third-party model provider. That provider may process data outside the
+          European Economic Area, depending on the selected model and provider. Before using a
+          challenger, review the
+          <a href="https://openrouter.ai/privacy" rel="noopener noreferrer" target="_blank"
+            >OpenRouter privacy policy</a
+          >
+          and the selected provider's data practices.
+        </p>
+        <p>
+          <strong>Retention and local storage.</strong> The Arena application does not persist
+          prompts or generated outputs in its application database or production logs. The
+          pseudonymous session quota record expires after no more than 24 hours, and the
+          client-rate fingerprint expires after no more than one hour. The browser stores a
+          random session identifier and the selected theme in local storage until the user clears
+          site data. The Arena does not set advertising cookies.
+        </p>
+        <p>
+          <strong>Your rights.</strong> Subject to the conditions of the GDPR, you may request
+          access, rectification, erasure, restriction or portability of your personal data, and
+          object to its processing, by contacting
+          <a href="mailto:legal@sovinfra.eu">legal@sovinfra.eu</a>. FPLC SAS will respond without
+          undue delay and within one month. This period may be extended by up to two further
+          months for a complex request, in which case you will be informed within the first
+          month. If you believe your rights have not been respected, you may lodge a complaint
+          with the
+          <a
+            href="https://www.cnil.fr/fr/adresser-une-plainte"
+            rel="noopener noreferrer"
+            target="_blank"
+            >French Data Protection Authority (CNIL)</a
+          >.
+        </p>
+        <p>
+          The public Arena is intended for demonstration use. Do not submit confidential,
+          sensitive, regulated or third-party personal data in prompts.
+        </p>
+
+        <p class="muted">Last updated: July 2026.</p>
+      </section>
+    </main>
+  </body>
+</html>

requirements.txt

@@ -0,0 +1,2 @@
+fastapi>=0.137,<0.138
+uvicorn[standard]>=0.32,<1.0

terms.html

@@ -0,0 +1,171 @@
+<!doctype html>
+<html lang="en" data-theme="light">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>SovAPI Terms</title>
+    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%230b1620'/%3E%3Ctext x='16' y='22' font-size='18' text-anchor='middle' fill='%23ff7a1a' font-family='Arial'%3ES%3C/text%3E%3C/svg%3E" />
+    <style>
+      :root {
+        --paper: #f3eadc;
+        --panel: #fff8ec;
+        --ink: #15110d;
+        --muted: #6f6255;
+        --line: #201812;
+        --orange: #ff5a1f;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      body {
+        background: var(--paper);
+        color: var(--ink);
+        font-family: Inter, ui-sans-serif, system-ui, sans-serif;
+        line-height: 1.5;
+        margin: 0;
+      }
+      main {
+        margin: 0 auto;
+        max-width: 980px;
+        padding: 28px 18px 48px;
+      }
+      a {
+        color: inherit;
+        font-weight: 800;
+      }
+      .panel {
+        background: var(--panel);
+        border: 2px solid var(--line);
+        padding: 18px;
+      }
+      h1 {
+        font-size: clamp(42px, 11vw, 92px);
+        letter-spacing: 0;
+        line-height: 0.9;
+        margin: 0 0 18px;
+        text-transform: uppercase;
+      }
+      h2 {
+        border-top: 2px solid var(--line);
+        margin-top: 24px;
+        padding-top: 14px;
+        text-transform: uppercase;
+      }
+      .kicker {
+        color: var(--orange);
+        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+        font-weight: 900;
+        text-transform: uppercase;
+      }
+      .muted {
+        color: var(--muted);
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <p><a href="/">Back to SovAPI Arena</a></p>
+      <h1>Terms</h1>
+      <section class="panel">
+        <p class="kicker">SovAPI Arena terms of use</p>
+
+        <h2>1. Acceptance</h2>
+        <p>
+          By accessing SovAPI Arena, you agree to these terms. If you do not agree, do not
+          use the Arena or the SovAPI demonstration endpoints.
+        </p>
+
+        <h2>2. Service description</h2>
+        <p>
+          The Arena is a public demonstration of SovAPI modeless routing. It sends one prompt
+          to SovAPI and, when available, to a selected challenger through a server-side relay,
+          then displays live metrics returned by the APIs.
+        </p>
+
+        <h2>3. API access</h2>
+        <p>
+          Production API usage requires a SovAPI key issued through the SovInfra portal at
+          <a href="https://app.sovinfra.ai" rel="noopener noreferrer" target="_blank">app.sovinfra.ai</a>.
+          The public model alias is <code>sovapi</code> and the OpenAI-compatible base URL is
+          <code>https://api.sovinfra.ai/v1</code>.
+        </p>
+
+        <h2>4. Trial grant</h2>
+        <p>
+          Eligible developers may receive a trial grant of 100 M tokens. Trial availability,
+          duration and limits may be changed or withdrawn to protect the service from abuse.
+        </p>
+
+        <h2>5. Pricing</h2>
+        <p>
+          SovAPI token pricing displayed in the Arena is 0.13 EUR per million input tokens
+          and 0.26 EUR per million output tokens, unless a signed agreement states otherwise.
+          Challenger costs are read from the provider response when available.
+        </p>
+
+        <h2>6. Public-demo quota</h2>
+        <p>
+          Public challenge sessions are limited to 30,000 challenger tokens per browser
+          session. This limit protects the OpenRouter key used by the server-side relay.
+        </p>
+
+        <h2>7. Acceptable use</h2>
+        <p>
+          You must not use the Arena to submit illegal, harmful, confidential, sensitive,
+          regulated or third-party personal data. You must not attempt to bypass quotas,
+          extract secrets, disrupt the service or resell access without written permission.
+        </p>
+
+        <h2>8. Secrets and provider keys</h2>
+        <p>
+          SovAPI keys, OpenRouter keys, gateway credentials and provider secrets are held
+          server-side. They must not be exposed in browser code, public repositories or shared
+          screenshots.
+        </p>
+
+        <h2>9. Benchmark information</h2>
+        <p>
+          Arena metrics are measured on live requests and may vary with prompt length, provider
+          availability, network conditions, GPU placement and selected challenger model. Shared
+          result cards must be read as demonstrations, not guaranteed performance commitments.
+        </p>
+
+        <h2>10. Generated content</h2>
+        <p>
+          Outputs are generated by AI systems and may be incomplete, inaccurate or unsuitable
+          for production use without review. You remain responsible for validating any output
+          before using it.
+        </p>
+
+        <h2>11. Intellectual property</h2>
+        <p>
+          The SovAPI Arena interface, copy, software and brand assets remain the property of
+          FPLC SAS / SovInfra. Third-party model names and trademarks belong to their respective
+          owners.
+        </p>
+
+        <h2>12. Availability</h2>
+        <p>
+          The Arena is provided as a demonstration service. It may be modified, suspended or
+          unavailable during maintenance, infrastructure changes, provider incidents or abuse
+          mitigation.
+        </p>
+
+        <h2>13. Liability</h2>
+        <p>
+          To the maximum extent permitted by law, FPLC SAS / SovInfra is not liable for indirect
+          damages, loss of business, loss of data, provider outages or decisions made from
+          unverified AI outputs.
+        </p>
+
+        <h2>14. Governing law and contact</h2>
+        <p>
+          These terms are governed by French law and applicable European Union law. For legal
+          questions, contact <a href="mailto:legal@sovinfra.eu">legal@sovinfra.eu</a>.
+        </p>
+
+        <p class="muted">Last updated: July 2026.</p>
+      </section>
+    </main>
+  </body>
+</html>